@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
    transition: cursor 0s;
    font-family: "Fira Sans";
    font-style: normal;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
    background: url(../images/newestclearback.webp) no-repeat top;
    background-color: #3a3846;

    /*
    aspect-ratio: 2560 / 1544;
    */
    margin: 0;
    padding: 0 !important;
}

body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

body::-webkit-scrollbar-track {
    background: transparent;
}

.account_btn_dan {
    position: absolute;
    background: none;
    border: 1px solid #979797;
    box-shadow: 0;
    color: #979797;
    font-size: 14px;
    width: 123px;
    border-radius: 8px;
    height: 30px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
}

.lock_btn_dan {
    position: absolute;
    background: none;
    box-shadow: 0;
    font-size: 14px;
    width: 123px;
    border-radius: 8px;
    height: 55px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
}

.account_btn_dan:enabled:hover,
a.account_btn_dan:hover {
    border-color: #fff !important;
    color: #fff !important;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
[type="file"]:not(:disabled),
button:not(:disabled),
a,
.option,
#load-more {
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

@media (width >= 1921px) {
    body {
        background-size: 100%;
    }

    .modal-close {
        transform: translate(0%, -120%);
    }
}

input:focus,
textarea:focus {
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
}

#all-cont {
    min-width: 1200px;
    overflow: hidden;
}

.container {
    position: relative;
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}

#top {
    position: relative;
    height: 85px;
    background: url(../images/top_bg.png);

    /*    background: url(../images/top_bg_b.png) no-repeat top center;       */
    width: 100%;
}

/* Если нужен sticky header */
#top.sticky {
    position: sticky !important;
    z-index: 999;
    top: 0;
}

#top::after {
    content: "";
    position: absolute;
    z-index: 2;
    background: url(../images/line.png);
    top: 84px;
    width: 100%;
    height: 2px;
}

.top_menu,
.top_menu_entred {
    position: absolute;
    width: 100%;
    height: 85px;
    top: 0;
    left: 0;
}

.top_menu_entred_mobile,
.top_menu_mobile {
    display: none;
}

.top_menu a,
.top_menu_entred a,
#footer a.logo {
    text-decoration: none;
}

.top_menu::after,
.top_menu_entred::after {
    content: "";
    background: url(../images/top_light.png) no-repeat bottom center;
    width: 1139px;
    height: 32px;
    z-index: 2;
    position: absolute;
    top: 52px;
    left: 30px;
}

.top-brand.logo {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 5;
}

.top-brand.logo::after {
    color: #c1ac82;
    font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -17px;
    right: -6px;
    text-decoration: none;
}

.top-navbar-nav {
    position: absolute;
    display: flex;
    top: 31px;
    left: 385px;
    z-index: 5;
}

.top-navbar-nav2 {
    position: absolute;
    display: flex;
    top: 28px;
    right: 22px;
    z-index: 5;
}

.top-navbar-nav2 .top-nav-item {
    margin-right: 2px;
    margin-left: 4px;
}

.top_menu_entred .top-navbar-nav {
    left: 265px;
}

.top-nav-link,
.nav-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #c1ac82;
    transition: none;
    text-decoration: none;
}

.top-nav-item {
    position: relative;
    margin-right: 27px;
}

/************** Огонь при наведении в меню ***************

.nav-item a:hover,
.navbar-nav .nav-link.active {
    --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
    color: #b79632;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:visited {
    color: #b79632;
}

.nav-item a::before,
.nav-item a::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 50px;
    height: 50px;
    top: 0;
    left: 50%;
    margin-left: -25px;
}

.nav-item a::before {
    content: "";
    background-image: var(--glitter), var(--glitter),
        linear-gradient(0deg,
            white 0,
            #ff8951 5px,
            #dcbc169c 30%,
            transparent 70%),
        radial-gradient(ellipse at bottom, transparent 3%, black 50%);
    background-size: 800px 800px;
    background-blend-mode: hard-light, color-dodge, multiply;
    background-position: 0 0, 0 0, var(--gradientPos);
    background-repeat: repeat, repeat, repeat, no-repeat;
    mix-blend-mode: color-dodge;
    filter: brightness(3.7) blur(7px) contrast(6);
    animation: fire 5s linear infinite;
}

@keyframes fire {
    0% {
        background-position: center 0, center 0, 50% 100%, center center;
    }

    100% {
        background-position: center -500px, center -650px, 50% 100%, center center;
    }
}
*/

.top-nav-item a:hover,
.top-navbar-nav .top-nav-link.active,
.main_board_container .nav-item a,
.main_board_container .navbar-nav .nav-link {
    color: #fff;
}

.top-nav-item a:hover,
.top-navbar-nav .top-nav-link.active {
    color: #fff;
    text-shadow: 0px 0px 15px #c1ac82;
}

.sub-menu li a:hover {
    color: #c1ac82;
    position: relative;
    text-shadow: none;
}

.main_board_container .nav-item a:hover,
.main_board_container .navbar-nav .nav-link.active {
    color: #c1ac82;
}

.top_enter {
    position: absolute;
    top: 33px;
    right: 0;
    z-index: 5;
}

.top-nav-link i {
    font-style: normal;
    color: #fff;
}

.top_make_game {
    position: absolute;
    width: 136px;
    height: 30px;
    top: 28px;
    left: 981px;
    text-transform: uppercase;
    color: #fff;
    border-color: #6a223b;
    z-index: 5;
    line-height: 29px;
}

.top_menu_entred .top_make_game {
    left: 727px;
}

.top_menu .top_make_game:hover,
.top_menu_entred .top_make_game:hover {
    border-color: #6a223b !important;
    background-color: #6a223b;
}

.top-nav-link .top_name {
    color: #979797;
}

.top_make_game:hover {
    border: 1px solid #fff;
    color: #fff;
}

.top_money span {
    height: 30px;
    border: 1px solid #c1ac82;
    border-radius: 8px;
    display: inline-block;
    line-height: 29px;
    padding: 0 24px 0 7px;
}

.top_money span:hover {
    border: 1px solid #fff;
}

.top_ruble span {
    padding-right: 20px;
}

.top_ruble span::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 10px;
    top: 10px;
    right: 8px;
    background: url(../images/ruble_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.top_mana span::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 7px;
    right: 5px;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.top_icon {
    border: 1px solid #c1ac82;
    border-radius: 8px;
    padding: 1px 14px 10px;
}

.top_icon:hover {
    border: 1px solid #fff;
}

.password-block .top_icon_swith {
    background: url(../images/switch.png) no-repeat center center;
}

.top_icon_swith:hover {
    background: url(../images/switch_hover.png) no-repeat center center;
}

.top_icon_cristal::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 7px;
    background: url(../images/buttons/kingSprite3.png) no-repeat -313px 0;
    width: 16px;
    height: 19px;
}

.top_icon_cristal:hover::before {
    background: url(../images/buttons/kingSprite3.png) no-repeat -331px 0;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.top_icon_bell::before {
    animation: pulse 1.5s infinite;
}

.top_icon_bell.no-unread::before {
    display: none;
}

.notification.no-unread::before {
    display: none;
}

.notification.no-unread::after {
    display: none !important;
}

.nav-link:hover,
.nav-link:visited {
    color: #fff;
}

.top_icon_bell::before {
    content: "";
    background: #8f2b19;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
    top: 24px;
    left: 22px;
}

.top_icon_bell::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    transform: translate(-50%, -50%);
    background: url(../images/buttons/kingSprite3.png) no-repeat -89px 0;
    width: 12px;
    height: 16px;
}

.top_icon_bell:hover::after {
    background-position: -103px 0;
}

.sub-menu {
    position: absolute;
    display: none;
    width: 155px;
    height: 219px;
    background: url(../images/buttons/kingSprite3.png) -795px -252px;
    top: 30px;
    left: -124px;
    padding: 20px 0 0 0;
    z-index: 11;
}

.internal_menu li {
    position: relative;
}

.internal_menu .sub-menu {
    width: 138px;
    border: 1px solid #979797;
    border-top: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    left: 50%;
    margin-left: -69px;
    top: 62px;
    height: auto;
    background: #1c1920;
    padding: 0;
    z-index: 11;
    padding-bottom: 5px;
}

.internal_menu .sub-menu .nav-item::after {
    content: none;
}

.internal_menu .sub-menu::before {
    content: "";
    position: absolute;
    top: -18px;
    left: -1px;
    width: 139px;
    height: 18px;
    background: url(../images/buttons/kingSprite3.png) -117px 4px;
}

.sub-menu-link:focus ~ .sub-menu,
.sub-menu-link:active ~ .sub-menu,
.sub-menu:hover {
    display: block;
}

.sub-menu-link:focus {
    pointer-events: none;
}

.sub-menu li a {
    display: block;
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: center;
    text-transform: none;
    margin-bottom: 7px;
    padding: 0;
}

.sub-menu li a:visited,
.sub-menu li a:focus,
.sub-menu li a:active {
    color: #fff;
    text-decoration: none;
    background: transparent;
}

.sub-menu li a:hover,
.sub-menu li a:focus:hover {
    color: #c1ac82;
    position: relative;
}
.sub-menu li a:hover::after {
    content: "";
    position: absolute;
    background: url(../images/buttons/kingSprite3.png) 0 0;
    width: 30px;
    height: 2px;
    top: 24px;
    left: 54px;
}

.internal_menu ul .sub-menu li a:hover::after {
    top: 14px;
}

.internal_menu .sub-menu .nav-item {
    line-height: 6px;
    margin: 11px 0 6px;
}

.internal_menu .sub-menu li a:hover::after {
    top: 17px;
}

.top_money {
    color: #fff;
    font-size: 14px;
    text-shadow: none !important;
}

.online_ofline {
    color: #4da238;
    font-size: 16px;
    width: fit-content;
    line-height: 40px;
    padding: 0;
    text-align: right;
}

.online_ofline span {
    color: #92897a;
}

.online_ofline span {
    border-left: 2px solid #92897a;
    padding-left: 7px;
    margin-left: 4px;
}

.main_board_top_elem_serch {
    margin: 2px 0 0 -7px;
    padding-right: 3px;
}

.has-search .form-control {
    padding-left: 35px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    line-height: 40px;
    margin-left: 6px;
}

.form-control {
    border-radius: 8px;
    height: 40px;
}

.has-search {
    width: 100%;
}

.has-search input {
    width: 135px;
    height: 40px;
    transition: width 0.3s ease-in-out;
    padding-left: 39px;
}

.has-search input:focus {
    width: 100%;
    height: 40px;
}

.filter_btn {
    flex: 0;
    padding-left: 0;
}

#main_board .btn-primary:hover {
    background: url(../images/buttons/kingSprite3.png) -432px -129px;
}

.main_board_top_elem {
    position: relative;
    margin-top: 30px;
    height: 40px;
    padding: 0 12px 0 25px;
}

#main_board .navbar {
    margin: 12px 0;
}

.main_baord_cards {
    padding: 0 0 0 25px;
    display: flex;

    /*    flex-direction: row-reverse;  */

    /*    align-content: end; */

    /*    flex-wrap: wrap-reverse;  */
}

/*
.game_card_block:nth-last-child(4n+1):-child {
    margin-right: 75%;
}

.game_card_block:nth-last-child(4n+2):first-child {
    margin-right: 50%;
}

.game_card_block:nth-last-child(4n+3):first-child {
    margin-right: 25%;
}
*/

/*

.game_card {
    width: 269px;
    height: 371px;
    position: relative;
    transition: 0.75s;
    transform-style: preserve-3d;
    z-index: 1;
}

.game_card_front {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/card_front_bg.png) no-repeat;
}

.game_card:hover {
    transform: rotateY(180deg);
}
*/

/*
.cardContainer {
  position: relative;
    width: 269px;
    height: 371px;
  min-width: 269px;
  min-height: 371px;
  perspective: 1000px;
}

.game_card {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    perspective: 1000px;
  transform-style: preserve-3d;
  transform: translateZ(0);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.game_card_front {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/card_front_bg.png) no-repeat;
}

.game_card:hover {
    transform: translateZ(100px);
}
*/

.cardContainer {
    perspective: 1000px;
}

.game_card {
    width: 269px;
    height: 371px;
    position: relative;
    z-index: 1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all 0.3s;
}

.game_card_front {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/card_front_bg.png) no-repeat;
    z-index: 2;
    border-radius: 8px;
}

.game_card_time span.game_closed_label {
    color: #b44c4c !important;
    font-weight: 400;
}

/*
.game_card_front:hover::after {
    content: '';
    position: absolute;
    background: url(../images/arrow_rot.png) no-repeat top center;
    width: 56px;
    height: 50px;
    z-index: 2;
    top: 70px;
    left: 107px;
}

*/

.game_card_front::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: url(../images/gradient_to_card.png) no-repeat top left;
    z-index: 1;
    pointer-events: none;
}

.game_card_front::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background-image: var(--guild-card-image, none);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    z-index: 2;
    pointer-events: none;
}

.game_card:hover {
    transition: all 0.3s ease-out;
    transform: translateY(-5px);

    /*    margin-top: -5px; */
}

.game_card::before {
    content: "";
    width: 199px;
    height: 305px;
    position: absolute;
    box-shadow: 0 0 10px 35px rgb(0, 0, 0, 60%);
    top: 35px;
    left: 35px;
    opacity: 0.6;
    transition: all 0.3s ease-out;
}

.game_card:hover::before {
    content: "";
    width: 209px;
    height: 315px;
    position: absolute;
    box-shadow: 0 0 10px 35px rgb(0, 0, 0, 50%);
    top: 30px;
    left: 30px;
    opacity: 0.65;
}

.game_card.blue_shadow::before {
    box-shadow: 0 0 10px 35px rgb(39, 131, 186, 60%);
    width: 215px;
    height: 313px;
    position: absolute;
    top: 29px;
    left: 28px;
    opacity: 0.9;
    transition: all 0.3s ease-out;
}

.game_card.blue_shadow:hover::before {
    box-shadow: 0 0 10px 35px rgb(39, 131, 186, 60%);
    width: 221px;
    height: 320px;
    position: absolute;
    top: 26px;
    left: 25px;
    opacity: 1;
    transition: all 0.3s ease-out;
}

.game_card.active {
    transform: rotateY(180deg);
}

.game_card.active:hover {
    transform: rotateY(180deg) translateY(-5px);
}

.game_card_logo {
    position: absolute;
    width: 269px;
    height: 191px;
    top: 0;
    left: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.game_card_logo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(17, 11, 24, 45%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.game_card_logo::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/card_img_mask.png) no-repeat top center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.game_card_logo img {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.game_card_border {
    position: absolute;
    width: 269px;
    height: 191px;
    top: 0;
    left: 0;
    z-index: 1;
}

.master_card_ava.test::before {
    content: "";
    width: 82px;
    height: 105px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/beta_ava.png);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.game_card_border img {
    width: 269px;
    height: 191px;
}

/*
.game_card_logo::after {
    content: url(../images/game_card_ramca.png);
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
}
*/
.game_card_logo_name {
    position: absolute;
    top: 23px;
    right: 22px;
}

.game_card_logo_name img {
    border-radius: 0;
}

.game_card_money_logo_mana {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/game_card_mana_icon.png) no-repeat;
    top: 23px;
    left: 25px;
    z-index: 1;
}

.game_card_money_logo_res {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../images/game_card_res_icon.png) no-repeat;
    top: 23px;
    left: 24px;
    z-index: 1;
}

.game_card_money_price {
    z-index: 1;
}

.game_card_money_price.mana {
    position: absolute;
    top: 25px;
    left: 57px;
    font-size: 16px;
    color: #6ebff5;
}

.game_card_money_price.free {
    position: absolute;
    top: 23px;
    left: 24px;
    font-size: 16px;
    color: #92897a;
    text-transform: uppercase;
}

.game_card_money_price.res {
    position: absolute;
    top: 27px;
    left: 62px;
    font-size: 16px;
    color: #e76143;
    text-transform: uppercase;
}

.game_card_name {
    position: absolute;
    width: 80%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    bottom: 26px;
    left: 10%;
    line-height: 22px;
    overflow: hidden;
}

.game_card_master_name {
    position: absolute;
    top: 201px;
    left: 16px;
    font-size: 14px;
    color: #979797;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    max-width: 188px;
    white-space: nowrap;
}

.game_card_master_name.sub-neofit a { color: #979797; }
.game_card_master_name.sub-acolyte a { color: #af9442; }
.game_card_master_name.sub-shadow  a { color: #6789bc; }
.game_card_master_name.sub-oracle  a { color: #c85d48; }
.game_card_master_name.sub-ancient a { color: #8c7ec0; }

.game_card_master_name span {
     text-transform: uppercase;
}

.game_card_master_name a {
    color: #979797;
    text-decoration: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game_card_master_name a:hover {
    color: #fff;
}

.game_card_rating_logo {
    position: absolute;
    top: 201px;
    left: 238px;
    color: #fff;
    font-size: 14px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.game_card_rating_logo {
    z-index: 3;
}

.game_card_rating_logo::after {
    content: "Рейтинг";
    position: absolute;
    top: -26px;
    left: -31px;
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.game_card_rating_logo:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.game_card_rating_logo::before {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 16px;
    top: 2px;
    left: -22px;
    background-color: #a48830;

    /* Цвет звезды */
    -webkit-mask: url("../images/game_card_master_rating.svg") no-repeat center left;
    mask: url("../images/game_card_master_rating.svg") no-repeat center left;
}

.game_card_rating_logo a {
    color: #fff;
    text-decoration: none;
}

.game_card_rating_logo:hover::before {
    background-color: #fff;
}

.game_card_specifications {
    position: absolute;
    width: 240px;
    height: 95px;
    color: #fff;
    font-size: 14px;
    top: 232px;
    left: 16px;
    z-index: 5;
    /* opacity: 0.5; */
}

.game_card_specifications_item_setting,
.game_card_specifications_item_type,
.game_card_specifications_item_format,
.game_card_specifications_item_city,
.game_card_specifications_item_platform,
.game_card_specifications_item_genre,
.game_card_specifications_item {
    float: left;
    background-color: #3e6634;
    margin: 0 5px 5px 0;
    padding: 0 5px;
    line-height: 19px;
}

.game_card_specifications_item_city {
    background-color: #3a364a;
}

.game_card_specifications_item.red {
    background-color: #8f2b19;
}
.game_card_specifications_item_setting:empty,
.game_card_specifications_item_type:empty,
.game_card_specifications_item_format:empty,
.game_card_specifications_item_city:empty,
.game_card_specifications_item_platform:empty,
.game_card_specifications_item_genre:empty,
.game_card_specifications_item:empty {
    display: none;
}
/* Ограничение длины текста в характеристиках карточки игры */
.game_card_specifications_item {
    display: inline-block;
    max-width: 15ch; /* 15 символов */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* Красные метки (у них можно дать больше места) */
.game_card_specifications_item.red {
    max-width: 30ch; /* 30 символов */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game_card_specifications_item_setting {
    display: inline-block;
    max-width: 16ch; /* 16 символов */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.game_card_specifications_item_genre {
    display: inline-block;
    max-width: 20ch; /* 20 символов */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.game_card_time {
    position: absolute;
    top: 342px;
    left: 14px;
    color: #538946;
    font-size: 14px;
    z-index: 3;
}

.game_card_time span {
    color: #fff;
}

#game-preview-container .game_card_time span:first-child {
    color: #538946;
}

#game-preview-container .game_card_time span:only-child {
    color: #979797 !important;
    font-weight: 400;
}

#game-preview-container .game_card_time span.game_closed_label {
    color: #b44c4c !important;
    font-weight: 400;
}

.game_card_gamers_points {
    position: absolute;
    top: 333px;
    right: 12px;
}

.game_card_gamers_points_item {
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #979797;
    margin: 0 0 0 3px;
}

.game_card_gamers_points .green {
    background-color: #538946;
}

.game_card_gamers_quantity {
    position: absolute;
    top: 342px;
    right: 12px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.game_card_back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    background: url(../images/card_back_bg.png) no-repeat;
    transform: rotateY(180deg);
    z-index: 3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/*
.game_card_back::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/gradient_to_card.png) no-repeat;
    z-index: 3;
}
*/
.game_card_back.game_card_back--full .btn_dop {
    left: 50%;
    transform: translateX(-50%);
}

.game_card_back .btn_dop.tiptoolhover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.game_card_back.game_card_back--full .btn_dop {
    left: 50%;
    transform: translateX(-50%);
}

/* closed: скрываем описание и кнопки лобби, центрируем ДОП ИНФО */
.game_card_back.game_card_back--closed .game_card_memo {
    display: none;
}
.game_card_back.game_card_back--closed .dop_rec {
    display: none;
}
.game_card_back.game_card_back--closed .btn_dop {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.game_card_memo {
    position: absolute;
    width: 250px;
    height: 300px;
    top: 12px;
    left: 9px;
    color: #b69632;
}

.game_card_memo .title {
    position: absolute;
    width: 100%;
    top: 5px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #a17c84;
    font-weight: 500;
}

.game_card_memo .memo {
    position: absolute;
    top: 10px;
    width: 100%;
    height: 300px;
    font-size: 13px;
    color: #d6d6d6;
    text-align: left;
    font-style: italic;
    padding: 17px;
    line-height: 14px;
    font-weight: 300;
    word-wrap: break-word;
    hyphens: auto;
}

.game_card_memo .memo span {
    color: #a17c84;
    text-align: left;
    font-style: normal;
    font-weight: 500;
}

.game_card_memo .memo span.memo-value {
    color: #d6d6d6;
    font-size: 12px;
    text-align: left;
    font-style: italic;
    line-height: 14px;
    font-weight: 300;
    word-wrap: break-word;
    hyphens: auto;
}

/*.game_card_memo .memo p:nth-child(1) {*/
/*    position: absolute;*/
/*    width: 217px;*/
/*    top: 19px;*/
/*    left: 17px;*/
/*}*/

/*.game_card_memo .memo p:nth-child(2) {*/
/*    position: absolute;*/
/*    width: 217px;*/
/*    top: 214px;*/
/*    left: 17px;*/
/*}*/

/*.game_card_memo .memo p:nth-child(3) {*/
/*    position: absolute;*/
/*    width: 217px;*/
/*    top: 267px;*/
/*    left: 17px;*/
/*}*/

.game_card_btn {
    position: absolute;
    width: 109px;
    height: 29px;
    background-repeat: no-repeat !important;

    /*    background-position: center center !important; */
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    text-shadow: -2px 2px 4px black;
    z-index: 4;
}

/*
.game_card_btn:hover {
    background: url(../images/card_button_hover.png) no-repeat;
}
*/
.game_card_block {
    display: none;
    margin-top: 30px;
    padding: 0;
}

p {
    margin-bottom: 10px;
}

.btn_dop {
    position: absolute;
    top: 314px;
    left: 22px;
    z-index: 4;
}

.dop_rec {
    top: 314px;
    left: 141px;
}

/*
.tiptoolhover:hover::after {
    content: attr(data-title);
    position: absolute;
    width: 239px;
    height: 90px;
    left: 72px;
    top: 13px;
    z-index: 10;
    background: url(../images/hover_bg.png) no-repeat;
    font-size: 12px;
    line-height: 15px;
    text-transform: none;
    text-align: left;
    color: #fff;
    font-weight: 100;
    padding: 10px 15px;
}
*/

/*
.tiptoolhover::after {
    content: attr(data-title);
    position: fixed;
    z-index: 1000;
    background: url(../images/hover_bg.png) no-repeat;
    font-size: 12px;
    line-height: 15px;
    text-transform: none;
    text-align: left;
    color: #fff;
    font-weight: 100;
    padding: 10px 15px;
    pointer-events: none;
    display: none;
}
.tiptoolhover:hover::after {
    display: block;
}
*/
.tooltip_block {
    position: fixed;
    display: none;
    max-width: 250px;
    padding: 11px 12px;
    background: url(../images/buttons/kingSprite3.png) -554px -252px;
    color: #d6d6d6;
    font-size: 12px;
    line-height: 15px;
    pointer-events: none;

    /* Чтобы не мешала кликам */
    z-index: 1500;
    width: 239px;
    height: 68px;
    text-transform: none;
    text-align: left;
    font-weight: 300;
}

.tooltip_block span.green {
    color: #4f7f43;
    font-weight: 500;
}

.tooltip_block {
    max-width: 239px;
    width: auto;
    min-width: auto;
    height: auto;
    padding: 10px 12px;
    border-radius: 8px;
}

.tooltip_block .tooltip_content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.tooltip_block .msk_text {
    color: #4f7f43;
    font-weight: 500;
}

.truncate-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game_card_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.game_card_memo .memo p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 13;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
}

.game_card_memo .memo p:nth-of-type(2),
.game_card_memo .memo p:nth-of-type(3) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game_card_time.tiptoolhover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

#main_board {
    position: relative;
    margin-top: 0;
    min-height: calc(100vh - 287px);
}

/* только страницы без внутреннего меню (чужие отзывы) */
#main_board.no-subnav {
    margin-top: 20px; /* 20px, а не 20PX */
    /* min-height остаётся тем же */
}

.filter {
    height: 100vh;
    background: #1c1920;
    width: 300px !important;
    float: left;
    margin-top: 0;
    overflow: auto;
    overflow-x: hidden;
}

.offcanvas-title {
    height: 18px;
    color: #fff;
}

#main_board .btn-primary {
    width: 135px;
    height: 44px;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
    transition: none;
    background: url(../images/buttons/kingSprite3.png) -295px -129px;
    padding-left: 16px;
    border: none;
}

#main_board .btn-primary::after {
    content: "\f0c9";
    font-family: FontAwesome;
    position: relative;
    top: 0;
    right: -19px;
    font-size: 16px;
}

.filter_block {
    width: 270px;
    background-color: #342f3a;
    margin: 10px auto;
    padding: 5px 10px;
    border-radius: 8px;
}

.accordion-button:focus {
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
}

.filter_block.collapsed-color {
    background-color: #342f3a;
}

.filter_block input {
    height: 30px;
    width: 100%;
    border-radius: 7px;
    padding-left: 7px;
}

.filter_block_title {
    font-size: 14px;
    color: #fff;
    padding-left: 7px;
}

.accordion-body {
    padding: 4px 0px 0px;
    /* margin: 0 -12px; */
}

.accordion-body--interval {
    padding: 0 0 0;
    margin: 0 -12px;
}

.filter_block_row {
    width: auto;
    max-height: 205px;
    overflow: auto;
    overflow-x: hidden;
    border-radius: 3px;
}

.filter_block_row::-webkit-scrollbar {
    width: 4px;
    background-color: rgb(151, 151, 151, 100%);
}

.filter_block_row::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.filter_block_row::-webkit-scrollbar-track {
    /*    background: transparent; */
    background-color: rgb(151, 151, 151, 100%);
    border-radius: 3px;
}

.filter_block .col-md-6:first-child {
    padding: 0 5px 0 10px;
}

.filter_block .col-md-6:last-child {
    padding: 0 10px 0 5px;
}

.filter_block .checkbox-text {
    margin-left: 0;
    margin-top: 0;
}

.filter_buttons .col-md-6:first-child {
    padding: 0 6px 0 10px;
}

.filter_buttons .col-md-6:last-child {
    padding: 0 12px 0 4px;
}

.accordion-item {
    font-size: 14px;
    color: #b2b2b2;
    background-color: #342f3a;
    border: none;
}

.accordion-item button,
.accordion-button:not(.collapsed) {
    background-color: #342f3a;
    font-size: 14px;
    color: #fff;
    border: none;
    max-height: 32px;
    box-shadow: none;
    padding: 0 0 0 7px;
}

.accordion-collapse {
    background: #342f3a;
}

.collapsed-color .accordion-item button,
.collapsed-color .accordion-button:not(.collapsed) {
    background-color: #342f3a;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23979797'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

/* Hide arrow on fixed-open sections */
.accordion-button.no-arrow::after {
    display: none !important;
}

.form-control {
    font-size: 16px;
    background-color: #979797;
    border: 1px solid #979797;
}

.filter_block_row .col-12 {
    display: flex;
    align-items: center;
    gap: 8px;
    user-select: none;
}

/* Скрываем нативный чекбокс */
.mycheckbox {
    display: none;
}

/* Стилизуем псевдо-чекбокс (квадратик) */
.myCheckBoxLabel {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    flex-shrink: 0;
    margin-top: -1px;
}

/* Подсветка при наведении на квадратик*/
.myCheckBoxLabel:hover {
    border-color: #8f2b19;
}

.mycheckbox:disabled + .myCheckBoxLabel:hover {
    border-color: #ccc;
}

/* Состояние "отмечено" */
.mycheckbox:checked + .myCheckBoxLabel {
    background: url(../images/buttons/kingSprite3.png) -73px -1px;
    border-color: #8f2b19;
}

/* Текст (не кликабелен, не влияет на чекбокс) */
.checkbox-text {
    color: #b2b2b2;
}

/* Ссылки в тексте получают особый курсор */
.checkbox-text a {
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    color: inherit;
    text-decoration: none;
}

/* Отключенное состояние */
.mycheckbox:disabled + .myCheckBoxLabel {
    opacity: 0.5;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.filter_buttons {
    width: 293px;
    margin: -8px 0 0 4px;
}

.filter_button {
    font-size: 14px;
    width: 100%;
    border-radius: 8px;
    background-color: #49454d;
    border: 1px solid #49454d;
    color: #fff;
    height: 30px;
}

.filter_button.apply {
    background-color: #892b1b;
    border: 1px solid #892b1b;
}

.filter_button.apply:hover {
    color: #979797;
}

.filter_button.reset:hover {
    color: #979797;
}

/*
.filter .mycheckbox + label {
    display: none;
}

.filter .cb-visible + label {
    display: block;
}
*/

.filter_block_row .col-12:not(.cb-visible) {
    display: none !important;
}

.checkbox-text {
    position: relative;
    margin-left: 21px;
    margin-top: -26px;
    height: 25px;
    display: flex;
    align-items: center;
    user-select: none;
    font-size: 14px;
    color: #b2b2b2;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.load-more-cards {
    height: 44px;
    width: 168px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    margin: 0 auto;
    background: url(../images/buttons/kingSprite3.png) -569px -129px;
    border: none;
}

.load-more-cards:hover {
    background: url(../images/buttons/kingSprite3.png) -739px -129px;
}

#load-more {
    width: 168px;
    height: 44px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    margin: 0 auto;
    background: url(../images/buttons/kingSprite3.png) -569px -129px;
}

#load-more:hover {
    background: url(../images/buttons/kingSprite3.png) -739px -129px;
}

/* ------ Карточка мастера ------- */

.main_board_container {
    width: 1152px;
    margin: 0 auto;
}

.main_board_container .row {
    margin: 0;
}

.main_board_container .masters-and-players-page .row {
    margin: 6px;
}

.master_card_block {
    width: 565px;
    height: 271px;
    padding: 0;
}

.master_card {
    position: relative;
    width: 565px;
    height: 271px;
    background: url(../images/card_master_bg.png) no-repeat center center;
}

.master_card_geraldika img {
    width: 565px;
    height: 271px;
}

.master_card_ava {
    position: absolute;
    width: 82px;
    height: 105px;
    top: 15px;
    left: 17px;
}

.master_card_ava::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../images/master_logo_gradient.png) no-repeat bottom center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.master_card_ava.test::before {
    content: "";
    width: 82px;
    height: 105px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/test.png);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.master_card_ava img {
    border-radius: 8px;
    width: 82px;
    height: 105px;
}

.masters_card_ava {
    position: absolute;
    width: 82px;
    height: 105px;
    top: 15px;
    left: 17px;
}

.masters_card_ava::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.masters_card_ava.test::before {
    content: "";
    width: 82px;
    height: 105px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/test.png);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.masters_card_ava img {
    border-radius: 8px;
    width: 82px;
    height: 105px;
}

.master_card_runs {
    position: absolute;
    top: 90px;
    left: 22px;
    z-index: 3;
}

.master_card_runs_img {
    position: relative;
    float: left;
    width: 24px;
}

.master_card_runs_img::after {
    content: attr(alt);
    position: absolute;
    top: -26px;
    left: 12px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

.master_card_runs_img:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

/*.master_card_runs_img img {
    display: block;
    transition: filter .15s ease, transform .15s ease;
}

.master_card_runs_img:hover img,
.master_card_runs_img:focus-visible img {
    filter: brightness(1.35) drop-shadow(0 0 4px rgba(255,255,255,.75));
    transform: translateY(-1px);
}

!* Тултип уже есть через ::after, поднимем поверх всего, как у рейтинга *!
.master_card_runs_img::after {
    z-index: 100;                 !* у рейтинга z-index:100, синхронизируем *!
    !* если хочешь задержку как у рейтинга — оставь или добавь: *!
    !* transition: opacity 1s ease; transition-delay: .5s; *!
}

!* Показ тултипа по фокусу (доступность с клавиатуры) *!
.master_card_runs_img:focus-visible::after {
    opacity: 1;
}*/

.master_card_name {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 16px;
    left: 115px;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    flex: 1;
}

.master_card_name a {
    color: #7b3bb6;
    text-decoration: none;
}

.master_card_name a:hover {
    color: #fff;
}

.master_card_name.sub-neofit a {
    color: #979797;
}

.master_card_name.sub-neofit a:hover {
    color: #fff;
}

.master_card_name.sub-acolyte a {
    color: #b69532;
}

.master_card_name.sub-acolyte a:hover {
    color: #fff;
}

.master_card_name.sub-shadow a {
    color: #488cb5;
}

.master_card_name.sub-shadow a:hover {
    color: #fff;
}

.master_card_name.sub-oracle a {
    color: #b74e3a;
}

.master_card_name.sub-oracle a:hover {
    color: #fff;
}

.master_card_name.sub-ancient a {
    color: #8578b9;
}

.master_card_name.sub-ancient a:hover {
    color: #fff;
}

.master_card_rating {
    position: absolute;
    top: 15px;
    left: 245px;
    color: #fff;
    font-size: 14px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.master_card_rating::before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 14px;
    top: 3px;
    left: -22px;
    background-color: #a48830;

    /* Цвет звезды */
    -webkit-mask: url("../images/game_card_master_rating.svg") no-repeat center;
    mask: url("../images/game_card_master_rating.svg") no-repeat center;
}

.master_card_rating a {
    color: #fff;
    text-decoration: none;
}

.master_card_rating:hover::before {
    background-color: #fff;
}

.master_card_rating::after {
    content: "Рейтинг";
    position: absolute;
    top: -26px;
    left: -31px;
    background: rgba(0, 0, 0, 1);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.master_card_rating:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.master_card_sex_age {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 37px;
    left: 115px;
}

.master_card_bd_logo {
    position: absolute;
    top: 32px;
    left: 250px;
}

.master_card_city {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 53px;
    left: 115px;
}

.master_card_city {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 53px;
    left: 115px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.master_card_status {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 73px;
    left: 115px;
}

.master_card_status .offline {
    color: #d82121;
}

.master_card_status .online {
    color: #4da238;
}

.master_card_statistics {
    position: absolute;
    top: 100px;
    left: 115px;
    font-size: 14px;
    color: #fff;
}

.master_card_statistic {
    float: left;
    background: #3e6634;
    height: 19px;
    border-radius: 5px;
    padding: 0 7px;
    margin: 0 4px 0 0;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
}

.chat_pending_master_card_statistic {
    float: left;
    background: #4d393d;
    height: 19px;
    border-radius: 8px;
    padding: 0 7px;
    margin: 0 4px 0 0;
    line-height: 19px;
    color: #f0f0f0;
    text-decoration: none;
}

a.master_card_statistic:hover {
    color: #342f3a;
}

.master_card_btn {
    position: absolute;
    width: 123px;
    height: 31px;
    font-size: 12px;
    color: #fff;

    /*    border-radius: 5px; */
    border: 0;
    text-transform: uppercase;
    background-repeat: no-repeat;
    text-shadow: -2px 2px 4px black;
}

.master_card_left_btn {
    top: 133px;
    left: 16px;
}

.master_card_right_btn {
    top: 133px;
    left: 147px;
}

.account_subscription_text .sub-ancient {
    color: #8c7ec0;
    font-weight: 500;
}

.account_subscription_text .sub-neofit {
    color: #979797;
    font-weight: 500;
}

/* опечатка: нужно одно 'c' */
.account_subscription_text .sub-acolyte {
    color: #af9442;
    font-weight: 500;
}

/* hex из 6 знаков, а не 5 — исправь на валидный */
.account_subscription_text .sub-shadow {
    color: #6789bc;
    font-weight: 500;
}

/* остальное */
.account_subscription_text .sub-oracle {
    color: #c85d48;
    font-weight: 500;
}

/*

.blue_btn {
    background: url(../images/buttons/blue_btn_stand.png);
}

.blue_btn:hover {
    background: url(../images/buttons/blue_btn_hover.png);
}

.blue_btn:active {
    background: url(../images/buttons/blue_btn_active.png);
}

.blue_btn_long {
    background: url(../images/buttons/blue_btn_long_stand.png);
}

.blue_btn_long:hover {
    background: url(../images/buttons/blue_btn_long_hover.png);
}

.blue_btn_long:active {
    background: url(../images/buttons/blue_btn_long_active.png);
}

.red_btn {
    background: url(../images/buttons/red_btn_stand.png);
}

.red_btn:hover {
    background: url(../images/buttons/red_btn_hover.png);
}

.red_btn:active {
    background: url(../images/buttons/red_btn_active.png);
}

.red_btn_long {
    background: url(../images/buttons/red_btn_long_stand.png);
}

.red_btn_long:hover {
    background: url(../images/buttons/red_btn_long_hover.png);
}

.red_btn_long:active {
    background: url(../images/buttons/red_btn_long_active.png);
}

.yellow_btn_long {
    background: url(../images/buttons/yellow_btn_long_stand.png);
}

.yellow_btn_long:hover {
    background: url(../images/buttons/yellow_btn_long_hover.png);
}

.yellow_btn_long:active {
    background: url(../images/buttons/yellow_btn_long_active.png);
}

.green_btn {
    background: url(../images/buttons/green_btn_stand.png);
}

.green_btn:hover {
    background: url(../images/buttons/green_btn_hover.png);
}

.green_btn:active {
    background: url(../images/buttons/green_btn_active.png);
}

.black_btn {
    background: url(../images/buttons/black_btn_stand.png);
}

.black_btn:hover {
    background: url(../images/buttons/black_btn_hover.png);
}

.black_btn:active {
    background: url(../images/buttons/black_btn_active.png);
}

.black_btn_long {
    background: url(../images/buttons/black_btn_long_stand.png);
}

.black_btn_long:hover {
    background: url(../images/buttons/black_btn_long_hover.png);
}

.black_btn_long:active {
    background: url(../images/buttons/black_btn_long_active.png);
}
*/

/*

.sprite {
    background: url(../images/buttons/kingSprite3.png) no-repeat top left;
    width: 123px;
    height: 29px;
}

.sprite.black_btn {
    background-position: -222px 0;
    width: 109px;
}

.sprite.black_btn:hover {
    background-position: -111px 0;
    width: 109px;
}

.sprite.black_btn:active {
    background-position: 0 0;
    width: 109px;
}

.sprite.blue_btn {
    background-position: -551px 0;
    width: 107px;
}

.sprite.blue_btn:hover {
    background-position: -442px 0;
    width: 107px;
}

.sprite.blue_btn:active {
    background-position: -333px 0;
    width: 107px;
}

.sprite.green_btn {
    background-position: -878px 0;
    width: 107px;
}

.sprite.green_btn:hover {
    background-position: -769px 0;
    width: 107px;
}

.sprite.green_btn:active {
    background-position: -660px 0;
    width: 107px;
}

.sprite.red_btn {
    background-position: -111px -31px;
    width: 109px;
}

.sprite.red_btn:hover {
    background-position: 0 -31px;
    width: 109px;
}

.sprite.red_btn:active {
    background-position: -987px 0;
    width: 109px;
}

.sprite.black_btn_long {
    background-position: -472px -31px;
    height: 31px;
}

.sprite.black_btn_long:hover {
    background-position: -347px -31px;
    height: 31px;
}

.sprite.black_btn_long:active {
    background-position: -222px -31px;
    height: 31px;
}

.sprite.blue_btn_long {
    background-position: -847px -31px;
    height: 31px;
}

.sprite.blue_btn_long:hover {
    background-position: -722px -31px;
    height: 31px;
}

.sprite.blue_btn_long:active {
    background-position: -597px -31px;
    height: 31px;
}

.sprite.red_btn_long {
    background-position: -125px -64px;
    height: 31px;
}

.sprite.red_btn_long:hover {
    background-position: 0 -64px;
    height: 31px;
}

.sprite.red_btn_long:active {
    background-position: -972px -31px;
    height: 31px;
}

.sprite.yellow_btn_long {
    background-position: -500px -64px;
    height: 31px;
}

.sprite.yellow_btn_long:hover {
    background-position: -375px -64px;
    height: 31px;
}

.sprite.yellow_btn_long:active {
    background-position: -250px -64px;
    height: 31px;
}

*/

.sprite {
    background: url(../images/buttons/kingSprite3.png) no-repeat top left;
    width: 123px;
    height: 29px;
}

.sprite.black_btn {
    background-position: -825px 0;
    width: 109px;
}

.sprite.black_btn:hover {
    background-position: -714px 0;
    width: 109px;
}

.sprite.black_btn:active {
    background-position: -603px 0;
    width: 109px;
}

.sprite.blue_btn {
    background-position: -1045px 0;
    width: 107px;
}

.sprite.blue_btn:hover {
    background-position: -936px 0;
    width: 107px;
}

.sprite.blue_btn:active {
    background-position: 0 -31px;
    width: 107px;
}

.sprite.green_btn {
    background-position: -327px -31px;
    width: 107px;
}

.sprite.green_btn:hover {
    background-position: -218px -31px;
    width: 107px;
}

.sprite.green_btn:active {
    background-position: -109px -31px;
    width: 107px;
}

.sprite.red_btn {
    background-position: -658px -31px;
    width: 109px;
}

.sprite.red_btn:hover {
    background-position: -436px -31px;
    width: 109px;
}

.sprite.red_btn:active {
    background-position: -547px -31px;
    width: 109px;
}

.sprite.black_btn_long {
    background-position: -619px -63px;
    height: 31px;
}

.sprite.black_btn_long:hover {
    background-position: -494px -63px;
    height: 31px;
}

.sprite.black_btn_long:active {
    background-position: -369px -63px;
    height: 31px;
}

.sprite.blue_btn_long {
    background-position: -994px -63px;
    height: 31px;
}

.sprite.blue_btn_long:hover {
    background-position: -869px -63px;
    height: 31px;
}

.sprite.blue_btn_long:active {
    background-position: -744px -63px;
    height: 31px;
}

.sprite.red_btn_long {
    background-position: -500px -96px;
    height: 31px;
}

.sprite.red_btn_long:hover {
    background-position: -375px -96px;
    height: 31px;
}

.sprite.red_btn_long:active {
    background-position: -625px -96px;
    height: 31px;
}

.sprite.yellow_btn_long {
    background-position: 0 -129px;
    height: 31px;
}

.sprite.yellow_btn_long:hover {
    background-position: -818px -96px;
    height: 31px;
}

.sprite.yellow_btn_long:active {
    background-position: -943px -96px;
    height: 31px;
}

.sprite.green_btn_long {
    background-position: -250px -96px;
    height: 31px;
}

.sprite.green_btn_long:hover {
    background-position: -125px -96px;
}

.sprite.green_btn_long:active {
    background-position: 0 -96px;
}

.master_card_verification {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 21px;
    height: 21px;
    background: url(../images/FinalThirdVerfy.png) no-repeat top center;
    z-index: 1;
}

.master_card_verification::after {
    content: attr(alt);
    position: absolute;
    top: -29px;
    left: 12px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

.master_card_verification:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.master_card_subscribers {
    position: absolute;
    top: 195px;
    left: 23px;
    width: 72px;
    text-align: center;
    z-index: 3;
}

.master_card_subscribers_count {
    font-size: 48px;
    line-height: 44px;
    font-weight: 700;
    color: #8a8a8a;
}

.master_card_subscribers_label {
    margin-top: 1px;
    margin-left: -1px;
    font-size: 12px;
    line-height: 14px;
    color: #8a8a8a;
    font-weight: 500;
}

.master_card_stats {
    position: absolute;
    width: 250px;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    top: 15px;
    left: 296px;
}

.master_card_stats .opit {
    color: #e03f1a;
}

.master_card_stats .upor {
    color: #bf347d;
}

.master_card_stats .systemi {
    color: #2783ba;
}

.master_card_stats .redakcii {
    color: #4da238;
}

.master_card_stats .seting {
    color: #475dcf;
}

.master_card_stats .janri {
    color: #28af8a;
}

.master_card_stats .gildia {
    color: #b9a696;
}

.master-guild-link {
    color: #979797;
    text-decoration: underline;
    text-decoration-color: #979797;
    text-underline-offset: 2px;
}

.master-guild-link:hover {
    color: #fff;
    text-decoration-color: #fff;
}

.truncate_systemi,
.truncate_setting,
.truncate_janri {
    display: inline;
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    vertical-align: baseline;
    word-break: normal;
    overflow-wrap: normal;
}

.master_card_memo_title {
    position: absolute;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #92897a;
    top: 174px;
    font-weight: 500;
}

.master_card_memo_title::before {
    content: "";
    position: absolute;
    width: 531px;
    height: 2px;
    background: url(../images/master_card_line.png) no-repeat top center;
    top: 7px;
    left: 16px;
}

.master_card_memo {
    position: absolute;
    width: 530px;
    font-size: 13px;
    line-height: 15px;
    text-align: justify;
    color: #d6d6d6;
    font-style: italic;
    font-weight: 300;
    top: 195px;
    left: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    scrollbar-gutter: stable;
    text-overflow: ellipsis;
    word-break: break-word;
    max-height: 60px;
    padding-right: 10px;
}

.master_card_memo.with-subscribers {
    width: 434px;
    left: 115px;
}

.master_card_memo:hover {
    overflow-y: auto;
    -webkit-line-clamp: unset;
}

.master_card_memo::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(73, 69, 77, 1);
    border-radius: 4px;
}

.master_card_memo::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.master_card_memo::-webkit-scrollbar-track {
    background: transparent;
}

.internal_menu {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #1c1920;
    margin: 0 auto;
    border-radius: 8px;
    margin-top: 10px;
}

.internal_menu .nav-item a {
    text-transform: none;
}

.internal_menu .navbar-nav {
    min-height: 44px;
    align-items: center;
    flex-wrap: wrap;
}

.internal_menu .navbar-nav > .nav-item {
    min-height: 44px;
    display: flex;
    align-items: center;
}

.internal_menu .navbar-nav > .nav-item > a.nav-link {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
}

/* Перебиваем Bootstrap .nav-link:focus / :focus-visible (иначе цвет уходит в переменные темы) */
.internal_menu .navbar-nav .nav-link:focus,
.internal_menu .navbar-nav .nav-link:focus-visible {
    color: #fff;
    outline: none;
    box-shadow: none;
}

.internal_menu .navbar-nav .nav-link.active:focus,
.internal_menu .navbar-nav .nav-link.active:focus-visible {
    color: #c1ac82;
}

.internal_menu .nav-item::after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #fff;
}

.internal_menu .last-item::after,
.internal_menu .nav-item:last-child::after {
    width: 0;
}

/* Родитель для позиционирования */
.profile-item {
    position: relative;
}

/* Скрытая выпадашка */
.profile-dropdown {
    position: absolute;
    display: none;
    width: 155px;
    height: 219px;
    background: url(../images/buttons/kingSprite3.png) -950px -252px;
    top: -37px;
    left: -154px;
    padding: 20px 0 0 0;
    z-index: 11;
}

/* Показываем ТОЛЬКО при наведении на нужный пункт */
.profile-dropdown li a {
    display: block;
    padding-right: 12px;
    padding-top: 1px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.profile-dropdown li a:hover::after {
    color: #c1ac82;
    content: "";
    position: absolute;
    background: url(../images/buttons/kingSprite3.png) 0 0;
    width: 30px;
    height: 2px;
    top: 24px;
    left: 49px;
}

.account_block {
    position: relative;
    width: 1140px;
    height: 611px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);

    /*          background: url(../images/account_bg_b.png);   */
}

.account_left_side {
    position: absolute;
    left: 0;
    top: 0;
    width: 569px;
    height: 611px;
}

.account_block_logo {
    position: absolute;
    width: 140px;
    height: 180px;
    top: 22px;
    left: 25px;
}

.account_block_logo img {
    border-radius: 8px;
    width: 140px;
    height: 180px;
}

.account_block_logo::before {
    content: "140 x 180 mx 70Kb png/jpeg";
    position: absolute;
    width: 60px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    top: 40px;
    left: 39px;
}

.account_block_logo::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(17, 11, 24, 50%);
    border-radius: 8px;
}

.account_block_logo_btn {
    position: absolute;
    top: 128px;
    left: 21px;
    z-index: 5;
    width: 95px;
}

.personal_info_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 28px;
    left: 203px;
}

.inn_info_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 298px;
    left: 183px;
}

.inn_info {
    position: absolute;
    width: 216px;
    top: 285px;
    left: 320px;
}

.account_block input,
.registration_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
}

.personal_info_nikname {
    position: absolute;
    width: 216px;
    top: 59px;
    left: 190px;
}

.personal_info_nikname_sub {
    top: 63px;
    left: 419px;
}

.personal_info_sex_birthdate {
    top: 165px;
    left: 257px;
}

.account_btn {
    position: absolute;
    background: none;
    border: 1px solid #979797;
    box-shadow: 0;
    color: #979797;
    width: 140px;
    height: 30px;
    border-radius: 8px;
    font-size: 14px;
}

.personal_info_nikname_btn {
    top: 59px;
    left: 412px;
}

.acc_green_btn {
    border-color: #4da238 !important;
    color: #4da238 !important;
}

.submit-button:disabled {
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.submit-button:enabled {
    border-color: #4da238 !important;
    color: #4da238 !important;
}

.submit-button:enabled:hover {
    border-color: #fff !important;
    color: #fff !important;
}

datalist {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #333;
    height: 300px;
    font-size: 18px;
}

.personal_info_city {
    position: absolute;
    top: 96px;
    left: 190px;
    width: 362px;
    height: 30px;
}

.reg_personal_info_city {
    position: absolute;
    top: 135px;
    left: 190px;
    width: 362px;
    height: 30px;
}

/********************* Выпадающие списки **********************/

.select-container {
    width: 100%;
    position: relative;
}

.select-header {
    font-size: 14px;
    color: #1c1920;
    padding: 0 5px 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    background-color: white;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

asdasd .select-header:hover {
    border-color: #aaa;
}

.select-header.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #666;
}

.input-wrapper {
    position: relative;
    flex: 1;
    min-height: 20px;
    order: 1;
}

.main-input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    background: transparent;
    position: relative;
    min-height: 20px;
    line-height: 20px;
}

.open .main-input:hover {
    cursor: text;
}

.main-input[contenteditable="true"]:empty::before {
    content: attr(placeholder);
    color: #999;
    pointer-events: none;
    display: inline-block;
    width: 100%;
}

.selected-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    order: 0;
    min-height: 20px;
}

.tag {
    padding: 0 10px 0 0;
    border-radius: 4px;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 30px;
    line-height: 30px;
}

.tag-remove {
    margin-left: 3px;
    color: #666;
    font-size: 12px;
}

/* Стрелка селекта */
.arrow {
    transition: transform 0.2s;
    flex-shrink: 0;
    order: 2;
    position: absolute;
    background: url(../images/drop_down_arrow.png) no-repeat center center;
    width: 20px;
    height: 20px;
    top: 0;
    right: -2px;
}

.arrow.open {
    transform: rotate(180deg);
}

.select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #fff;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: white;
    max-height: 300px;
    overflow-y: auto;
    display: none;
    z-index: 100;
    box-shadow: 0 4px 8px rgb(0, 0, 0, 10%);
    font-size: 14px;
}

.select-dropdown.open {
    display: block;
}

.limit-message {
    padding: 8px 16px;
    color: #ff5722;
    font-size: 14px;
    display: none;
}

.select-dropdown.show-limit .limit-message {
    display: block !important;
}

.options-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.option {
    padding: 5px 16px;
    display: block;
}

.option:hover {
    background-color: #f0f0f0;
}

.option.selected {
    background-color: #e0e0e0;

    /*    font-weight: bold; */
}

/* Чекбоксы для выпадающих списков на странице Мастера */
#mastersAndPlayersFiltersForm .select-container .options-list .option {
    position: relative;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 24px; /* space for checkbox */
}

/* Закомментировать hover и selected фон для страницы Мастера */
#mastersAndPlayersFiltersForm .select-container .options-list .option:hover {
    /* background-color: #f0f0f0; */ /* Закомментировано для страницы Мастера */
    background-color: transparent; /* Отключаем фон при наведении */
}

#mastersAndPlayersFiltersForm .select-container .options-list .option.selected {
    /* background-color: #e0e0e0; */ /* Закомментировано для страницы Мастера */
    background-color: transparent; /* Отключаем фон при выборе */
}

/* Убираем левый отступ у контейнеров селекта только на странице Мастера */
#mastersAndPlayersFiltersForm .select-container {
    padding-left: 0;
}

/* Flexbox стили для списка опций на странице Мастера */
#mastersAndPlayersFiltersForm .select-container .options-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
}

#mastersAndPlayersFiltersForm .select-container .options-list .option::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: transparent;
}

#mastersAndPlayersFiltersForm .select-container .options-list .option.selected::before {
    background: url(../images/buttons/kingSprite3.png) -73px -1px;
    border-color: #8f2b19;
}

#mastersAndPlayersFiltersForm .select-container .options-list .option:hover::before {
    border-color: #8f2b19;
}

/* Базовые стили для квадратика чекбокса на странице Мастера */
#mastersAndPlayersFiltersForm .filter_block_row .col-12 label {
    position: relative;
    padding-left: 24px; /* место под квадрат */
}

#mastersAndPlayersFiltersForm .filter_block_row .col-12 label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: transparent;
}

/* Ховер-подсветка рамки квадратика для чекбоксов на странице Мастера */
#mastersAndPlayersFiltersForm .filter_block_row .col-12 label:hover::before {
    border-color: #8f2b19;
}

/* Состояние «отмечено» — подменяем фон квадратика для чекбоксов на странице Мастера */
#mastersAndPlayersFiltersForm .filter_block_row .col-12 input.mycheckbox:checked + label::before {
    background: url(../images/buttons/kingSprite3.png) -73px -1px;
    border-color: #8f2b19;
}

/* hover — ТОЛЬКО если checkbox НЕ disabled */
.support_checkbox:not(:has(.mycheckbox:disabled)):hover .myCheckBoxLabel {
    border-color: #8f2b19;
}

.mycheckbox:checked ~ .checkbox-text {
    color: #fff;
}

/* «Я не Мастер» / «Я не Игрок»: текст не белеет при checked */
.not_master_checkbox .mycheckbox:checked ~ .checkbox-text,
.not_gamer_checkbox .mycheckbox:checked ~ .checkbox-text,
.game_history_visible .mycheckbox:checked ~ .checkbox-text {
    color: #b2b2b2;
}

/* Перебиваем глобальный .checkbox-text (margin-top:-26px) для flex-контейнеров */
.not_master_checkbox .checkbox-text,
.not_gamer_checkbox .checkbox-text {
    position: static;
    margin: 0;
    height: auto;
    display: inline;
}

/* Полностью отключаем клики */
.not_master_checkbox:has(.mycheckbox:disabled),
.not_gamer_checkbox:has(.mycheckbox:disabled) {
    pointer-events: none;
}

.no-options {
    padding: 10px 16px;
    color: #999;
    font-style: italic;
}

.submit-btn {
    padding: 10px 20px;
    background: #2196f3;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
}

.submit-btn:hover {
    background: #0b7dda;
}

.input-wrapper {
    position: relative;
    display: flex;
}

.placeholder {
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    color: #979797;
    pointer-events: none;
    display: none;
    font-size: 14px;
    padding: 0;
    background: #fff;
    opacity: 1;
}

.main-input:empty + .placeholder {
    display: block;
}

.main-input[contenteditable="true"] {
    outline: none;

    /*   min-width: 120px; */
}

.main-input[contenteditable="true"]:focus {
    outline: none;
}

.main-input.limit-exceeded {
    color: #ff5722;
}

.char-counter {
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-108%);
    font-size: 12px;
    color: #979797;
    display: none;
    background: #3c3544;
    padding: 0px 5px;
    border: 1px solid #3c3544;
    border-radius: 6px;
    pointer-events: none;
    margin-top: 2px;
}

.char-counter.nickname {
    padding-right: 5px;
    margin-top: -525px;
    margin-right: 170px;
}

.select-header:focus-within .char-counter {
    display: block;
}

.single-select .char-counter {
    display: none;
    margin-top: -3px;
}

.create_tg_link .char-counter {
    display: none !important;
}

.char-counter.limit-exceeded {
    color: #ff5722;
}

/*
.dropdown_arrow::before {
    content: '';
    position: absolute;
    background: url(../images/drop_down_arrow.png) no-repeat center center;
    width: 13px;
    height: 6px;
    z-index: 1;
    top: 12px;
    right: 10px;
    display: block;
}
*/
.personal_sub {
    position: absolute;
    color: #979797;
    font-size: 14px;
    text-align: center;
}

.personal_info_city_sub {
    width: 363px;
    top: 136px;
    left: 190px;
}

.personal_info_sex {
    position: absolute;
    top: 166px;
    left: 190px;
    width: 105px;
}

.personal_info_bd_d {
    position: absolute;
    top: 166px;
    left: 300px;
    width: 67px;
}

.registration_right_side .personal_info_bd_d {
    top: 115px;
}

.registration_right_side .personal_info_city_sub {
    top: 173px;
}

.personal_info_bd_m {
    position: absolute;
    top: 166px;
    left: 372px;
    width: 100px;
}

.registration_right_side .personal_info_bd_m {
    top: 115px;
}

.registration_right_side .personal_info_sex {
    top: 115px;
}

.personal_info_bd_y {
    position: absolute;
    top: 166px;
    left: 477px;
    width: 75px;
}

.registration_right_side .personal_info_bd_y {
    top: 115px;
}

.personal_info_about {
    position: absolute;
    top: 223px;
    left: 23px;
    width: 529px;
    height: 68px;
    border-radius: 8px;
    background: #fff;
}

.personal_info_about textarea {
    width: 529px;
    height: 100%;
    border-radius: 8px;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
}

.personal_info_about .char-counter {
    margin-right: 7px;
    margin-top: -2px;
}

.dop_info_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 304px;
    left: 35px;
}

.dop_info_exp_sub {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 304px;
    left: 190px;
}

.dop_info_exp {
    position: absolute;
    top: 300px;
    left: 281px;
    width: 86px;
}

.dop_info_focus_sub {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 304px;
    left: 388px;
}

.dop_info_focus {
    position: absolute;
    top: 300px;
    left: 442px;
    width: 110px;
}

.dop_info_system {
    position: absolute;
    top: 339px;
    left: 23px;
    width: 529px;
}

.personal_info_system_sub {
    width: 529px;
    top: 380px;
    left: 23px;
    text-align: center;
}

.dop_info_setting {
    position: absolute;
    top: 413px;
    left: 23px;
    width: 529px;
}

.personal_info_setting_sub {
    width: 529px;
    top: 454px;
    left: 23px;
    text-align: center;
}

.dop_info_genre {
    position: absolute;
    top: 486px;
    left: 23px;
    width: 529px;
}

.personal_info_genre_sub {
    width: 529px;
    top: 527px;
    left: 23px;
    text-align: center;
}

.account_right_side {
    position: absolute;
    left: 570px;
    top: 0;
    width: 569px;
    height: 611px;
}

.account_address_title {
    position: absolute;
    color: #fff;
    font-size: 14px;
    left: 26px;
    top: 28px;
}

.account_address_subtitle {
    left: 170px;
    top: 28px;
}

.account_address_fio {
    position: absolute;
    width: 525px;
    top: 59px;
    left: 12px;
}

.account_address_all {
    position: absolute;
    width: 525px;
    top: 96px;
    left: 12px;
}

.account_address_entrance {
    position: absolute;
    width: 101px;
    top: 133px;
    left: 224px;
}

.account_address_floor {
    position: absolute;
    width: 101px;
    top: 133px;
    left: 330px;
}

.account_address_apartment {
    position: absolute;
    width: 101px;
    top: 133px;
    left: 435px;
}

.registration_right_side .account_address_fio {
    width: 362px;
    top: 97px;
    left: 191px;
}

/*********** отпустить ****************/

.account_email_title {
    position: absolute;
    color: #fff;
    font-size: 14px;
    left: 26px;
    top: 172px;
}

.account_email {
    position: absolute;
    width: 271px;
    top: 205px;
    left: 12px;
}

.account_phone {
    position: absolute;
    width: 271px;
    top: 243px;
    left: 12px;
}

.account_email_confirm_btn {
    top: 205px;
    left: 288px;
}

.acc_red_btn {
    border-color: #e76143;
    color: #e76143;
}

.account_email_change_btn {
    top: 205px;
    left: 414px;
}

.account_phone_confirm_btn {
    top: 243px;
    left: 288px;
}

.account_phone_change_btn {
    top: 243px;
    left: 414px;
}

.not_master_checkbox {
    position: absolute;
    left: 12px;
    top: 297px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.not_master_memo {
    position: absolute;
    width: 524px;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    top: 324px;
    left: 12px;
}

.account_inn_icon {
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(../images/inn.png) no-repeat center center;
    top: 302px;
    left: 275px;
}

.account_inn_icon_reg {
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(../images/inn.png) no-repeat center center;
    top: 302px;
    left: 275px;
}

.account_inn_icon_hover {
    display: none;
}

.account_inn_icon_reg_hover {
    display: none;
}

.account_inn_icon:hover + .account_inn_icon_hover {
    position: absolute;
    width: 208px;
    height: 110px;
    background-color: #1c1920;
    border: 1px solid #1c1920;
    display: block;
    top: 186px;
    left: 181px;
    padding: 6px 7px;
    border-radius: 8px;
    font-size: 10px;
    color: #d6d6d6;
    font-weight: 300;
    line-height: normal;
    z-index: 5;
}

.account_inn_icon_reg:hover + .account_inn_icon_reg_hover {
    position: absolute;
    width: 208px;
    height: 110px;
    background-color: #1c1920;
    border: 1px solid #1c1920;
    display: block;
    top: 186px;
    left: 181px;
    padding: 6px 7px;
    border-radius: 8px;
    font-size: 10px;
    color: #d6d6d6;
    font-weight: 300;
    line-height: normal;
    z-index: 5;
}

.account_inn_icon_hover::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 99px;
    border-width: 5px;
    border-style: solid;
    border-color: #1c1920 transparent transparent;
}

.account_inn_icon_reg_hover::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 99px;
    border-width: 5px;
    border-style: solid;
    border-color: #1c1920 transparent transparent;
}

.account_inn_sub {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 303px;
    left: 302px;
}

.account_inn {
    position: absolute;
    width: 189px;
    padding-left: 10px;
    padding-right: 10px;
    top: 298px;
    left: 347px;
    right: 33px;
}

.account_inn:disabled {
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.account_inn:disabled::placeholder {
    color: transparent;
    opacity: 0;
}

.not_gamer_checkbox {
    position: absolute;
    left: 12px;
    top: 406px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.not_gamer_memo {
    position: absolute;
    width: 524px;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    top: 433px;
    left: 12px;
}

.account_subscription_btn {
    top: 507px;
    left: 13px;
    width: 180px;
}

.account_subscription {
    position: absolute;
    width: 325px;
    height: 30px;
    top: 507px;
    left: 204px;
    font-size: 14px;
    color: #979797;
    line-height: 14px;
    text-align: center;
    display: flex;
}

.account_subscription_text {
    margin: auto;
}

.account_subscription_text span {
    color: #979797;
}

.account_delete_btn {
    top: 554px;
    left: 13px;
    width: 180px;
}

.account_change_password_btn {
    top: 554px;
    left: 204px;
    width: 180px;
}

.account_save_btn {
    position: absolute;
    width: 135px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #8f2b19;
    border-radius: 8px;
    top: 554px;
    left: 396px;
    border: 1px solid #8f2b19;
}

.registration_block {
    position: relative;
    width: 1138px;
    height: 578px;
    border-radius: 8px;
}

.registration_left_side {
    position: absolute;
    left: 0;
    top: 20px;
    width: 569px;
    height: 578px;
}

.registration_phone_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 560px;
    height: 141px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);
}

.registration_phone_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 11px;
    left: 16px;
}

.registration_block .account_phone {
    top: 44px;
    left: 16px;
}

.registration_block .account_phone_confirm_btn {
    top: 44px;
    left: 295px;
    width: 135px;
}

.registration_block .registration_vk_login_btn {
    top: 44px;
    left: 440px;
    width: 82px;
    color: #fff;
    border-color: #0077ff;
    background: #0077ff;
}

.registration_block .politica_checkbox {
    position: absolute;
    top: 87px;
    left: 16px;
    display: block;
}

.registration_phone_bg .checkbox-text {
    display: block;
    color: #979797;
    top: 2px;
}

.politica_checkbox .mycheckbox:checked ~ .checkbox-text {
    color: #979797;
}

.registration_phone_bg a {
    color: #979797;
    text-decoration: underline;
}

.registration_email_bg {
    position: absolute;
    top: 151px;
    left: 0;
    width: 560px;
    height: 95px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);
}

.registration_email_title {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 12px;
    left: 16px;
}

.registration_password_bg {
    position: absolute;
    top: 257px;
    left: 0;
    width: 560px;
    height: 95px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);

    /*    background: url(../images/.registration_password_bg_b.png) no-repeat top center; */
}

.registration_password_title1 {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 12px;
    left: 16px;
}

.registration_password_title2 {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 12px;
    left: 286px;
}

.registration_password_bg .password-block .new-pass {
    position: absolute;
    width: 256px;
    top: 43px;
    left: 18px;
    font-size: 22px;
    line-height: 22px;
}

.registration_pass {
    width: 256px;
}

.password-container {
    position: relative;
    width: 100px;
    margin-top: 31px;
    margin-left: 237px;
}

.registration_password_bg .password-strength {
    position: absolute;
    display: flex;
    gap: 3px;
    margin-bottom: 5px;
    top: 29px;
    left: 237px;
}

.strength-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #92897a;
    transition: background-color 0.2s;
}

.password-hint {
    position: absolute;
    top: -57px;
    left: 188px;
    background-color: #1c1920;
    border: 1px solid #1c1920;
    padding: 7px;
    border-radius: 8px;
    font-size: 10px;
    display: none;
    width: 140px;

    /*    height: 77px; */
    color: #d6d6d6;
    font-weight: 300;
    line-height: normal;
    z-index: 10;
}

/* Стрелочка подсказки */
.password-hint::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 61px;
    border-width: 5px;
    border-style: solid;
    border-color: #1c1920 transparent transparent;
}

.password-hint::before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 61px;
    border-width: 5px;
    border-style: solid;
    border-color: #1c1920 transparent transparent;
}

.toggle-password {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    cursor: pointer;
    width: 26px;
    height: 30px;
    display: block;
    mask: url(../images/eye_open.svg) no-repeat center;
    mask-size: contain;
    background-color: #979797;
}

.toggle-password:hover {
    background-color: #000;
}

.toggle-password.show {
    mask: url(../images/eye_close.svg) no-repeat center;
    mask-size: contain;
    background-color: #979797;
}

.toggle-password.show:hover {
    background-color: #000;
}

.registration_password_bg .password-block .new-pass-conf {
    position: absolute;
    width: 256px;
    top: 43px;
    left: 286px;
}

.registration_pass_conf {
    width: 256px;
}

.registration_block .account_email {
    top: 44px;
    left: 16px;
}

.registration_block .account_email_confirm_btn {
    top: 44px;
    left: 295px;
    width: 135px;
}

.registration_block .account_save_btn {
    width: 185px;
    left: 361px;
    top: 430px;
}

.registration_right_side {
    position: absolute;
    left: 569px;
    top: 20px;
    width: 569px;
    height: 483px;
}

.registration_right_side::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 559px;
    height: 483px;
    background-color: rgb(0, 0, 0, 35%);
    border-radius: 8px;
    margin-left: 10px;
}

.registration_right_side .dop_info_title {
    top: 216px;
}

.registration_right_side .dop_info_exp_sub {
    top: 252px;
}

.registration_right_side .dop_info_focus_sub {
    top: 252px;
}

.registration_right_side .dop_info_exp {
    top: 248px;
}

.registration_right_side .dop_info_focus {
    top: 248px;
}

.registration_right_side .dop_info_system {
    top: 287px;
}

.registration_right_side .personal_info_system_sub {
    top: 325px;
}

.registration_right_side .not_master_checkbox {
    top: 216px;
    left: 24px;
}

.registration_right_side .account_inn_icon_reg {
    top: 361px;
    left: 293px;
}

.registration_right_side .account_inn_icon_reg:hover + .account_inn_icon_reg_hover {
    top: 245px;
    left: 199px;
}

.registration_right_side .account_inn_sub {
    top: 362px;
    left: 320px;
}

.registration_right_side .account_inn {
    top: 357px;
    left: 364px;
}

.registration_right_side .not_master_memo {
    top: 243px;
    left: 24px;
}

.registration_right_side .not_gamer_checkbox {
    top: 327px;
    left: 24px;
}

.registration_right_side .not_gamer_memo {
    top: 355px;
    left: 24px;
}

#footer {
    position: relative;
    width: 100%;
    background-color: #1c1920;
    height: 182px;
    margin-top: 20px;
}

#footer::before {
    left: 0;
    content: "";
    position: absolute;
    z-index: 2;
    background: url(../images/line.png);
    width: 100%;
    height: 2px;
}

#footer .row .col-3 {
    padding: 18px 0 0 34px;
    text-align: left;
}

.icon_telegramm {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/kingSprite3.png) -227px -129px;
}

.icon_telegramm:hover {
    background: url(../images/buttons/kingSprite3.png) -261px -129px;
}

.icon_discord {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/kingSprite3.png) -125px -129px;
}

.icon_vk {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/kingSprite3.png) -784px -95px;
}

.icon_vk:hover {
    background: url(../images/buttons/kingSprite3.png) -750px -95px;
}

.footer_social {
    margin-left: -31px;
    margin-top: 14px;
    width: 100%;
    height: 32px;
    flex-direction: row;
    display: inline-flex;
    gap: 5px;
}

.footer_title {
    color: #979797;
    font-size: 18px;
}

ul,
li {
    list-style: none;
}

ul.footer_links {
    margin-left: -33px;
    margin-top: 9px;
}

.footer_links li {
    height: 14px;
    padding: 0 0 17px;
}

.footer_links a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.footer_links a:hover {
    color: #c1ac82;
}

ul.footer_soc {
    margin-left: -31px;
    margin-top: 14px;
    width: 100%;
    height: 32px;
    flex-direction: row;
    display: inline-flex;
}

.footer_soc li {
    margin-right: 5px;
}

#footer .logo::after {
    color: #c1ac82;
    font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -17px;
    right: -10px;
}

.icontg {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/kingSprite3.png) -227px -129px;
}

.icontg:hover {
    background: url(../images/buttons/kingSprite3.png) -261px -129px;
}

.icondis {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/kingSprite3.png) -125px -129px;
}

.icondis:hover {
    background: url(../images/buttons/kingSprite3.png) -159px -129px;
}

.iconvk {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/buttons/kingSprite3.png) -784px -95px;
}

.iconvk:hover {
    background: url(../images/buttons/kingSprite3.png) -750px -96px;
}

.copyright {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 143px;
    left: 50%;
    margin-left: 336px;
}

.lobby_bg {
    position: relative;
    width: 100%;
    height: auto;

    /* Меняется по контенту */
    border-radius: 8px;

    /*    background: url(../images/lobby_bg_2.png) no-repeat top center;    */

    /*    background-color: rgba(0, 0, 0, 0.35); */
}

.lobby {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 560px;

    /*    background: url(../images/lobby_bg_2.png); */
    background-color: rgb(0, 0, 0, 35%);
    background-repeat: no-repeat;
    background-position: right 14px top 14px;
    background-size: auto calc(100% - 28px);
    padding-top: 1px;
    border-radius: 8px;
    z-index: 10;
}

.lobby_img {
    position: absolute;
    width: calc(100% - 14px);
    height: calc(100% - 28px);
    overflow: hidden;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    top: 14px;
}

.lobby_img img {
    position: absolute;
    height: calc(100%);
    right: -26%;
    -webkit-mask-image: -webkit-linear-gradient(right, #000, transparent);
    mask-image: -o-linear-gradient(right, #000, transparent);
    mask-image: linear-gradient(to left, #000 530px, transparent 770px);
    border-radius: 8px;
    object-fit: cover;
}

.lobby_img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #110b18;
    opacity: 0.5;
    z-index: 1;
    -webkit-mask-image: -webkit-linear-gradient(right, #000, transparent);
    mask-image: -o-linear-gradient(right, #000, transparent);
    mask-image: linear-gradient(to left, #000 530px, transparent 700px);
    border-radius: 8px;
}

* .lobby_header_container {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 20px;
    top: 10px;
    left: 22px;
}

.lobby_title {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
}

.lobby_numbers_and_logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lobby_mana_logo {
    width: 18px;
    height: 18px;
    background: url(../images/game_card_mana_icon.png) no-repeat center center;
    background-size: cover;
}

.lobby_mana {
    font-size: 18px;
    color: #6ebff5;
}

.lobby_free {
    font-size: 16px;
    color: #92897a;
    text-transform: uppercase;
}

.buffer_link {
    position: absolute;
    background: #fff;
    font-size: 14px;
    line-height: 31px;
    color: #1c1920;
    border-radius: 8px;
    padding-left: 10px;
    height: 30px;
}

.lobby_link {
    position: relative;
    width: 386px;
    top: 25px;
    left: 729px;
}

.buffer_link::after {
    content: "";
    position: absolute;
    background: url(../images/buttons/kingSprite3.png) -277px 0;
    width: 16px;
    height: 19px;
    top: 5px;
    right: 6px;
}

.buffer_link:hover::after {
    background: url(../images/buttons/kingSprite3.png) -295px 0;
}

.lobby_link_sub {
    position: absolute;
    top: 59px;
    left: 749px;
}

.lobby_specifications {
    position: absolute;
    width: 705px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    top: 69px;
    left: 22px;
}

.lobby_timer_block {
    position: absolute;
    width: 240px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid #979797;
    top: 132px;
    left: 22px;
    padding-top: 1px;
}

.lobby_timer_timer {
    position: absolute;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    left: 10px;
}

.lobby_timer_timer::after {
    content: "Времени до начала";
    position: absolute;
    top: -21px;
    left: 36px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    line-height: 18px;
    opacity: 0;
    pointer-events: none;
}

.lobby_timer_timer:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.lobby_timer_date {
    position: absolute;
    font-size: 14px;
    line-height: 27px;
    color: #979797;
    right: 10px;
}

.lobby_change_btn {
    position: absolute;
    width: 200px;
    height: 30px;
    top: 132px;
    left: 270px;
    border-radius: 8px;
    border: 1px solid #979797;
}

.lobby_chat_btn {
    position: absolute;
    width: 195px;
    top: 132px;
    left: 534px;
    text-transform: none;
}

.lobby_gamer_line {
    position: relative;
    width: 714px;
    height: 62px;
    background: url(../images/buttons/kingSprite3.png) 0 -188px;
}

.lobby_leader {
    position: absolute;
    top: 183px;
    left: 15px;
}

.lobby_gamer_ico {
    position: absolute;
    width: 22px;
    top: 20px;
    height: 20px;
    background: url(../images/lobby_leader_ico.png) no-repeat center center;
    left: 17px;
}

.lobby_gamers_lines .gamer .lobby_gamer_ico {
    background: url(../images/lobby_gamer_ico.png) no-repeat center center;
}

.lobby_gamers_lines .add .lobby_gamer_ico {
    background: none;
}

.lobby_gamers_lines .add .lobby_gamer_ico::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 1px;
    background: url(../images/buttons/kingSprite3.png) no-repeat -349px 0;
    width: 19px;
    height: 19px;
}

.lobby_leader .lobby_gamer_ico::after {
    content: "Мастер";
    position: absolute;
    top: -30px;
    left: 11px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.lobby_leader .lobby_gamer_ico:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.lobby_gamer_name {
    position: absolute;
    font-size: 14px;
    width: 350px;
    height: 30px;
    background: linear-gradient(to right, var(--block-color), transparent);
    border-radius: 8px;
    top: 15px;
    left: 46px;
    line-height: 31px;
}

.lobby_gamer_name a {
    display: block;
    color: #fff;
    text-decoration: none;
    height: 32px;
    padding: 0 12px;
    width: fit-content;
}

.lobby_gamer_name a:hover {
    color: #979797;
}

.add .lobby_gamer_name a {
    color: #979797;
    width: 660px;
}

.add .lobby_gamer_name a:hover {
    color: #fff;
}

.lobby_gamer_icons {
    position: absolute;
    top: 15px;
    right: 12px;
    height: 30px;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.lobby_btn {
    background: none;
    border: 1px solid #92897a;
    box-shadow: 0;
    color: #92897a;
    font-size: 14px;
    border-radius: 8px;
    height: 32px;
}

.lobby_btn:not(:disabled):hover {
    color: #fff;
    border-color: #fff;
}

.lobby_gamer_icons_start {
    position: relative;
    width: 183px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid #484848;
    color: #484848;
}

.lobby_gamers_lines {
    position: relative;
    width: 714px;
    margin-top: 233px;
    left: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.lobby_gamer_icons_donat {
    position: relative;
    width: 32px;
    height: 32px;
}

.lobby_gamer_icons_donat::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    transform: translate(-50%, -50%);
    background: url(../images/buttons/kingSprite3.png) no-repeat -487px 0;
    width: 18px;
    height: 22px;
}

.lobby_gamer_icons_donat:hover::before {
    background-position: -507px 0;
}

.lobby_gamer_icons_star {
    position: relative;
    width: 32px;
    height: 32px;
}

.lobby_gamer_icons_star::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 21px;
    background: url(../images/buttons/kingSprite3.png) no-repeat -391px 0;
}

.lobby_gamer_icons_star:hover::before {
    background-position: -415px 0;
}

.lobby_gamer_icons_star::after {
    content: "Оценка и отзыв";
    position: absolute;
    top: -30px;
    left: 16px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.lobby_gamer_icons_star:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.lobby_gamer_icons_complain {
    position: relative;
    width: 32px;
    height: 32px;
}

.lobby_gamer_icons_complain::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    transform: translate(-50%, -50%);
    background: url(../images/buttons/kingSprite3.png) no-repeat -439px 0;
    width: 22px;
    height: 22px;
}

.lobby_gamer_icons_complain:hover::before {
    background-position: -463px 0;
}

.lobby_gamer_icons_complain::after {
    opacity: 0;
    content: "Пожаловаться";
    position: absolute;
    top: -30px;
    left: 16px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    pointer-events: none;
}

.lobby_gamer_icons_complain:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.lobby_gamer_icons_donat2 {
    position: relative;
    width: 32px;
    height: 32px;
}

.lobby_gamer_icons_donat2::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    transform: translate(-50%, -50%);
    background: url(../images/buttons/kingSprite3.png) no-repeat -527px 0;
    width: 22px;
    height: 22px;
}

.lobby_gamer_icons_donat2:hover::before {
    background-position: -551px 0;
}

.lobby_gamer_icons_donat::after,
.lobby_gamer_icons_donat2::after {
    content: "Поддержать";
    position: absolute;
    top: -30px;
    left: 16px;
    transform: translateX(-50%);
    background: rgb(0, 0, 0, 100%);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.lobby_gamer_icons_donat:hover::after,
.lobby_gamer_icons_donat2:hover::after {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.lobby_gamer_icons_rejection {
    width: 146px;
}

.lobby_gamer_icons_confirmed {
    width: 137px;
    text-transform: uppercase;
    color: #4da238;
    border: none;
}

.lobby_gamers_lines .add .lobby_gamer_name {
    background: none;
    color: #979797;
    padding: 0 12px;
    width: 655px;
    left: 45px;
}

.lobby_gamers_lines .add .lobby_gamer_name::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background: url(../images/buttons/kingSprite3.png) no-repeat -769px -31px;
    width: 367px;
    height: 30px;
}

.lobby_gamer_line.add a:hover .lobby_gamer_name {
    color: #fff;
    background: url(../images/buttons/kingSprite3.png) 1px -62px;
    top: 15px;
    left: 45px;
    width: 367px;
    height: 31px;
}

.lobby_gamer_line.add a:hover .lobby_gamer_ico::before {
    background: url(../images/buttons/kingSprite3.png) -370px 0;
}

.lobby_gamer_line.butttons {
    margin-top: 15px;
    right: -12px;
    background: none;
    margin-bottom: 15px;
}

.lobby_gamer_icons_confirm {
    width: 146px;
    color: #6ebff5;
    border-color: #6ebff5;
}

.butttons .lobby_btn {
    width: 196px;
    border: 1px solid #979797;
    color: #979797;
}

.butttons .red {
    color: #e76143;
    border-color: #e76143;
}

.lobby_memo {
    position: absolute;
    font-size: 12px;
    line-height: normal;
    color: #d6d6d6;
    font-style: italic;
    font-weight: 300;
    width: 366px;
    top: 130px;
    left: 750px;
}

/******************************* Страница создания игры *************************************/

.create_block {
    position: relative;
    margin-top: 24px;
    width: 1140px;
    height: 954px;
    border-radius: 8px;
    background-color: rgb(0, 0, 0, 35%);
    padding: 15px 22px;
    display: flex;
}

.create_left_side {
    position: relative;
    width: 540px;
    height: 920px;
}

.create_block_logo {
    position: absolute;
    width: 200px;
    height: 140px;
    top: 0;
    left: 0;
}

.create_block_logo img {
    border-radius: 8px;
    width: 200px;
    height: 140px;
}

.create_block_logo::before {
    content: "1140 x 701 до 4Mb";
    position: absolute;
    width: 70px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    top: 28px;
    left: 68px;
}

.create_block_logo::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(17, 11, 24, 50%);
    border-radius: 8px;
}

.create_block_logo_btn {
    position: absolute;
    top: 88px;
    left: 52px;
    z-index: 5;
    width: 95px;
}

.create_block_logo_btn a:hover {
    color: #979797;
    border-color: #979797;
}

.create_name_title {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 14px;
    left: 236px;
}

.create_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 100%;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.create_name {
    position: absolute;
    top: 45px;
    left: 223px;
    width: 313px;
}

.input-container input {
    padding-right: 40px;
}

.input-container .char-counter {
    padding-right: 5px;
    padding-bottom: 3px;
}

.create_valuta {
    position: absolute;
    width: 157px;
    top: 82px;
    left: 223px;
}

.input-with-icon-container {
    position: absolute;
    width: 152px;
    top: 82px;
    left: 385px;
}

.input-icon {
    display: block;
    width: 30px;
    height: 20px;
    background-size: auto 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 0;
}

.input-with-icon-container .char-counter {
    display: none !important;
}

.create_memo {
    position: absolute;
    font-size: 14px;
    color: #d8d8d8;
    font-weight: 300;
    border: 1px solid #908f95;
    border-radius: 8px;
    padding: 13px 25px;
    line-height: normal;
    font-style: italic;
}

.create_memo p {
    margin-bottom: 15px;
}

.create_memo.valuta {
    position: absolute;
    width: 100%;
    height: 215px;
    top: 159px;
}

.create_memo .green {
    color: #4f7f43;
    font-weight: 500;
}

.create_system {
    position: absolute;
    width: 536px;
    top: 389px;
    left: 1px;
}

.create_setting {
    position: absolute;
    width: 264px;
    top: 426px;
    left: 1px;
}

.create_genre {
    position: absolute;
    width: 264px;
    top: 426px;
    left: 273px;
}

.create_text {
    position: absolute;
    width: 113px;
    top: 472px;
    left: 1px;
}

.create_city {
    position: absolute;
    width: 300px;
    top: 472px;
    left: 119px;
}

.create_campany {
    position: absolute;
    width: 113px;
    top: 472px;
    left: 424px;
}

.create_sub {
    position: absolute;
    font-size: 14px;
    color: #979797;
}

.sub_age {
    top: 514px;
}

.create_age_from {
    position: absolute;
    width: 86px;
    top: 509px;
    left: 70px;
}

.create_age_to {
    position: absolute;
    width: 86px;
    top: 509px;
    left: 161px;
}

.create_qty_from {
    position: absolute;
    width: 62px;
    top: 509px;
    left: 408px;
}

.create_qty_to {
    position: absolute;
    width: 62px;
    top: 509px;
    left: 475px;
}

.sub_qty {
    top: 514px;
    left: 289px;
}

.sub_start {
    top: 559px;
    left: 1px;
}

.create_start_t {
    position: absolute;
    width: 76px;
    top: 554px;
    left: 186px;
}

.create_start_d {
    position: absolute;
    width: 72px;
    top: 554px;
    left: 267px;
}

.create_start_m {
    position: absolute;
    width: 114px;
    top: 554px;
    left: 343px;
}

.create_start_y {
    position: absolute;
    width: 75px;
    top: 554px;
    left: 462px;
}

.create_memo.time {
    width: 100%;
    height: 311px;
    top: 601px;
    left: 0;
}

.create_right_side {
    position: relative;
    width: 536px;
    height: 920px;
    margin-left: 19px;
}

.create_textarea {
    position: absolute;
    border-radius: 8px;
    background: #fff;
    width: 100%;
}

.create_textarea textarea {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
    color: #1c1920;
}

.create_textarea .char-counter {
    padding-right: 5px;
    margin-top: -2px;
    margin-right: 7px;
}

.create_comment {
    top: 1px;
    height: 68px;
}

.create_description {
    top: 84px;
    height: 200px;
}

.sub_lavel {
    top: 302px;
    left: 310px;
}

.create_lavel {
    position: absolute;
    top: 299px;
    left: 446px;
    width: 90px;
}

.create_requirements {
    top: 344px;
    height: 83px;
}

.create_additional {
    top: 359px;
    height: 68px;
}

.create_open {
    position: absolute;
    top: 442px;
    width: 112px;
}

.create_link {
    width: 418px;
    top: 442px;
    left: 118px;
}

.sub_open {
    top: 480px;
    left: 68px;
}

.create_tg_link {
    position: absolute;
    width: 100%;
    top: 511px;
}

.sub_tg_link {
    width: 100%;
    top: 550px;
    left: 0;
    text-align: center;
    line-height: normal;
}

.create_img {
    position: absolute;
    width: 204px;
    height: 145px;
    border: 1px solid #908f95;
    border-radius: 8px;
    top: 600px;
    text-align: center;
    line-height: 86px;
}

.create_img img {
    width: 100%;
    height: 100%;
}

.sub_border {
    color: #fff;
    top: 599px;
    left: 218px;
}

.sub_border_alarm {
    width: 318px;
    top: 670px;
    left: 219px;
    font-size: 14px;
    color: #d8d8d8;
    font-weight: 300;
    line-height: normal;
    font-style: italic;
}

.sub_border_alarm span {
    color: #e76143;
}

.create_border_btn {
    width: 144px;
    top: 627px;
    left: 218px;
}

.create_mana_btn {
    width: 261px;
    top: 840px;
    left: 0;
    color: #6ebff5;
    border-color: #6ebff5;
}

.account_btn_dan.create_mana_btn:hover {
    background: #2783ba;
    color: #fff;
    border-color: #2783ba !important;
}

.create_preview {
    width: 261px;
    top: 880px;
    left: 0;
    color: #979797;
    border-color: #979797;
}

.create_save_btn {
    position: absolute;
    width: 262px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #8f2b19;
    top: 880px;
    left: 274px;
    border-color: #8f2b19;
}

.reviews {
    position: relative;
    width: 100%;
    height: auto;
}

.reviews .tag-remove,
.reviews_new .tag-remove {
    display: none;
}

.reviews_new {
    position: relative;
    width: 100%;
    height: auto;
}

.reviews_new .reviews_item_btn {
    display: none;
}

.reviews .reviews_master_name {
    display: none;
}

.reviews_master_name {
    position: absolute;
    font-size: 14px;
    color: #92897a;
    right: 0;
    top: 2px;
    text-align: center;
}

.reviews_master_name span {
    font-size: 30px;
    color: inherit;
}

.reviews_master_name p {
    margin-bottom: -8px;
}

.reviews_filter {
    position: absolute;
    background-color: rgb(0, 0, 0, 35%);
    width: 182px;
    height: 67px;
    border-radius: 8px;
    top: 0;
    left: 0;
    z-index: 5;
}

.reviews_filter_dd {
    position: absolute;
    top: 18px;
    left: 16px;
    width: 150px;
}

.reviews_filter_dd .select-header,
.reviews_filter_dd .select-dropdown {
    background-color: #49454d;
    color: #fff;
    border-color: #49454d;
}

.reviews_filter_dd .option:hover,
.reviews_filter_dd .option.selected {
    background: #49454d;
    color: #c1ac82;
}

.reviews_rating_digital {
    position: absolute;
    font-size: 43px;
    font-weight: 600;
    color: #fff;
    top: 0;
    left: 203px;
    z-index: 5;
}

.reviews_rating_sub {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 32px;
    left: 272px;
}

.reviews_blocks {
    position: relative;
    width: 100%;
    padding-top: 88px;
}

.reviews_item {
    position: relative;
    width: 562px;
    height: auto;
    background-color: rgb(0, 0, 0, 35%);
    border-radius: 8px;
    margin-bottom: 13px;
}

.reviews_item_logo {
    position: absolute;
    width: 58px;
    top: 10px;
    left: 10px;
}

.reviews_item_logo img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.reviews_item_name {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    top: 21px;
    z-index: 4;
}

.reviews_item_date {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 9px;
    left: 467px;
    /* z-index: 5; */
    text-align: center;
    width: 100px;
    z-index: 1;
}

.reviews_item_rating {
    position: absolute;
    top: 45px;
    left: 234px;
}

.custom_reviews_item_rating {
    position: absolute;
    top: -10px;
    left: 0px;
}

.reviews_item_memo {
    position: relative;
    font-size: 14px;
    color: #979797;
    width: 100%;
    padding: 10px 10px 0 10px;
    padding-top: 95px;
    line-height: normal;
    margin-bottom: 7px;
    z-index: 2;

    display: -webkit-box; /* включаем флекс-контейнер */
    -webkit-line-clamp: 4; /* ограничиваем 4 строками */
    -webkit-box-orient: vertical; /* направление блока */
    overflow: hidden; /* скрываем лишнее */
    text-overflow: ellipsis;
    max-height: 165px;
}

.reviews_rating_stars {
    position: absolute;
    left: 270px;
    top: 10px;
    gap: 8px; /* расстояние между звёздами и текстом */
}

.rating-container {
    display: flex;
    align-items: center;
}

.rating-container .stars {
    display: flex;
    gap: 1px;
    position: static;
    top: 0px;
    left: 5px;
}

.rating-container .star {
    position: relative;
    width: 18px;
    height: 24px;
}

.rating-container .star-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #979797;

    /* Цвет незакрашенной звезды */
}

.rating-container .star-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #b69632;

    /* Цвет закрашенной звезды */
    clip-path: inset(0 0 0 0);
}

.reviews_item_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #49454d;
    border-radius: 8px;
    color: #979797;
    font-size: 14px;
    top: 9px;
    left: 518px;
    z-index: 20;
}

.reviews_item_btn .arrow {
    display: none;
}

.reviews_item_btn .select-header {
    background-color: #49454d;
}

.reviews_item_btn .input-wrapper {
    margin-left: -4px;
}

.reviews_item_btn .option:hover,
.reviews_item_btn .option.selected {
    background: #49454d;
    color: #b69532;
}

.reviews_item_btn .placeholder {
    background-color: #49454d;
}

.reviews_item_btn .select-dropdown {
    background-color: #49454d;
    width: 125px;
    left: -95px;
    border: 0;
    top: 28px;
    z-index: 21;
    border-top-left-radius: 4px;
}
.reviews_item_btn .select-header {
    height: 28px;
    border: 1px solid #49454d;
}

.reviews_item_btn a {
    text-decoration: none;
    color: #fff;
}

.reviews_item_btn a:hover {
    color: #c1ac82;
}

.reviews_item_btn .option {
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.reviews_item_btn .select-header:hover {
    border: 1px solid #fff;
}

.reviews_item_btn .select-header:hover .placeholder {
    color: #fff;
}

.reviews_item_btn .select-header.open:hover {
    border-bottom-color: #49454d;
}

.not-master-text,
.access-denied-wrapper {
    color: #1c1920;
    font-size: 36px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    /* SemiBold */
    margin-top: 50px;
    /* отступ от контента, при необходимости менять */
    text-align: center;
}

.empty-games-text {
    color: #d6d1d9;
    font-size: 30px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    /* SemiBold */
    margin-top: 24px;
    /* отступ от контента, при необходимости менять */
    text-align: center;
}

.notice_block {
    display: flex;
    justify-content: start;
    width: 100%;
    color: #fff;
}

.notice_item {
    display: flex;
    gap: 50px;

    /* Отступ между колонками */
    min-width: 477px;
    max-width: 816px;
    background-color: rgb(52, 47, 58, 65%);
    padding: 15px 15px 15px 25px;
    border-radius: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
    line-height: normal;
}

.notice_item_left {
    flex: 1;

    /* Занимает все доступное пространство */
    min-width: 0;

    /* Для корректного переноса текста */
}

.notice_item_left p {
    font-size: 14px;
    margin: 0;
    line-height: normal;
    font-weight: 400;
}

.notice_item_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;

    /* Ширина по содержимому */
    flex-shrink: 0;

    /* Запрещаем уменьшение */
}

.notice_item_date {
    align-self: flex-end;
    color: #979797;
    font-size: 14px;
}

.notice_item_condition {
    align-self: flex-end;
    font-size: 14px;
}

.notice_item_left a {
    text-decoration: none;
}

.notice_item_left a:hover {
    color: #fff;
}

.notice_social_link {
    color: #2783ba;
}

.notice_item_left .gold {
    color: #b69532;
}

.notice_item_left .blue {
    color: #6ebff5;
}

.notice_item_left .red {
    color: #e76143;
}

.notice_item_left .coffee {
    color: #92897a;
}

.notice_item_left .sub-ancient {
    color: #8c7ec0;
    font-weight: 500;
}

.notice_item_left .sub-neofit:hover {
    color: #ffffff;
    font-weight: 500;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.notice_item_left .sub-ancient:hover {
    color: #ffffff;
    font-weight: 500;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.notice_item_left .sub-neofit {
    color: #979797;
    font-weight: 500;
}

.notice_item_left .sub-acolyte {
    color: #af9442;
    font-weight: 500;
}

.notice_item_left .sub-shadow {
    color: #6789bc;
    font-weight: 500;
}

.notice_item_left .sub-oracle {
    color: #c85d48;
    font-weight: 500;
}

.notice_item_condition.readed {
    color: #979797;
}

.notice_btn {
    background: none;
    border: 1px solid #979797;
    box-shadow: 0;
    color: #979797;
    font-size: 14px;
    border-radius: 8px;
    width: 150px;
    height: 32px;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 10px;
}

.notice_green_btn {
    background-color: #3e6634;
    border-color: #3e6634;
    color: #fff;
}

.notice_join_btn {
    width: auto;
    min-width: 172px;
    padding: 0 16px;
}

.notice_free_invite_amount {
    color: #6ebff5;
    font-weight: 500;
}

.notice_free_invite_free {
    color: #92897a;
    font-weight: 500;
}

.notice_grey_btn {
    background-color: #777;
    border-color: #333;
    color: #bbb;
}

.notice_btn:hover {
    border-color: #fff;
    color: #fff;
}

.notice_text {
    font-size: 14px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/**************** Мои Объявления *****************/

.adsds,
.adsds_new {
    position: relative;
    width: 100%;
    height: auto;

    /*    background: url(../images/ads_bg_b.png) no-repeat top center; */
}

.adsds_filter {
    position: absolute;
    width: 271px;
    height: 108px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 10px;
    z-index: 5;
}

.adsds_new .adsds_block {
    padding-top: 87px;
}

.adsds_new .adsds_filter {
    height: 67px;
}

.adsds_new .adsds_checkbox {
    display: none;
}

.adsds_new .adsds_filter_dd {
    display: none;
}

.adsds_new .adsds_item_checkbox {
    display: none;
}

.adsds_new .adsds_item_btn {
    display: none;
}

.adsds .adsds_master_name {
    display: none;
}

.adsds_master_name {
    position: absolute;
    font-size: 14px;
    color: #92897a;
    right: 0;
    top: 2px;
    text-align: center;
}

.adsds_master_name span {
    font-size: 30px;
    color: #7b3bb6;
}

.adsds_master_name p {
    margin-bottom: -8px;
}

.adsds_master_name .sub-ancient {
    color: #8c7ec0;
}

.adsds_master_name .sub-neofit {
    color: #979797;
}

.adsds_master_name .sub-acolyte {
    color: #af9442;
}

.adsds_master_name .sub-shadow {
    color: #6789bc;
}

.adsds_master_name .sub-oracle {
    color: #c85d48;
}

.adsds_btn {
    position: absolute;
    width: 115px;
    background: none;
    border: 1px solid #92897a;
    box-shadow: 0;
    color: #92897a;
    font-size: 14px;
    border-radius: 8px;
    height: 32px;
}

.adsds_btn:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #1c1920;
}

.adsds_btn_active {
    top: 17px;
    left: 19px;
}

.adsds_btn_history {
    top: 17px;
    left: 140px;
    color: #fff;
    border-color: #fff;
}

.adsds_btn.active {
    border: 1px solid #fff;
    background: #fff;
    color: #1c1920;
}

.adsds_filter_dd {
    position: absolute;
    top: 59px;
    left: 44px;
    width: 211px;
}

.adsds_filter_dd .select-header,
.adsds_filter_dd .select-dropdown,
.adsds_filter_dd .placeholder {
    background-color: #49454d;
    color: #fff;
    border-color: #49454d;
}

.adsds_filter_dd .option:hover,
.adsds_filter_dd .option.selected {
    background: #49454d;
    color: #c1ac82;
}

.adsds_checkbox {
    position: absolute;
    top: 61px;
    left: 20px;
}

.adsds_block {
    position: relative;
    width: 100%;
    padding-top: 127px;
}

.adsds_block .adsds_item {
    position: relative;
    width: 217px;
    height: 255px;
    margin-bottom: 13px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 8px;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.4, 1);
    transform-origin: center;
    will-change: transform;
}

.adsds_block .adsds_item:hover {
    transform: scale(1.05);
    z-index: 1;
    position: relative;
}

.adsds_block .row-custom {
    --gap: 13.25px;

    margin-left: calc(-0.5 * var(--gap));
    margin-right: calc(-0.5 * var(--gap));
}

.adsds_block .row-custom > [class^="col-"] {
    padding-left: calc(0.5 * var(--gap));
    padding-right: calc(0.5 * var(--gap));
}

.adsds_item_img {
    position: absolute;
    top: 9px;
    left: 9px;
}

.adsds_item_img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(17, 11, 24, 50%);
    top: 0;
    left: 0;
    border-radius: 8px;
}

.adsds_item_img img {
    border-radius: 8px;
}

.adsds_item_checkbox {
    position: absolute;
    top: 12px;
    left: 18px;
    z-index: 5;
}

.adsds_item_logo {
    position: absolute;
    width: 100%;
    top: 59px;
    text-align: center;
}

.adsds_numbers_and_logo {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    top: 107px;
    width: 100%;
}

.adsds_mana_logo {
    width: 18px;
    height: 18px;
    background: url(../images/game_card_mana_icon.png) no-repeat center center;
    background-size: cover;
}

.adsds_mana {
    font-size: 18px;
    color: #6ebff5;
}

.adsds_item_name {
    position: absolute;
    width: 200px;
    height: 45px;
    text-align: center;
    left: 10px;
    top: 160px;
    color: #fff;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    /* Число строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adsds_date {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 218px;
    left: 17px;
}

.adsds_item_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #49454d;
    border-radius: 8px;
    color: #979797;
    font-size: 14px;
    top: 213px;
    left: 180px;
    z-index: 5;
}

.adsds_item_btn .arrow {
    display: none;
}

.adsds_item_btn .select-header {
    background-color: #49454d;
}

.adsds_item_btn .input-wrapper {
    margin-left: -3px;
}

.adsds_item_btn .option:hover,
.adsds_item_btn .option.selected {
    background: #49454d;
    color: #b69532;
}

.adsds_item_btn .placeholder {
    background-color: #49454d;
}

.adsds_item_btn .select-dropdown {
    background-color: #49454d;
    width: 95px;
    left: -65px;
    border: 0;
    top: 29px;
    position: absolute;
    z-index: 10;
}

.adsds_item_btn .select-header {
    height: 28px;
    border: 1px solid #49454d;
}

.adsds_item_btn a {
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: block;
}

.adsds_item_btn a:hover {
    color: #c1ac82;
}

.adsds_item_btn .option {
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
    text-align: center;
    padding: 10px 0;
}

.adsds_item_btn .select-header:hover {
    border: 1px solid #fff;
}

.adsds_item_btn .select-header:hover .placeholder {
    color: #fff;
}

.adsds_item_btn .select-header.open:hover {
    border-bottom-color: #49454d;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0, 90%);
}

.modal-content {
    margin: auto;
    position: fixed;
    overflow: visible;
    top: 50%;
    box-sizing: border-box;
    width: fit-content;
    background: none;
    perspective: 1000px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/* Кнопка закрытия */
.payment-modal-close,
.modal-close {
    color: #848484;
    font-size: 60px;
    font-weight: 200;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(50%, -50%);
    background-color: #49454d;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgb(0, 0, 0, 20%);
    z-index: 2;
    padding-bottom: 3px;
    text-shadow: none;
}

.game_card_madal_btn,
.game_card_modal_btn {
    right: calc(50% - 165px);
    top: calc(50% - 211px);
}

#PreviewModal.dop-info-mode > .modal-close {
    right: calc(50% - 223.5px);
    top: calc(50% - 357.5px);
}

#game-preview-container {
    transform: none;
    margin-top: -187px;
    margin-left: -136px;
    perspective: 1000px;
}

#game-preview-container.dop-info {
    margin-top: 0;
    margin-left: 0;
    transform: translateX(-50%) translateY(-50%);
}

.payment-modal-close:hover,
.modal-close:hover {
    background-color: #f0f0f0;
}

.adsds_item .modal-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.modal-content .game_card::before {
    top: 33px;
    box-shadow: 0 0 16px 36px rgb(255, 255, 255, 60%);
}

.modal-content .game_card:hover::before {
    content: "";
    width: 209px;
    height: 312px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.pay_block {
    width: 590px;
    height: 644px;
    background: url(../images/modal_pay.png) no-repeat top center;
}

.pay_block--iconsboarders,
.pay_block--subscriptions,
.pay_block--resources {
    border-radius: 12px;
}

.pay_block--resources {
    height: 507px;
}

.pay_block--subscriptions {
    height: 590px;
}

.pay_block--iconsboarders {
    height: 622px;
}

.pay_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: url(../images/pay_header_line.png) no-repeat bottom center;
}

.pay_summ {
    position: absolute;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    top: 22px;
    left: 20px;
}

.pay_summ span {
    color: #fff;
}

.pay_summ span::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.rubl_pay_summ {
    position: absolute;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    top: 22px;
    left: 20px;
}

.rubl_pay_summ span {
    color: #fff;
}

.rubl_pay_summ span::after {
    content: "руб.";
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    right: -18px;
}

.pay_mana_memo {
    position: absolute;
    top: 25px;
    right: 19px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}

.pay_reservation_memo {
    position: absolute;
    top: 108px;
    right: 76px;
    color: #979797;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    white-space: nowrap;
}

.pay_offs_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 75px;
    left: 20px;
}

.pay_checkbox {
    position: absolute;
    left: 20px;
}

.pay_checkbox_res {
    top: 107px;
}

.pay_checkbox_res .checkbox-text {
    color: #fff;
}

.pay_checkbox_res--iconsboarders {
    top: 109px;
}

.pay_checkbox_res--iconsboarders .checkbox-text {
    color: #fff;
}

.pay_checkbox_mana {
    top: 129px;
}

.pay_checkbox_mana .checkbox-text {
    color: #fff;
}

.pay_checkbox_mana--subscriptions {
    top: 108px;
}

.pay_checkbox_mana--subscriptions .checkbox-text {
    color: #fff;
}

.pay_checkbox_res::after {
    background: url(../images/game_card_res_icon.png);
}

.pay_checkbox_mana::after {
    background: url(../images/game_card_mana_icon.png);
}

.pay_checkbox_mana--subscriptions::after {
    background: url(../images/game_card_mana_icon.png);
}

.pay_checkbox::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 3px;
    right: -20px;
}

.pay_topup {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 156px;
    left: 20px;
}

.pay_topup span {
    color: #fff;
}

.pay_topup span::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.pay_ukassa {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 211px;
    left: 20px;
}

.pay_ukassa span {
    color: #fff;
}

.pay_total {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 222px;
    left: 20px;
}

.totalAmount::after {
    display: none;
}

.rubl_pay_total {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 211px;
    left: 20px;
}

.pay_line {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 172px;
    left: 20px;
    width: 596px;
    height: 1px;
}

.pay_line2 {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 204px;
    left: 20px;
    width: 596px;
    height: 1px;
}

.pay_line3 {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 238px;
    left: 20px;
    width: 596px;
    height: 1px;
}

.pay_total span {
    color: #fff;
}

.pay_subtotal span::after,
.pay_total span::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.rubl_pay_total span {
    color: #fff;
}

.rubl_pay_total span::after {
    content: "р.";
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.pay_way {
    position: absolute;
    top: 278px;
    left: 20px;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
}

.pay_bank {
    position: absolute;
    width: 376px;
    height: 87px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 10px;
    left: 15px;
}

.pay_bank:hover {
    background: rgb(146, 137, 122, 65%);
}

.pay_card {
    top: 319px;
}

.pay_sbp {
    top: 414px;
}

.pay_bank_logo {
    position: absolute;
    top: 10px;
    left: 10px;
}

.pay_bank_title {
    position: absolute;
    top: 18px;
    left: 96px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.pay_bank_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 42px;
    left: 96px;
}

.pay_bank_checkbox {
    position: absolute;
    top: 4px;
    right: 4px;
}

.pay_confirm {
    position: absolute;
    top: 524px;
    left: 20px;
    color: #d6d6d6;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: normal;
}

.pay_confirm a {
    color: #d6d6d6;
}

.pay_confirm_btn {
    position: absolute;
    top: 580px;
    left: 20px;
    width: 209px;
    height: 32px;
    background: #3e6634;
    border: 1px solid #3e6634;
    border-radius: 8px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.pay_confirm_btn:hover {
    border-color: #fff;
}

.payment-modal-close,
.modal-close {
    transform: translate(50%, -50%);
}

.pay_confirm_btn span::after {
    content: "";
    position: relative;
    width: 14px;
    height: 14px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: -1px 0 0 5px;
    vertical-align: middle;
    display: inline-block;
}

.pay_block--iconsboarders .pay_line {
    top: 150px;
}

.pay_block--iconsboarders .pay_line2 {
    top: 183px;
}

.pay_block--iconsboarders .pay_line3 {
    top: 216px;
}

.pay_block--subscriptions .pay_line {
    top: 149px;
}

.pay_block--subscriptions .pay_line2 {
    top: 183px;
}

.pay_block--resources .pay_line {
    top: 101px;
}

.pay_block--iconsboarders .pay_ukassa {
    top: 189px;
}

.pay_block--resources-and-mana .pay_topup {
    top: 161px;
}

.pay_block--resources-and-mana .pay_total {
    top: 228px;
}

.pay_block--resources-and-mana .pay_line {
    top: 156px;
}

.pay_block--resources-and-mana .pay_line2 {
    top: 189px;
}

.pay_block--resources-and-mana .pay_line3 {
    top: 222px;
}

.pay_block--resources-and-mana .pay_way {
    top: 262px;
}

.pay_block--resources-and-mana .pay_ukassa {
    top: 195px;
}

.pay_block--resources .pay_ukassa {
    top: 75px;
}

.pay_block--subscriptions .pay_ukassa {
    top: 156px;
}

.pay_block--resources .rubl_pay_total {
    top: 108px;
}

.pay_block--subscriptions .rubl_pay_total {
    top: 189px;
}

.pay_block--iconsboarders .pay_card {
    top: 297px;
}

.pay_block--resources .pay_card {
    top: 182px;
}

.pay_block--subscriptions .pay_card {
    top: 264px;
}

.pay_block--iconsboarders .pay_sbp {
    top: 392px;
}

.pay_block--resources .pay_sbp {
    top: 277px;
}

.pay_block--subscriptions .pay_sbp {
    top: 359px;
}

.pay_block--iconsboarders .pay_way {
    top: 256px;
}

.pay_block--resources .pay_way {
    top: 141px;
}

.pay_block--subscriptions .pay_way {
    top: 223px;
}

.pay_block--iconsboarders .pay_confirm {
    top: 502px;
}

.pay_block--resources .pay_confirm {
    top: 387px;
}

.pay_block--subscriptions .pay_confirm {
    top: 469px;
}

.pay_block--iconsboarders .pay_confirm_btn {
    top: 558px;
}

.pay_block--resources .pay_confirm_btn {
    top: 443px;
}

.pay_block--subscriptions .pay_confirm_btn {
    top: 525px;
}

.donate_block {
    width: 590px;
    height: 813px;
    background: url(../images/modal_donate.png) no-repeat top center;
}

.donate_back_img {
    position: absolute;
    top: 0;
    left: 0;
}

.donate_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 89px;
    background: url(../images/pay_header_line.png) no-repeat bottom center;
}

.donate_name {
    position: absolute;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    top: 16px;
    left: 26px;
}

.donate_name span {
    color: #fff;
}

.modal-donate input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 100%;
}

.modal-donate .create_valuta {
    top: 44px;
    left: 27px;
}

.modal-donate .create_valuta .tag-remove {
    display: none;
}

.modal-donate .input-with-icon-container {
    top: 44px;
    left: 189px;
}

.donate_offs_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 97px;
    left: 26px;
}

.donate_checkbox {
    position: absolute;
    left: 26px;
}

.donate_checkbox_res {
    top: 127px;
}

.donate_checkbox_mana {
    top: 149px;
}

.donate_checkbox_res::after {
    background: url(../images/game_card_res_icon.png);
}

.donate_checkbox_mana::after {
    background: url(../images/game_card_mana_icon.png);
}

.donate_checkbox::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 3px;
    right: -20px;
}

/*

.donate_checkbox .mycheckbox + label {
    padding-left: 28px;
}
*/

.donate_ukassa {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 190px;
    left: 26px;
}

.donate_lack {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 223px;
    left: 26px;
}

.donate_line,
.donate_line2,
.donate_line3 {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 183px;
    left: 26px;
    width: 596px;
    height: 1px;
}

.donate_line2 {
    top: 217px;
}

.donate_line3 {
    top: 250px;
}

.donate_lack span {
    color: #fff;
}

.donate_lack span.donate_lack_res::after {
    background: url(../images/game_card_res_icon.png);
    background-size: cover;
}

.donate_lack span.donate_lack_mana::after {
    background: url(../images/game_card_mana_icon.png);
    background-size: cover;
}

.donate_lack span::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;

    /*    background: url(../images/game_card_res_icon.png); */
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.donate_way {
    position: absolute;
    top: 422px;
    left: 26px;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
}

.donate_card {
    top: 464px;
}

.donate_sbp {
    top: 560px;
}

.donate_bank_logo {
    position: absolute;
    top: 10px;
    left: 10px;
}

.donate_bank_title {
    position: absolute;
    top: 18px;
    left: 96px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.donate_bank_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 42px;
    left: 96px;
}

.donate_bank_checkbox {
    position: absolute;
    top: 4px;
    right: 4px;
}

.donate_confirm {
    position: absolute;
    top: 664px;
    left: 25px;
    color: #d6d6d6;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: normal;
    width: 381px;
}

.donate_confirm a {
    color: #d6d6d6;
}

.donate_confirm_btn {
    position: absolute;
    top: 743px;
    left: 26px;
    width: 287px;
    height: 32px;
    background: #3e6634;
    border: 1px solid #3e6634;
    border-radius: 8px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.donate_confirm_btn:hover {
    border-color: #fff;
}

.donate_confirm_btn span::after {
    content: "";
    position: relative;
    width: 14px;
    height: 14px;
    background: url(../images/game_card_res_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: -1px 0 0 5px;
    vertical-align: middle;
    display: inline-block;
}

.donate_comment {
    position: absolute;
    top: 271px;
    left: 25px;
    width: 536px;
    height: 132px;
    border-radius: 8px;
    background: #fff;
}

.donate_comment textarea {
    width: 536px;
    height: 114px;
    border-radius: 8px;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
    overflow: hidden;
}

.donate_comment .char-counter {
    padding-right: 10px;
}

#cardSavedSection {
    margin-top: 15px;
    padding: 12px 16px;
    background-color: #282420;

    /* фон блока */
    border: 1px solid #8f2b19;

    /* бордер для выделения */
    border-radius: 8px;
    max-width: 400px;
    color: #fff;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

#cardSavedSection label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    color: #f0ebe1;
    cursor: default;
}

#cardSavedSection select {
    width: 100%;
    padding: 8px 12px;
    font-size: 16px;
    border: 1px solid #979797;
    border-radius: 6px;
    background-color: #1c1920;
    color: #fff;
    cursor: pointer;
    transition: border-color 0.3s;
}

#cardSavedSection select:hover,
#cardSavedSection select:focus {
    border-color: #8f2b19;
    outline: none;
}

.balance_hide {
    display: none;
}

.donate_confirm_btn.btn-gray {
    background: #49454d;
    border: 1px solid #49454d;
}

.modal-invite {
    width: 583px;
    background: url(../images/modal_support.png) no-repeat top center;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
}

.invite_block {
    width: 563px;
    max-height: 474px;
    min-height: 474px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.master_card_invite {
    position: relative;
    width: 553px;
    height: 138px;
    background: #242129;
    border: 2px solid #242129;
    border-radius: 10px;
    margin-bottom: 12px;
}

.master_card_invite:last-child {
    margin-bottom: 0;
}

.master_card_invite:hover {
    border-color: #b5b3b6;
}

.modal-invite .modal-close {
    /* transform: translate(50%, -50%);*/
}

.master_card_invite .master_card_left {
    position: relative;
}

.master_card_invite .master_card_stats {
    left: 280px;
}

.modal-invite .master_card_ava::after {
    content: none;
}

.invite_block::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
}

.invite_block::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.invite_block::-webkit-scrollbar-track {
    background: transparent;
}

.support_block {
    position: relative;
    width: 100%;
    height: 395px;
}

.support_block_left,
.support_block_right {
    position: absolute;
    top: 20px;
    width: 559px;
    height: 395px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 10px;
}

.support_block_right {
    left: 579px;
}

.support_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
}

.support_name {
    position: absolute;
    width: 261px;
    left: 14px;
    top: 18px;
}

.support_name_game {
    pointer-events: none;
}

.support_email {
    position: absolute;
    width: 261px;
    left: 285px;
    top: 18px;
}

.support_problem {
    position: absolute;
    border-radius: 8px;
    background: #fff;
    width: 532px;
    height: 89px;
    top: 60px;
    left: 14px;
}

.support_problem textarea {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
    color: #1c1920;
}

.support_problem .char-counter {
    padding-right: 10px;
    display: none !important;
}

.support_file_upload {
    position: absolute;
    top: 159px;
    left: 14px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 49px;
}

.support_upload_btn {
    width: 208px;
}

.support_file-upload-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 208px;
    height: 100%;
    cursor: pointer;
    display: none;
}

.support_upload_wrapper:hover .support_upload_btn {
    color: #fff;
    border-color: #fff;
}

.support_file_name {
    position: relative;
    top: 5px;
    left: 230px;
    height: 26px;
    font-size: 14px;
    color: #979797;
    width: 302px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file-name-container {
    display: flex;
    width: 100%;
    gap: 15px;
}

.file-name-item {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.file-name-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 20px;
    color: #979797;
    font-size: 14px;
}

.file-name-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 16px;
    background: url(../images/clip.png) no-repeat top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.remove-file {
    color: #979797;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 16px;
    margin-left: 5px;
    flex-shrink: 0;
}

.file-counter {
    display: none;
}

.error-message {
    position: absolute;
    top: 93px;
    color: #d82121;
    font-size: 12px;
    width: 303px;
    text-align: center;
}

.support_file_upload .error-message {
    position: absolute;
    top: 31px;
    left: 227px;
    color: #d82121;
    font-size: 12px;
    width: 303px;
    text-align: center;
}

.support_checkbox {
    position: absolute;
    top: 220px;
    left: 25px;
}

.support_checkbox label {
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.support_choice_btn {
    top: 215px;
    left: 117px;

    /*    color: #4da238;
    border-color: #4da238; */
}

.support_name_game {
    position: absolute;
    width: 297px;
    top: 215px;
    left: 248px;
}

.support_send_btn {
    position: absolute;
    width: 183px;
    top: 346px;
    left: 363px;
    background: #8f2b19;
    border-color: #8f2b19;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.support_memo {
    position: absolute;
    color: #d8d8d8;
    font-size: 14px;
    line-height: normal;
    font-weight: 300;
    font-style: italic;
    top: 256px;
    left: 18px;
    width: 525px;
}

.support_memo_line::after {
    content: "";
    position: absolute;
    background: url(../images/pay_header_line.png) no-repeat top center;
    width: 100%;
    height: 1px;
    top: 66px;
    left: 0;
}

.support_logo {
    position: absolute;
    width: 146px;
    height: 146px;
    background: url(../images/support_logo.png) no-repeat top center;
    top: 219px;
    left: 206px;
}

.support_modal {
    width: 583px;
    background: url(../images/modal_support.png) no-repeat top center;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
}

.support_modal_block {
    width: 563px;
    max-height: 474px;
    overflow: hidden scroll;
    padding-left: 3px;
}

.game_card_support {
    position: relative;
    width: 549px;
    height: 98px;
    background: #242129;
    border: 2px solid #242129;
    border-radius: 10px;
    margin-bottom: 12px;
}

.support_block_right .support_memo {
    top: 16px;
}

.support_block_right .support_memo p {
    margin-bottom: 29px;
}

.support_block_right .support_memo p a {
    color: #d8d8d8;
}

.game_card_support:last-child {
    margin-bottom: 0;
}

.game_card_support:hover {
    border-color: #b5b3b6;
}

.game_card_support .game_card_logo {
    width: 111px;
    height: 79px;
    top: 8px;
    left: 8px;
    border-radius: 8px;
}

.game_card_support .game_card_logo img {
    height: 79px;
    object-fit: contain;
    border-radius: 8px;
}

.game_card_support .game_card_logo::before {
    border-radius: 8px;
}

.game_card_support .game_card_name {
    width: 265px;
    text-align: left;
    top: 11px;
    left: 137px;
    height: 22px;
    max-width: 27ch; /* 27 символов */
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game_card_support .game_card_master_name {
    top: 33px;
    left: 136px;
}

.game_card_support .game_card_master_name a {
    color: #b69532;
}

.game_card_support .game_card_specifications {
    top: 59px;
    left: 137px;
    height: 20px;
    width: 300px;
}

.game_card_support .game_card_time {
    top: 10px;
    left: inherit;
    right: 12px;
    font-size: 14px;
    color: #979797;
}

.game_card_support .game_card_time span {
    color: #979797;
}

.game_card_support .game_card_gamers_points {
    top: 55px;
}

.game_card_support .game_card_gamers_quantity {
    top: 63px;
}

.support_modal_block::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
}

.support_modal_block::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.support_modal_block::-webkit-scrollbar-track {
    background: transparent;
}

.modal-confirm-sms {
    width: 300px;
    height: 219px;
    background: url(../images/modal_sms_bg.png) no-repeat top center;
}

.sms_confirm_title {
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    top: 28px;
    line-height: normal;
}

.sms_confirm_subtitle {
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    top: 77px;
}

.sms-password-container {
    position: absolute;
    display: flex;
    gap: 8px;
    top: 111px;
    left: 40px;
}

.sms-password-input {
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 8px;
}

.sms-password-input:focus {
    outline: 2px solid #4a90e2;
    border-color: transparent;
}

.account_sms_confirm_btn {
    width: 220px;
    top: 158px;
    left: 40px;
    background-color: #49454d;
    border: 1px solid #49454d;
    color: #fff;
}

.account_sms_confirm_btn.active {
    background-color: #8f2b19;
    border-color: #8f2b19;
}

.modal-borders {
    width: 447px;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
    background: url(../images/modal_border_bg.png) no-repeat top center;
}

.modal_borders_block {
    width: 430px;
    max-height: 535px;
    overflow: hidden scroll;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(201px, 1fr));
    gap: 14px;
    padding-right: 10px;
}

.modal_borders_block::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
}

.modal_borders_block::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.modal_borders_block::-webkit-scrollbar-track {
    background: transparent;
}

.modal-border_item {
    width: 201px;
    height: 142px;
    background-color: #151219;
    border-radius: 8px;
    position: relative;
}

.modal-border_item img {
    width: 201px;
    height: 142px;
}

.modal-border_item .state-element {
    position: absolute;
    width: 94px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-border_item .select-button {
    border-color: #fff;
    color: #fff;
}

.modal-border_item .select-button:hover {
    background-color: #3e6634;
    border-color: #3e6634;
}

.modal-border_item .selected-label {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #4da238;
    font-size: 14px;
    display: none;
    text-align: center;
}

.modal-border_item .shop-button {
    border-color: #979797;
    color: #979797;
}

.modal-border_item .shop-button:hover {
    background-color: #8f2b19;
    border-color: #8f2b19;
    color: #fff;
}

.modal-border_item.selected .selected-label {
    display: block;
}

.modal_mana_block {
    width: 555px;
    height: 576px;
    background: url(../images/modal_mana_bg.png) no-repeat top center;
}

.modal_mana_block_memo {
    position: absolute;
    color: #fff;
    font-size: 14px;
    left: 33px;
    top: 26px;
    line-height: normal;
    width: 470px;
}

.modal_mana_block_memo .blue {
    color: #6ebff5;
}

.modal_mana_block_memo .mana {
    position: relative;
    padding-right: 18px;
}

.modal_mana_block_memo .mana::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    top: 1px;
    right: 0;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.modal_mana_block_submemo {
    position: absolute;
    top: 108px;
    left: 33px;
    width: 470px;
    font-size: 14px;
    color: #d6d6d6;
    font-style: italic;
    line-height: normal;
    font-weight: 300;
}

.modal_mana_cans_btn.modal-close {
    width: 135px;
    top: 520px;
    left: 26px;
    color: #fff;
    border-color: #49454d;
    background: #49454d;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 400;
    height: 30px;
    transform: none;
    box-shadow: none;
    padding: 0;
}

.account_btn_dan.modal_mana_cans_btn:hover {
    border-color: #fff !important;
}

.modal_mana_conf_btn {
    width: 252px;
    top: 520px;
    left: 276px;
    color: #fff;
    border-color: #226b97;
    background: #226b97;
    text-transform: uppercase;
}

.account_btn_dan.modal_mana_conf_btn:hover {
    border-color: #fff !important;
}

.modal_enter_block {
    width: 300px;
    height: 363px;
    position: relative;
    background: url(../images/262.png) no-repeat top center;
}

.modal_enter_logo {
    position: absolute;
    width: 202px;
    height: 48px;
    background: url(../images/263.png);
    top: 44px;
    left: 50px;
    background-repeat: no-repeat;
    background-size: cover;
}

.modal_social_login_group {
    position: absolute;
    top: 105px;
    left: 44px;
    width: 216px;
    display: flex;
    gap: 12px;
}

.modal_social_login_btn {
    box-sizing: border-box;
    appearance: none;
    width: 102px;
    height: 40px;
    border: 1px solid currentcolor;
    border-radius: 9px;
    background: rgb(28, 25, 32, 36%);
    box-shadow:
        inset 0 0 0 1px rgb(255, 255, 255, 5%),
        0 0 14px rgb(0, 0, 0, 20%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.modal_social_login_btn:hover {
    border-color: #fff;
}

.modal_social_login_btn::before {
    content: "";
    display: block;
    background-image: url(../images/buttons/kingSprite3.png);
    background-repeat: no-repeat;
    background-size: 1160px 471px;
}

.modal_enter_block .vk_login_btn {
    color: #0077ff;
}

.modal_enter_block .vk_login_btn::before {
    width: 38px;
    height: 23px;
    background-position: -955px -340px;
}

.modal_enter_block .yandex_login_btn {
    color: #ff3a16;
}

.modal_enter_block .yandex_login_btn::before {
    width: 15px;
    height: 23px;
    background-position: -1002px -339px;
}

.modal_enter_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.modal_enter_phone {
    position: absolute;
    top: 164px;
    left: 43px;
}

.modal_enter_block .password-block {
    position: absolute;
    top: 203px;
    left: 43px;
    width: 216px;
}

.modal_enter_forgot_password {
    position: absolute;
    font-size: 12px;
    top: 242px;
    width: 100%;
    text-align: center;
}

.modal_enter_forgot_password a {
    color: #2783ba;
}

.enter_btn {
    position: absolute;
    color: #fff;
    background: #8f2b19;
    border: 1px solid #8f2b19;
    top: 266px;
    left: 43px;
    width: 216px;
}

.modal_enter_create_acc {
    position: absolute;
    top: 320px;
    font-size: 12px;
    width: 100%;
    text-align: center;
    color: #979797;
}

.modal_enter_create_acc a {
    color: #2783ba;
}

.modal-review_block {
    width: 590px;
    height: 330px;
    background: url(../images/modal_review.png) no-repeat top center;
}

.modal-review_block .rating-container {
    position: absolute;
    top: 52px;
    left: 26px;
}

.modal-review_block .star {
    width: 31px;
    height: 31px;
}

.modal-review_block .star svg {
    width: 30px;
    height: 30px;
}

.modal-review_block .rating-container .star-foreground {
    opacity: 0;
    transition: opacity 0.2s;
}

.rating-container .stars .star:hover .star-foreground,
.rating-container .stars .star.hovered .star-foreground {
    opacity: 1;
}

.hidden-rating-input {
    display: none;
}

.modal-review-title {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 23px;
    left: 33px;
    font-weight: 600;
}

.modal-review-title span {
    color: #fff;
    font-weight: 400;
}

.modal_review_comment {
    position: absolute;
    top: 64px;
    left: 1px;
    width: 536px;
    height: 132px;
}

.modal_review_btn {
    position: absolute;
    left: 1px;
    top: 215px;
    text-transform: uppercase;
    width: 287px;
    color: #fff;
    border-color: #3e6634;
    background: #3e6634;
}

.modal_review_btn.account_btn_dan:hover {
    border-color: #fff !important;
}

.change_password_block {
    width: 300px;
    height: 322px;
    background: url(../images/modal_change_password.png) no-repeat top center;
}

.change_password_block .modal_enter_logo {
    top: 36px;
}

.change_password_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.change_password_block .old-pass {
    position: absolute;
    top: 111px;
    left: 43px;
}

.change_password_block .new-pass {
    position: absolute;
    top: 168px;
    left: 43px;
}

.change_password_block .new-pass-conf {
    position: absolute;
    top: 208px;
    left: 43px;
}

.change_password_block .password-strength {
    position: absolute;
    top: 157px;
    left: 221px;
    display: flex;
    gap: 3px;
    margin-bottom: 5px;
}

.change_password_btn {
    position: absolute;
    top: 259px;
    left: 43px;
    width: 216px;
    color: #fff;
    border-color: #8f2b19;
    background: #8f2b19;
}

.change_password_btn.disabled {
    border: 1px solid #49454d;
    color: #fff;
    background: #49454d;
    pointer-events: none;
    cursor:
        url(../img/cursors/1.png) 2 2,
        auto;
}

.change_password_block .password-hint {
    top: 75px;
    left: 172px;
}

.modal-forgot-password {
    width: 300px;
    height: 317px;
    background: url(../images/modal_forgot_password.png) no-repeat top center;
}

.forgot_password_memo {
    position: absolute;
    font-size: 12px;
    color: #d6d6d6;
    top: 21px;
    left: 43px;
    width: 200px;
    line-height: normal;
}

.forgot_password_memo p span {
    font-size: 14px;
    color: #fff;
}

.change_password_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.forgot_password_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.forgot_password_email {
    position: absolute;
    top: 107px;
    left: 42px;
}

.forgot_password_btn {
    position: absolute;
    color: #fff;
    background: #8f2b19;
    border: 1px solid #8f2b19;
    top: 154px;
    left: 42px;
    width: 216px;
}

/* Стили для элемента ошибки в модальном окне "Забыли пароль?" */
.forgot-error {
    position: absolute;
    top: 180px;
    left: 42px;
    width: 216px;
    color: #d82121;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    padding: 8px;
    z-index: 10;
}

/* Стили для ошибок валидации в модальных окнах */
#loginError {
    position: absolute;
    color: #d82121;
    font-size: 10px;
    text-align: center;
    margin: 0;
    text-transform: lowercase;
    top: 148px;
    left: 43px;
    width: 216px;
}

/* Стили для ошибки в модальном окне смены пароля */
.change-password-error {
    color: #d82121;
    font-size: 10px;
    text-align: center;
    margin: 10px 0 20px 0;
    text-transform: lowercase;
}

.modal-resurce {
    width: 634px;
    height: 320px;
    background: url(../images/modal_resurce.png) no-repeat top center;
}

.resurce_top_memmo {
    position: absolute;
    font-size: 14px;
    line-height: normal;
    font-style: italic;
    font-weight: 300;
    color: #d6d6d6;
    top: 21px;
    left: 85px;
    width: 522px;
}

.resurce_left_memmo {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 137px;
    left: 82px;
    line-height: normal;
    font-weight: 300;
}

.resurce_left_memmo a {
    color: #2783ba;
}

.modal-resurce p span {
    width: 100%;
    display: block;
    color: #e76143;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    font-weight: 500;
}

.resurce_right_memmo {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 137px;
    left: 397px;
    line-height: normal;
    font-weight: 300;
}

.resurce_btn {
    position: absolute;
    top: 259px;
    left: 210px;
    width: 214px;
    background: #8f2b19;
    border: 1px solid #8f2b19;
    color: #fff;
}

.modal-mana-memo {
    width: 634px;
    height: 350px;
    background: url(../images/modal_mana_memo.png) no-repeat top center;
}

.modal-mana-memo p span {
    width: 100%;
    display: block;
    color: #6ebff5;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    font-weight: 500;
}

.modal-mana-memo .resurce_left_memmo {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 99px;
    left: 26px;
    line-height: normal;
    width: 290px;
}

.modal-mana-memo p i {
    font-size: 14px;
    color: #4eb634;
    font-style: normal;
    text-transform: none;
    width: fit-content;
}

.modal-mana-memo .resurce_right_memmo {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 99px;
    left: 341px;
    line-height: normal;
}

.mana_memo_btn {
    position: absolute;
    top: 289px;
    left: 210px;
    width: 214px;
    background: #8f2b19;
    border: 1px solid #8f2b19;
    color: #fff;
    text-transform: uppercase;
}

.modal-master-block {
    width: 590px;
    height: 558px;
    background: url(../images/modal_master_bg.png) no-repeat top center;
    padding: 14px 12px 0;
}

.lobby_master_block .modal-content.modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}
.lobby_gammer_block .modal-content.modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}
/* ЛОКАЛЬНО: только модалки в лобби мастера и игрока */
.lobby_master_block .modal .modal_default_text,
.lobby_gammer_block .modal .modal_default_text {
    text-align: left;
}

.modal_master_rating {
    position: absolute;
    width: 100%;
    top: 284px;
    left: -180px;
}

.modal_master_btn {
    position: absolute;
    width: 140px;
    top: 302px;
    left: 438px;
}

.slider-container {
    width: 565px;
    position: relative;
    overflow: hidden;
    top: 62px;
}

.slider-container .reviews_item_rating {
    left: 232px;
}

.slider {
    display: flex;
    transition: transform 0.5s ease;
    top: 61px;
}

.slider-container .reviews_item {
    width: 567px;
    min-width: 567px;
    max-height: 175px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
}

.slider-controls {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.slider-btn {
    padding: 8px 15px;
    margin: 0 5px;
    background: #4caf50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.slider-btn:hover {
    background: #45a049;
}

.slider-dots {
    display: flex;
    justify-content: center;
    margin-top: 181px;
}

.dot {
    width: 15px;
    height: 15px;
    border: 1px solid #979797;
    border-radius: 3px;
    margin: 0 3px;
}

.dot.active {
    background: #979797;
}

.dot:hover {
    border-color: #fff;
}

.menu-link-p0 {
    padding: 0;
}

.modal_review_btn.disabled {
    border: 1px solid #49454d;
    color: #fff;
    pointer-events: none;
    background: #49454d;
}

.modal_alarm_block {
    width: 300px;
    height: 172px;
    background: url(../images/modal_alarm_bg.png) no-repeat top center;
}

.modal_alarm_title {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 15px;
    left: 42px;
}

.modal_alarm_memmo {
    position: absolute;
    top: 46px;
    left: 42px;
    line-height: normal;
    font-size: 12px;
    font-weight: 300;
    color: #d6d6d6;
    width: 210px;
}

.gold {
    position: relative;
    width: 100%;
    height: auto;
}

.gold_block {
    position: relative;
    width: 100%;
    padding-top: 22px;
}

.gold_memo {
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #d6d6d6;
    width: 100%;
    text-align: center;
}

.gold_block .row-custom {
    --gap: 15.2px;

    margin-left: calc(-0.5 * var(--gap));
    margin-right: calc(-0.5 * var(--gap));
}

.gold_block .row-custom > [class^="col-"] {
    padding-left: calc(0.5 * var(--gap));
    padding-right: calc(0.5 * var(--gap));
}

.gold_block .gold_item {
    position: relative;
    width: 217px;
    height: 288px;
    margin-bottom: 13px;
    background: rgb(28, 25, 32, 65%);

    /*    background: url(../images/gold_item_b.png) no-repeat top center; */
    border-radius: 8px;
}

.golden_img {
    position: absolute;
    top: 7px;
    left: 8px;
    border-radius: 8px;
}

.golden_img img {
    width: 201px;
    height: 146px;
    border-radius: 8px;
}

.golden_text {
    position: absolute;
    top: 164px;
    line-height: normal;
    text-align: center;
    width: 201px;
    left: 8px;
    font-size: 14px;
    color: #979797;
}

.gold_price {
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    top: 204px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 26px;
}

.gold_price::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/game_card_res_icon.png);
    mask-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 3px;
}

.buy_gold_btn {
    width: 192px;
    color: #d6d6d6;
    border-color: #d6d6d6;
    font-size: 18px;
    top: 241px;
    left: 12px;
    line-height: 27px;
}

.buy_gold_btn.account_btn_dan:hover {
    width: 190;
    color: #e76143 !important;
    border-color: #e76143 !important;
}

/* Внешние товары: колонка без абсолютов, комбинированный ценник, описание с clamp + details */
.shop-external-gold .gold_item--external {
    height: 288px;
    min-height: 288px;
    padding: 0;
}

.shop-external-gold .gold_item--external .shop-external-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 8px 8px 10px;
    min-height: 0;
    overflow: hidden;
}

.shop-external-gold .gold_item--external .shop-external-title {
    order: 1;
    margin: 0 0 6px;
    padding: 0 4px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #f0f0f0;
    line-height: 1.25;
    min-height: 32px;
    max-height: 32px;
    overflow: hidden;
}

.shop-external-gold .gold_item--external .shop-external-img {
    order: 0;
    position: relative;
    top: auto;
    left: auto;
    align-self: center;
    margin: 0 0 8px;
}

.shop-external-gold .gold_item--external .shop-external-img img {
    display: block;
    width: 201px;
    height: 120px;
    object-fit: cover;
}

.shop-external-gold .gold_item--external .shop-external-desc-block {
    order: 2;
    margin: auto 0 4px;
    min-height: 0;
}

.shop-external-gold .gold_item--external .shop-external-expand {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 188px;
    height: 32px;
    margin: 0 auto;
    padding: 0 12px;
    border: 1px solid #979797;
    border-radius: 8px;
    background: none;
    color: #d6d6d6;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    cursor: pointer;
}

.shop-external-gold .gold_item--external .shop-external-expand:hover {
    color: #e76143;
    border-color: #e76143;
}

.shop-external-gold .gold_item--external .shop-external-expand:focus-visible {
    outline: 2px solid rgba(193, 172, 130, 0.55);
    outline-offset: 2px;
}

.shop-external-gold .gold_item--external .shop-external-pricebar {
    order: 3;
    margin: 0;
    display: flex;
    justify-content: center;
}

.shop-external-gold .gold_item--external .shop-external-pricebar-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 4px;
    width: 188px;
    height: 32px;
    padding: 0 10px;
    border-radius: 8px;
    border: 2px solid transparent;
    background:
        linear-gradient(rgba(22, 20, 26, 0.95), rgba(22, 20, 26, 0.95)) padding-box,
        linear-gradient(90deg, #e76143 0%, #e76143 46%, #6ebff5 54%, #6ebff5 100%) border-box;
    box-sizing: border-box;
}

.shop-external-gold .gold_item--external .shop-external-pricebar--res-only .shop-external-pricebar-inner {
    background:
        linear-gradient(rgba(22, 20, 26, 0.95), rgba(22, 20, 26, 0.95)) padding-box,
        linear-gradient(90deg, #e76143, #c94a38) border-box;
}

.shop-external-gold .gold_item--external .shop-external-pricebar--mana-only .shop-external-pricebar-inner {
    background:
        linear-gradient(rgba(22, 20, 26, 0.95), rgba(22, 20, 26, 0.95)) padding-box,
        linear-gradient(90deg, #4a9fd4, #6ebff5) border-box;
}

.shop-external-gold .gold_item--external .shop-external-pb-seg {
    display: inline-flex;
    flex: 1 1 0;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.shop-external-gold .gold_item--external .shop-external-pb-ico {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.shop-external-gold .gold_item--external .shop-external-pb-ico--res {
    background-image: url(../images/game_card_res_icon.png);
}

.shop-external-gold .gold_item--external .shop-external-pb-ico--mana {
    background-image: url(../images/game_card_mana_icon.png);
}

.shop-external-gold .gold_item--external .shop-external-pb-res .shop-external-pb-val {
    font-size: 17px;
    font-weight: 500;
    color: #e76143;
    white-space: nowrap;
}

.shop-external-gold .gold_item--external .shop-external-pb-mana .shop-external-pb-val {
    font-size: 17px;
    font-weight: 500;
    color: #6ebff5;
    white-space: nowrap;
}

.shop-external-gold .gold_item--external .shop-external-pb-plus {
    font-size: 16px;
    font-weight: 500;
    color: #f0f0f0;
    padding: 0 1px;
}

.shop-external-gold .gold_item--external .shop-external-pricebar-inner--interactive {
    gap: 4px;
}

.shop-external-gold .gold_item--external .shop-external-pricebar-inner--interactive:hover {
    background:
        linear-gradient(rgba(36, 33, 43, 0.96), rgba(36, 33, 43, 0.96)) padding-box,
        linear-gradient(90deg, #e76143 0%, #e76143 46%, #6ebff5 54%, #6ebff5 100%) border-box;
}

.shop-external-gold
    .gold_item--external
    .shop-external-pricebar--res-only
    .shop-external-pricebar-inner--interactive:hover {
    background:
        linear-gradient(rgba(36, 33, 43, 0.96), rgba(36, 33, 43, 0.96)) padding-box,
        linear-gradient(90deg, #e76143, #c94a38) border-box;
}

.shop-external-gold
    .gold_item--external
    .shop-external-pricebar--mana-only
    .shop-external-pricebar-inner--interactive:hover {
    background:
        linear-gradient(rgba(36, 33, 43, 0.96), rgba(36, 33, 43, 0.96)) padding-box,
        linear-gradient(90deg, #4a9fd4, #6ebff5) border-box;
}

.shop-external-gold .gold_item--external .shop-external-pricebar-inner--interactive .shop-external-pb-plus {
    flex: 0 0 auto;
    pointer-events: none;
    user-select: none;
    width: 10px;
    text-align: center;
}

.shop-external-gold .gold_item--external .shop-external-pb-pay {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    padding: 0 4px;
    font: inherit;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    background: transparent;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.shop-external-gold .gold_item--external .shop-external-pb-pay--full {
    width: 100%;
    height: 100%;
    padding: 0 2px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.shop-external-gold .gold_item--external .shop-external-pricebar--res-only .shop-external-pb-pay--full,
.shop-external-gold .gold_item--external .shop-external-pricebar--mana-only .shop-external-pb-pay--full {
    grid-template-columns: 1fr;
}

.shop-external-gold .gold_item--external .shop-external-pb-side {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.shop-external-gold .gold_item--external .shop-external-pb-pay--full .shop-external-pb-plus {
    width: 12px;
    text-align: center;
}

.shop-external-gold .gold_item--external .shop-external-pb-pay.account_btn_dan {
    position: relative;
    width: auto;
    height: auto;
    min-height: 30px;
    border: none;
    box-shadow: none;
    text-align: center;
}

.shop-external-gold .gold_item--external .shop-external-pb-pay:hover {
    border: none !important;
    color: inherit !important;
    background: transparent;
}

.shop-external-gold .gold_item--external .shop-external-pb-pay:focus-visible {
    outline: 2px solid rgba(193, 172, 130, 0.55);
    outline-offset: 1px;
}

.shop-external-gold .gold_item--external .shop-external-purchased {
    position: absolute;
    top: 6px;
    right: 6px;
    left: auto;
    transform: none;
    z-index: 2;
}

.shop-external-gold .gold_item--external .shop-external-foot-hint {
    order: 4;
    margin: 6px 0 0;
    text-align: center;
    font-size: 12px;
    color: #92897a;
    line-height: 1.3;
}

.shop-external-gold .gold_item--external .shop-external-foot-hint--warn {
    color: #b89a6a;
}

.shop-external-gold .gold_item--external .shop-external-desc-modal {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(10, 9, 14, 0.78);
    z-index: 4;
    border-radius: 8px;
}

.shop-external-gold .gold_item--external .shop-external-desc-block--open .shop-external-desc-modal {
    display: flex;
}

.shop-external-gold .gold_item--external .shop-external-desc-modal-inner {
    position: relative;
    width: 192px;
    max-height: 246px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(28, 25, 32, 0.97);
    padding: 30px 10px 10px;
}

.shop-external-gold .gold_item--external .shop-external-desc-close {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #d6d6d6;
    line-height: 1;
    cursor: pointer;
}

.shop-external-gold .gold_item--external .shop-external-desc-modal-content {
    max-height: 200px;
    overflow-y: auto;
    font-size: 11px;
    color: #b5b5b5;
    line-height: 1.35;
    text-align: left;
    word-break: break-word;
}

.shop-external-gold .gold_empty {
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #979797;
    padding: 24px 12px 8px;
}

.shop-external-gold .gold_pagination {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 12px;
    font-size: 15px;
    color: #d6d6d6;
}

.shop-external-gold .gold_pagination a {
    color: #c1ac82;
    margin: 0 10px;
    text-decoration: none;
}

.shop-external-gold .gold_pagination a:hover {
    text-decoration: underline;
}

.shop_icon_block {
    width: 563px;
    padding: 0;
}

.shop_icon {
    position: relative;
    width: 563px;
    height: 135px;
    background: url(../images/shop_icon_bg.png) no-repeat center center;
}

.shop_icon_text {
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #d6d6d6;
    width: 100%;
    text-align: center;
    margin-bottom: 23px;
}

.custom-gap-2-5 {
    gap: 0.8rem;
}

.gap-06 {
    gap: 0.6rem !important;
}

.shop_icon_icon {
    position: absolute;
    top: 40px;
    left: 117px;
}

.shop_icon_memo {
    position: absolute;
    width: 183px;
    top: 26px;
    left: 186px;
}

.shop_icon_memo p:first-child {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    line-height: normal;
    margin-bottom: -2px;
}

.shop_icon_memo p:last-child {
    margin: 8px 0 0;
    color: #979797;
    text-align: center;
    font-size: 14px;
    line-height: normal;
    white-space: pre-line;
}

.shop_icon_buttons {
    position: absolute;
    width: 132px;
    height: 77px;
    top: 29px;
    left: 394px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.shop_icon_btn {
    position: relative;
    width: 130px;
    margin: 4.25px 1px;
}

.shop_icon_btn span {
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    top: 1px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 25px;
}

.shop_icon_btn span::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    mask-repeat: no-repeat;
    left: 0;
    top: 3px;
}

.shop_icon_btn.mana {
    border-color: #6ebff5;
}

.shop_icon_btn.mana span {
    color: #6ebff5;
}

.shop_icon_btn.mana span::before {
    background: url(../images/game_card_mana_icon.png);
    background-size: cover;
}

.shop_icon_btn.res {
    border-color: #e76143;
}

.shop_icon_btn.res span {
    color: #e76143;
}

.shop_icon_btn.res span::before {
    background: url(../images/game_card_res_icon.png);
    background-size: cover;
    left: -3px;
}

.shop_icon_purchased {
    position: absolute;
    width: 52px;
    height: 51px;
    top: 14px;
}

.shop_icon_lock {
    position: absolute;
    top: 10px;
}

.shop_icon_btn.free {
    font-size: 18px;
}

.shop_icon_btn:hover,
.shop_icon_btn:hover span {
    color: #fff;
}

.shop_border_block {
    position: relative;
    width: 100%;
}

.shop_border {
    position: relative;
    width: 216px;
    height: 299px;
    background: url(../images/card_front_bg.png) no-repeat;
    margin-bottom: -7px;
    background-size: cover;
    border-radius: 7px;
}

.shop_border::before {
    content: "";
    position: absolute;
    width: 201px;
    height: 142px;
    background: #151219;
    border-radius: 8px;
    top: 8px;
    left: 8px;
    z-index: 1;
}

.shop_border::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/gradient_to_card.png) no-repeat;
    background-size: cover;
}

.shop_border_logo {
    width: 217px;
    height: 157px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: absolute;
}

.shop_border_img img {
    position: absolute;
    width: 200px;
    height: 143px;
    top: 8px;
    left: 8px;
    z-index: 3;
}

.shop_border_title {
    position: absolute;
    top: 145px;
    width: 100%;
    height: 86px;
    display: flex;
    flex-direction: column;
    white-space-collapse: break-spaces;
}

.shop_border_title p:first-child {
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    margin: auto;
    left: 0;
    top: 24px;
    text-transform: uppercase;
}

.shop_border_title p:last-child {
    position: absolute;
    font-size: 14px;
    color: #979797;
    width: 100%;
    line-height: normal;
    text-align: center;
    margin: auto;
    left: 0;
    top: 55px;
}

.shop_border_title p.duble:first-child {
    top: 13px;
}

.shop_border_title p.duble:last-child {
    top: 60px;
}

.shop_border .shop_icon_btn {
    position: absolute;
    top: 247px;
    left: 10px;
    width: 194px;
    z-index: 3;
}

.shop_border_block .row-custom {
    --gap: 15.2px;

    margin-left: calc(-0.5 * var(--gap));
    margin-right: calc(-0.5 * var(--gap));
}

.shop_border_block .row-custom > [class^="col-"] {
    padding-left: calc(0.5 * var(--gap));
    padding-right: calc(0.5 * var(--gap));
}

.shop_border .shop_icon_purchased {
    top: 245px;
    left: 87px;
}

.shop_border .shop_icon_purchased img {
    width: 43px;
    height: 42px;
}

.shop_border.two_buttons .shop_border_title p:first-child {
    top: 13px;
}

.shop_border.two_buttons .shop_border_title p:last-child {
    top: 41px;
}

.shop_border.two_buttons .mana {
    top: 210px;
}

.history_btns {
    position: relative;
    width: 100%;
    height: 75px;
}

.history_btn:first-child {
    position: absolute;
    left: 17px;
    border-color: #fff;
}

.history_btn:last-child {
    position: absolute;
    left: 176px;
}

.history_btn {
    width: 154px;
    color: #fff;
}

.history_btn.active,
.history_btn:hover {
    background: #fff;
    border-color: #fff;
    color: #342f3a;
}

.history_table {
    width: 1105px;
    margin-left: 17px;
}

.history_header_border {
    width: 1105px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 7px;
}

.tables-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Страница history_new начало */

.history_filter {
    position: relative;
    width: 1105px;
    margin-left: 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.history_filter_row {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 30px;
}

.history_role_tag {
    width: 216px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #e76143;
    border-radius: 8px;
    color: #e76143;
    font-size: 14px;
    padding: 0 12px;
    background: rgba(231, 97, 67, 0.08);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.history_role_select {
    width: 216px;
}

.history_role_input {
    width: 100%;
    box-sizing: border-box;
    color: #e76143;
    background: rgba(231, 97, 67, 0.08);
    border: 1px solid #e76143;
    border-radius: 8px;
    padding: 0 12px;
}

.history_role_input::placeholder {
    color: #e76143;
    opacity: 0.9;
}

.history_role_select .select-header {
    background-color: rgba(231, 97, 67, 0.08);
    height: 30px;
    padding: 0 10px;
}

.history_role_select .select-header .main-input {
    color: #e76143;
}

.history_role_select .placeholder {
    color: #e76143;
    background: transparent;
}

.history_role_select .select-dropdown {
    background-color: #1c1920;
    margin-top: 2px;
    border-radius: 8px;
}

#registry-root .history_role_select .select-dropdown.open {
    background-color: #a17c84;
    border: none;
}

/* Реестр: выпадашка продолжение поля без зазора */
#registry-root .history_role_select .select-header.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#registry-root .history_role_select .select-dropdown {
    top: 30px;
    margin-top: 0;
    border: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.history_role_select .option {
    color: #fff;
    padding: 6px 10px;
}

.history_role_select .option:hover,
.history_role_select .option.selected {
    background: #49454d;
}

.history_date_input:focus {
    border: 1px solid #fff !important;
}

.history_filter_right {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
}

.history_toolbar_actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.history_apply_btn {
    height: 30px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #979797;
    background: transparent;
    white-space: nowrap;
}

.history_apply_btn:hover {
    border-color: #fff;
    color: #c1ac82;
    background: rgba(255, 255, 255, 0.05);
}

.history_reset_btn {
    height: auto;
    padding: 6px 2px;
    font-size: 13px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.55);
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.history_reset_btn:hover {
    color: #c1ac82;
}

.history_date_range {
    display: flex;
    align-items: center;
    gap: 8px;
}

.history_date_label {
    color: #fff;
    font-size: 14px;
}

.history_date_input {
    width: 110px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    outline: none;
}

.history_date_input[readonly] {
    cursor:
        url(../images/cursors/1.png) 2 2,
        default;
    user-select: none;
    pointer-events: none;
}

.history_upload_btn {
    display: inline-block;
    width: 123px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #e76143;
    border-radius: 8px;
    color: #e76143;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    background: transparent;
}

.history_upload_btn:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.history_status_cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-right: 28px;
}

.history_status {
    color: #979797;
}

.history_status_activated {
    color: #4da238;
}

.history_status_issued {
    color: #e76143;
}

.history_status_expired {
    color: #979797;
}

.history-code-value {
    color: #6ebff5;
}

.history-code-value-empty {
    color: #979797;
}

.history_row_check {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: url(../images/checkbox.png) no-repeat center center;
    background-size: contain;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    margin-left: auto;
    flex-shrink: 0;
}

.history_row_check:hover {
    background-image: url(../images/checkbox_hover.png);
}

.history_row_check.is-hidden {
    visibility: hidden;
}

/* Страница history_new конец */

.header-table,
.main-table {
    width: 1049px;
    border-collapse: collapse;
    table-layout: fixed;
}

.header-table {
    overflow: hidden;
    height: 32px;
    margin-top: -32px;
    font-size: 14px;
    color: #fff;
}

.header-table td {
    padding: 0 28px;
    text-align: left;
}

.main-table-bg {
    width: 100%;
    background-color: rgb(0, 0, 0, 35%);
    border-radius: 11px;
    height: calc(fit-content - 13px);
}

.main-table {
    color: #979797;
    font-size: 14px;
    margin-left: 28px;
    margin-top: -13px;
}

.main-table td {
    padding: 10px 0;
}

.main-table tr td {
    border-bottom: 2px solid #515760;
}

.main-table tr:last-child td {
    border-bottom: none;
}

.table-scroll-container {
    max-height: 615px;
    overflow-y: auto;
    width: 1098px;
    margin: 13px 0;
}

/* registry: keep history_new table geometry (+ ширина страницы реестра) */
#registry-root .history_table .header-table,
#registry-root .history_table .main-table {
    width: 1130px;
    table-layout: fixed;
    border-collapse: collapse;
}

#registry-root .history_table .header-table {
    height: 32px !important;
    margin-top: -32px !important;
}

#registry-root .history_table .header-table td {
    padding: 0 12px !important;
    text-align: left !important;
    vertical-align: middle !important;
    line-height: 32px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* Шапка и строки: одинаковые отступы по колонкам (номинал / оплачено / выплата уже) */
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(4),
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(5),
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(6) {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#registry-root[data-show-payout-column="false"] .history_table .header-table td:nth-child(4),
#registry-root[data-show-payout-column="false"] .history_table .header-table td:nth-child(5) {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#registry-root .history_table .main-table {
    margin-left: 0 !important;
    margin-top: -13px !important;
}

#registry-root .history_table .main-table td {
    padding: 8px 12px !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Узже только между номинал / оплачено / выплата */
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(4),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(5),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(6) {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(4),
#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(5) {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* Последняя колонка: статус + чекбокс не вылезают за таблицу */
#registry-root .history_table .main-table td:last-child {
    overflow: hidden !important;
}

#registry-root .history_status_cell {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    padding-right: 8px;
}

#registry-root .history_status_cell .history_status {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#registry-root .history_status_cell .registry-status-cb {
    flex-shrink: 0;
}

#registry-root .history_table .main-table-bg {
    padding-top: 14px;
}

#registry-root .history_table .table-scroll-container {
    width: 1130px !important;
    max-width: 100%;
    margin: 0px 0 !important;
    box-sizing: border-box;
}

#registry-root .history_table .main-table {
    margin-top: -11px !important;
}

/* registry: колонки без «Мерчант» (админ / мерчант / пользователь) */
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(1),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(1) {
    width: 14%;
}
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(2),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(2) {
    width: 17%;
}
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(3),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(3) {
    width: 16%;
}
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(4),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(4) {
    width: 12%;
}
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(5),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(5) {
    width: 12%;
}
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(6),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(6) {
    width: 12%;
}
#registry-root[data-show-payout-column="true"] .history_table .header-table td:nth-child(7),
#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(7) {
    width: 17%;
}

#registry-root[data-show-payout-column="true"] .history_table .main-table td:nth-child(2) {
    overflow: hidden;
}

#registry-root[data-show-payout-column="false"] .history_table .header-table td:nth-child(1),
#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(1) {
    width: 14%;
}
#registry-root[data-show-payout-column="false"] .history_table .header-table td:nth-child(2),
#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(2) {
    width: 22%;
}
#registry-root[data-show-payout-column="false"] .history_table .header-table td:nth-child(3),
#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(3) {
    width: 18%;
}
#registry-root[data-show-payout-column="false"] .history_table .header-table td:nth-child(4),
#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(4) {
    width: 12%;
}
#registry-root[data-show-payout-column="false"] .history_table .header-table td:nth-child(5),
#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(5) {
    width: 12%;
}
#registry-root[data-show-payout-column="false"] .history_table .header-table td:nth-child(6),
#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(6) {
    width: 22%;
}

#registry-root[data-show-payout-column="false"] .history_table .main-table td:nth-child(2) {
    overflow: hidden;
}

#registry-root .history_table .main-table td:nth-child(2) .registry-product-name {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* USER: «Номер заказа» уже по ширине (~35 символов видно), остальное — сумма 100% */
#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .header-table td:nth-child(1),
#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .main-table td:nth-child(1) {
    width: 15%;
}

#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .header-table td:nth-child(2),
#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .main-table td:nth-child(2) {
    width: 22%;
}

#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .header-table td:nth-child(3),
#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .main-table td:nth-child(3) {
    width: 12%;
}

#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .header-table td:nth-child(4),
#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .main-table td:nth-child(4) {
    width: 18%;
}

#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .header-table td:nth-child(5),
#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .main-table td:nth-child(5) {
    width: 16%;
}

#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .header-table td:nth-child(6),
#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .history_table .main-table td:nth-child(6) {
    width: 18%;
}

/* USER: таблица шире под основной контейнер — больше места под номер заказа и колонки */
#registry-root[data-registry-mode="USER"] .history_header_border,
#registry-root[data-registry-mode="USER"] .history_table {
    width: 1220px;
    max-width: 100%;
    box-sizing: border-box;
}

/* Сдвиг шапки и колонок — тот же горизонтальный шаг, что mx-2 у пунктов меню */
#registry-root[data-registry-mode="USER"] .history_table {
    padding-left: 0.5rem;
}

#registry-root[data-registry-mode="USER"] .history_table .header-table,
#registry-root[data-registry-mode="USER"] .history_table .main-table {
    width: 1144px;
}

#registry-root[data-registry-mode="USER"] .history_table .table-scroll-container {
    width: 1160px !important;
    max-width: 100%;
    box-sizing: border-box;
}

#registry-root #registry-export.history_upload_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 123px;
    height: 30px;
    padding: 0 16px;
    line-height: 1;
    align-self: center;
    border: 1px solid #a95a5f;
    border-radius: 7px;
    font-size: 14px;
    box-sizing: border-box;
}

#registry-root #registry-export.history_upload_btn:hover,
#registry-root #registry-export.history_upload_btn:focus-visible {
    border-color: #b1b1b1 !important;
    color: #fff;
}


/* Реестр: чуть шире стандартной history (1105px), чтобы фильтры не ломались в перенос */
#registry-root .history_filter {
    width: 1190px;
    max-width: 100%;
    margin-left: 0;
    box-sizing: border-box;
}

#registry-root .history_header_border {
    width: 1190px;
    max-width: 100%;
    box-sizing: border-box;
}

#registry-root .history_table {
    width: 1190px;
    max-width: 100%;
    margin-left: 0;
    box-sizing: border-box;
}

/* registry: keep filter controls and date inputs on one line */
#registry-root .history_filter_row {
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
}

#registry-root .history_filter_right {
    align-items: center;
    flex-shrink: 0;
    position: relative;
    margin-left: auto;
}

#registry-root .history_role_select,
#registry-root .history_role_tag {
    flex-shrink: 0;
}

#registry-root .history_role_tag {
    display: flex;
    align-items: center;
    width: 180px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid #a17c84;
    border-radius: 7px;
    background: #a17c84;
    color: #1c1920;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#registry-root .history_date_range {
    display: flex;
    align-items: center;
    gap: 10px;
}

#registry-root .history_date_field {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

#registry-root .history_date_label {
    display: inline-block;
    line-height: 30px;
}

#registry-root .history_date_input {
    margin: 0;
    vertical-align: middle;
}

#registry-root #registry-date-from,
#registry-root #registry-date-to {
    width: 108px;
    height: 30px;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid #979797 !important;
    border-radius: 7px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
}

#registry-root #registry-date-from,
#registry-root #registry-date-to,
#registry-root .history_date_label,
#registry-root #registry-date-from:focus,
#registry-root #registry-date-to:focus {
    border-color: #979797 !important;
    color: #979797;
}

#registry-root #registry-date-from:hover,
#registry-root #registry-date-to:hover,
#registry-root .history_date_label:hover {
    border-color: #979797 !important;
    color: #979797;
}

#registry-root #registry-date-from:hover,
#registry-root #registry-date-to:hover {
    border-color: #b1b1b1 !important;
    color: #fff;
}

#registry-root #registry-date-from:focus,
#registry-root #registry-date-from:focus-visible,
#registry-root #registry-date-to:focus,
#registry-root #registry-date-to:focus-visible {
    border-color: #d6d6d6 !important;
    color: #fff;
    outline: none;
    box-shadow: 0 0 0 1px rgba(214, 214, 214, 0.35);
}

#registry-root .history_date_label {
    color: #979797;
    font-size: 14px;
    font-weight: 400;
}

#registry-root .registry-date-picker-input[readonly] {
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
    pointer-events: auto;
    user-select: auto;
}

/* registry: show active cursor on interactive filter fields */
#registry-root .history_date_input,
#registry-root .history_date_field,
#registry-root .history_role_select .select-header,
#registry-root .history_role_select .select-header .main-input {
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
}

#registry-root .history_date_label {
    cursor:
        url(../images/cursors/1.png) 2 2,
        default;
}

#registry-root .history_date_input::-webkit-calendar-picker-indicator {
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
}

#registry-root .history-calendar-popup {
    display: none;
    position: absolute;
    z-index: 20;
    background: #979797;
    border-radius: 6px;
    padding: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    color: rgb(33, 37, 41);
}

#registry-root .history-calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

#registry-root .history-calendar-header button {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgb(33, 37, 41);
    line-height: 24px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
}

#registry-root .history-calendar-month-year {
    min-width: 82px;
    text-align: center;
}

#registry-root .history-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 30px);
    gap: 2px;
}

#registry-root .history-calendar-grid div,
#registry-root .history-calendar-day {
    min-width: 30px;
    height: 28px;
    padding: 4px 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: rgb(33, 37, 41);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

#registry-root .history-calendar-weekday {
    font-weight: 700;
}

#registry-root .history-calendar-day {
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
}

#registry-root .history-calendar-day:hover,
#registry-root .history-calendar-header button:hover {
    background: rgba(255, 255, 255, 0.1);
}

#registry-root .history-calendar-day.is-active {
    background: rgba(255, 255, 255, 0.18);
    color: #000;
    font-weight: 700;
}

/* Реестр: поиск фиксированной ширины как раньше */
#registry-root .registry-main-board-search.main_board_top_elem_serch {
    margin: 0;
    padding-right: 0;
    flex: 0 0 180px;
    width: 180px;
    max-width: 180px;
    min-width: 180px;
    align-self: center;
}

#registry-root .registry-main-board-search .registry-search-form {
    width: 100%;
}

#registry-root .registry-main-board-search .form-group.has-search {
    position: relative;
    margin-bottom: 0;
    width: 100%;
}

#registry-root .registry-main-board-search .has-search {
    width: 100%;
}

#registry-root .registry-main-board-search .has-search .registry-search-icon-btn.form-control-feedback {
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #1c1920;
    font-size: 14px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
    pointer-events: auto;
    box-sizing: border-box;
}

#registry-root .registry-main-board-search .has-search .registry-search-icon-btn.form-control-feedback:focus {
    outline: none;
}

#registry-root .registry-main-board-search .has-search .registry-search-icon-btn.form-control-feedback:focus-visible {
    outline: 1px solid #c1ac82;
    outline-offset: 2px;
    border-radius: 4px;
}

#registry-root .registry-main-board-search .has-search input.form-control {
    width: 100% !important;
    height: 30px;
    min-height: 30px;
    padding-left: 35px;
    padding-right: 12px;
    background-color: #979797;
    border: 1px solid #979797;
    border-radius: 8px;
    color: #1c1920;
    font-size: 14px;
    transition: none;
    cursor: text;
    box-sizing: border-box;
}

/* При фокусе — белый фон (как просили), размер поля тот же */
#registry-root input#registry-code-filter.form-control:focus,
#registry-root input#registry-code-filter.form-control:focus-visible {
    width: 100% !important;
    height: 30px;
    min-height: 30px;
    border-color: #979797 !important;
    background-color: #fff !important;
    color: #1c1920 !important;
    outline: none !important;
    box-shadow: none !important;
}

#registry-root input#registry-code-filter.form-control:-webkit-autofill,
#registry-root input#registry-code-filter.form-control:-webkit-autofill:hover,
#registry-root input#registry-code-filter.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #979797 inset !important;
    box-shadow: 0 0 0 1000px #979797 inset !important;
    -webkit-text-fill-color: #1c1920 !important;
    caret-color: #1c1920;
}

#registry-root input#registry-code-filter.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
}

#registry-root .registry-main-board-search .has-search input.form-control::placeholder {
    color: #1c1920;
    opacity: 0.6;
}

/* Registry table scoped to registry.html only. */
.registry-page#registry-root .registry-table {
    width: 1190px;
    max-width: 100%;
    box-sizing: border-box;
}

.registry-page#registry-root:not([data-registry-mode="USER"]) .registry-table {
    margin-left: 0px;
}

.registry-page#registry-root .registry-table .history_header_border {
    width: 100%;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 7px;
    box-sizing: border-box;
}

.registry-page#registry-root .registry-table .tables-wrapper {
    gap: 8px;
}

.registry-page#registry-root .registry-table .header-table,
.registry-page#registry-root .registry-table .main-table {
    width: 1130px;
    max-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

.registry-page#registry-root .registry-table .header-table {
    height: 32px !important;
    margin-top: -32px !important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.registry-page#registry-root .registry-table .header-table td {
    height: 32px;
    padding: 0 12px !important;
    line-height: 32px !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box !important;
}

.registry-page#registry-root .registry-table .main-table-bg {
    width: 100%;
    padding-top: 14px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 11px;
}

.registry-page#registry-root .registry-table .table-scroll-container {
    width: 1140px !important;
    max-width: 100%;
    max-height: 540px;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.registry-page#registry-root .registry-table .main-table {
    margin-left: 0 !important;
    margin-top: -10px !important;
    color: #979797;
    font-size: 14px;
    font-weight: 400;
}

.registry-page#registry-root .registry-table .main-table td {
    padding: 8px 12px !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box !important;
}

.registry-page#registry-root .registry-table .main-table tr {
    background-image: linear-gradient(to right, rgba(151, 151, 151, 0.42), rgba(151, 151, 151, 0.42));
    background-position: 14px 100%;
    background-repeat: no-repeat;
    background-size: calc(100% - 42px) 1px;
}

.registry-page#registry-root .registry-table .main-table tr td {
    border-bottom: none;
}

.registry-page#registry-root .registry-table .main-table tr:last-child {
    background-image: none;
}

.registry-page#registry-root .registry-table .main-table tbody tr:hover td {
    background: transparent;
}

.registry-page#registry-root[data-show-payout-column="true"] .registry-table .header-table td:nth-child(1),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .main-table td:nth-child(1) {
    width: 16%;
}

.registry-page#registry-root[data-show-payout-column="true"] .registry-table .header-table td:nth-child(2),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .main-table td:nth-child(2) {
    width: 24%;
}

.registry-page#registry-root[data-show-payout-column="true"] .registry-table .header-table td:nth-child(3),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .main-table td:nth-child(3) {
    width: 16%;
}

.registry-page#registry-root[data-show-payout-column="true"] .registry-table .header-table td:nth-child(4),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .main-table td:nth-child(4),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .header-table td:nth-child(5),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .main-table td:nth-child(5),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .header-table td:nth-child(6),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .main-table td:nth-child(6) {
    width: 10%;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.registry-page#registry-root[data-show-payout-column="true"] .registry-table .header-table td:nth-child(7),
.registry-page#registry-root[data-show-payout-column="true"] .registry-table .main-table td:nth-child(7) {
    width: 17%;
}

.registry-page#registry-root[data-show-payout-column="false"] .registry-table .header-table td:nth-child(1),
.registry-page#registry-root[data-show-payout-column="false"] .registry-table .main-table td:nth-child(1) {
    width: 14%;
}

.registry-page#registry-root[data-show-payout-column="false"] .registry-table .header-table td:nth-child(2),
.registry-page#registry-root[data-show-payout-column="false"] .registry-table .main-table td:nth-child(2) {
    width: 22%;
}

.registry-page#registry-root[data-show-payout-column="false"] .registry-table .header-table td:nth-child(3),
.registry-page#registry-root[data-show-payout-column="false"] .registry-table .main-table td:nth-child(3) {
    width: 18%;
}

.registry-page#registry-root[data-show-payout-column="false"] .registry-table .header-table td:nth-child(4),
.registry-page#registry-root[data-show-payout-column="false"] .registry-table .main-table td:nth-child(4),
.registry-page#registry-root[data-show-payout-column="false"] .registry-table .header-table td:nth-child(5),
.registry-page#registry-root[data-show-payout-column="false"] .registry-table .main-table td:nth-child(5) {
    width: 12%;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.registry-page#registry-root[data-show-payout-column="false"] .registry-table .header-table td:nth-child(6),
.registry-page#registry-root[data-show-payout-column="false"] .registry-table .main-table td:nth-child(6) {
    width: 22%;
}

.registry-page#registry-root[data-registry-mode="USER"] .registry-table {
    width: 1220px;
    padding-left: 0.5rem;
}

.registry-page#registry-root[data-registry-mode="USER"] .registry-table .header-table,
.registry-page#registry-root[data-registry-mode="USER"] .registry-table .main-table {
    width: 1144px;
}

.registry-page#registry-root[data-registry-mode="USER"] .registry-table .table-scroll-container {
    width: 1160px !important;
}

.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .header-table td:nth-child(1),
.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .main-table td:nth-child(1) {
    width: 15%;
}

.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .header-table td:nth-child(2),
.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .main-table td:nth-child(2) {
    width: 22%;
}

.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .header-table td:nth-child(3),
.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .main-table td:nth-child(3) {
    width: 12%;
}

.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .header-table td:nth-child(4),
.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .main-table td:nth-child(4) {
    width: 18%;
}

.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .header-table td:nth-child(5),
.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .main-table td:nth-child(5) {
    width: 16%;
}

.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .header-table td:nth-child(6),
.registry-page#registry-root[data-registry-mode="USER"][data-show-payout-column="false"] .registry-table .main-table td:nth-child(6) {
    width: 18%;
}

.registry-page#registry-root .registry-table .registry-code-cell {
    overflow: visible;
}

.registry-page#registry-root .registry-table .registry-copy-content {
    display: grid;
    grid-template-columns: 16ch 10px;
    align-items: center;
    column-gap: 12px;
    width: max-content;
    min-width: 0;
    max-width: 100%;
    padding-right: 0;
    vertical-align: middle;
}

.registry-page#registry-root .registry-table .registry-code-content .history-code-value {
    display: inline-block;
    min-width: 0;
    max-width: 16ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: text;
}

.registry-page#registry-root .registry-table .history_copy_btn.registry-copy-btn {
    width: 18px;
    height: 22px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #979797;
    -webkit-mask-image: url(../images/buffer.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url(../images/buffer.png);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
    flex-shrink: 0;
    margin-right: 0;
}

.registry-page#registry-root .registry-table .history_copy_btn.registry-copy-btn:hover,
.registry-page#registry-root .registry-table .history_copy_btn.registry-copy-btn:focus-visible {
    background-color: #fff;
}

.registry-page#registry-root .registry-table .history_copy_btn.registry-copy-btn:focus-visible {
    outline: 1px solid #c1ac82;
    outline-offset: 2px;
}

.registry-page#registry-root .registry-table .history_status_cell {
    min-width: 0;
    max-width: 100%;
    padding-right: 8px;
    gap: 10px;
    box-sizing: border-box;
}

.registry-page#registry-root .registry-table .history_status_cell .history_status {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-page#registry-root .registry-table .history_status_cell .history_status_issued {
    color: #c28c93;
}

.registry-page#registry-root .registry-table .history_status_cell .registry-status-cb {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.registry-page#registry-root .history_filter_row {
    width: 1190px;
    max-width: 100%;
    align-items: center;
    flex-wrap: nowrap;
}

/* orders: пользовательский список покупок, отдельно от registry */
#orders-root .history_filter,
#orders-root .history_header_border,
#orders-root .history_table {
    width: 1190px;
    max-width: 100%;
    box-sizing: border-box;
}

#orders-root .history_table {
    margin-left: 0;
}

#orders-root .orders-filter-row {
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
}

#orders-root .orders-filter-right {
    margin-left: auto;
}

#orders-root .orders-date-range {
    display: flex;
    align-items: center;
    gap: 10px;
}

#orders-root .orders-date-range label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

#orders-root .orders-date-input,
#orders-root .orders-date-input::-webkit-calendar-picker-indicator {
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
}

#orders-root .orders-main-board-search.main_board_top_elem_serch {
    margin: 0;
    padding-right: 0;
    flex: 0 0 260px;
    width: 260px;
    max-width: 260px;
    min-width: 260px;
    align-self: center;
}

#orders-root .orders-main-board-search .orders-search-form,
#orders-root .orders-main-board-search .form-group.has-search,
#orders-root .orders-main-board-search .has-search {
    width: 100%;
}

#orders-root .orders-main-board-search .form-group.has-search {
    position: relative;
    margin-bottom: 0;
}

#orders-root .orders-main-board-search .orders-search-icon-btn.form-control-feedback {
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #1c1920;
    font-size: 14px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
    box-sizing: border-box;
}

#orders-root .orders-main-board-search .has-search input.form-control {
    width: 100% !important;
    height: 30px;
    min-height: 30px;
    padding-left: 35px;
    padding-right: 12px;
    background-color: #979797;
    border: 1px solid #979797;
    border-radius: 8px;
    color: #1c1920;
    font-size: 14px;
    transition: none;
    cursor: text;
    box-sizing: border-box;
}

#orders-root input#orders-query-filter.form-control:focus,
#orders-root input#orders-query-filter.form-control:focus-visible {
    border-color: #979797 !important;
    background-color: #fff !important;
    color: #1c1920 !important;
    outline: none !important;
    box-shadow: none !important;
}

#orders-root .orders-main-board-search .has-search input.form-control::placeholder {
    color: #1c1920;
    opacity: 0.6;
}

#orders-root .history_table .header-table,
#orders-root .history_table .main-table {
    width: 1130px;
    table-layout: fixed;
    border-collapse: collapse;
}

#orders-root .history_table .header-table {
    height: 32px !important;
    margin-top: -32px !important;
}

#orders-root .history_table .header-table td {
    padding: 0 12px !important;
    text-align: left !important;
    vertical-align: middle !important;
    line-height: 32px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

#orders-root .history_table .main-table {
    margin-left: 0 !important;
    margin-top: -10px !important;
}

#orders-root .history_table .main-table td {
    padding: 8px 12px !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

#orders-root .history_table .main-table tr {
    background-image: linear-gradient(to right, rgba(151, 151, 151, 0.42), rgba(151, 151, 151, 0.42));
    background-position: 14px 100%;
    background-repeat: no-repeat;
    background-size: calc(100% - 42px) 1px;
}

#orders-root .history_table .main-table tr td {
    border-bottom: none;
}

#orders-root .history_table .main-table tr:last-child {
    background-image: none;
}

#orders-root .history_table .main-table-bg {
    padding-top: 14px;
}

#orders-root .history_table .table-scroll-container {
    width: 1140px !important;
    max-width: 100%;
    max-height: 540px;
    overflow-y: auto;
    margin: 0 !important;
    box-sizing: border-box;
}

#orders-root .history_table .header-table td:nth-child(1),
#orders-root .history_table .main-table td:nth-child(1) {
    width: 20%;
}

#orders-root .history_table .header-table td:nth-child(2),
#orders-root .history_table .main-table td:nth-child(2) {
    width: 22%;
}

#orders-root .history_table .header-table td:nth-child(3),
#orders-root .history_table .main-table td:nth-child(3) {
    width: 12%;
}

#orders-root .history_table .header-table td:nth-child(4),
#orders-root .history_table .main-table td:nth-child(4) {
    width: 16%;
}

#orders-root .history_table .header-table td:nth-child(5),
#orders-root .history_table .main-table td:nth-child(5) {
    width: 14%;
}

#orders-root .history_table .header-table td:nth-child(6),
#orders-root .history_table .main-table td:nth-child(6) {
    width: 14%;
}

#orders-root .orders-order-number-cell {
    overflow: visible;
}

#orders-root .orders-order-number-content {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-right: 0;
    box-sizing: border-box;
}

#orders-root .orders-copy-content {
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    min-width: 0;
    max-width: 100%;
    padding-right: 0;
}

#orders-root .orders-order-number-scroll {
    display: block;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgb(28, 25, 32) rgb(73, 69, 77);
    outline: none;
    margin-right: 0;
}

#orders-root .orders-order-number-scroll:focus-visible {
    outline: 1px solid #c1ac82;
    outline-offset: 2px;
    border-radius: 4px;
}

#orders-root .orders-order-number-scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77);
    border-radius: 4px;
}

#orders-root .orders-order-number-scroll::-webkit-scrollbar-track {
    background: transparent;
}

#orders-root .orders-order-number-scroll::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32);
    border-radius: 3px;
}

#orders-root .orders-order-number-text,
#orders-root .orders-code-content .history-code-value {
    display: inline-block;
    white-space: nowrap;
    user-select: text;
}

#orders-root .orders-code-content .history-code-value {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 30px);
    overflow: visible;
    text-overflow: clip;
}

#orders-root .history_code_content {
    min-width: 0;
}

#orders-root .history_copy_btn {
    width: 18px;
    height: 22px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #979797;
    -webkit-mask-image: url(../images/buffer.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url(../images/buffer.png);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
    flex-shrink: 0;
    margin-right: 0;
}

#orders-root .history_copy_btn:hover,
#orders-root .history_copy_btn.is-copied {
    background-color: #fff;
}

#orders-root .history_copy_btn:focus-visible {
    outline: 1px solid #c1ac82;
    outline-offset: 2px;
}

#orders-root .orders-copy-tooltip {
    position: fixed;
    top: 0;
    left: 0;
    padding: 6px 9px;
    background: rgba(28, 25, 32, 0.96);
    border: 1px solid rgba(151, 151, 151, 0.8);
    border-radius: 6px;
    color: #d6d6d6;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10000;
    opacity: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
    transform: translateY(2px);
    transition:
        opacity 0.15s ease,
        transform 0.15s ease;
}

#orders-root .orders-copy-tooltip.show {
    opacity: 1;
    transform: translateY(0);
}

#orders-root .orders-copy-tooltip.is-copied {
    border-color: rgba(193, 172, 130, 0.75);
    color: #c1ac82;
}

.orders-product {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}

.orders-product-image {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 8px;
    object-fit: cover;
    background: rgba(151, 151, 151, 0.18);
}

.orders-product-image-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(231, 97, 67, 0.45);
    color: #e76143;
    font-weight: 500;
}

.orders-product-text {
    min-width: 0;
}

.orders-product-name {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-product-order {
    margin-top: 4px;
    color: #979797;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-source-badge {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 24px;
    padding: 0 8px;
    border: 1px solid #979797;
    border-radius: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-source-badge-merchant {
    color: #e76143;
    border-color: #e76143;
}

.orders-source-badge-polymorfer {
    color: #c1ac82;
    border-color: #c1ac82;
}

.orders-status-payed {
    color: #92897a;
}

.history_status.orders-status-payed {
    color: #92897a;
}

.orders-empty-cell {
    text-align: center;
    color: #979797;
}

.orders-loading-spinner {
    text-align: center;
    padding: 10px;
}

#guild-hosted-games-root .history_header_border,
#guild-hosted-games-root .history_table {
    width: 1190px;
    max-width: 100%;
    box-sizing: border-box;
}

#guild-hosted-games-root .history_table {
    margin-left: 0;
}

#guild-hosted-games-root .history_filter {
    width: 1190px;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    box-sizing: border-box;
}

#guild-hosted-games-root .history_filter_row {
    width: 100%;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
}

#guild-hosted-games-root .history_filter_right {
    align-items: center;
    flex-shrink: 0;
    position: relative;
    margin-left: auto;
}

#guild-hosted-games-root .history_role_select {
    width: 216px;
}

#guild-hosted-games-root .history_role_select .select-dropdown.open {
    background-color: #a17c84;
    border: none;
}

#guild-hosted-games-root .history_role_select .select-header.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#guild-hosted-games-root .history_role_select .select-dropdown {
    top: 30px;
    margin-top: 0;
    border: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
}

#guild-hosted-games-root .history_date_range {
    display: flex;
    align-items: center;
    gap: 10px;
}

#guild-hosted-games-root .history_date_field {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

#guild-hosted-games-root .history_date_label {
    display: inline-block;
    color: #979797;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

#guild-hosted-games-root #guild-hosted-games-date-from,
#guild-hosted-games-root #guild-hosted-games-date-to {
    width: 108px;
    height: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #979797 !important;
    border-radius: 7px;
    color: #979797;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}

#guild-hosted-games-root #guild-hosted-games-date-from:hover,
#guild-hosted-games-root #guild-hosted-games-date-to:hover {
    border-color: #b1b1b1 !important;
    color: #fff;
}

#guild-hosted-games-root #guild-hosted-games-date-from:focus,
#guild-hosted-games-root #guild-hosted-games-date-from:focus-visible,
#guild-hosted-games-root #guild-hosted-games-date-to:focus,
#guild-hosted-games-root #guild-hosted-games-date-to:focus-visible {
    border-color: #d6d6d6 !important;
    color: #fff;
    outline: none;
    box-shadow: 0 0 0 1px rgba(214, 214, 214, 0.35);
}

#guild-hosted-games-root .guild-hosted-games-date-picker-input[readonly] {
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
    pointer-events: auto;
    user-select: auto;
}

#guild-hosted-games-root .history_date_input,
#guild-hosted-games-root .history_date_field,
#guild-hosted-games-root .history_role_select .select-header,
#guild-hosted-games-root .history_role_select .select-header .main-input {
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
}

#guild-hosted-games-root .history-calendar-popup {
    display: none;
    position: absolute;
    z-index: 20;
    padding: 8px;
    border-radius: 6px;
    background: #979797;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    color: rgb(33, 37, 41);
}

#guild-hosted-games-root .history-calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

#guild-hosted-games-root .history-calendar-header button {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgb(33, 37, 41);
    line-height: 24px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
}

#guild-hosted-games-root .history-calendar-month-year {
    min-width: 82px;
    text-align: center;
}

#guild-hosted-games-root .history-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 30px);
    gap: 2px;
}

#guild-hosted-games-root .history-calendar-grid div,
#guild-hosted-games-root .history-calendar-day {
    min-width: 30px;
    height: 28px;
    padding: 4px 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: rgb(33, 37, 41);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

#guild-hosted-games-root .history-calendar-weekday {
    font-weight: 700;
}

#guild-hosted-games-root .history-calendar-day {
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
}

#guild-hosted-games-root .history-calendar-day:hover,
#guild-hosted-games-root .history-calendar-header button:hover {
    background: rgba(255, 255, 255, 0.1);
}

#guild-hosted-games-root .history-calendar-day.is-active {
    background: rgba(255, 255, 255, 0.18);
    color: #000;
    font-weight: 700;
}

#guild-hosted-games-root #guild-hosted-games-export.history_upload_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 123px;
    height: 30px;
    padding: 0 16px;
    line-height: 1;
    align-self: center;
    border: 1px solid #a95a5f;
    border-radius: 7px;
    font-size: 14px;
    box-sizing: border-box;
}

#guild-hosted-games-root #guild-hosted-games-export.history_upload_btn:hover,
#guild-hosted-games-root #guild-hosted-games-export.history_upload_btn:focus-visible {
    border-color: #b1b1b1 !important;
    color: #fff;
}

#guild-hosted-games-root .history_table .header-table,
#guild-hosted-games-root .history_table .main-table {
    width: 1130px;
    max-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

#guild-hosted-games-root .history_table .header-table {
    height: 32px !important;
    margin-top: -32px !important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

#guild-hosted-games-root .history_table .header-table td {
    height: 32px;
    padding: 0 12px !important;
    line-height: 32px !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box !important;
}

#guild-hosted-games-root .history_table .main-table-bg {
    width: 100%;
    padding-top: 14px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 11px;
}

#guild-hosted-games-root .history_table .table-scroll-container {
    width: 1140px !important;
    max-width: 100%;
    max-height: 540px;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

#guild-hosted-games-root .history_table .main-table {
    margin-left: 0 !important;
    margin-top: -8px !important;
    color: #979797;
    font-size: 14px;
    font-weight: 400;
}

#guild-hosted-games-root .history_table .main-table td {
    padding: 8px 12px !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box !important;
}

#guild-hosted-games-root .history_table .main-table tr {
    background-image: linear-gradient(to right, rgba(151, 151, 151, 0.42), rgba(151, 151, 151, 0.42));
    background-position: 14px 100%;
    background-repeat: no-repeat;
    background-size: calc(100% - 42px) 1px;
}

#guild-hosted-games-root .history_table .main-table tr td {
    border-bottom: none;
}

#guild-hosted-games-root .history_table .main-table tr:last-child {
    background-image: none;
}

#guild-hosted-games-root .history_table .header-table td:nth-child(1),
#guild-hosted-games-root .history_table .main-table td:nth-child(1) {
    width: 14%;
}

#guild-hosted-games-root .history_table .header-table td:nth-child(2),
#guild-hosted-games-root .history_table .main-table td:nth-child(2) {
    width: 20%;
}

#guild-hosted-games-root .history_table .header-table td:nth-child(3),
#guild-hosted-games-root .history_table .main-table td:nth-child(3) {
    width: 13%;
}

#guild-hosted-games-root .history_table .header-table td:nth-child(4),
#guild-hosted-games-root .history_table .main-table td:nth-child(4) {
    width: 15%;
}

#guild-hosted-games-root .history_table .header-table td:nth-child(5),
#guild-hosted-games-root .history_table .main-table td:nth-child(5) {
    width: 7%;
}

#guild-hosted-games-root .history_table .header-table td:nth-child(6),
#guild-hosted-games-root .history_table .main-table td:nth-child(6) {
    width: 12%;
}

#guild-hosted-games-root .history_table .header-table td:nth-child(7),
#guild-hosted-games-root .history_table .main-table td:nth-child(7) {
    width: 10%;
}

#guild-hosted-games-root .history_table .header-table td:nth-child(8),
#guild-hosted-games-root .history_table .main-table td:nth-child(8) {
    width: 9%;
}

#guild-hosted-games-root .guild-hosted-games-title,
#guild-hosted-games-root .guild-hosted-games-title-link,
#guild-hosted-games-root .guild-hosted-games-price {
    display: -webkit-box;
    max-width: 100%;
    color: #979797;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-decoration: none;
}

#guild-hosted-games-root .guild-hosted-games-title-link:hover,
#guild-hosted-games-root .guild-hosted-games-title-link:focus-visible {
    color: #fff;
}

#guild-hosted-games-root .history_status_cell {
    min-width: 0;
    max-width: 100%;
    padding-right: 8px;
    box-sizing: border-box;
}

#guild-hosted-games-root .history_status_cell .history_status {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.guild-hosted-games-empty-cell {
    text-align: center;
    color: #979797;
}

.guild-hosted-games-loading-spinner {
    text-align: center;
    padding: 10px;
}

/* Мастера / игроки: фокус как у полей реестра (Bootstrap иначе даёт body-bg) */
#main_board
    .main_board_container
    .main_board_top_elem_serch:not(.registry-main-board-search)
    .has-search
    input.form-control:focus,
#main_board
    .main_board_container
    .main_board_top_elem_serch:not(.registry-main-board-search)
    .has-search
    input.form-control:focus-visible {
    background-color: #979797 !important;
    color: #1c1920 !important;
    border-color: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Стили для скроллбара */
.table-scroll-container::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(73, 69, 77, 100%);
    margin: 10px 0;
    border-radius: 4px;
}

.table-scroll-container::-webkit-scrollbar-track {
    background: transparent;
}

.table-scroll-container::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.out {
    position: relative;
    width: 100%;
    height: 500px;
}

.out .donate_card {
    top: 0;
    left: 0;
}

.out .donate_umoney {
    top: 97px;
    left: 0;
}

.out_available {
    position: absolute;
    border: 1px solid #979797;
    border-radius: 8px;
    width: 376px;
    height: 85px;
    top: 2px;
    left: 394px;
}

.out_available p:first-child {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 11px;
    left: 10px;
}

.out_available p:last-child {
    position: absolute;
    font-size: 30px;
    color: #e76143;
    left: 0;
    font-weight: 500;
    top: 31px;
    width: 100%;
    text-align: center;
}

.out_summ {
    position: absolute;
    width: 376px;
    height: 85px;
    top: 98px;
    left: 394px;
}

.out_summ_title {
    position: absolute;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    top: 8px;
}

.out input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
}

.out_summ_input {
    position: absolute;
    width: 218px;
    top: 40px;
}

.out_summ_btn {
    position: absolute;
    width: 152px;
    left: 223px;
    top: 40px;
    background: #342f3a;
    border-color: #342f3a;
    color: #fff;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.out_summ_btn.active {
    color: #fff;
    background: #3e6634;
    border: 1px solid #3e6634;
}

.out_summ_btn.active:hover {
    border-color: #fff;
}

.out_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    left: 789px;
    top: 0px;
}

.out_memo span {
    color: #fff;
}

.out_sbp_fields {
    position: absolute;
    left: 393px;
    top: 178px;
    display: none;
}

.out_sbp_fields_memo {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 376px;
}

.out_sbp_fields_phone {
    width: 219px;
    position: absolute;
    top: 31px;
}

.out_bank_btn {
    width: 152px;
    position: absolute;
    top: 31px;
    left: 225px;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.out_bank_list {
    position: absolute;
    width: 219px;
    top: 70px;
}

.out_bank_list .tag-remove {
    opacity: 0;
}

.out_banks_fields {
    position: absolute;
    left: 393px;
    top: 178px;
    display: none;
}

.out_banks_fields_memo {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 376px;
}

.out_bank_fields_number {
    width: 219px;
    position: absolute;
    top: 31px;
}

.referal {
    position: relative;
    width: 100%;
}

.referal_title {
    position: absolute;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    left: 59px;
}

.referal_left {
    position: absolute;
    width: 500px;
    top: 57px;
    left: 59px;
}

.referal_left_alarm {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    width: 459px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.referal_left_alarm::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    background-color: rgb(0, 0, 0, 35%);
    z-index: -1;
}

.referal_left_title {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 52px;
    left: 0;
}

.referal_left_box_block {
    position: absolute;
    top: 93px;
    left: 0;
}

.referal_box {
    width: 100%;
    height: 73px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.referal_box_ico {
    width: 73px;
    height: 73px;
    margin-right: 15px;
}

.referal_box_memo {
    color: #fff;
    font-size: 14px;
    line-height: normal;
}

.referal_box_memo span {
    position: relative;
    padding-right: 18px;
}

.referal_box_memo span::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    top: 1px;
    right: 0;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.referal_right {
    position: absolute;
    top: 62px;
    left: 628px;
    color: #fff;
    font-size: 14px;
}

.referal_agreement {
    position: absolute;
    top: 24px;
    left: 0;
    width: 475px;
    height: 50px;
}

.referal_agreement .checkbox-text {
    display: block;
    color: #d6d6d6;
    font-style: italic;
    line-height: normal;
    padding-top: 4px;
}

.referal_agreement .checkbox-text a {
    color: #d7d7d7;
    text-decoration: underline;
}

.referal_link {
    position: absolute;
    top: 73px;
    left: 0;
    width: 417px;
}

.referal_right_memo {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 138px;
    line-height: normal;
    width: 460px;
}

.referal_right_memo p {
    margin-bottom: 18px;
}

/* Базовое состояние: СЕРОЕ и выключенное */
.referal_link.buffer_link {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 6px 36px 6px 10px; /* справа место под иконку */
    font-size: 14px;
    max-width: 440px; /* фиксированная ширина */
    overflow: hidden;
    box-sizing: border-box;

    /* disabled-цвета */
    background: #979797;
    color: #40434e;
    cursor: default;
    pointer-events: none;
}

/* Текст с троеточием */
.referal_link .link-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    flex: 1;
    min-width: 0;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

/* Активное состояние — когда пользователь принял условия */
.referal_link.active {
    background: #ffffff;
    color: #1c1920;
    pointer-events: auto;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.referal_link.buffer_link::after {
    background: url(../images/buffer_hover.png) no-repeat center top;
}

.referal_agreement.active .myCheckBoxLabel {
    color: #999;
    cursor: default;
    opacity: 0.5;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto;
}

.referal_agreement.active .myCheckBoxLabel a {
    color: #999;
    pointer-events: none;
    text-decoration: none;
}

.referal_link.active {
    background: #fff;
    color: #1c1920;
    pointer-events: auto;
}

.referal_link.active.buffer_link::after {
    background: url(../images/buffer.png) no-repeat center top;
}

.referal_link.active.buffer_link:hover::after {
    background: url(../images/buffer_hover.png) no-repeat center top;
}

.referal_link.active::after {
    opacity: 1;
}

.modal_new_password_block {
    width: 300px;
    height: 272px;
    background: url(../images/modal_new_password.png) no-repeat top center;
}

.modal_new_password_block .modal_enter_logo {
    top: 36px;
}

.modal_new_password_block input {
    font-size: 14px;
    color: #1c1920;
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    border: none;
    width: 216px;
}

.modal_new_password_block .new-pass {
    position: absolute;
    top: 117px;
    left: 43px;
}

.modal_new_password_block .new-pass-conf {
    position: absolute;
    top: 157px;
    left: 43px;
}

.modal_new_password_block .password-strength {
    position: absolute;
    top: 106px;
    left: 221px;
    display: flex;
    gap: 3px;
    margin-bottom: 5px;
}

.modal_new_password_block .change_password_btn {
    position: absolute;
    top: 210px;
    left: 43px;
    width: 216px;
    color: #fff;
    border-color: #8f2b19;
    background: #8f2b19;
}

.modal_new_password_block .change_password_btn.disabled {
    border: 1px solid #49454d;
    color: #fff;
    background: #49454d;
}

.modal_new_password_block .password-hint {
    top: 22px;
    left: 172px;
}

.subscribe {
    position: relative;
    width: 100%;
    height: auto;

    /*    background: url(../images/sub_bg_b.png) no-repeat center center;  */
}

.subscribe_block {
    position: relative;
    margin: 20px 0 0 66px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 25px;
}

.subscribe_memo {
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #d6d6d6;
    width: 100%;
    text-align: center;
}

.subscribe_memo span.red {
    color: #e76143;
}

.subscribe_item {
    position: relative;
    width: 325px;
    height: 825px;
    margin-right: 15px;
}

.subscribe_item_head {
    position: absolute;
    top: 0;
    left: 0;
}

.subscribe_item_head p {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 120px;
    text-align: center;
    width: 100%;
}

.subscribe_item_head p span {
    font-size: 24px;
    font-weight: 700;
}

.subscribe_item_body {
    position: absolute;
    width: 325px;
    height: 647px;
    background: url(../images/col_bg.png) no-repeat top center;
    left: 0;
    top: 174px;
}

.subscribe_item_body p {
    position: relative;
    color: #fff;
    font-size: 14px;
    margin: 12px 0 25px 52px;
    line-height: normal;
    width: 240px;
}

.subscribe_item_body p::after {
    content: "";
    width: 200px;
    height: 1px;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-size: 200px 1px;
    position: absolute;
    bottom: -13px;
    left: 10px;
}

.subscribe_item_body p:last-child::after {
    content: none;
}

.subscribe_item_body p::before {
    content: "";
    width: 15px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: -27px;
}

.subscribe_item_body.black_point p::before {
    background: url(../images/buttons/black_point.png) no-repeat top center;
}

.subscribe_item_body.yellow_point p::before {
    background: url(../images/buttons/yellow_point.png) no-repeat top center;
}

.subscribe_item_body.blue_point p::before {
    background: url(../images/buttons/blue_point.png) no-repeat top center;
}

.subscribe_item_body.red_point p::before {
    background: url(../images/buttons/red_point.png) no-repeat top center;
}

.subscribe_item_body.purple_point p::before {
    background: url(../images/buttons/purple_point.png) no-repeat top center;
}

.subscribe_item_body p span.red {
    color: #e76143;
}

.subscribe_item_body p span.green {
    color: #4eb634;
}

.subscribe_item_body p span.red2 {
    color: #ab3620;
}

.subscribe_item_body p span.yellow {
    color: #b69532;
}

.subscribe_item_body p span.blue {
    color: #2783ba;
}

.subscribe_item_body p span.purple {
    color: #7b3bb6;
}

.subscribe_item_body p span.line-through {
    text-decoration: line-through;
}

.subscribe_item_body p span.mana {
    position: relative;
    padding-right: 18px;
}

.subscribe_item_body p span.mana::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -2px;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.subscribe_item_icon {
    background: url(../images/subscribe_item_icon.png) no-repeat top center;
    position: absolute;
    width: 234px;
    height: 107px;
    top: 534px;
    left: 50px;
}

.subscribe_item_sub {
    position: absolute;
    font-size: 11px;
    color: #6ebff5;
    top: 697px;
    left: 0;
    width: 100%;
    text-align: center;
}

.subscribe_item_btn {
    position: absolute;
    width: 296px;
    height: 44px;
    border-radius: 7px;
    top: 723px;
    left: 15px;
    border-color: #fff;
    color: #fff;
    font-size: 14px;
}

.subscribe_item_btn span {
    font-size: 24px;
    font-weight: 700;
}

.subscribe_item_btn.account_btn_dan:hover {
    color: #e76143 !important;
    border-color: #e76143 !important;
}

.subscribe .subscribe_item_btn:hover {
    border-color: #e76143 !important;
    color: #e76143 !important;
}

.subscribe_item .shadow p {
    top: 100px;
    line-height: normal;
}

.subscribe_item_galka {
    position: absolute;
    top: 720px;
    left: 138px;
    width: 52px;
    height: 51px;
    background: url(../images/galochka.png) no-repeat top center;
}

.subscribe_item[data-level-name="GUILD_INFO"] .subscribe_item_subtitle {
    margin-top: -6px;
}

.simplebar-scrollable-y::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgb(151, 151, 151, 100%);
    margin-right: 4px;
}

.simplebar-scrollable-y::-webkit-scrollbar-thumb {
    background-color: rgb(52, 47, 58, 100%);
    border-radius: 3px;
}

.simplebar-scrollable-y::-webkit-scrollbar-track {
    background-color: rgb(151, 151, 151, 100%);
}

.modal-default {
    width: 573px;
    height: 320px;
    border-radius: 14px;
    background: url(../images/modal_default.png) no-repeat top center;
}

.modal_default_text {
    position: absolute;
    top: 66px;
    left: 70px;
    width: 433px;
    font-size: 14px;
    color: #fff;
    line-height: normal;
    text-align: center;
}

.modal_default_text ul {
    margin-left: -19px;
}

.modal_default_text li {
    list-style-type: disc;
}

.modal-default-cancel-btn {
    font-size: 14px;
    border-radius: 8px;
    font-weight: 400;
    height: 30px;
    transform: none;
    box-shadow: none;
    padding: 0;
    background: #49454d;
    border-color: #49454d;
    top: 219px;
    left: 120px;
    width: 144px;
    color: #fff;
}

.modal-default-cancel-btn:hover {
    border-color: #fff;
    background: #49454d;
}

.modal-default-confirm-btn {
    background: #3e6634;
    border-color: #3e6634;
    top: 219px;
    left: 307px;
    width: 144px;
    color: #fff;
}

.modal-default-confirm-btn:hover {
    border-color: #fff;
}

.lobby_info_m {
    display: none;
}

.modal-hi-block {
    width: 572px;
    height: 901px;
    background: url(../images/modal_hi.png) no-repeat top center;
}

#modal-hi {
    max-height: 100vh;
    overflow-y: auto;
}

.modal-hi {
    position: absolute;
    top: 30px;
    transform: translateX(-50%) translateY(0%);
}

.modal-hi-block::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(73, 69, 77, 1);
    border-radius: 4px;
}

.modal-hi-block::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
}

.modal-hi-block::-webkit-scrollbar-track {
    background: transparent;
}

.modal_hi_title {
    position: absolute;
    font-size: 24px;
    color: #cecece;
    top: 39px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    text-shadow: 0 0 3px black;
}

.modal_hi_title span {
    color: #b09e7b;
}

.modal_hi_title::after {
    content: "";
    position: absolute;
    width: 216px;
    height: 17px;
    top: 41px;
    left: 178px;
    background: url(../images/hi_title_line.png) no-repeat top center;
}

.moadl_hi_memo {
    width: 100%;
    position: absolute;
    top: 115px;
}

.moadl_hi_text_block {
    color: #cecece;
    font-size: 14px;
    margin: 0 auto;
    width: 436px;
    text-align: center;
    line-height: normal;
    margin-bottom: 33px;
    position: relative;
    text-shadow: 0 0 3px black;
}

.moadl_hi_text_block::after {
    content: "";
    width: 501px;
    height: 1px;
    background: url(../images/modal_hi_line.png) no-repeat top center;
    position: absolute;
    bottom: -17px;
    left: -36px;
}

.moadl_hi_text_block a {
    color: #2783ba;
}

.moadl_hi_text_block .red {
    color: #e76143;
}

.moadl_hi_text_block span.mana {
    position: relative;
    padding-right: 20px;
}

.moadl_hi_text_block .mana::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 1px;
    right: 2px;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.moadl_hi_text_block_title {
    margin-bottom: 20px;
}

.moadl_hi_text_block_title span {
    color: #c1ac82;
}

.moadl_hi_text_block p {
    text-align: left;
    padding: 0;
    padding-left: 11px;
    line-height: 7px;
    position: relative;
}

.moadl_hi_text_block p::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: -9px;
    background: url(../images/buttons/blue_point_small.png) no-repeat top center;
}

.moadl_hi_text_block:nth-child(4) {
    height: 151px;
}

.moadl_hi_text_block:last-child {
    width: 470px;
    height: 202px;
}

.moadl_hi_instruction {
    position: absolute;
    width: 390px;
    height: 159px;
    top: 629px;
    left: 90px;
    background: url(../images/instruction.png) no-repeat top center;
}

.moadl_hi_footer {
    font-size: 14px;
    color: #cecece;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 820px;
    line-height: normal;
    text-shadow: 0 0 3px black;
}

.moadl_hi_footer span.mana {
    position: relative;
    padding-right: 20px;
}

.moadl_hi_footer .mana::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0px;
    right: 2px;
    background: url(../images/game_card_mana_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.adsds_mobil_btn_block,
.shop_mobil_menu_block {
    display: none;
}

.adventure-timer {
    margin-top: 7px;
    margin-right: 8px;
    width: 206px;
    height: 30px;
    border: 1px solid rgba(208, 176, 151, 0.28);
    border-radius: 8px;
    padding: 0 11px 0 9px;
    overflow: hidden;
    position: relative;
}

.ticker-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.ticker-text {
    display: inline-block;
    position: absolute;
    right: 0;
    color: #d0b097;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    /* ������� ������������� �������� */
}

.ticker-text .adventure-name {
    color: #979797;
    font-weight: 500;
}

.board_bug_container {
    width: 100%;
    height: calc(100vh - 299px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -11px;
}

.bug500 {
    height: 100vh;
}

.board_bug {
    position: absolute;
    width: 573px;
    height: 320px;
    background: url(../images/bug_bg.png) no-repeat center center;
}

.bug_title {
    width: 100%;
    position: absolute;
    font-size: 150px;
    font-weight: 500;
    color: #bea28b;
    text-align: center;
    top: 13px;
}

.bug_memo {
    position: absolute;
    width: 80%;
    font-size: 18px;
    color: #bea28b;
    text-align: center;
    left: 10%;
    top: 210px;
    line-height: normal;
}

.contacts {
    width: 100%;
    padding: 23px 31px 0 0;
}

@media (max-width: 601px) {
    .contacts {
        padding-left: 17px;
    }
}

.contacts_title {
    width: 258px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background: #1c1920;
    border-radius: 7px;
    text-align: center;
    line-height: 44px;
}

.contacts_memo {
    position: absolute;
    top: 99px;
    left: 36px;
}

.contacts_memo p {
    font-size: 14px;
    color: #fff;
    line-height: normal;
    margin-bottom: 17px;
}

.contacts_memo p span {
    color: #979797;
}

.contacts_memo p span.green {
    color: #4da238;
}

.main_board_container.foreign-reviews {
    margin-top: 20px !important;
}

@media (width <= 601px) {
    body {
        background-position: -320px 22px;
        width: 100%;
    }

    .modal-close {
        transform: translate(0%, -120%);
    }

    #all-cont,
    .container {
        width: 600px;
        min-width: 600px;
        margin-left: 0;
    }

    .col-3 {
        width: 50%;
    }

    .top_icon_cristal {
        display: block;
        width: 48px;
        height: 48px;
        background: url(../images/cristal_m.png) no-repeat center center;
        border: none;
        margin-top: -10px;
    }

    .top_icon_cristal:hover {
        background: url(../images/cristal_m.png) no-repeat center center;
        border: none;
    }

    .top-navbar-nav2 .top-nav-item {
        margin-left: 12px;
        margin-right: 0;
    }

    .modal-default {
        margin-left: 1px !important;
    }

    #footer {
        height: 294px;
    }

    .footer_ur {
        position: absolute;
        top: 73px;
    }

    .footer_about {
        position: absolute;
        top: 73px;
        left: 284px;
    }

    .footer_sn {
        position: absolute;
        top: 0;
        left: 297px;
    }

    .footer_soc {
        position: absolute;
        top: 37px;
    }

    .copyright {
        position: absolute;
        top: 252px;
        left: -198px;
    }

    .top_menu_entred,
    .top_menu {
        display: none;
    }

    .top_menu_entred_mobile,
    .top_menu_mobile {
        display: block;
    }

    .modal-mobil-menu {
        width: 300px;
        height: 682px;
        background: url(../images/mobil_menu_bg.png) no-repeat top center;
    }

    .top-navbar-nav-mobile {
        width: 100%;
        position: absolute;
        top: 20px;
        padding: 0;
    }

    .top-navbar-nav-mobile .top-nav-item {
        margin-right: 0;
    }

    .top-navbar-nav-mobile::after {
        content: "";
        width: 182px;
        height: 1px;
        background: url(../images/mobile_menu_line.png) no-repeat top center;
        position: absolute;
        top: 220px;
        left: 56px;
    }

    .top-navbar-nav-mobile .top-nav-item .top-nav-link {
        width: 100%;
        text-align: center;
        font-size: 24px;
        display: block;
        margin-bottom: 5px;
    }

    .top-navbar-nav-mobile .poster-sub-menu {
        width: 138px;
        height: auto;
        left: 50%;
        margin-left: -69px;
        top: 60px;
        padding: 0 0 5px;
        border: 1px solid #979797;
        border-top: none;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        background: #1c1920;
        transform: scale(1.5);
        transform-origin: top center;
        z-index: 12;
    }

    .top-navbar-nav-mobile .poster-sub-menu::before {
        content: '';
        position: absolute;
        top: -18px;
        left: -1px;
        width: 139px;
        height: 18px;
        background: url(../images/buttons/kingSprite3.png) -117px 4px;
    }

    .top-navbar-nav-mobile .poster-menu-item:hover > .poster-sub-menu,
    .top-navbar-nav-mobile .poster-menu-item:focus-within > .poster-sub-menu {
        display: block;
    }

    .top-navbar-nav-mobile .poster-sub-menu .nav-item {
        line-height: 6px;
        margin: 11px 0 6px;
    }

    .top-navbar-nav-mobile .poster-sub-menu .nav-item::after {
        content: none;
    }

    .top-navbar-nav-mobile .poster-sub-menu li a:hover::after {
        top: 14px;
    }

    .bottom-navbar-nav-mobile {
        width: 100%;
        position: absolute;
        top: 258px;
        padding: 0;
    }

    .bottom-navbar-nav-mobile .nav-item .nav-link {
        width: 100%;
        text-align: center;
        font-size: 24px;
        display: block;
        margin-bottom: 1px;
        text-transform: none;
        position: relative;
    }

    #modal-mobil-menu .bottom-navbar-nav-mobile .nav-item .nav-link,
    #modal-mobil-menu .bottom-navbar-nav-mobile .nav-item .nav-link:visited {
        color: #c1ac82;
        text-shadow: none;
    }

    #modal-mobil-menu .bottom-navbar-nav-mobile .nav-item .nav-link:hover,
    #modal-mobil-menu .bottom-navbar-nav-mobile .nav-item .nav-link:focus,
    #modal-mobil-menu .bottom-navbar-nav-mobile .nav-item .nav-link.active {
        color: #fff;
    }

    .bottom-navbar-nav-mobile .nav-item .nav-link.notification::after {
        content: "";
        width: 12px;
        height: 12px;
        display: block;
        border-radius: 6px;
        position: absolute;
        background: #8f2b19;
        top: 12px;
        right: 47px;
    }

    .top_make_game {
        width: 198px;
        height: 43px;
        top: 638px;
        left: 52px;
        font-size: 18px;
        line-height: 42px;
        background: #6a223b;
    }

    .modal-resurce {
        width: 366px;
        height: 469px;
        background: url(../images/modal_resurce_m.png) no-repeat top center;
    }

    .modal-resurce::after {
        content: "";
        width: 44px;
        height: 55px;
        background: url(../images/mobile-res-icon.png) no-repeat top center;
        position: absolute;
        top: -22px;
        left: 162px;
    }

    .resurce_top_memmo {
        top: 36px;
        left: 46px;
        width: 278px;
        text-align: center;
    }

    .resurce_left_memmo {
        top: 198px;
        left: 90px;
    }

    .resurce_right_memmo {
        top: 290px;
        left: 90px;
        width: 193px;
    }

    .resurce_btn {
        top: 409px;
        left: 75px;
    }

    .modal-mana-memo {
        width: 366px;
        height: 559px;
        background: url(../images/modal_mana_bg_m.png) no-repeat top center;
    }

    .modal-mana-memo::after {
        content: "";
        position: absolute;
        width: 46px;
        height: 46px;
        top: -23px;
        left: 162px;
        background: url(../images/mobile-mana-icon.png) no-repeat top center;
    }

    .modal-mana-memo .resurce_top_memmo {
        width: 282px;
    }

    .modal-mana-memo .resurce_top_memmo::after {
        content: "";
        position: absolute;
        width: 182px;
        height: 1px;
        background: url(../images/mobile_mana_line.png) no-repeat top center;
        top: 85px;
        left: 43px;
    }

    .modal-mana-memo .resurce_left_memmo {
        top: 139px;
        left: 48px;
        width: 300px;
    }

    .modal-mana-memo .resurce_left_memmo p:first-child {
        margin-right: 51px;
    }

    .modal-mana-memo .resurce_right_memmo {
        top: 311px;
        left: 49px;
        width: 300px;
    }

    .modal-mana-memo .resurce_right_memmo p:first-child {
        margin-right: 57px;
    }

    .mana_memo_btn {
        top: 497px;
        left: 76px;
    }

    a.top-brand {
        text-decoration: none;
    }

    .top_icon_cristal.notification::before {
        content: "";
        width: 12px;
        height: 12px;
        background: #8f2b19;
        border-radius: 6px;
        position: absolute;
        top: 30px;
        left: auto;
        right: 0px;
    }

    .filter {
        height: calc(var(--vh) * 100);
    }

    .offcanvas-backdrop.show {
        width: 600px;
        height: calc(var(--vh) * 100);
    }

    .internal_menu {
        display: none;
    }

    .main_board_container {
        width: 576px;
        margin-left: 0;
        margin-top: 0px;
    }

    .main_board_container.foreign-reviews {
        margin-top: -30px !important;
    }

    /*
    .lobby {
        background: url(../images/lobby-m-b.png) no-repeat top center;
    }
*/
    .lobby_specifications {
        width: 100%;
    }

    .lobby_img {
        display: none;
    }

    .lobby_info_m {
        display: block;
        width: 32px;
        height: 32px;
        background: url(../images/lobby_info_m.png) no-repeat top center;
        position: absolute;
        top: 13px;
        left: 511px;
    }

    .lobby_info_m a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .lobby_chat_btn {
        top: 180px;
        left: 22px;
    }

    .lobby_leader {
        top: 227px;
        left: 12px;
    }

    .lobby_gamers_lines {
        top: 74px;
        width: 100%;
        left: 12px;
    }

    .lobby_gamer_line {
        width: 552px;
        background: url(../images/buttons/kingSprite3.png) 0 -252px;
    }

    .lobby_gamer_line.butttons {
        margin-top: -2px;
        height: 195px;
    }

    .lobby_link {
        width: 397px;
        left: 167px;
        bottom: 41px;
        z-index: 2;
        position: absolute;
        top: auto;
    }

    .lobby_link_sub {
        left: 198px;
        position: absolute;
        top: auto;
        bottom: 16px;
    }

    .lobby_memo_mobile {
        width: 406px;
        height: 570px;
        background: url(../images/modal_lobby_info.png) no-repeat top center;
        color: #d6d6d6;
        font-style: italic;
        padding: 25px;
        line-height: 16px;
        font-weight: 300;
        border-radius: 8px;
    }

    #lobby_info_modal_gamer .lobby_memo_mobile {
        width: 406px;
        height: 604px;
        background: url(../images/modal_lobby_info.png) no-repeat top center;
        color: #d6d6d6;
        font-style: italic;
        padding: 25px;
        line-height: 16px;
        font-weight: 300;
        border-radius: 8px;
    }

    .lobby_gammer_block .lobby_chat_btn {
        top: 132px;
        left: 351px;
    }

    .lobby_gammer_block .lobby_leader {
        top: 182px;
    }

    .lobby_gammer_block .lobby_gamers_lines {
        top: 29px;
    }

    .lobby_gammer_block .lobby_gamer_line.butttons {
        height: 150px;
    }

    .lobby_gamer_name {
        width: 200px;
    }

    .account_block {
        width: 100%;
        height: 1196px;
        margin-top: -15px;
    }

    .account_right_side {
        left: 11px;
        top: 590px;
    }

    .adsds_mobil_btn_block {
        position: absolute;
        top: -7px;
        left: 8px;
        display: block;
        z-index: 3;
    }

    .adsds_mobil_btn {
        position: absolute;
        width: 182px;
        height: 42px;
        border: 1px solid #1c1920;
        background: #1c1920;
        text-align: center;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        line-height: 41px;
        border-radius: 8px;
    }

    .adsds_mobil_btn.active {
        border-color: #fff;
    }

    .adsds_btn_myads {
        top: 0;
        left: 0;
    }

    .adsds_btn_review {
        top: 0;
        left: 188px;
    }

    .adsds_block {
        width: 449px;
        margin: 0 auto;
        padding-top: 182px;
    }

    .adsds_filter {
        left: 64px;
        top: 55px;
    }

    .adsds_new .adsds_filter {
        top: 0;
        left: 50px;
    }

    .adsds_master_name {
        top: 60px;
        right: 8px;
        width: 152px;
        text-align: left;
    }

    .adsds_master_name .sub-ancient {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .adsds_master_name .sub-neofit {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }

    .adsds_master_name .sub-acolyte {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .adsds_master_name .sub-shadow {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .adsds_master_name .sub-oracle {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .create_block {
        height: 1892px;
        width: 100%;
        margin-left: 2px;
    }

    .create_left_side {
        position: absolute;
        left: 19px;
        top: 19px;
    }

    .create_right_side {
        position: absolute;
        left: 0;
        top: 945px;
    }

    .gold_block {
        width: 455px;
        margin: 0 auto;
        padding-left: 5px;
    }

    .online_ofline {
        margin-right: 6px;
    }

    .filter_btn {
        padding-left: 8px;
    }

    .notice_item {
        width: 100%;
    }

    .notice_block {
        margin-left: -10px;
    }

    .out {
        height: auto;
        /* Изменяем на auto для автоматического расширения */
        min-height: 790px;
        /* Минимальная высота */
        padding-bottom: 20px;
        /* Добавляем отступ снизу */
    }

    .out .donate_card {
        left: 100px;
        position: relative;
        margin-bottom: 10px;
        top: auto;
    }

    .out .donate_umoney {
        left: 100px;
        position: relative;
        margin-bottom: 10px;
        top: auto;
    }

    .out_available {
        left: 100px;
        top: auto;
        position: relative;
        margin-bottom: 10px;
    }

    .out_summ {
        left: 100px;
        top: auto;
        position: relative;
    }

    /* Стили для дополнительных полей в мобильной версии */
    .out_sbp_fields,
    .out_banks_fields {
        position: relative;
        left: 100px;
        top: auto;
        margin-bottom: 20px;
        width: 376px;
    }

    .out_sbp_fields {
        min-height: 100px;
    }

    .out_banks_fields {
        min-height: 60px;
    }

    .out_memo {
        left: 100px;
        top: auto;
        width: 376px;
        position: relative;
    }

    .referal {
        height: 715px;
    }

    .referal_title {
        width: 460px;
        text-align: center;
    }

    .referal_left {
        top: 93px;
    }

    .referal_right {
        left: 60px;
        top: 454px;
    }

    .registration_block {
        width: 100%;
        height: 865px;
    }

    .registration_left_side {
        left: 10px;
    }

    .registration_right_side {
        left: 0;
        top: 383px;
    }

    .history_table {
        width: 567px;
        overflow: scroll;
        margin-left: 5px;
    }

    .tables-wrapper {
        width: 1105px;
    }

    .shop_mobil_menu_block {
        width: calc(100vw - 24px);
        max-width: 576px;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px;
        box-sizing: border-box;
    }

    .shop_mobil_menu_item {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        border: 1px solid #1c1920;
        background: #1c1920;
        padding: 7px 8px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1.15;
        border-radius: 8px;
        box-sizing: border-box;
        overflow: hidden;
        overflow-wrap: break-word;
    }

    .shop_mobil_menu_item.active {
        border-color: #fff;
    }

    .reviews_filter {
        top: 55px;
        left: 8px;
    }

    .reviews_new .reviews_filter {
        top: 0;
    }

    .reviews_rating_digital {
        top: 55px;
        left: 212px;
    }

    .reviews_new .reviews_rating_digital {
        top: 0;
    }

    .reviews_rating_stars {
        top: 63px;
        left: 283px;
    }

    .reviews_new .reviews_rating_stars {
        top: 20px;
    }

    .reviews_master_name {
        right: 5px;
    }

    .reviews_blocks {
        padding-top: 143px;
        columns: 1;
        margin-left: 8px;
    }

    .reviews_new .reviews_blocks {
        padding-top: 88px;
    }

    .reviews_item {
        width: 562px;
    }

    .shop_border_block {
        width: 448px;
        margin: 0 auto;
        margin-left: 67px;
    }

    .shop_icon_block {
        width: 566px;
        margin-left: 7px;
    }

    .subscribe_block {
        width: 325px;
        left: 61px;
    }

    .support_block {
        height: 819px;
        margin-left: -1px;
        margin-top: 10px;
    }

    .support_block_left {
        left: 10px;
    }

    .support_block_right {
        left: 10px;
        top: 440px;
    }

    .adventure-timer {
        display: none;
    }

    .modal-close {
        transform: translate(0%, -120%);
    }

    #masters-container {
        margin-left: 6px;
    }

    #my-masters-container {
        margin: -10px 0 0 6px;
    }

    .modal-default-cancel-btn {
        font-size: 14px;
        border-radius: 8px;
        font-weight: 400;
        height: 30px;
        transform: none;
        box-shadow: none;
        padding: 0;
        background: #49454d;
        border-color: #49454d;
        top: 219px;
        left: 120px;
        width: 144px;
        color: #fff;
    }

    #players-container {
        margin-left: 6px;
    }

    .filter_btn {
        padding-left: 6px;
    }

    #friends-container {
        margin: -10px 0 0 6px;
    }
}

.field-error {
    outline: 2px solid red !important;
    border-radius: 8px !important;
}

#sendPhoneCode.account_btn_dan {
    background-color: #49454d !important;
    border: 1px solid #49454d !important;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto !important;
    box-shadow: none !important;
}

/* Когда активно (введено 6 цифр) */
#sendPhoneCode.account_btn_dan.active {
    background-color: #8f2b19 !important;
    border: 1px solid #8f2b19 !important;
    color: #fff !important;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto !important;
}

/* Hover только если активна */
#sendPhoneCode.account_btn_dan.active:hover {
    border-color: #fff !important;
    color: #fff !important;
}

#sendEmailCode.account_sms_confirm_btn {
    background-color: #49454d !important;
    border: 1px solid #49454d !important;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto !important;
    box-shadow: none !important;
}

/* Когда активно (введено 6 цифр) */
#sendEmailCode.account_sms_confirm_btn.active {
    background-color: #8f2b19 !important;
    border: 1px solid #8f2b19 !important;
    color: #fff !important;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto !important;
}

/* Hover только если активна */
#sendEmailCode.account_sms_confirm_btn.active:hover {
    border-color: #fff !important;
    color: #fff !important;
}

#btnSubmitAccountEdit {
    background-color: #49454d !important;
    border-color: #49454d !important;
    color: #fff;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto !important;
}

/* Активное состояние */
#btnSubmitAccountEdit.active {
    background-color: #8f2b19 !important;
    border-color: #8f2b19 !important;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto !important;
}

#btnSubmitAccountEdit.active:hover {
    border: 1px solid #fff !important;
}

#account_sex .tag-remove,
#account_bd_d .tag-remove,
#account_bd_m .tag-remove,
#account_bd_y .tag-remove,
#account_exp .tag-remove,
#focus .tag-remove {
    display: none !important;
    pointer-events: none !important;
}

/* Registration block disable overlay styles */
.reg_block_disable {
    pointer-events: none;
}

.reg_block_disable::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1c1920;
    opacity: 0.65;
    display: block;
    border-radius: 8px;
    z-index: 10;
}

.registration_right_side.reg_block_disable::after {
    margin-left: 10px;
    width: 559px;
}

/* Скрываем плейсхолдеры в заблокированных секциях */
.reg_block_disable input::placeholder,
.reg_block_disable .placeholder {
    opacity: 0;
    visibility: hidden;
}

.error-message-validation {
    color: #dc3545;
}

.error-message-password {
    position: absolute;
    color: #dc3545;
    top: -23px;
    left: -2px;
}

.error-message-confirm-password {
    position: absolute;
    color: #dc3545;
    top: -20px;
}

.error-message-email {
    position: absolute;
    color: #dc3545;
    top: 24px;
    left: 16px;
}

.error-message-phone {
    position: absolute;
    color: #dc3545;
    top: 24px;
    left: 16px;
}

/* Стили для подсветки ошибок валидации */
.field-error {
    outline: 2px solid red !important;
    border-radius: 8px !important;
}

.your_profile_btn {
    width: 245px;
    height: 37px;
    font-size: 14px;
    border: 1px solid #92897a;
    color: #92897a;
    border-radius: 8px;
    background-color: transparent;
    position: absolute;
    left: 17px;
    position: absolute;
    top: 132px;
    left: 17px;
}

/* видимая часть тега — ограничиваем длину и ставим троеточие */
.select-container .tag .tag-text {
    display: inline-block;
    max-width: 15ch; /* ограничение в ~15 символов */
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-container .main-input[contenteditable="true"] {
    display: inline-block;
    white-space: nowrap; /* не переносим строки */
    overflow: hidden; /* скрываем всё, что не влезло */
    text-overflow: ellipsis; /* добавляем троеточие */
    vertical-align: middle;
    max-width: 100%; /* ограничиваем ширину по контейнеру */
    word-break: keep-all; /* не ломаем слова */
    min-width: 60px; /* чтобы курсор не исчезал */
    box-sizing: border-box;
}

.no-reviews-wrapper {
    color: #1c1920;
    font-size: 36px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    text-align: center;
    position: absolute; /* теперь блок позиционируется независимо */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: 348px; /* Можно регулировать отступ */
}

.master-modal .slider-container .reviews_item {
    backgroйund-color: rgba(0, 0, 0, 0.35);
}

.master-modal .slider-container.no-reviews-wrapper {
    color: #979797;
    font-size: 18px;
}

.player-modal .slider-container .reviews_item {
    background-color: rgba(0, 0, 0, 0.35);
}

.player-modal .slider-container.no-reviews-wrapper {
    color: #979797;
    font-size: 18px;
}

.reviews_master_rating_text {
    text-align: center;
    margin-top: 0px; /* расстояние между звёздами и текстом */
    color: #fff;
    font-size: 14px;
}

.reviews_player_rating_text {
    text-align: center;
    margin-top: 10px; /* расстояние между звёздами и текстом */
    color: #fff;
    font-size: 14px;
}

.personal_info_city .input-wrapper,
.reg_personal_info_city .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 30px;
}

.personal_info_city .arrow,
.reg_personal_info_city .arrow {
    top: 4px;
}

#friends-container .master_card_name a {
    pointer-events: none; /* отключает клики */
    cursor: default;
}

#friends-container .master_card_name a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

/*#game-invite-content {
    width: 583px;
    background: url(../images/modal_support.png) no-repeat top center;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
}*/

.filters_page .options-list .option:hover {
    color: #fff;
}

.filters_page .options-list .option.selected {
    color: #fff;
}

.shop_border_title .christmas-highlight {
    color: #c1ac82;
}

.shop_icon_memo .christmas-highlight {
    color: #c1ac82;
}

.game_card_master_name.sub-neofit.guild a {
    color: #b9a696;
}


.memo-value-indent {
    text-indent: 146px;
    -webkit-line-clamp: 3 !important;
    margin-top: -14px;
    margin-bottom: 10px;
}

.game_card_master_name.sub-neofit.guild a:hover {
    color: #fff;
}

/* 1) Скроллим только сам список в модалке приглашений */
.game_invite_modal .invite_block,
.game_invite_modal .support_modal_block {
    max-height: none;
    overflow: visible;
    /* ширину/отступы этих оберток оставляем как есть */
}

/* 2) Габариты и скролл — на списке */
.game_invite_modal .game-invite-list {
    width: 563px;
    max-height: 474px;
    min-height: 474px;
    overflow: hidden scroll; /* или overflow-y: scroll; overflow-x: hidden; */
    padding-right: 10px; /* опционально, чтобы контент не прилипал к скроллу */
}

/* 3) «Чёрный» скролл – корректный синтаксис цветов */
.game_invite_modal .game-invite-list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(73, 69, 77, 1);
}

.game_invite_modal .game-invite-list::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
}

.game_invite_modal .game-invite-list::-webkit-scrollbar-track {
    background: transparent;
}

.checkbox-text--warning {
    color: #e76143;
}

.attention {
    color: #e76143;
}

/* фон только для buy-new-subscription-modal */
#buy-new-subscription-modal .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

#activate-secret-code-modal .modal-default {
    background: url(../images/modal_link_bg.png) no-repeat top center;
}

textarea::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(73, 69, 77, 1);
    border-radius: 4px;
}

textarea::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

textarea::-webkit-scrollbar-track {
    background: transparent;
}

.no-masters-wrapper {
    color: #1c1920;
    font-size: 36px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    text-align: center;
    position: absolute; /* теперь блок позиционируется независимо */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: 75px; /* Можно регулировать отступ */
}

/* только для модалки удаления аккаунта */
#delete-modal .modal_default_text {
    margin-top: 24px;
}

.neofit-model {
    color: #979797;
    font-weight: 500;
}

.shadow-model {
    color: #6789bc;
    font-weight: 500;
}

#game-invite-limit-alarm-modal .modal_default_text {
    text-align: left;
}

#game-invite-limit-alarm-modal .modal-default-confirm-btn {
    left: 214px;
}

#not-master-modal .modal_default_text {
    margin-top: 24px;
}

#game-creation-disabled-modal .modal_default_text {
    margin-top: 12px;
    text-align: left;
}

#game-creation-disabled-modal .modal-default-cancel-btn {
    left: 214px;
}

#shop-partners-purchase-limit-modal .modal-default-cancel-btn {
    left: 214px;
}

#shop-partners-purchase-limit-modal .modal_default_text {
    margin-top: 12px;
}


#game-limit-detected .modal_default_text {
    text-align: left;
}

#game-limit-detected .modal-default-confirm-btn {
    left: 214px;
}

#refuse-shadow-subscription-modal .modal_default_text {
    text-align: left;
}

#refuse-shadow-subscription-modal .modal-default-cancel-btn {
    left: 214px;
}

#buy-new-subscription-modal .modal_default_text {
    text-align: left;
    margin-top: 12px;
}

#buy-new-subscription-modal .modal-default-confirm-btn {
    left: 214px;
}

#confirmManaPayment-modal .manaPaymentForm .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

#confirmManaPayment-modal .manaPaymentForm .modal_default_text {
    margin-top: 24px;
}

.confirm-mana-model {
    color: #6ebff5;
}

#send-support-modal .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

#send-support-modal .modal-default-confirm-btn {
    left: 214px;
}

#send-support-modal .modal_default_text {
    text-align: left;
}

#confirmManaPayment-modal .modal-default:has(.manaPaymentForm) {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

/* Жёлтый блок (достаточно маны) – отступ */
#confirmManaPayment-modal .manaPaymentForm .modal_default_text {
    margin-top: 24px;
}

/* Красный блок (НЕ хватает маны) – выравнивание текста */
#confirmManaPayment-modal .modal-default_block:not(.manaPaymentForm) .modal_default_text {
    text-align: left;
}

#payment-modal-container {
    width: 590px;
    height: 622px;
}

#resources-payment-modal-container {
    width: 590px;
    height: 622px;
}

#subscriptions-payment-modal-container {
    width: 590px;
    height: 622px;
}

/* Счётчик символов только в поле "Город" */
#selectCitySection .input-wrapper .char-counter {
    margin-top: -3px !important;
}

.registration_phone_bg .timer-text {
    position: absolute;
    top: 11px;
    left: 270px;
    color: #666;
    font-size: 14px;
}

.account_right_side .timer-text {
    position: absolute;
    top: 278px;
    left: 17px;
    color: #666;
    font-size: 14px;
}

.payout_card .donate_bank_title {
    top: 10px;
}

.payout_card .donate_bank_memo {
    top: 35px;
}

.payout_sbp .donate_bank_title {
    top: 10px;
}

.payout_sbp .donate_bank_memo {
    top: 35px;
}

.donate_bank_third {
    position: absolute;
    top: 55px; /* ставь нужное значение */
    font-size: 14px;
    font-weight: 400;
    left: 96px;
    color: #979797;
}

.notice_game_title {
    font-weight: bolder;
}

.notice_secret_code_value {
    color: #6ebff5;
}

.notice_secret_code_merchant_name {
    color: #c1ac82;
    font-weight: 500;
}

.notice_secret_code_product_name {
    font-weight: 500;
}

.notice_status {
    margin-top: 10px; /* отступ как будто <br> */
}

.notice_status--accepted {
    color: #538946;
}

.notice_status--rejected {
    color: #c85d48;
}

#failed-payment-modal .modal_default_text {
    margin-top: 24px;
}

#failed-payment-modal .modal-default-cancel-btn {
    left: 214px;
}

.account_phone_confirm_btn:enabled,
.account_phone_change_btn:enabled,
.account_email_confirm_btn:enabled,
.account_email_change_btn:enabled {
    border-color: #4da238 !important;
    color: #4da238 !important;
}

.account_phone_confirm_btn:disabled,
.account_phone_change_btn:disabled,
.account_email_confirm_btn:disabled,
.account_email_change_btn:disabled,
.account_sms_confirm_btn:disabled {
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto !important;
}

#payout-modal .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

#payout-modal .modal_default_text {
    text-align: left;
}

#payout-modal .modal-default-cancel-btn {
    left: 214px; /* та же колонка, что и "Отменить игру" */
}

#failed-payment-modal .modal_default_text {
    margin-top: 24px;
}

.form-error {
    margin-top: 18px !important;
    margin-left: 221px !important;
    position: relative !important;
    left: 0;
}

.notice_mana_amount {
    font-weight: bolder;
    color: #6ebff5;
}

.reviews_item_date {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 49px;
    left: 467px;
    z-index: 5;
}

/* main.css */

/* Game participation payment forms proxied from game-service into notifications. */
#payment-modal-container .pay_block--game-service {
    width: 590px;
    height: 622px;
    background: url(../images/modal_pay.png) no-repeat top center;
    border-radius: 12px;
}

#payment-modal-container .pay_block--game-service .pay_mana_memo {
    top: 22px;
}

#payment-modal-container .pay_block--game-service .pay_checkbox_res {
    top: 108px;
}

#payment-modal-container .pay_block--game-service .pay_line {
    top: 150px;
}

#payment-modal-container .pay_block--game-service .pay_line2 {
    top: 183px;
}

#payment-modal-container .pay_block--game-service .pay_line3 {
    top: 216px;
}

#payment-modal-container .pay_block--game-service .pay_ukassa {
    top: 189px;
}

#payment-modal-container .pay_block--game-service .pay_way {
    top: 256px;
}

#payment-modal-container .pay_block--game-service .pay_card {
    top: 297px;
}

#payment-modal-container .pay_block--game-service .pay_sbp {
    top: 392px;
}

#payment-modal-container .pay_block--game-service .pay_bank_checkbox {
    top: 5px;
    right: 10px;
}

#payment-modal-container .pay_block--game-service .pay_confirm {
    top: 502px;
}

#payment-modal-container .pay_block--game-service .pay_confirm_btn {
    top: 558px;
}

/* ✅ Прячем заливку ТОЛЬКО у интерактивных звёзд (где есть hover/выбор) */
.modal-review_block .rating-container .stars.interactive .star-foreground {
    opacity: 0;
    transition: opacity 0.2s;
}

/* ✅ А у статических звёзд заливка должна быть видна */
.modal-review_block .rating-container .stars:not(.interactive) .star-foreground {
    opacity: 1;
}

/* чтобы никогда не показывались selected-tags (на всякий случай) */
.reviews_item_btn .selected-tags {
    display: none;
}

/* пункты меню действий (не option!) */
.reviews_item_btn .review-action-item {
    list-style: none;
}

/* кнопки внутри меню */
.reviews_item_btn .review-action-btn {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 10px 12px;
    text-align: left;
    color: #fff;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    font: inherit;
}

/* hover как у ссылок */
.reviews_item_btn .review-action-btn:hover {
    color: #c1ac82;
}

.reviews_item_btn .review-action-btn:focus,
.reviews_item_btn .review-action-btn:focus-visible {
    outline: none;
    box-shadow: none;
}

.modal_review_comment .char-counter {
    z-index: 5;
}

.modal_review_comment:focus-within .char-counter {
    display: block;
}

.internal_menu li:hover > .sub-menu,
.internal_menu li:focus-within > .sub-menu {
    display: block;
}

.top_menu_entred .top-navbar-nav .poster-menu-item {
    position: relative;
}

.top_menu_entred .top-navbar-nav .poster-sub-menu {
    width: 138px;
    border: 1px solid #979797;
    border-top: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    left: 50%;
    margin-left: -69px;
    top: 42px;
    height: auto;
    background: #1c1920;
    padding: 0 0 5px 0;
    z-index: 11;
}

.top_menu_entred .top-navbar-nav .poster-sub-menu::before {
    content: "";
    position: absolute;
    top: -18px;
    left: -1px;
    width: 139px;
    height: 18px;
    background: url(../images/buttons/kingSprite3.png) -117px 4px;
}

.top_menu_entred .top-navbar-nav .poster-menu-item:hover > .poster-sub-menu,
.top_menu_entred .top-navbar-nav .poster-menu-item:focus-within > .poster-sub-menu {
    display: block;
}

.top_menu_entred .top-navbar-nav .poster-sub-menu .nav-item {
    line-height: 6px;
    margin: 11px 0 6px 0;
}

.top_menu_entred .top-navbar-nav .poster-sub-menu .nav-item::after {
    content: none;
}

.top_menu_entred .top-navbar-nav .poster-sub-menu li a:hover::after {
    top: 14px;
}

/* Чекбокс "Все могут видеть мою историю игр." на странице аккаунта */
.game_history_visible {
    position: absolute;
    left: 293px;
    top: 564px;
    width: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    user-select: none;
    justify-content: flex-start;
}

/* ВАЖНО: перебиваем глобальный .checkbox-text (margin-top:-26px и т.д.) */
.game_history_visible .checkbox-text {
    position: static;
    margin: 0;
    height: auto;
    display: inline;
    font-size: 14px;
    color: #b2b2b2;
    white-space: nowrap;
}

/* hover у game_history_visible: только при наведении на сам квадратик (глобальный .myCheckBoxLabel:hover) */

/* при наведении — серым */
.master_card_statistic_link:hover,
.master_card_statistic_link:hover span {
    color: #95c182;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

/* Поле "Ссылка на соцсеть" на странице аккаунта */
.account_social_link {
    position: absolute;
    left: 23px;
    top: 559px;
    width: 256px;
}

.registration_right_side .account_social_link {
    top: 430px;
}

.master_card_message {
    width: 155px;
    display: flex;
    align-items: center;
}

.master_card_message .master_card_statistic {
    float: none;
    margin: 0;
    margin-left: auto;
}

.master_card_icon_message {
    width: 35px;
    height: 19px;
    background-position: -873px -179px;
    border-radius: 2px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.master_card_icon_message:hover {
    background-position: -820px -179px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.master_card_message .master_card_icon_message {
    display: inline-block;
}

.game_card_icon_message {
    width: 35px;
    height: 21px;
    background-position: -867px -179px;
    border-radius: 2px;
    display: none;
}

.game_card_icon_message:hover {
    background-position: -814px -179px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.game_card_master_name .game_card_icon_message {
    display: inline-block;
    flex: 0 0 35px;
    margin: 0px 0 0px 2px;
    transform: scale(0.81);
    opacity: 88%;
}

.nav-link-alt {
    font-size: 14px;
    text-transform: uppercase;
    transition: none;
    text-decoration: none;
    color: #a17c84;
    text-shadow: 0 0 5px #a17c84;
    animation: glow 800ms ease-out infinite alternate;
}

@keyframes glow {
    0% {
        text-shadow: 0 0 5px rgba(161, 124, 132, 1);
        color: #a17c84;
    }

    100% {
        text-shadow: 0 0 9px rgba(197, 177, 181, 1);
        color: #c5b1b5;
    }
}
.top-nav-item a:hover,
.nav-link-alt.active {
    color: #fff !important;
    text-shadow: 0px 0px 15px #4a793a;
}

.top-nav-item a:hover,
.nav-link-alt.active {
    color: #fff !important;
    text-shadow: 0px 0px 15px #af7d85;
}

.subscribe_item_body.guild_point p::before {
    background: url(../images/buttons/guild_point.png) no-repeat top center;
}

.subscribe_item_body p span.pearl {
    color: #b9a696;
}

.master_card_name.sub-neofit.guild a {
    color: #b9a696;
}

.master_card_name.sub-neofit.guild a:hover {
    color: #fff;
}

.adsds_master_name span.sub-neofit.guild {
    color: #b9a696;
}

.notice_mana_amount {
    color: #6ebff5;
    font-weight: bold;
}

.notice_rubles_amount {
    color: #e76143;
    font-weight: bold;
}
/* Резервируем нижнюю служебную зону под счетчик.
   Внешняя высота блока не меняется. */
.personal_info_about,
.support_problem,
.donate_comment {
    box-sizing: border-box;
    padding-bottom: 22px;
    overflow: hidden;
}

/* textarea занимает только полезную область над счетчиком */
.personal_info_about textarea[data-show-counter="true"],
.support_problem textarea[data-show-counter="true"],
.donate_comment textarea[data-show-counter="true"] {
    display: block;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
}

/* Счетчик кладем в отдельную нижнюю зону */
.personal_info_about textarea[data-show-counter="true"] + .char-counter,
.support_problem textarea[data-show-counter="true"] + .char-counter,
.donate_comment textarea[data-show-counter="true"] + .char-counter {
    top: auto !important;
    bottom: 4px;
    right: 7px;
    transform: none !important;
    margin: 0 !important;
}
/* =========================
   modal-phone-confirm-type
   ========================= */

#modal-phone-confirm-type .modal-phone-confirm-type-content {
    width: 573px;
    height: 320px;
    background: url(../images/yellow_modal_back.png) no-repeat top center;
    border-radius: 14px;
}

#modal-phone-confirm-type .modal-default_block {
    position: relative;
    width: 100%;
    height: 100%;
}
#modal-phone-confirm-type .modal-phone-confirm-type-text {
    position: absolute;
    top: 74px;
    left: 57px;
    width: 458px;
    margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: 1.25;
    text-align: center;
}

#modal-phone-confirm-type .modal-phone-confirm-type-btn {
    position: absolute;
    top: 208px;
    width: 144px;
    height: 30px;
    padding: 0;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    transform: none;
    box-shadow: none;
}

/* кнопка "Код по звонку" */
#modal-phone-confirm-type .modal-phone-confirm-type-btn--call {
    left: 120px;
    top: 208px;
    background: #6a223b;
    border: 1px solid #6a223b;
}

#modal-phone-confirm-type .modal-phone-confirm-type-btn--call:hover {
    background: #6a223b;
    border-color: #fff !important;
    color: #fff !important;
}

/* кнопка "Код по СМС" */
#modal-phone-confirm-type .modal-phone-confirm-type-btn--sms {
    left: 307px;
    top: 208px;
    background: #3e6634;
    border: 1px solid #3e6634;
}

#modal-phone-confirm-type .modal-phone-confirm-type-btn--sms:hover {
    background: #3e6634;
    border-color: #fff !important;
    color: #fff !important;
}

.main-table-bg {
    padding-top: 14px;
}

/* Страница history_new */
.history_filter {
    position: relative;
    width: 1105px;
    margin-left: 17px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.history_filter_row {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 30px;
}

.history_role_tag {
    width: 216px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #e76143;
    border-radius: 8px;
    color: #e76143;
    font-size: 14px;
    padding: 0 12px;
    background: rgba(231, 97, 67, 0.08);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.history_role_select {
    width: 216px;
}

.history_role_select .select-header {
    background-color: rgba(231, 97, 67, 0.08);
    height: 30px;
    padding: 0 10px;
}

.history_role_select .select-header .main-input {
    color: #e76143;
}

.history_role_select .placeholder {
    color: #e76143;
    background: transparent;
}

.history_role_select .select-dropdown {
    background-color: #1c1920;
    margin-top: 2px;
    border-radius: 8px;
}

#registry-root .history_role_select .select-dropdown.open {
    background-color: #a17c84;
    border: none;
}

/* Реестр: выпадашка продолжение поля без зазора */
#registry-root .history_role_select .select-header.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#registry-root .history_role_select .select-dropdown {
    top: 30px;
    margin-top: 0;
    border: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.history_role_select .option {
    color: #fff;
    padding: 6px 10px;
}

.history_role_select .option:hover,
.history_role_select .option.selected {
    background: #49454d;
}

.history_date_input:focus {
    border: 1px solid #fff !important;
}

.history_filter_right {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: 359px;
}

.history_date_range {
    display: flex;
    align-items: center;
    gap: 8px;
}

.history_date_label {
    color: #fff;
    font-size: 14px;
}

.history_date_input {
    width: 110px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    outline: none;
}

.history_date_input[readonly] {
    cursor:
        url(../images/cursors/1.png) 2 2,
        default;
    user-select: none;
    pointer-events: none;
}

.history_upload_btn {
    display: inline-block;
    width: 123px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #e76143;
    border-radius: 8px;
    color: #e76143;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    background: transparent;
}

.history_upload_btn:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.history_status_cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-right: 28px;
}

.history_status {
    color: #979797;
}

.history_status_activated {
    color: #4da238;
}

.history_status_issued {
    color: #c28c93;
}

.history_status_expired {
    color: #979797;
}

.history_row_check {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: url(../images/checkbox.png) no-repeat center center;
    background-size: contain;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    margin-left: auto;
    flex-shrink: 0;
}

.history_row_check:hover {
    background-image: url(../images/checkbox_hover.png);
}

.history_row_check.is-hidden {
    visibility: hidden;
}
/* =========================
   shop_partners
   Добавь этот блок в конец main.css
   ========================= */

.shop-partners-page .shop-partners-memo {
    max-width: 902px;
    margin: 0 auto;
    line-height: 1.35;
}

body.shop-partners-page-active #all-cont {
    overflow: visible;
}

.shop-partners-page .shop-partners-block {
    padding-top: 24px;
    padding-bottom: 14px;
    overflow: visible;
}

.shop-partners-page .shop-partners-grid {
    row-gap: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    overflow: visible;
}

.shop-partners-page .shop-partners-grid > .col-auto {
    overflow: visible;
}

.shop-partners-page .shop-partners-card {
    position: relative;
    width: 217px;
    height: auto;
    min-height: 299px;
    margin-bottom: 13px;
    padding: 8px 8px 16px;
    background: rgb(28, 25, 32, 65%);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
}

.shop-partners-page .shop-partners-image {
    position: static;
    width: 202px;
    height: 142px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 13px;
    background: #151219;
    margin-left: 0px;
}

.shop-partners-page .shop-partners-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.shop-partners-page .shop-partners-text {
    position: static;
    width: 201px;
    min-height: 2.6em;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.3;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    margin-top: 4px;
}

.shop-partners-page .shop-partners-text p {
    margin: 0;
    width: 100%;
    color: #979797;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.shop-partners-page .shop-partners-text p br {
    content: "";
}

.shop-partners-page .shop-partners-text p.shop-partners-text--manual-lines {
    display: block;
    overflow: visible;
    text-overflow: clip;
    -webkit-line-clamp: unset;
}

.shop-partners-page .shop-partners-actions {
    margin-top: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    gap: 6px;
    overflow: visible;
}

.shop-partners-page .shop-partners-desc-btn,
.shop-partners-page .shop-partners-price-btn {
    position: static;
    width: 194px;
    border-radius: 8px;
    box-sizing: border-box;
    line-height: 1;
    font-size: 18px;
    white-space: nowrap;
    overflow: visible;
}

.shop-partners-page .shop-partners-desc-btn {
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop-partners-page .shop-partners-desc-btn {
    color: #979797;
    border-color: #49454d;
}

.shop-partners-page .shop-partners-desc-btn:hover {
    color: #fff !important;
    border-color: #fff !important;
}

.shop-partners-page .shop-partners-price-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    height: auto;
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
    flex: 0 0 auto;
}

.shop-partners-page .shop-partners-price-btn--mana {
    color: #6ebff5;
    border-color: #6ebff5;
}

.shop-partners-page .shop-partners-price-btn--resource {
    color: #e76143;
    border-color: #e76143;
}

.shop-partners-page .shop-partners-price-btn--money {
    color: #fff;
    border-color: #979797;
}

.shop-partners-page .shop-partners-price-btn--free {
    color: #979797;
    border-color: #49454d;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto !important;
}

.shop-partners-page .shop-partners-price-btn--sold-out {
    font-weight: 400;
    font-size: 16px;
    border-color: #49454d;
    cursor:
        url(../images/cursors/1.png) 2 2,
        auto !important;

    pointer-events: none;
}

.shop-partners-page .shop-partners-price-btn--dual {
    position: relative;
    color: #fff;
    gap: 8px;
    border-color: transparent;
}

.shop-partners-page .shop-partners-price-btn--dual.create_payment_btn {
    min-height: 33px;
    padding-top: 0;
    padding-bottom: 0;
}

.shop-partners-page .shop-partners-price-btn--dual::before,
.shop-partners-page .shop-partners-price-btn--dual::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    border: 1px solid;
    box-sizing: border-box;
    pointer-events: none;
}

.shop-partners-page .shop-partners-price-btn--dual::before {
    left: 0;
    border-color: #e76143;
    border-right: 0;
    border-radius: 8px 0 0 8px;
}

.shop-partners-page .shop-partners-price-btn--dual::after {
    right: 0;
    border-color: #6ebff5;
    border-left: 0;
    border-radius: 0 8px 8px 0;
}

.shop-partners-page .shop-partners-price-btn:not(:disabled):hover {
    border-color: #fff !important;
}

.shop-partners-page .shop-partners-price-btn--dual:not(:disabled):hover {
    border-color: transparent !important;
}

.shop-partners-page .shop-partners-price-btn--dual:not(:disabled):hover::before,
.shop-partners-page .shop-partners-price-btn--dual:not(:disabled):hover::after {
    border-color: #fff;
}

.shop-partners-page .shop-partners-price-btn--mana:not(:disabled):hover,
.shop-partners-page .shop-partners-price-btn--mana:not(:disabled):hover .shop-partners-price-segment--mana {
    color: #fff !important;
}

.shop-partners-page .shop-partners-price-btn--resource:not(:disabled):hover,
.shop-partners-page .shop-partners-price-btn--resource:not(:disabled):hover .shop-partners-price-segment--resource {
    color: #fff !important;
}

.shop-partners-page .shop-partners-price-btn--money:not(:disabled):hover {
    color: #fff !important;
}

.shop-partners-page .shop-partners-price-btn--dual:not(:disabled):hover,
.shop-partners-page .shop-partners-price-btn--dual:not(:disabled):hover .shop-partners-price-segment,
.shop-partners-page .shop-partners-price-btn--dual:not(:disabled):hover .shop-partners-price-plus {
    color: #fff !important;
}

.shop-partners-page .shop-partners-price-segment {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

.shop-partners-page .shop-partners-price-segment--resource {
    color: #e76143;
}

.shop-partners-page .shop-partners-price-segment--mana {
    color: #6ebff5;
}

.shop-partners-page .shop-partners-price-plus {
    color: #fff;
    font-size: 15px;
    line-height: 1;
}

.shop-partners-page .shop-partners-currency {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    flex-shrink: 0;
    margin-top: 1px;
}

.shop-partners-page .shop-partners-currency--resource {
    background-image: url(../images/game_card_res_icon.png);
}

.shop-partners-page .shop-partners-currency--mana {
    background-image: url(../images/game_card_mana_icon.png);
}

.shop-partners-page .shop-partners-money-symbol {
    font-size: 16px;
    line-height: 1;
}

.shop-partners-page .shop-partners-desc-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgb(0, 0, 0, 80%);
    z-index: 1200;
}

.shop-partners-page .shop-partners-desc-modal.is-open {
    display: flex;
}

.shop-partners-page .shop-partners-desc-modal-inner {
    position: relative;
    width: min(540px, calc(100vw - 32px));
    max-height: min(70vh, 520px);
    padding: 22px 20px 18px;
    border-radius: 12px;
    background: #1c1920;
    border: 1px solid #49454d;
    box-shadow: 0 10px 40px rgb(0, 0, 0, 40%);
}

.shop-partners-page .shop-partners-desc-modal-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 12px;
    padding-right: 24px;
}

.shop-partners-page .shop-partners-desc-modal-content {
    max-height: calc(70vh - 90px);
    overflow-y: auto;
    color: #d6d6d6;
    font-size: 14px;
    line-height: 1.45;
}

.shop-partners-page .shop-partners-desc-modal-content::-webkit-scrollbar {
    width: 4px;
}

.shop-partners-page .shop-partners-desc-modal-content::-webkit-scrollbar-thumb {
    background-color: rgb(28, 25, 32, 100%);
    border-radius: 3px;
}

.shop-partners-page .shop-partners-desc-modal-content::-webkit-scrollbar-track {
    background: transparent;
}

.shop-partners-page .shop-partners-desc-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: #49454d;
    color: #d6d6d6;
    font-size: 22px;
    line-height: 1;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.shop-partners-page .shop-partners-desc-close:hover {
    background: #fff;
    color: #1c1920;
}

@media (width <= 601px) {
    .shop-partners-page .shop-partners-block {
        width: 456px;
        margin: 0 auto;
        padding-left: 4px;
    }

    .shop-partners-page .shop-partners-card {
        width: 214px;
    }

    .shop-partners-page .shop-partners-image,
    .shop-partners-page .shop-partners-desc-btn,
    .shop-partners-page .shop-partners-price-btn {
        width: 198px;
    }
}

#registry-root .history_row_check {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    opacity: 1 !important;
}

#registry-root .history_row_check:hover {
    background-image: none;
    background-color: transparent !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    opacity: 1 !important;
}

#registry-root .registry-status-cb.history_row_check {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    position: static;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    margin-left: auto;
    flex-shrink: 0;
    border: 2px solid #979797;
    border-radius: 5px;
    background: none no-repeat center center;
    background-size: contain;
    box-sizing: border-box;
    line-height: 0;
    vertical-align: middle;
    transform: none;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.registry-page#registry-root .registry-table .registry-status-cb.history_row_check:not(:checked) {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    padding: 0;
    margin: 0;
    margin-left: auto;
    background-color: transparent !important;
    background-image: url(../images/checkbox.png) !important;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    line-height: 0;
    vertical-align: middle;
    transform: none;
}

#registry-root .registry-status-cb.history_row_check:checked {
    background-image: url(../images/checkbox.png);
    border: none;
}

.registry-page#registry-root .registry-table .registry-status-cb.history_row_check:hover:not(:checked):not(:disabled) {
    background-color: transparent !important;
    background-image: url(../images/checkbox_hover.png) !important;
    filter: none;
}

#registry-root .registry-status-cb.history_row_check:checked:hover:not(:disabled) {
    background-image: url(../images/checkbox_hover.png);
    filter: none;
}

#registry-root .registry-status-cb.history_row_check:disabled {
    cursor: default;
    opacity: 1;
}

/* USER: номер заказа — горизонтальный скролл + выделение текста; справа кнопка копирования */
#registry-root[data-registry-mode="USER"] .registry-order-id-cell {
    vertical-align: middle;
    overflow: visible;
}

#registry-root[data-registry-mode="USER"] .registry-order-id-row {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
}

#registry-root .registry-copy-tooltip {
    position: fixed;
    top: 0;
    left: 0;
    padding: 6px 9px;
    background: rgba(28, 25, 32, 0.96);
    border: 1px solid rgba(151, 151, 151, 0.8);
    border-radius: 6px;
    color: #d6d6d6;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10000;
    opacity: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
    transform: translateY(2px);
    transition:
        opacity 0.15s ease,
        transform 0.15s ease;
}

#registry-root .registry-copy-tooltip.show {
    opacity: 1;
    transform: translateY(0);
}

#registry-root .registry-copy-tooltip.is-copied {
    border-color: rgba(193, 172, 130, 0.75);
    color: #c1ac82;
}

#registry-root[data-registry-mode="USER"] .registry-order-id-scroll {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 35ch;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scrollbar-color: #49454d rgba(73, 69, 77, 0.35);
    padding-bottom: 0px;
    outline: none;
}

#registry-root[data-registry-mode="USER"] .registry-order-id-scroll:focus-visible {
    outline: 1px solid #c1ac82;
    outline-offset: 2px;
    border-radius: 4px;
}

#registry-root[data-registry-mode="USER"] .registry-order-id-scroll::-webkit-scrollbar {
    height: 6px;
}

#registry-root[data-registry-mode="USER"] .registry-order-id-scroll::-webkit-scrollbar-track {
    background: rgba(73, 69, 77, 0.35);
    border-radius: 3px;
}

#registry-root[data-registry-mode="USER"] .registry-order-id-scroll::-webkit-scrollbar-thumb {
    background-color: #49454d;
    border-radius: 3px;
}

#registry-root[data-registry-mode="USER"] .registry-order-id-text {
    display: inline-block;
    white-space: nowrap;
    color: #979797;
    font-size: 14px;
    line-height: 1.35;
    user-select: text;
    cursor: text;
    padding-right: 4px;
}

#registry-root[data-registry-mode="USER"] .registry-order-copy-btn {
    flex-shrink: 0;
    width: 30px;
    height: 26px;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    cursor:
        url(../images/cursors/3.png) 2 2,
        pointer;
    background-color: transparent;
    background-image: url(../images/buffer.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 19px;
    filter: brightness(0) invert(1);
}

#registry-root[data-registry-mode="USER"] .registry-order-copy-btn:hover {
    filter: brightness(0) invert(0.62);
}

#registry-root[data-registry-mode="USER"] .registry-order-copy-btn:focus-visible {
    outline: 1px solid #c1ac82;
    outline-offset: 2px;
    border-radius: 4px;
}

.shop-partners-page .shop-partners-merchant-name {
    color: #c1ac82;
    text-decoration: none;
}

.shop-partners-page .shop-partners-product-name {
    font-weight: 400;
    overflow-wrap: anywhere;
}

.shop-partners-page .shop-partners-title-line {
    display: block;
    margin: 0;
    padding: 0;
}

.shop-partners-page .product-name-title-highlight {
    color: #fff;
    font-weight: 400;
}

.shop-partners-page .product-name-merchant-context {
    white-space: nowrap;
}

.shop-partners-page .product-name-merchant-context::before {
    content: "\A";
    white-space: pre;
}

.shop-partners-page .product-name-price-highlight {
    color: #fff;
}

.shop-partners-page .product-name-duration-highlight {
    color: #fff;
}

.shop-partners-page .product-name-duration-highlight::after {
    content: "\A";
    white-space: pre;
}

.shop-partners-page .product-name-brand-highlight {
    color: #c1ac82;
}

.shop-partners-page a.shop-partners-merchant-name:hover {
    color: #fff;
    text-decoration: none;
}

/* Чат-виджет начало */

.chat_widget {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 480px;
    z-index: 50;
    font-size: 13px;
    color: #fff;
}

.chat_widget_panel {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 8px;
}

.chat_widget_controls {
    align-self: flex-end;
    display: flex;
    gap: 6px;
}

.chat_widget_ctrl {
    width: 28px;
    height: 28px;
    background: #100418;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    box-shadow: 0 0 6px 0 #3d363e;
}

.chat_widget_ctrl:hover {
    filter: brightness(1.4);
}

.chat_widget_ctrl_min {
    align-items: flex-end;
    padding-bottom: 6px;
}

.chat_widget_min_icon {
    display: block;
    width: 10px;
    height: 1.5px;
    background: #6d6771;
}

.chat_widget_ctrl_close {
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px 22px;
}

.chat_widget_messages {
    max-height: 240px;
    min-height: 60px;
    overflow-y: auto;
    padding: 8px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #100418;
    border: 1px solid #49454d;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 #3d363e;
}

.chat_widget_messages::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(73, 69, 77, 1);
    border-radius: 4px;
}

.chat_widget_messages::-webkit-scrollbar-track {
    background: transparent;
}

.chat_widget_messages::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
}

.chat_widget_message {
    line-height: 1.4;
    word-break: break-word;
}

.chat_widget_addressee {
    color: #b2b2b2;
    margin-right: 4px;
}

.chat_widget_username {
    color: #fff;
}

.chat_widget_username_warning {
    color: #e76143;
}

.chat_widget_username_info {
    color: #6ebff5;
}

.chat_widget_colon {
    color: #fff;
    margin-right: 4px;
}

.chat_widget_text {
    color: #fff;
}

.chat_widget_input_wrap {
    position: relative;
    padding: 6px 14px;
    background: #100418;
    border: 1px solid #49454d;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 #3d363e;
}

.chat_widget_input {
    width: 100%;
    height: 28px;
    background: transparent;
    border: none;
    padding: 0 36px 0 0;
    color: #fff;
    font-size: 13px;
    outline: none;
}

.chat_widget_send {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 24px;
    background: url(../images/send_message.png) no-repeat center center;
    background-size: contain;
    border: none;
    padding: 0;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.chat_widget_send:hover {
    background-image: url(../images/send_message_hover.png);
}

.chat_widget_input::placeholder {
    color: #979797;
}

.chat_widget_input:focus {
    border: none !important;
}

.chat_widget_icon {
    display: none;
    width: 54px;
    height: 54px;
    background: url(../images/message_open.png) no-repeat center center;
    background-size: contain;
    border: none;
    padding: 0;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.chat_widget_icon:hover {
    background-image: url(../images/message_open_hover.png);
}

/* Свернутое состояние: видны только два последних сообщения и инпут */
.chat_widget.is-collapsed .chat_widget_messages {
    max-height: 56px;
    min-height: 0;
    overflow: hidden;
    padding-top: 6px;
    padding-bottom: 6px;
}

.chat_widget.is-collapsed .chat_widget_messages > .chat_widget_message {
    display: none;
}

.chat_widget.is-collapsed .chat_widget_messages > .chat_widget_message:nth-last-child(-n + 2) {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Закрытое состояние: панель скрыта, виден только бабл-иконка */
.chat_widget.is-closed .chat_widget_panel {
    display: none;
}

.chat_widget.is-closed .chat_widget_icon {
    display: flex;
}

/* Мобильная версия — по умолчанию только иконка */
@media (max-width: 601px) {
    .chat_widget {
        left: auto;
        right: 16px;
        transform: none;
        width: calc(100% - 32px);
        max-width: 480px;
    }

    .chat_widget .chat_widget_panel {
        display: none;
    }

    .chat_widget .chat_widget_icon {
        display: flex;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }

    .chat_widget.is-mobile-open .chat_widget_panel {
        display: flex;
    }

    .chat_widget.is-mobile-open .chat_widget_icon {
        display: none;
    }
}

/* Чат-виджет конец */

/* Lobby gamer ico popup начало */

.lobby_gamer_ico_container {
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
}

.lobby_gamer_ico_popup {
    position: absolute;
    top: -95px;
    left: -6px;
    width: 219px;
    height: 90px;
    background: #08020a;
    border-radius: 8px;
    padding: 4px;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.lobby_gamer_ico_popup_content_wrapper {
    height: 100%;
    overflow-y: scroll;
    width: 210px;
}

.lobby_gamer_ico_popup::before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 17px;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #08020a;
    z-index: 1001;
}

.lobby_gamer_ico_popup_content {
    display: grid;
    grid-template-columns: repeat(6, 32px);
    grid-template-rows: repeat(2, 40px);
    gap: 2px;
    justify-content: center;
    height: 100%;
    width: 202px;
}

.lobby_gamer_ico_popup_content_wrapper::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(73, 69, 77, 1);
    border-radius: 4px;
}

.lobby_gamer_ico_popup_content_wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
}

.lobby_gamer_ico_popup_content_wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.lobby_gamer_ico_option {
    width: 32px;
    height: 40px;
    border: 1px solid #211e26;
    border-radius: 5px;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lobby_gamer_ico_option:hover {
    border-color: #605967;
}

/* Lobby gamer ico popup конец */

/* History search начало */

.history_search_input {
    position: relative;
    width: 180px;
    height: 30px;
}

.history_search_input input {
    width: 100%;
    height: 30px;
    background-color: #979797;
    border: 1px solid #979797;
    border-radius: 8px;
    color: #1c1920;
    font-size: 14px;
    padding: 0 40px 0 12px;
    outline: none;
}

.history_search_input input::placeholder {
    color: #1c1920;
    opacity: 0.6;
}

.history_search_input input:focus {
    border: 1px solid #979797 !important;
    background-color: #979797;
}

.history_search_btn {
    position: absolute;
    right: 1px;
    top: 0;
    width: 32px;
    height: 28px;
    background: transparent;
    border: none;
    color: #1c1920;
    cursor:
        url(../images/cursors/3.png) 2 2,
        auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history_search_btn .fa-search {
    font-size: 14px;
}

/* History search конец */

/* Donate/pay расширения начало */

.donate_subtotal {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 190px;
    left: 26px;
}

.donate_subtotal span {
    color: #fff;
}

.donate_ukassa span {
    color: #fff;
}

.donate_line4 {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 283px;
    left: 26px;
    width: 596px;
    height: 1px;
}

.donate_checkbox_res .checkbox-text {
    color: #fff;
}

.donate_checkbox_mana .checkbox-text {
    color: #fff;
}

.donate_subtotal span.donate_lack_res::after {
    background: url(../images/game_card_res_icon.png);
    background-size: cover;
}

.donate_subtotal span.donate_lack_mana::after {
    background: url(../images/game_card_mana_icon.png);
    background-size: cover;
}

.donate_subtotal span::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    right: -20px;
}

.pay_subtotal {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 178px;
    left: 20px;
}

.pay_subtotal span {
    color: #fff;
}

.sub_valuta {
    position: absolute;
    top: 120px;
    left: 223px;
    width: 296px;
    text-align: center;
    font-size: 14px;
    color: #78b5dd;
}

.sub_valuta span {
    position: relative;
}

.sub_valuta span::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    top: 2px;
    right: -18px;
    background: url(../images/game_card_mana_icon.png);
    background-size: cover;
}

.dop_info_focus .tag-remove {
    display: none;
}

/* Donate/pay расширения конец */

/* Notification tooltip начало */

.notification-tooltip {
    display: none;
}

/* Notification tooltip конец */

/* Прочее: beta_test, ticker animation начало */

.beta_test::before {
    content: "";
    position: absolute;
    width: 269px;
    height: 191px;
    top: 0;
    left: 0;
    z-index: 2;
    background: url(../images/beta_test.png) no-repeat top center;
}

@keyframes ticker {
    0% {
        transform: translateX(60%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* Прочее: beta_test, ticker animation конец */