@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 {
    font-family: "Fira Sans";
    font-style: normal;
    cursor: url(../images/cursors/1.png) 2 2, auto;
    background: url(../images/background_main.webp) no-repeat top;
    background-color: #3a3846;
    margin: 0;
    padding: 0 !important;
}

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

body::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    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;
}


.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;
}

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

@media (min-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;
}

input::placeholder {
    color: #979797;
}

/* Убираем стрелочки у полей ввода типа number */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

#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%;
    z-index: 12;
}

#main_board {
    margin-top: 85px;
}

.load-more-btn {
    padding: 0;
    color: white;
    width: 168px;
    height: 44px;
    margin: 24px auto;
    display: block;
    background: url(../images/buttons/load_more.png) no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
    transform: translateX(-10px);
    cursor: url(../images/cursors/3.png) 2 2, auto !important;
    margin-bottom: -10px;
}

.load-more-btn:hover {
    background: url(../images/buttons/load_more_hover.png) no-repeat center center;
    background-size: contain;
}

.load-more-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

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



.stickyHeader {
    position: sticky;
    z-index: 100;
}

#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 {
    content: '[BETA]';
    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: 281px;
}

.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: 769px;
}

.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;
}

@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 {
    color: #fff
}

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

.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/sprite.png) no-repeat -313px 0;
    width: 16px;
    height: 19px;
}

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

.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/sprite.png) no-repeat -89px 0;
    width: 12px;
    height: 16px;
}

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

.notification-tooltip {
    display: none;
}

.sub-menu {
    position: absolute;
    display: none;
    width: 155px;
    height: 219px;
    background: url(../images/buttons/sprite.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: -14px;
    left: -1px;
    width: 139px;
    height: 14px;
    background: url(../images/buttons/sprite.png) -117px 0;
}


.history_games_main_board_container {
    width: 1140px;
    margin: 0 auto;
}


.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:hover {
    color: #c1ac82;
    position: relative;
}

.sub-menu li a:hover::after {
    content: '';
    position: absolute;
    background: url(../images/buttons/sprite.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 0;
}

.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 -5px 0 -7px;
}

.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 .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/sprite.png) -432px -129px;
}

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

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

.main_baord_cards {
    padding: 0 0 0 25px;
    display: flex;
    /* margin-right: 0.75rem; */
    /*    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);
}
*/
.homeCardContainer {
     perspective: 1000px;
}
.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_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;
    background: url(../images/new_gradient.png) no-repeat;
    z-index: 1;
}

.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 rgba(0, 0, 0, 0.6);
    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 rgba(0, 0, 0, 0.5);
    top: 30px;
    left: 30px;
    opacity: 0.65;
}

.game_card.blue_shadow::before {
    box-shadow: 0 0 10px 35px rgba(39, 131, 186, 0.6);
    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 rgba(39, 131, 186, 0.6);
    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, 0.43);
    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;
}

.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;
}

.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;
}

.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;
}

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

.game_card_rating_logo {
    position: absolute;
    top: 201px;
    left: 241px;
    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: 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;
}

.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;
    /* 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_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.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_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:first-child {
    color: #538946;
}

.game_card_time span {
    color: #fff;
}

.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_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: 12px;
    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/sprite.png) -554px -252px;
    color: #d6d6d6;
    font-size: 12px;
    line-height: 15px;
    /* Чтобы не мешала кликам */
    z-index: 1500;
    width: 239px;
    height: 68px;
    text-transform: none;
    text-align: left;
    font-weight: 300;
    pointer-events: none;
}

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

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

/* Название игры – 3 строки */
.game_card_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

/* Описание – 13 строк */
.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;
}

/* Требования – 3 строки */
.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;
}

/* Доп инфо – 3 строки */
.game_card_back .btn_dop.tiptoolhover {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Время – 3 строки */
.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);
}

.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/sprite.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: 5px 0 0 0;
}

.filter .accordion-body {
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

.filter_block_row {
    width: 254px;
    border-radius: 3px;
}

.filter .accordion-body::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(151, 151, 151, 1);
}

.filter .accordion-body::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
}

.filter .accordion-body::-webkit-scrollbar-track {
    background-color: rgba(151, 151, 151, 1);
    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: 0px;
    margin-top: 0px;
}

.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: #fff;
    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;
}

.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 {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Внешний вид текста и кликабельность */
.filter_block_row .col-12 label {
    position: relative;
    padding-left: 24px;
    /* место под квадратик */
    line-height: 18px;
    color: #b2b2b2;
    cursor: url(../images/cursors/3.png) 2 2, auto;
    margin: 4px 0;
}

/* «Квадратик» слева от текста */
.filter_block_row .col-12 label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

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

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

/* 1) Единые отступы: .filter_block, заголовок и тело аккордеона */
.filter_block .accordion-button {
    padding: 0 0 0 10px !important;
}

/* заголовок слева ровно как блок */
.filter_block .accordion-body {
    padding: 3px 12px 0 0 !important;
}

/* содержимое тоже ровно как блок */

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

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

/* Состояние "отмечено" */
.mycheckbox:checked+.myCheckBoxLabel {
    background: url(../images/buttons/sprite.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;
    border: 1px solid #ccc;
}




.filter_buttons {
    width: 293px;
    margin: 10px auto 0 3px;
}

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

.filter_button.apply,
.filter_button[type="submit"] {
    background-color: #892b1b;
    border: 1px solid #892b1b;
}

.filter_button.apply:hover,
.filter_button[type="submit"]:hover {
    background-color: #892b1b;
    border: 1px solid #892b1b;
    color: #979797;
}

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

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

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

/* Скрывать пункт только если ВНУТРИ него нет input.cb-visible (для поиска) */
.filter_block_row .col-12:not(:has(input.cb-visible)) {
    display: none;
}

.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;
}

#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/sprite.png) -569px -129px;
}

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

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

.master_card_block:nth-child(1),
.master_card_block:nth-child(2) {
    margin-top: 20px;
}

.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: 1px;
    left: 0;
    background: url(../images/master_logo_gradient.png) no-repeat bottom center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.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;
}

.master_card_runs {
    position: absolute;
    top: 90px;
    left: 22px;
}

.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: 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: 1;
    opacity: 0;
    pointer-events: none;
}

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


.master_card_name {
    position: absolute;
    color: #7b3bb6;
    font-size: 14px;
    top: 16px;
    left: 115px;
}

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

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

.master_card_rating {
    position: absolute;
    top: 15px;
    left: 245px;
    color: #fff;
    font-size: 14px;
}

.master_card_rating::before {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    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_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;
}

.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: 8px;
    padding: 0 7px;
    margin: 0 4px 0 0;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
}

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

.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;
}

.sprite {
    background: url(../images/buttons/sprite.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: 32px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.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: #c1ac82;
}

.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: 12px;
    line-height: 15px;
    text-align: justify;
    color: #d6d6d6;
    font-style: italic;
    font-weight: 300;
    top: 196px;
    left: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

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

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

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

}

.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 х 180 до 70Kb';
    position: absolute;
    width: 60px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    top: 60px;
    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, 0.5);
    border-radius: 8px;
}


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

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

.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: 62px;
    left: 419px;
}

.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;
}

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

.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;
    justify-content: center;/* ← центр внутри самого тега (текст + крестик) */
    height: 30px;           /* ← даёт общую высоту как у контейнера */
    line-height: normal;    /* важно! роляет центрирование */
}

.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 rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

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

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

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

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

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


.option.selected {
    background-color: #e0e0e0;
    /*    font-weight: bold; */
}


.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; */
    max-width: 35ch; /* ограничение в ~35 символов */
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;
}

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

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

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

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

.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;
}

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

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

.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 {
    padding-right: 10px;
}

.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: 35px;
}

.dop_info_exp {
    position: absolute;
    top: 300px;
    left: 223px;
    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_focus .tag-remove {
    display: none;
}

.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 {
    right: 46px;
    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;
}


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


.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: 301px;
}

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

}

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

.account_inn_icon_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: 184px;
    left: 87px;
    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 transparent;
}

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

.account_inn {
    position: absolute;
    width: 189px;
    top: 298px;
    left: 347px;
}

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

.not_gamer_checkbox {
    position: absolute;
    left: 12px;
    top: 414px;
}

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

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

.account_subscription {
    position: absolute;
    width: 325px;
    height: 30px;
    top: 504px;
    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: #7b3bb6;
}

.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: 615px;
    border-radius: 8px;
}

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

.registration_phone_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 560px;
    height: 141px;
    border-radius: 8px;
    background-color: rgba(0, 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 .politica_checkbox {
    position: absolute;
    top: 87px;
    left: 16px;
    display: block;
}

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



.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: rgba(0, 0, 0, 0.35);
}

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

.registration_password_bg {
    position: absolute;
    top: 161px;
    left: 0;
    width: 560px;
    height: 95px;
    border-radius: 8px;
    background-color: rgba(0, 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: 5;
}

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

.registration_right_side {
    position: absolute;
    left: 569px;
    top: 0;
    width: 569px;
    height: 615px;
}

.registration_right_side::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 559px;
    height: 615px;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    margin-left: 10px;

}

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

.registration_right_side .personal_info_city {
    top: 134px;
}

.registration_right_side .personal_info_city_sub {
    top: 173px;
}

.registration_right_side .personal_info_sex {
    top: 204px;
}

.registration_right_side .personal_info_bd_d {
    top: 204px;
}

.registration_right_side .personal_info_bd_m {
    top: 204px;
}

.registration_right_side .personal_info_bd_y {
    top: 204px;
}

.registration_right_side .dop_info_title {
    top: 216px;
}

.registration_right_side .dop_info_exp_sub {
    top: 252px;
}

.registration_right_side .dop_info_exp {
    top: 248px;
}

.registration_right_side .dop_info_focus_sub {
    top: 252px;
}

.registration_right_side .dop_info_focus {
    top: 248px;
}

.registration_right_side .dop_info_system {
    top: 287px;
}

.registration_right_side .personal_info_system_sub {
    top: 328px;
}

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


.registration_right_side .account_inn_icon {
    top: 361px;
    left: 198px;
}

.registration_right_side .account_inn_icon:hover+.account_inn_icon_hover {
    top: 243px;
    left: 104px;
}

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

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

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

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

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

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

}

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

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

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

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

.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 0;
}

.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 {
    content: '[BETA]';
    color: #c1ac82;
    font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -17px;
    right: -10px;
}


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

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

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

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

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

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

.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: rgba(0, 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;
    margin-top: 20px;
}

.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 {
    top: 0;
    position: absolute;
    height: calc(100%);
    /*    right: 14px;*/
    right: -23%;
    -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;
    object-position: center center;
}

.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;
    width: 32ch;                 /* или любая фиксированная ширина */
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;
    white-space: nowrap;     /* одна строка */
    overflow: hidden;
}

.lobby_link {
    position: relative;
    width: 386px;
    top: 25px;
    left: 729px;
    z-index: 2;
    overflow: visible;
    display: block;
}

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

.buffer_link:hover::after {
    background: url(../images/buttons/sprite.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: 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;
    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 {
    display: flex;
    align-items: center;
    position: relative;
    width: 714px;
    height: 62px;
    background: url(../images/buttons/sprite.png) 0 -188px;

}

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

.lobby_gamer_ico {
    position: absolute;
    width: 32px;
    top: 11px;
    height: 40px;
    background: url(../images/buttons/sprite.png) no-repeat -1023px -195px;
    left: 11px;
}

.lobby_gamers_lines .gamer .lobby_gamer_ico {
    background: url(../images/buttons/sprite.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;
    background: url(../images/buttons/sprite.png) no-repeat -1113px -194px;
    width: 32px;
    height: 40px;
}
.lobby_leader .lobby_gamer_ico::after {
    content: 'Мастер';
    position: absolute;
    top: -23px;
    left: 17px;
    transform: translateX(-50%);
    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;
}

.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: 16px;
    left: 46px;
    line-height: 31px;
    text-align: start;
    padding: 0 12px;
}

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

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

.add .lobby_gamer_name {
    top: 15px;
}

.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;
    align-items: center;
    gap: 6px;
}

.lobby_btn {
    background: none;
    border: 1px solid #92897a;
    box-shadow: none;
    color: #92897a;
    font-size: 14px;
    border-radius: 8px;
    height: 30px;
    display: flex;
    /* Добавлено */
    align-items: center;
    /* Центровка текста по вертикали */
    justify-content: center;
    /* Центровка по горизонтали */
    text-decoration: none;
    /* чтобы не было подчёркивания */
    padding: 1px 6px;
}

.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/sprite.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/sprite.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: 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;
}

.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/sprite.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: 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;
    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/sprite.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: 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;
}

.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;
    border: 0;
}

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

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

.lobby_gamer_line.add:hover .lobby_gamer_ico::before {
    background: url(../images/buttons/sprite.png) no-repeat -1068px -194px;
}


.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;
}

.butttons .green {
    color: #4da238;
    border-color: #4da238;
}

.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: 24px auto;
    width: 1140px;
    height: 954px;
    border-radius: 8px;
    background-color: rgba(0, 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 mx 4Mb png/jpeg';
    position: absolute;
    width: 70px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    top: 22px;
    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, 0.5);
    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%;
}

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

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

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

.create_valuta {
    position: absolute;
    width: 157px;
    top: 82px;
    left: 223px;
    color: #1c1920;
}

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

.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;
    color: #1c1920;
}

.create_start_d {
    position: absolute;
    width: 72px;
    top: 554px;
    left: 267px;
    color: #1c1920;
}

.create_start_m {
    position: absolute;
    width: 114px;
    top: 554px;
    left: 343px;
    color: #1c1920;
}

.create_start_y {
    position: absolute;
    width: 75px;
    top: 554px;
    left: 462px;
    color: #1c1920;
}

.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: 304px;
    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: 880px;
    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: #7b3bb6;
}

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

.reviews_filter {
    position: absolute;
    background-color: rgba(0, 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%;
    columns: 2;
    padding-top: 88px;
}

.reviews_item {
    position: relative;
    break-inside: avoid-column;
    /*    width: 558px; */
    height: auto;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    /*    margin-right: 0; */
}

.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: 7px;
    left: 486px;
    z-index: 5;
}


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

.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;     
}

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

}


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

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

.rating-container .stars.top-left {
    left: 0;
}

.bottom-rating-stars {
    top: 0px;
}

.rating-container .stars.bottom-rating-stars {
    top: 0;
}


.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: 5;
}

.reviews_item_btn .arrow {
    display: none;
}

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

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


.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: 29px;
}

.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/cursor.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;
}

.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, 0.65);
    padding: 15px 15px 15px 25px;
    border-radius: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
}

.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_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_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;
    text-transform: uppercase;
    margin-top: 10px;
}

.notice_green_btn {
    background-color: #3e6634;
    border-color: #3e6634;
    color: #fff;
}

.notice_btn:hover {
    border-color: #fff;
    color: #fff;
}

/**************** Мои Объявления *****************/


.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: 67px;
    background: rgb(28, 25, 32, 0.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_btn {
    position: absolute;
    width: 115px;
    background: none;
    border: 1px solid #fff;
    box-shadow: 0;
    color: #fff;
    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: 14px;
}

.adsds_btn_history {
    top: 17px;
    left: 140px;
    color: #fff;
    border-color: #fff;
    z-index: 10;
}

.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: 88px;
}

.adsds_block .adsds_item {
    position: relative;
    width: 217px;
    height: 255px;
    margin-bottom: 13px;
    background: rgb(28, 25, 32, 0.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;
    width: 200px;
    height: 140px;
    top: 9px;
    left: 9px;
}

.adsds_item_img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(17, 11, 24, 0.5);
    top: 0;
    left: 0;
    border-radius: 8px;
}

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

.adsds_item_checkbox {
    position: absolute;
    top: 14px;
    left: 18px;
    z-index: 5;
}

.adsds_item_logo {
    position: absolute;
    width: 100%;
    top: 45px;
    text-align: center;
}

.adsds_numbers_and_logo {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    top: 99px;
    width: 100%;
    color: #92897a;
}

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

.adsds_res_logo {
    width: 18px;
    height: 18px;
    background: url(../images/game_card_res_icon.png) no-repeat center center;
    background-size: cover;
    margin-top: -2px;
}

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

.adsds_res {
    font-size: 18px;
    color: #e76143;
}

.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: 53px;
}

.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;
}

.memo-value-indent {
    text-indent: 133px;
    -webkit-line-clamp: 3 !important;
    margin-top: -13px;
    margin-bottom: 10px;
}


.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: rgba(0, 0, 0, 0.9);
}

.modal-content {
    margin: auto;
    position: fixed;
    overflow: visible;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    width: fit-content;
    background: none;
    z-index: 2000;
}

/* Кнопка закрытия */
.modal-close {
    color: #848484;
    font-size: 60px;
    font-weight: 200;
    cursor: pointer;
    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 rgba(0, 0, 0, 0.2);
    z-index: 2;
    padding-bottom: 3px;
    text-shadow: none;
}

.game_card_madal_btn {
    right: calc(50% - 165px);
    top: calc(50% - 211px);
}

.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 rgba(255, 255, 255, 0.6);

}

.modal-content .game_card:hover::before {
    content: '';
    width: 209px;
    height: 312px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.pay_block {
    width: 590px;
    height: 622px;
    background: url(../images/modal_pay.png) no-repeat top center;
    border-radius: 12px;
}


.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;
}

.pay_mana_memo {
    position: absolute;
    top: 22px;
    right: 19px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}

.pay_offs_memo {
    position: absolute;
    color: #979797;
    font-size: 14px;
    top: 75px;
    left: 20px;
}

.pay_checkbox {
    position: absolute;
    left: 20px;
}

.pay_checkbox_res {
    top: 108px;
}

.pay_checkbox_res .checkbox-text {
    color: #fff;
}

.pay_checkbox_mana {
    top: 129px;
}

.pay_checkbox_mana .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::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_ukassa {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 189px;
    left: 20px;
}

.pay_ukassa span {
    color: #fff;
}

.pay_total {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 222px;
    left: 20px;
}

.pay_line {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 150px;
    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: 183px;
    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: 216px;
    left: 20px;
    width: 596px;
    height: 1px;
}

.pay_total 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_way {
    position: absolute;
    top: 256px;
    left: 20px;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
}

.pay_bank {
    position: absolute;
    width: 376px;
    height: 87px;
    background: rgb(28, 25, 32, 0.65);
    border-radius: 10px;
    left: 15px;
}

.pay_bank:hover {
    background: rgb(146, 137, 122, 0.65);
}

.pay_card {
    top: 297px;
}

.pay_sbp {
    top: 392px;
}

.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: 5px;
    right: 10px;
}

.pay_confirm {
    position: absolute;
    top: 502px;
    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: 558px;
    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;
}

.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;
}


.donate_block {
    width: 591px;
    height: 840px;
    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: 130px;
}

.donate_checkbox_res .checkbox-text {
    color: #fff;
}

.donate_checkbox_mana {
    top: 152px;
}

.donate_checkbox_mana .checkbox-text {
    color: #fff;
}

.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_subtotal {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 190px;
    left: 26px;
}

.donate_subtotal span {
    color: #fff;
}

.donate_ukassa {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 223px;
    left: 26px;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.donate_ukassa span {
    color: #fff;
}

.donate_lack {
    position: absolute;
    font-size: 14px;
    color: #979797;
    top: 256px;
    left: 26px;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.donate_line,
.donate_line2,
.donate_line3,
.donate_line4 {
    position: absolute;
    background: url(../images/pay_header_line.png);
    background-repeat: no-repeat;
    background-position-x: -310px;
    top: 184px;
    left: 26px;
    width: 596px;
    height: 1px;

}

.donate_line2 {
    top: 217px;
}

.donate_line3 {
    top: 250px;
}

.donate_line4 {
    top: 283px;
}

.donate_lack span {
    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__icon.png);
    background-size: cover;
}

.donate_subtotal 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: 454px;
    left: 26px;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
}

.donate_card {
    top: 495px;
    left: 21px;
}

.donate_sbp {
    top: 591px;
    left: 21px;
}

.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: 6px;
    right: 10px;
}

.donate_confirm {
    position: absolute;
    top: 697px;
    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: 776px;
    left: 26px;
    width: 209px;
    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: 304px;
    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;
}

.balance_hide {
    display: none;
}

.donate_confirm_btn.btn-gray {
    background: #49454d;
    border: 1px solid #49454d;
}

.modal-invite {
    width: 583px;
    background: url(../images/lobbyInviteModalBackground.png) no-repeat top center;
    border-radius: 10px;
    padding: 12px 0 12px 12px;
}

.invite_block {
    width: 563px;
    max-height: 558px;
    min-height: 558px;
    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: rgba(73, 69, 77, 1);
}

.invite_block::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    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;
    width: 559px;
    height: 395px;
    background: rgb(28, 25, 32, 0.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_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;
}


.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;
}

.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;
}

.support_file_upload .error-message {
    position: absolute;
    top: 31px;
    left: 227px;
    color: #d82121;
    font-size: 12px;
    width: 303px;
    text-align: center;
}

.error-message {
    position: absolute;
    top: 30px;
    color: #d82121;
    font-size: 10px;
    width: 303px;
    text-align: center;
}

.support_checkbox {
    position: absolute;
    top: 218px;
    left: 25px;
}

.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-y: scroll;
    overflow-x: hidden;
    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;
}

.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: rgba(73, 69, 77, 1);
}

.support_modal_block::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    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;
    background: #342f3a;
    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-x: hidden;
    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: rgba(73, 69, 77, 1);
}

.modal_borders_block::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    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: #ffffff;
    color: #ffffff;
}

.modal-border_item .select-button:hover {
    background-color: #3e6634 !important;
    border-color: #3e6634 !important;
}

.modal-border_item .selected-label {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #4da238;
    font-size: 14px;
    display: block ;
    text-align: center;
}

.shop_icon_purchased.hidden {
    display: none;
}

.shop_icon_purchased.visible {
    display: block;
}

.modal-border_item .shop-button {
    border-color: #979797;
    color: #979797;
}

.modal-border_item .shop-button:hover {
    background-color: #8f2b19;
    border-color: #8f2b19;
    color: #ffffff;
}

.modal-border_item.selected .selected-label {
    display: block;
}

.modal_mana_block {
    width: 555px;
    height: 576px;
    background: url(../images/highlight_mana_modal.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: 313px;
    background: url(../images/modal_enter.png) no-repeat top center;
}

.modal_enter_logo {
    position: absolute;
    width: 202px;
    height: 48px;
    background: url(../images/modal_logo.png);
    top: 44px;
    left: 50px;
    background-repeat: no-repeat;
    background-size: cover;
}

.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: 120px;
    left: 43px;
}

.modal_enter_block .password-block {
    position: absolute;
    top: 159px;
    left: 43px;
    width: 216px;
}

.modal_enter_forgot_password {
    position: absolute;
    font-size: 12px;
    top: 198px;
    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: 222px;
    left: 43px;
    width: 216px;
}

.modal_enter_create_acc {
    position: absolute;
    top: 260px;
    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;
}

.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;
}

.modal-resurce {
    width: 634px;
    height: 320px;
    background: url(../images/modal_resurce.png) no-repeat top center;
}

.mobile_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 12px;
}

.modal_master_rating {
    position: absolute;
    width: 100%;
    top: 284px;
    left: -180px;
}

.modal_master_btn {
    position: absolute;
    width: 140px;
    top: 302px;
    left: 436px;
}

.slider-container {
    width: 565px;
    position: relative;
    overflow: hidden;
    top: 62px;
    height: 200px;
}

.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: 10px;
    position: absolute;
    top: 171px;
    width: 100%;
}

.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: 13.25px;
    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, 0.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: #ffffff;
    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;
}

.shop_icon_block {
    width: 563px;
    margin-bottom: 16px;
    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;
}

.shop_icon_icon {
    position: absolute;
    top: 33px;
    left: 115px;
}

.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;
}

.shop_icon_buttons {
    position: absolute;
    width: 132px;
    height: 77px;
    top: 29px;
    left: 394px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}


.shop_icon_btn {
    position: relative;
    width: 130px;
    margin: auto;
}

.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;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #4da238;
    font-size: 14px;
    display: block;
    text-align: center;
}

.history_game_card_free {
    color: #92897a;
    text-transform: uppercase;
}

.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: 13px;
    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;
}

.shop_border_title p:first-child {
    position: absolute;
    font-size: 18px;
    color: #bebebe;
    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: 49px;
}


.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: 251px;
    left: 11px;
    width: 194px;
    z-index: 3;
}

.shop_border_block .row-custom {
    --gap: 13.25px;
    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: 246px;
    left: 87px;
}

.shop_border .shop_icon_purchased img {
    width: 43px;
    height: 42px;
}


.history_btns {
    position: relative;
    ;
    width: 100%;
    height: 51px;
}

.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;
}

.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: rgba(0, 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;
}


/* Стили для скроллбара */
.table-scroll-container::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(73, 69, 77, 1);
    margin: 10px 0;

}

.table-scroll-container::-webkit-scrollbar-track {
    background: transparent;
}

.table-scroll-container::-webkit-scrollbar-thumb {
    background-color: rgba(28, 25, 32, 1);
    border-radius: 3px;
}

.out {
    position: relative;
    width: 100%;
}

.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: 224px;
    top: 40px;
}

.out_summ_btn {
    position: absolute;
    width: 141px;
    left: 234px;
    top: 40px;
}

.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: 14px;
}

.out_memo span {
    color: #fff;
}

.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: rgba(0, 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 {
    background: #979797;
    color: #40434e;
    cursor: default;
    pointer-events: none;
}

.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;
}

.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: 10px 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.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 .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;

}

.simplebar-scrollable-y::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: rgba(151, 151, 151, 1);
    margin-right: 4px;
}

.simplebar-scrollable-y::-webkit-scrollbar-thumb {
    background-color: rgba(52, 47, 58, 1);
    border-radius: 3px;
}

.simplebar-scrollable-y::-webkit-scrollbar-track {
    background-color: rgba(151, 151, 151, 1);

}

.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-cancel-btn.lobby_gamers_disband_btn {
  background: none;
}

.modal-default-cancel-btn.lobby_gamers_disband_btn:hover {
  background: none; 
}

.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_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: 1px;
    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: 6px;
    margin-right: 13px;
    width: 206px;
    height: 30px;
    border: 1px solid rgba(208, 176, 151, 0.28);
    border-radius: 8px;
    padding: 0 11px 0 9px;
}

.ticker-container {
    width: 186px;
    height: 30px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-top: -2px;
}

.ticker-text {
    font-size: 14px;
    white-space: nowrap;
    position: absolute;
    animation: ticker 8s linear infinite;
    color: #d0b097;
    opacity: 0.55;
}

@keyframes ticker {
    0% {
        transform: translateX(60%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.board_bug_container {
    width: 100%;
    height: calc(100vh - 299px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.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 0px;

}

@media (max-width: 601px) {
  .contacts {
    padding-left: 17px;
  }
    .modal-close {
        transform: translate(0%, -120%);
    }
}

.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;
}

.readonly-value {
    color: #1c1920;
    font-weight: 600;
}

.game_card_block {
    display: block !important;
}
.field-error {
    outline: 2px solid red !important;
    border-radius: 8px !important;
}

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


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

}

/* 1) По умолчанию скрываем крестик удаления у всех селектов */
.select-container .selected-tags .tag-remove {
    display: none;
}



/* На всякий случай: скрыть крестик у статуса "Открыта/Закрыта" */
.create_open .selected-tags .tag-remove { display: none; }

body .modal-content.modal-borders {
  min-height: 535px;
}
.fs-12 {
    font-size: 12px !important;
}

/* Стили для элемента ошибки в модальном окне "Забыли пароль?" */
.forgot-error {
    position: absolute;
    top: 180px;
    left: 42px;
    width: 216px;
    color: #d82121;
    font-size: 10px;
    text-align: center;
    border-radius: 4px;
    padding: 8px;
    z-index: 10;
}

/* Стили для ошибок валидации в модальных окнах */
#loginError {
    position: absolute;
    color: #d82121;
    font-size: 10px;
    text-align: center;
    margin: 10px 0;
    text-transform: lowercase;
    top: 93px;
    left: 50px;
}

/* Стили для ошибки в модальном окне смены пароля */
.change-password-error {
    color: #d82121;
    font-size: 10px;
    text-align: center;
    margin: 10px 0 20px 0;
    text-transform: lowercase;
}

/* Стили для подсветки ошибок валидации */
.field-error {
    outline: 2px solid red !important;
    border-radius: 8px !important;
}


.lobby_link {
  display: inline-flex;         /* чтобы ширина была фиксированной */
  align-items: center;
  width: 420px;                 /* нужная ширина рамки */
  padding: 8px 12px;
  border: 1px solid #fff;
  border-radius: 8px;
  box-sizing: border-box;
  background: transparent;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;          /* не переносим текст */
  overflow: hidden;             /* обрезаем лишнее */
}

/* Текст внутри — именно он сокращается троеточием */
.lobby_link_text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  max-width: 100%;
}

.data_tooltip_time_comment{
    color: #538946;
    font-weight: 500;
}

/* 1) общее для обеих ссылок */
.buffer_link {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    color: #1c1b1f;
    border-radius: 8px;
    padding: 6px 36px 6px 10px;
    font-size: 14px;
    overflow: hidden;
    box-sizing: border-box;
    cursor: url(../images/cursors/3.png) 2 2, auto;
}

/* 2) размеры — раздельно для страниц */
.create_link.buffer_link { max-width: 417px; }  /* create/edit */
.lobby_link.buffer_link  { max-width: 386px; }  /* lobby */

/* Текст с троеточием */
.lobby_link.buffer_link .link-text,
.create_link.buffer_link .link-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  flex: 1;
  min-width: 0;
}

.create_system .main-input[contenteditable],
.create_setting .main-input[contenteditable],
.create_genre .main-input[contenteditable] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

.tooltip_block {
    position: fixed;
    display: none;
    background: url(../images/buttons/sprite.png) -554px -252px;
    color: #d6d6d6;
    font-size: 12px;
    line-height: 15px;
    z-index: 1500;
    text-transform: none;
    text-align: left;
    font-weight: 300;
    pointer-events: none;

    /* Адаптив */
    max-width: 239px;
    width: auto;
    min-width: auto;
    height: auto;
    padding: 10px 12px;
    border-radius: 8px;

}

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

/*
.lobby_img img { width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
*/

.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;
}


.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: 33px;
    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;
    background: #08020a;
}
.lobby_gamer_ico_option:hover {
    border-color: #605967;
}


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

.lobby_main_board_container {
    width: 1140px;
    margin: 0 auto;
}

.main_board_container .row {
    margin: 0;
}


@media (max-width: 601px) {
    .main_board_container {
        width: 576px;
        margin-left: 0;
        margin-top: -45px;
    }

    .lobby_main_board_container {
        width: 576px;
        margin-left: 0;
        margin-top: 25px;
    }

    .create_main_board_container {
        width: 576px;
        margin-left: 0;
        margin-top: 0px;
    }

    .history_games_main_board_container {
        width: auto;
    }

    .main_board_container.contact-page      { margin-top: 0px !important; }

    body {
        background-position: -320px 22px;
    }
    .modal-close {
        transform: translate(0%, -120%);
    }

    .lobby_title {
        width: 24ch;
    }


    #all-cont,
    .container {
        width: 600px;
        min-width: 600px;
        margin-left: 0px;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .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: 34px;
        left: auto;
        right: -8px;
    }

    .filter {
        height: calc(var(--vh) * 100);
    }

    .offcanvas-backdrop.show {
        width: 600px;
        height: calc(var(--vh) * 100);
    }

    .internal_menu {
        display: none;
    }

    /*
    .lobby {
        background: url(../images/lobby-m-b.png) no-repeat top center;
    }
*/
    .lobby_specifications {
        width: 550px;
    }

    .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: 10px;
        left: 510px;
    }

    .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/sprite.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;
        color: black;
        overflow: visible;
       /* display: block;*/
    }

    .lobby_link_sub {
        left: 198px;
        position: absolute;
        top: auto;
        bottom: 16px;
    }

    .lobby_link.buffer_link {
        width: 397px;
        left: 167px;
        bottom: 41px;
        z-index: 2;
        position: absolute;
        top: auto;
        color: black;
        overflow: visible;
    }

    .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_memo_mobile_mana {
        height: 293px;
    }

    /* Модалка лобби бесплатная */
    .lobby_memo_mobile_free {
        height: 281px;
    }

    #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;
    }


    .player_lobby_memo_mobile_mana  { height: 193px !important; }
    .player_lobby_memo_mobile_free  { height: 177px !important; }


    .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: 1140px;
    }

    .account_right_side {
        left: 11px;
        top: 533px;
    }

    .adsds_mobil_btn_block {
        position: absolute;
        top: -7px;
        left: 9px;
        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: 143px;
    }

    .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;
    }

    .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: 0px;
    }

    .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: -8px;
    }

    .out {
        height: 790px;
    }

    .out .donate_card {
        left: 100px;
    }

    .out .donate_umoney {
        left: 100px;
    }

    .out_available {
        left: 100px;
        top: 194px;
    }

    .out_summ {
        left: 100px;
        top: 289px;
    }

    .out_memo {
        left: 100px;
        top: 384px;
        width: 376px;
    }

    .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: 995px;
    }

    .registration_left_side {
        left: 10px;
    }

    .registration_right_side {
        left: 0px;
        top: 363px;
    }

    .history_table {
        width: 567px;
        overflow: scroll;
    }

    .tables-wrapper {
        width: 1105px;
    }

    .shop_mobil_menu_block {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        margin-left: -5px;
    }

    .shop_mobil_menu_item {
        width: 132px;
        height: 42px;
        border: 1px solid #1c1920;
        background: #1c1920;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        border-radius: 8px;
        margin-left: 12px;
    }

    .shop_mobil_menu_item.active {
        border-color: #fff;
    }

    .reviews_filter {
        top: 55px;
        left: 9px;
    }

    .main_baord_cards {
        padding: 0 0 0 21px;
    }

    .main_board_top_elem {
        padding: 0 17px 0 13px;
    }


    .reviews_new .reviews_filter {
        top: 0;
    }

    .reviews_rating_digital {
        top: 0px;
        left: 203px;
    }

    .reviews_new .reviews_rating_digital {
        top: 0;
    }

    .reviews_rating_stars {
        top: 23px;
        left: 271px;
    }

    .reviews_new .reviews_rating_stars {
        top: 20px;
    }

    .reviews_master_name {
        right: 5px;
    }

    .reviews_blocks {
        padding-top: 143px;
        columns: 1;
        margin-left: 9px;
    }

    .reviews_new .reviews_blocks {
        padding-top: 88px;
    }

    .reviews_item {
        width: 562px;
    }

    .shop_border_block {
        width: 446px;
        margin: 0 auto;
        margin-left: 67px;
    }

    .shop_icon_block {
        width: 566px;
        margin-left: 9px;
        margin-bottom: 10px;
    }

    .subscribe_block {
        width: 325px;
        left: 61px;
    }

    .support_block {
        height: 819px;
    }

    .support_block_left {
        left: 10px;
    }

    .support_block_right {
        left: 10px;
        top: 405px;
    }

    .adventure-timer {
        display: none;
    }
}

/* 2) Исключения — показываем там, где он нужен */
.create_system  .selected-tags .tag-remove,
.create_setting .selected-tags .tag-remove,
.create_genre   .selected-tags .tag-remove,
.create_city    .selected-tags .tag-remove {
    display: inline-block !important; /* при необходимости можно добавить !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;
}

.no-reviews-wrapper {
    color: #979797;
    font-size: 18px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: 348px;
}

.reviews_master_rating_text {
    text-align: center;
    margin-top: 10px;       /* расстояние между звёздами и текстом */
    color: #fff;
    font-size: 14px;
}

.reviews_player_rating_text {
    text-align: center;
    margin-top: 10px;       /* расстояние между звёздами и текстом */
    color: #fff;
    font-size: 14px;
}

.no-reviews-text{

}

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

.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_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;
}

.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: 8px;
    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}

.sprite {
    background: url(../images/buttons/sprite.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: 32px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.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_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: #c1ac82;
}

.mycheckbox:hover + label {
  color: #fff;
}

.mycheckbox:checked + label {
  color: #fff;
}

.reviews_wrap {
    /*background-color: rgba(0, 0, 0, 0.35);*/
    height: max-content;
    border-radius: 10px;
    padding-bottom: 0.1px;
}

/* Нежный градиент под карточкой отзыва в модалке */
.player-modal .slider-container .reviews_item {
    background-color: rgba(0,0,0,.35);
}

.master-modal .slider-container .reviews_item {
    background-color: rgba(0,0,0,.35);
}

/* Master Lobby: свой фон для всех модалок на странице */
.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;
}
.attention {
    color: #e76143;
}

.no-games-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; /* Можно регулировать отступ */
}

#game-preview-container {
    transform: none;
    margin-top: -187px;
    margin-left: -136px;
    perspective: 1000px;
}

.rating-click-area {
    position: absolute;
    width: 30px;
    height: 16px;
    top: 2px;
    left: -22px;
    background: transparent;
    z-index: 200;   /* выше before/after */
    pointer-events: auto;  /* ловим клики */
}
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;
}
#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;
}
#game-limit-detected .modal_default_text {
    text-align: left;
}
#game-limit-detected .modal-default-confirm-btn {
    left: 214px;
}
/* Только модалка "Отказаться от игры" у игрока */
#modal-player-cancel-participant .modal-content.modal-default {
    background: url(../images/modal_default.png) no-repeat top center !important;
}
#send-complaint-modal .modal-content.modal-default {
    background: url(../images/modal_default.png) no-repeat top center !important;
}
#send-complaint-modal .modal_default_text {
    margin-top: 12px;
}

#modal-cancel-game .modal-content.modal-default {
    background: url(../images/modal_default.png) no-repeat top center !important;
}

#ban-player-modal .modal-content.modal-default {
    background: url(../images/modal_default.png) no-repeat top center !important;
}

#ban-player-modal .modal_default_text {
    margin-top: 12px;
}

#banned-player-modal .modal_default_text {
    margin-top: 12px;
    text-align: left;
}
#banned-player-modal .modal-default-cancel-btn {
    left: 214px;
}
#not-enough-mana-for-highlight .modal-default-cancel-btn {
    left: 214px;
}
#not-enough-mana-for-highlight .modal_default_text {
    margin-top: 24px;

}
#not-playet-modal .modal_default_text {
    margin-top: 24px;
}

.confirm-mana-model {
    color: #6ebff5;
}
#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;
}
#confirmed-game-join-modal .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}
#confirmed-game-join-modal .modal_default_text {
    margin-top: 12px;
}

#rewardMessage {
    width: 313px;
}
#payment-modal-container {
    width: 590px;
    height: 622px;
}
/* Счётчик символов только в поле "Город" */
#selectCitySection .input-wrapper .char-counter {
    margin-top: 0 !important;
}
/* Кнопка "Забанить игрока" — над "Отменить игру" */
.game_card_back .ban-user-btn {
    top: 283px;   /* чуть выше, чтобы не перекрывалось */
    left: 141px;  /* та же колонка, что и "Отменить игру" */
}

.game_card_back .approve-report-btn {
    top: 283px;   /* чуть выше, чтобы не перекрывалось */
    left: 141px;  /* та же колонка, что и "Отменить игру" */
}

#lobby-create-modal .modal-default {
    background: url(../images/yellow_modal_back.png) no-repeat top center;
}

#lobby-create-modal .modal_default_text {
    margin-top: 12px;
    text-align: center;
}

#lobby-create-modal .modal-default-cancel-btn {
    left: 214px;  /* та же колонка, что и "Отменить игру" */
}