* {
    box-sizing: border-box;
}
img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}
html {
    min-width: auto;
    width: auto;
    height: 100%;
    margin: auto;
    overflow-x: auto;
}
html ::-webkit-scrollbar-button {
    width: 5px;
    height: 0;
}
html ::-webkit-scrollbar-track {
    background-color: #201f31;
}
html ::-webkit-scrollbar-thumb {
    background-color: #8388e1;
}
html ::-webkit-scrollbar {
    width: 5px;
}
body {
    /*max-width: 1915px;*/
    min-width: 1010px;
    width: 100%;
    min-height: initial;
    margin: 0 auto;
    padding: 0;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px;
    color: #fff;
    background-color: #010310;
    height: 100%;
}
#app {
	display: flex;
    flex-direction: column;
    height: 100%;
	width: 100%;
}
.main-header {
	flex: 0 0 auto;
}
footer {
	flex: 0 0 auto;
}
.centerblock {
	flex: 1 0 auto;
}
a {
	color: #fff;
}
h1.title_white {
    color: #fff;
}
h1.title_white b {
    color: #FFBA00;
}
h1 {
    font-size: 60px;
    font-family: 'AksentNormal', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #FFBA00;
    padding: 0 25px;
    margin: 60px 0;
    position: relative;
	overflow: hidden;
}
h1 b {
    color: #0dddf2;
}
h1 span {
    letter-spacing: 0.8em;
    text-align: center;
}
h1 span {
    display: block;
    position: absolute;
    top: 22px;
    background: url("../img/title_point-1.png") no-repeat center;
    width: 30px;
    height: 30px;
}
h1 span:first-child {
    left: calc(50% - 575px);
}
h1 span:last-child {
    right: calc(50% - 575px);
}
h1:before,
h1:after {
    content: '';
    position: absolute;
    display: block;
    top: 36px;
    width: 380px;
    height: 2px;
}
h1:before {
    left: calc(50% - 955px);
    background: linear-gradient(90deg, transparent, #0ddaef);
}
h1:after {
    right: calc(50% - 955px);
    background: linear-gradient(270deg, transparent, #0ddaef);
}
h1 .content {
	max-width: 1000px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
}
h2 {
    font-size: 60px;
    font-family: 'AksentNormal', sans-serif;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    margin: 50px 0;
	overflow: hidden;
}
h2 b {
    color: #ffea00;
}
h2 span {
    display: block;
    position: absolute;
    top: 22px;
    background: url("../img/title_point-1.png") no-repeat center;
    width: 30px;
    height: 30px;
}
h2 span:first-child {
    left: calc(50% - 575px);
}
h2 span:last-child {
    right: calc(50% - 575px);
}
h2:before,
h2:after {
    content: '';
    position: absolute;
    display: block;
    top: 36px;
    width: 380px;
    height: 2px;
}
h2:before {
    left: calc(50% - 955px);
    background: linear-gradient(90deg, transparent, #0ddaef);
}
h2:after {
    right: calc(50% - 955px);
    background: linear-gradient(270deg, transparent, #0ddaef);
}
h3 {
    font-size: 36px;
    font-family: 'Evolventa-Bold', sans-serif;
    color: #FFBA00;
    text-transform: uppercase;
    text-align: center;
}
.container {
    display: block;
    width: 1590px;
    padding: 10px;
    margin: 0 auto;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.payments-refillblock.open {
    display: flex !important;
    z-index: 999;
}
.payments-refillblock.animate {
    opacity: 1;
}
.payments-refillblock {
    opacity: 0;
    text-align: center;
    width: 600px;
    height: 490px;
    display: none;
    flex-direction: column;
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 50%;
    transform: translate(-50%, 20%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.payments-refillblock .payments-block {
    padding: 0 25px;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 700;
    color: #222;
    margin: 25px 0 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.payments-refillblock .payments-block .inner-refill {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
    flex: none;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__tabs {
    border-bottom: 1px solid #ccc;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__tab-item {
    position: relative;
    padding: 11px 0;
    margin: 0 auto;
    width: 50%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
    color: #1aa0f6;
    pointer-events: none;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__tab-item:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1fa2f7;
    transition: 0.2s ease;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__form {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    width: 300px;
    height: 100%;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__form .inner-refill__input {
    display: flex;
    position: relative;
    width: 100%;
    margin-bottom: 12px;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__form .inner-refill__input .pb-input {
    position: absolute;
    top: -23px;
    left: 0;
    text-align: center;
    width: 100%;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__form .inner-refill__input .pb-input .pb-inputdescr {
    display: block;
    font-family: PT Sans Narrow, Segoe UI, Tahoma, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #aaa;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__form .inner-refill__input input {
    width: 100%;
    padding: 13px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.2s ease;
    text-align: center;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__form .payments-form .button {
    width: 100%;
    padding: 15px 40px;
    line-height: 24px;
    white-space: nowrap;
    text-transform: uppercase;
    display: inline-block;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(90deg, #109cf6 0, #098ee4);
    transition: 0.2s ease;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__form .payments-form .button:hover {
    box-shadow: 0 0 15px 0 #109cf6;
}
.payments-refillblock .payments-block .inner-refill .inner-refill__form .inner-refill__g2a-actions {
    width: 100%;
    display: none;
}
.payments-refillblock .payments-footer {
    display: block;
    padding: 10px 20px;
    color: #666;
}
.payments-refillblock .payments-footer .payments-link {
    color: #098de4;
    text-decoration: none;
    cursor: pointer;
}
.payments-refillblock .payments-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 2px 0;
    flex: none;
    background-color: #f1f1f1;
}
.payments-refillblock .payments-logos .pay_item {
    width: 90px;
    height: 50px;
    margin: 0 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.payments-refillblock .payments-logos .pay_item-qiwi {
    background-image: url("../img/pay/Qiwi_logo.svg");
    background-size: contain;
}
.payments-refillblock .payments-logos .pay_item-mastercard {
    background-image: url("../img/pay/Mastercard-logo.svg");
    background-size: contain;
}
.payments-refillblock .payments-logos .pay_item-visa {
    background-image: url("../img/pay/Visa_logo.svg");
    background-size: contain;
}
.payments-refillblock .payments-logos .pay_item-webmoney {
    background-image: url("../img/pay/Webmoney_logo.svg");
    background-size: contain;
}
.payments-refillblock .payments-logos .pay_item-yandex {
    background-image: url("../img/pay/Yandex_logo.svg");
    background-size: contain;
}
header {
    background: url("../img/header_bg.png") !important;
    position: relative;
    border-top: 1px #442993 solid;
}
header .header_block {
    max-width: 1700px;
    width: 100%;
    margin: auto;
    align-items: center;
}
header .header_block:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../img/header_lines.png") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 14px;
}
header .header_block .header__logo {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/header_logo.png") no-repeat top;
    background-size: contain;
    width: 29%;
    height: 167px;
    z-index: 1;
}
header .header_block .header__menu {
    width: 79%;
}
header .header_block .header__menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 20px;
}
header .header_block .header__menu ul li {
    min-width: 100px;
    width: 24.7%;
    position: relative;
    padding-bottom: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 99;
}
header .header_block .header__menu ul li a {
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    padding: 10px 40px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header .header_block .header__menu ul li a:before {
    opacity: 0;
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0;
    background: rgba(114, 77, 222, 0.4);
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header .header_block .header__menu ul li a:after {
    opacity: 0;
    position: absolute;
    content: '';
    bottom: -7px;
    left: 0;
    background: rgba(77, 198, 255, 0.4);
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header .header_block .header__menu ul li span {
    opacity: 0;
    position: absolute;
    content: '';
    bottom: 2px;
    left: 0;
    background: #4e2040;
    width: 100%;
    height: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header .header_block .header__menu ul li span:first-child {
    bottom: 3px;
    background: rgba(231, 66, 52, 0.4);
    height: 1px;
}
header .header_block .header__menu ul li span:last-child {
    bottom: 0;
    height: 2px;
    background: rgba(255, 106, 7, 0.4);
}
header .header_block .header__menu ul li:hover a {
    opacity: 1;
    position: relative;
    color: #FFBA00;
    background: rgba(26, 20, 65, 0.3);
    background: -moz-linear-gradient(top, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26, 20, 65, 0.3)), color-stop(100%, rgba(43, 34, 107, 0.4)));
    background: -webkit-linear-gradient(top, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    background: -o-linear-gradient(top, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    background: -ms-linear-gradient(top, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1441', endColorstr='#2b226b', GradientType=0);
}
header .header_block .header__menu ul li:hover a:before,
header .header_block .header__menu ul li:hover a:after {
    opacity: 1;
}
header .header_block .header__menu ul li:hover span {
    opacity: 1;
}
header .header_block .header__menu ul li a.active {
    position: relative;
    color: #FFBA00;
    background: rgba(26, 20, 65, 0.3);
    background: -moz-linear-gradient(top, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26, 20, 65, 0.3)), color-stop(100%, rgba(43, 34, 107, 0.4)));
    background: -webkit-linear-gradient(top, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    background: -o-linear-gradient(top, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    background: -ms-linear-gradient(top, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(26, 20, 65, 0.3) 0%, rgba(43, 34, 107, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1441', endColorstr='#2b226b', GradientType=0);
}
header .header_block .header__menu ul li a.active:before {
    opacity: 1;
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0;
    background: rgba(114, 77, 222, 0.4);
    width: 100%;
    height: 2px;
}
header .header_block .header__menu ul li a.active:after {
    opacity: 1;
    position: absolute;
    content: '';
    bottom: -7px;
    left: 0;
    background: rgba(77, 198, 255, 0.4);
    width: 100%;
    height: 2px;
}
header .header_block .header__menu ul li.active span {
    opacity: 1;
    position: absolute;
    content: '';
    bottom: 2px;
    left: 0;
    background: #4e2040;
    width: 100%;
    height: 1px;
}
header .header_block .header__menu ul li a.active span:first-child {
    bottom: 3px;
    background: rgba(231, 66, 52, 0.4);
    height: 1px;
}
header .header_block .header__menu ul li a.active span:last-child {
    bottom: 0;
    height: 2px;
    background: rgba(255, 106, 7, 0.4);
}
header .header_block .header__menu .list_left {
    width: 45.1%;
}
header .header_block .header__menu .list_right {
    max-width: 260px;
}
header .header_block .steam_log-in {
    position: relative;
    max-width: 280px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    padding-left: 105px;
}
header .header_block .steam_log-in:before {
    position: absolute;
    content: '';
    left: -10px;
    top: -12px;
    background: url("../img/steam_icon.png") no-repeat center;
    width: 110px;
    height: 85px;
}
header .header_block .steam_log-in span {
    display: block;
    width: 100%;
    color: #FFBA00;
}
header .header_block .log_in {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
}
header .header_block .log_in .user_avatar {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    position: relative;
}
header .header_block .log_in .user_name {
	cursor: pointer;
	max-width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
header .header_block .log_in .user_avatar .log_out {
    position: absolute;
    top: 0;
    right: 0;
    background: #FFBA00;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header .header_block .log_in .user_avatar .log_out:hover {
    transform: scale(1.1);
}
header .header_block .log_in .user_avatar .log_out span {
    position: absolute;
    display: block;
    background: #000;
    width: 10px;
    height: 2px;
    border-radius: 1px;
}
header .header_block .log_in .user_avatar .log_out span:first-child {
    transform: rotate(45deg);
}
header .header_block .log_in .user_avatar .log_out span:last-child {
    transform: rotate(310deg);
}
header .header_block .log_in .user_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #FFBA00;
}
header .header_block .log_in .user_information .user_cash {
    display: inline-block;
    padding: 5px 10px;
    font-size: 18px;
    color: #000;
    background: #FFBA00;
    border-radius: 10px;
	cursor: pointer;
}
header .header_block .log_in .user_information .user_cash:after {
    content: '';
    display: inline-block;
    mask: url("../img/rubles_icon-yellow.png") no-repeat;
    -webkit-mask: url("../img/rubles_icon-yellow.png") no-repeat;
    background: #000;
    -webkit-mask-size: contain;
    margin-left: 5px;
    width: 9px;
    height: 12px;
}
header .header_block .header_contacts {
    width: 20%;
    min-height: 100px;
    padding: 15px 0;
    margin-left: auto;
    margin-right: 10px;
    align-items: center;
    position: relative;
    z-index: 9;
}
header .header_block .header_contacts .link_vk {
    display: block;
    background: url("../img/vk_icon.png") no-repeat center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header .header_block .header_contacts .link_vk:hover {
    -webkit-box-shadow: 0px 0px 15px 0px #0e84ce;
    -moz-box-shadow: 0px 0px 15px 0px #0e84ce;
    box-shadow: 0px 0px 15px 0px #0e84ce;
}
.header_roulette {
    flex-wrap: nowrap;
    position: relative;
	overflow: hidden;
    padding-bottom: 200px;
    margin-bottom: -200px;
	justify-content: flex-start;
}
.header_roulette .title_block {
    min-width: 220px;
    height: 110px;
    background: url("../img/live_drop.png") no-repeat center;
    background-size: contain;
    text-align: center;
}
.header_roulette .title_block .title {
    background: url("../img/title-block.png") no-repeat center;
    width: 146px;
    height: 30px;
    padding: 5px;
    margin: 10px auto 0 auto;
}
.header_roulette .title_block .bot_trades,
.header_roulette .title_block .top_lucky {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 5px 5px 35px;
    margin: 0 auto 5px auto;
    position: relative;
}
.header_roulette .title_block .bot_trades:after,
.header_roulette .title_block .top_lucky:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
}
.header_roulette .title_block .bot_trades {
    max-width: 150px;
}
.header_roulette .title_block .bot_trades:after {
    background: url("../img/top-icon.png") no-repeat center;
}
.header_roulette .title_block .top_lucky {
    max-width: 165px;
}
.header_roulette .title_block .top_lucky:after {
    background: url("../img/bot_treds-icon.png") no-repeat center;
}
.header_roulette .chic_drop {
    min-width: 300px;
    height: 110px;
    padding: 10px;
    font-size: 12px;
    align-items: center;
    position: relative;
	text-decoration: none;
}
.header_roulette .chic_drop:hover .dropped {
    transform: translateY(0);
    z-index: 1;
    opacity: 1;
}
.header_roulette .chic_drop .chic_drop_description {
	max-width: 150px;
}
.header_roulette .chic_drop .chic_drop_description .chic_drop__title {
    margin-bottom: 40px;
}
.header_roulette .chic_drop .chic_drop_description .gun_name {
    font-family: 'Roboto-Bold', sans-serif;
}
.header_roulette .chic_drop .gun_img {
    display: flex;
    align-items: center;
    width: 86px;
    height: 86px;
    border: 1px solid #ffeea1;
    border-radius: 50%;
    background: #9c8417;
    margin-right: 20px;
    margin-bottom: 5px;
    -webkit-box-shadow: inset 0px 0px 9px 0px #ffd200;
    -moz-box-shadow: inset 0px 0px 9px 0px #ffd200;
    box-shadow: inset 0px 0px 9px 0px #ffd200;
}
.header_roulette .chic_drop .gun_img img {
    width: 100%;
    height: auto;
    transform: scale(1.3);
}
.header_roulette .chic_drop .dropped {
    opacity: 0;
    position: absolute;
    top: 110px;
    left: 0;
    width: 150px;
    height: 150px;
    padding: 1px;
    transform: translateY(-20%);
    background: #ffe46c;
    background: -moz-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #ffe46c), color-stop(47%, #9c8417), color-stop(100%, #ffdd53));
    background: -webkit-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -o-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -ms-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe46c', endColorstr='#ffdd53', GradientType=1);
    -webkit-transition: linear all 0.3s;
    -moz-transition: linear all 0.3s;
    -o-transition: linear all 0.3s;
    transition: linear all 0.3s;
    z-index: -1;
}
.header_roulette .chic_drop .dropped .dropped__case {
    width: 100%;
    height: 118px;
    background: #14111a;
    text-align: center;
    padding: 10px;
}
.header_roulette .chic_drop .dropped .dropped__case .case_image img {
    max-width: 75px;
    max-height: 75px;
    height: auto;
    margin: auto;
}
.header_roulette .chic_drop .dropped .dropped__case .case_name {
    padding: 10px 0;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}
.header_roulette .chic_drop .dropped .dropped_user {
    width: 100%;
    height: 30px;
    background: #36323e;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_roulette .chic_drop .dropped .dropped_user .user_image {
    margin-right: 10px;
}
.header_roulette .chic_drop .dropped .dropped_user .user_image img {
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.header_roulette .chic_drop .dropped .dropped_user .user_name {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.header_roulette .chic_drop-yellow {
    background: url("../img/chic_drop_bg-1.jpg") no-repeat center;
    background-size: contain;
}
.header_roulette .guns_block_roulette {
    flex-wrap: nowrap;
    justify-content: flex-start;
    font-size: 12px;
}
.header_roulette .guns_block_roulette .industrial {
    background: url("../img/gun_bg-1.jpg") no-repeat center;
    background-size: contain;
}
.header_roulette .guns_block_roulette .restricted {
    background: url("../img/gun_bg-2.jpg") no-repeat center;
    background-size: contain;
}
.header_roulette .guns_block_roulette .milspec {
    background: url("../img/gun_bg-3.jpg") no-repeat center;
    background-size: contain;
}
.header_roulette .guns_block_roulette .common {
    background: url("../img/gun_bg-4.jpg") no-repeat center;
    background-size: contain;
}
.header_roulette .guns_block_roulette .classified {
    background: url("../img/gun_bg-5.jpg") no-repeat center;
    background-size: contain;
}
.header_roulette .guns_block_roulette .covert {
    background: url("../img/gun_bg-6.jpg") no-repeat center;
    background-size: contain;
}
.header_roulette .guns_block_roulette .rare, .header_roulette .guns_block_roulette .contaband {
    background: url("../img/gun_bg-7.jpg") no-repeat center;
    background-size: contain;
}
.header_roulette .guns_block_roulette .gun_item_roulette {
    display: block;
    width: 150px;
    height: 110px;
    text-align: center;
    text-decoration: none;
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.header_roulette .guns_block_roulette .gun_item_roulette:hover {
    overflow: initial;
}
.header_roulette .guns_block_roulette .gun_item_roulette:hover .dropped {
    transform: translateY(0);
    z-index: 1;
    opacity: 1;
}
.header_roulette .guns_block_roulette .gun_item_roulette .gun_img {
    width: 100%;
	height: 65%;
}
.header_roulette .guns_block_roulette .gun_item_roulette .gun_img img {
    margin: auto;
	max-height: 100%;
}
.header_roulette .guns_block_roulette .gun_item_roulette .gun_name {
    font-family: 'Roboto-Bold', sans-serif;
    text-transform: uppercase;
    margin-top: 5px;
    color: #fff;
	padding: 0 5px;
}
.header_roulette .guns_block_roulette .gun_item_roulette .gun_description {
    color: #fff;
}
.header_roulette .guns_block_roulette .gun_item_roulette .dropped {
    opacity: 0;
    position: absolute;
    top: 110px;
    left: 0;
    width: 150px;
    height: 150px;
    padding: 1px;
    transform: translateY(-20%);
    background: #ffe46c;
    background: -moz-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #ffe46c), color-stop(47%, #9c8417), color-stop(100%, #ffdd53));
    background: -webkit-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -o-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -ms-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe46c', endColorstr='#ffdd53', GradientType=1);
    -webkit-transition: linear all 0.3s;
    -moz-transition: linear all 0.3s;
    -o-transition: linear all 0.3s;
    transition: linear all 0.3s;
    z-index: -1;
}
.header_roulette .guns_block_roulette .gun_item_roulette .dropped .dropped__case {
    width: 100%;
    height: 118px;
    background: #14111a;
    text-align: center;
    padding: 10px;
}
.header_roulette .guns_block_roulette .gun_item_roulette .dropped .dropped__case .case_image img {
    max-width: 75px;
    max-height: 75px;
    height: auto;
    margin: auto;
}
.header_roulette .guns_block_roulette .gun_item_roulette .dropped .dropped__case .case_name {
    padding: 10px 0;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}
.header_roulette .guns_block_roulette .gun_item_roulette .dropped .dropped_user {
    width: 100%;
    height: 30px;
    background: #36323e;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0 10px
}
.header_roulette .guns_block_roulette .gun_item_roulette .dropped .dropped_user .user_image {
    margin-right: 10px;
	flex-shrink: 0
}
.header_roulette .guns_block_roulette .gun_item_roulette .dropped .dropped_user .user_image img {
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.header_roulette .guns_block_roulette .gun_item_roulette .dropped .dropped_user .user_name {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main_banner {
    position: relative;
    overflow: hidden;
}
.main_banner .main_parallax {
    background: url("../img/main_banner-bg.jpg") no-repeat center;
    height: 810px;
    transform: translate(0, 0);
}
.main_banner .bullets_parallax {
    position: absolute;
    background-image: url("../img/bullets.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1052px;
    height: 553px;
    transform: translate(0, 0);
    top: 115px;
    left: calc(50% - 520px);
    z-index: 3;
}
.main_banner .conter_left {
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 0;
}
.main_banner .conter_right {
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 0;
}
.main_banner .text_block {
    position: absolute;
    width: 545px;
    top: 190px;
    left: calc(50% - 545px);
}
.main_banner .text_block h1 {
    font-size: 60px;
    font-family: 'AksentNormal', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #FFBA00;
    padding: 0 25px;
    margin: 0;
}
.main_banner .text_block h1 span {
    position: initial;
    background: none;
    width: auto;
    height: auto;
    letter-spacing: 0.8em;
    text-align: center;
}
.main_banner .text_block h1:before,
.main_banner .text_block h1:after {
    display: none;
}
.main_banner .text_block .subtitle {
    font-family: 'BolsterBold', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    padding: 40px 0;
    line-height: 18px;
    background: url("../img/cs-go_border.png") no-repeat center;
    width: 100%;
    height: 98px;
}
.main_banner .text_block .banner_list {
    max-width: 350px;
    padding: 0;
    margin: 20px auto;
    list-style: none;
    justify-content: center;
}
.main_banner .text_block .banner_list li {
    max-width: 160px;
    margin: 10px auto;
    text-align: center;
    padding-top: 80px;
    position: relative;
}
.main_banner .text_block .banner_list li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    width: 64px;
    height: 64px;
}
.main_banner .text_block .banner_list .user:before {
    background: url("../img/users_icon.png") no-repeat center;
    background-size: cover;
}
.main_banner .text_block .banner_list .contract:before {
    background: url("../img/contracts_icon.png") no-repeat center;
    background-size: cover;
}
.main_banner .text_block .banner_list .case:before {
    background: url("../img/case_icon.png") no-repeat center;
    background-size: cover;
}
.main_banner .case_images {
    width: 910px;
    height: 916px;
    position: absolute;
    top: -25px;
    right: calc(50% - 710px);
}
.main_banner .case_images .hovered {
    opacity: 0.5;
}
.main_banner .case_images img {
    position: absolute;
    object-fit: cover;
    object-position: center;
}
.main_banner .case_images .base_layer {
    top: 215px;
    left: 190px;
    z-index: 1;
}
.main_banner .case_images .shadow {
    width: 910px;
    height: 916px;
    top: 0;
    left: 0;
    -webkit-transition: linear all 0.5s;
    -moz-transition: linear all 0.5s;
    -o-transition: linear all 0.5s;
    transition: linear all 0.5s;
    z-index: 0;
}
.main_banner .case_images .ray-1 {
    width: 694px;
    height: 365px;
    top: 210px;
    left: 170px;
    z-index: 0;
}
.main_banner .case_images .ray-2 {
    width: 541px;
    height: 506px;
    top: 300px;
    left: 140px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
}
.main_banner .case_images .ray-3 {
    width: 599px;
    height: 253px;
    top: 413px;
    left: 140px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    z-index: 1;
}
.main_banner .case_images .ray-3.hovered {
    opacity: 0.75;
}
.main_banner .case_images .ray-4 {
    width: 1349px;
    height: 676px;
    top: 165px;
    left: -40px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    z-index: 1;
}
.main_banner .case_images .ray-5 {
    width: 450px;
    height: 400px;
    top: 218px;
    left: 203px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
    transform: scale(0.8);
    transform-origin: bottom;
}
.main_banner .case_images .scale {
    transform: scale(1);
}
.main_banner .case_images .arrow_24 {
    position: absolute;
    width: 280px;
    height: 280px;
    top: 275px;
    left: 290px;
    z-index: 1;
}
.main_banner .case_images .arrow_24 .num_24 {
    width: 200px;
    height: 105px;
    top: 85px;
    left: 40px;
}
.main_banner .case_images .arrow_24 .arrow {
    width: 280px;
    height: 280px;
}
.main_banner .case_images .arrow_24 .rotate {
    transform: rotate(360deg);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.main_banner .main_icons_block {
    max-width: 1570px;
    margin: 50px auto;
    align-items: center;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}
.main_banner .main_icons_block a.icons_item {
    text-decoration: none;
    display: flex;
    align-items: center;
}
.main_banner .main_icons_block a.icons_item:hover .icon_image img {
    filter: blur(3px);
}
.main_banner .main_icons_block a.icons_item:hover .icon_information .icon_title {
    color: #fff;
}
.main_banner .main_icons_block a.icons_item:hover .icon_information .icon_quantity {
    color: #FFBA00;
}
.main_banner .main_icons_block a.icons_item .icon_image {
    margin-right: 30px;
    max-height: 65px;
}
.main_banner .main_icons_block a.icons_item .icon_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.main_banner .main_icons_block a.icons_item .icon_information .icon_title {
    color: #FFBA00;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.main_banner .main_icons_block a.icons_item .icon_information .icon_quantity {
    font-family: 'Roboto-Black', sans-serif;
    font-size: 24px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.advantages {
    background: url("../img/advantages_bg.jpg") no-repeat center;
    background-size: cover;
    position: relative;
    height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advantages img.conter_right-2 {
    position: absolute;
    bottom: 16px;
    right: 0;
}
.advantages img.bullet {
    position: absolute;
    top: 55px;
    left: 130px;
    width: 162px;
    height: 143px;
}
.advantages .items_block {
    width: 960px;
    position: relative;
    z-index: 9;
}
.advantages .items_block .item .item_thumb img {
    object-fit: contain;
    object-position: center;
    width: 200px;
    height: 200px;
    margin: auto;
}
.advantages .items_block .item h4 {
    color: #FFBA00;
    font-size: 24px;
    font-family: 'Roboto-Bold', sans-serif;
    text-transform: uppercase;
    margin: 10px auto;
}
.popular_cases .form_block .search,
.limited_edition .form_block .search {
    max-width: 720px;
    align-items: flex-end;
    margin: 70px auto;
}
.popular_cases .form_block .search form,
.limited_edition .form_block .search form {
    position: relative;
    width: 270px;
    margin: 0 auto;
}
.popular_cases .form_block .search form input,
.limited_edition .form_block .search form input {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #FFBA00;
    outline: none;
    background: none;
    color: #34375c;
}
.popular_cases .form_block .search form input::-ms-clear,
.limited_edition .form_block .search form input::-ms-clear {
    display: none;
}
.popular_cases .form_block .search form button,
.limited_edition .form_block .search form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 39px;
    height: 39px;
    border: none;
    background: url("../img/search.png") no-repeat center;
    cursor: pointer;
}
.popular_cases .form_block .search form button:focus,
.limited_edition .form_block .search form button:focus {
    outline: none;
}
.popular_cases .form_block .search form input::-webkit-input-placeholder,
.limited_edition .form_block .search form input::-webkit-input-placeholder {
    color: #34375c;
    font-family: 'Roboto-Regular', sans-serif;
    background: none;
}
.popular_cases .form_block .search form input:-moz-placeholder,
.limited_edition .form_block .search form input:-moz-placeholder {
    color: #34375c;
    font-family: 'Roboto-Regular', sans-serif;
    background: none;
}
.popular_cases .form_block .search form input:-ms-input-placeholder,
.limited_edition .form_block .search form input:-ms-input-placeholder {
    color: #34375c;
    font-family: 'Roboto-Regular', sans-serif;
    background: none;
}
.popular_cases .cases_block,
.limited_edition .cases_block {
    max-width: 1570px;
    margin: 40px auto;
    padding: 10px;
	align-items: normal;
}
.popular_cases .cases_block .border_item,
.limited_edition .cases_block .border_item {
    width: 23.6%;
    padding: 3px;
    margin: 25px 0;
    border-radius: 23px;
    background: #232438;
    background: -moz-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #232438), color-stop(50%, #0d0e1b), color-stop(100%, #212032));
    background: -webkit-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -o-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -ms-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: linear-gradient(to right, #232438 0%, #0d0e1b 50%, #212032 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232438', endColorstr='#212032', GradientType=1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	display: flex;
}
.popular_cases .cases_block .border_item:hover,
.limited_edition .cases_block .border_item:hover {
    background: #0ddaef;
}
.popular_cases .cases_block .border_item .cases_item,
.limited_edition .cases_block .border_item .cases_item {
    display: flex;
	flex-direction: column;
	justify-content: space-between;
    width: 100%;
    height: 100%;
    background: #14111a;
    border-radius: 20px;
    text-decoration: none;
    padding: 20px 10px;
}
.popular_cases .cases_block .border_item .cases_item .item_thumb,
.limited_edition .cases_block .border_item .cases_item .item_thumb {
    width: 100%;
    padding-bottom: 20px;
	flex-grow: 2;
    display: flex;
}
.popular_cases .cases_block .border_item .cases_item .item_thumb img,
.limited_edition .cases_block .border_item .cases_item .item_thumb img {
    object-fit: cover;
    object-position: center;
    margin: auto;
}
.popular_cases .cases_block .border_item .cases_item .price,
.limited_edition .cases_block .border_item .cases_item .price {
    margin: 0 auto;
    max-width: 310px;
    width: 100%;
    height: 50px;
    line-height: 30px;
    padding: 10px;
    border-radius: 20px;
    background: #081024;
    font-family: 'Roboto-Black', sans-serif;
    font-size: 36px;
    color: #FFBA00;
    text-align: center;
    position: relative;
    text-decoration: none;
}
.popular_cases .cases_block .border_item .cases_item .price:before,
.limited_edition .cases_block .border_item .cases_item .price:before,
.popular_cases .cases_block .border_item .cases_item .price:after,
.limited_edition .cases_block .border_item .cases_item .price:after {
    position: absolute;
    content: '';
    top: 10px;
    background: url("../img/case_point.png") no-repeat center;
    width: 30px;
    height: 30px;
}
.popular_cases .cases_block .border_item .cases_item .price:before,
.limited_edition .cases_block .border_item .cases_item .price:before {
    left: 10px;
}
.popular_cases .cases_block .border_item .cases_item .price:after,
.limited_edition .cases_block .border_item .cases_item .price:after {
    right: 10px;
}
.popular_cases .cases_block .border_item .cases_item .price span,
.limited_edition .cases_block .border_item .cases_item .price span {
    font-family: 'Roboto-Bold';
    font-size: 24px;
    color: #31768f;
}
.limited_edition,
.live_reviews {
    margin: 170px 0 85px 0;
}
.limited_edition h2:before,
.live_reviews h2:before {
    background: linear-gradient(90deg, transparent, #c24a04);
}
.limited_edition h2:after,
.live_reviews h2:after {
    background: linear-gradient(270deg, transparent, #c24a04);
}
.limited_edition h2 span,
.live_reviews h2 span {
    background: url("../img/title_point-2.png") no-repeat center;
}
.live_reviews .reviews_block {
    max-width: 740px;
    max-height: 490px;
    margin: 80px auto;
}
footer {
    width: 100%;
    height: 180px;
    position: relative;
    padding-top: 15px;
}
footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/header_lines.png") repeat-x center;
    width: 100%;
    height: 14px;
}
footer .container_1370 {
    max-width: 1370px;
    height: 100%;
    margin: 0 auto;
    align-items: center;
}
footer .container_1370 .footer__menu .footer__list {
    width: 370px;
    padding: 0;
    margin: 0;
    list-style: none;
}
footer .container_1370 .footer__menu .footer__list li {
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 99;
}
footer .container_1370 .footer__menu .footer__list li a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
footer .container_1370 .footer__menu .footer__list li:hover a {
    opacity: 1;
    position: relative;
    color: #FFBA00;
}
footer .container_1370 .footer__logo {
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/logo_footer.png") no-repeat bottom;
    background-size: cover;
    width: 564px;
    height: 167px;
    z-index: 1;
}
footer .container_1370 .left_footer {
    width: 370px;
}
footer .container_1370 .left_footer .steam_log-in {
    position: relative;
    max-width: 280px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    padding-left: 105px;
}
footer .container_1370 .left_footer .steam_log-in:before {
    position: absolute;
    content: '';
    left: -10px;
    top: -12px;
    background: url("../img/steam_icon.png") no-repeat center;
    width: 110px;
    height: 85px;
}
footer .container_1370 .left_footer .steam_log-in span {
    display: block;
    width: 100%;
    color: #FFBA00;
}
footer .container_1370 .left_footer .link_vk {
    display: block;
    background: url("../img/vk_icon.png") no-repeat center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
footer .container_1370 .left_footer .link_vk:hover {
    -webkit-box-shadow: 0px 0px 15px 0px #0e84ce;
    -moz-box-shadow: 0px 0px 15px 0px #0e84ce;
    box-shadow: 0px 0px 15px 0px #0e84ce;
}
.container_1570 {
    max-width: 1585px;
    padding: 0 10px;
    margin: auto;
}
.container_1770 {
    max-width: 1770px;
    padding: 0 10px;
    margin: auto;
}
.btn-yellow {
    display: block;
    width: 270px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    margin: 40px auto;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #FFBA00;
    color: #000;
}
.btn-yellow:active {
    background: #775600;
    top: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(255, 255, 255, 0.1);
}
.btn-yellow.bold {
	text-transform: none;
    text-align: center;
    font-family: 'Roboto-Bold', sans-serif;
    display: flex;
    justify-content: center;
}
.btn {
    display: inline-block;
    width: 90px;
    line-height: 35px;
    text-align: center;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 14px;
    text-decoration: none;
    background: #010310;
    border-radius: 35px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.green_btn {
    color: #05d800;
    border: 1px solid #05d800;
    margin-right: 10px;
}
.green_btn:hover {
    -webkit-box-shadow: 0px 0px 26px -10px #05d800;
    -moz-box-shadow: 0px 0px 26px -10px #05d800;
    box-shadow: 0px 0px 26px -10px #05d800;
}
.blue_btn {
    color: #0deafe;
    border: 1px solid #0deafe;
}
.blue_btn:before {
    content: '\271A';
    margin-right: 5px;
}
.blue_btn:hover {
    -webkit-box-shadow: 0px 0px 26px -10px #0deafe;
    -moz-box-shadow: 0px 0px 26px -10px #0deafe;
    box-shadow: 0px 0px 26px -10px #0deafe;
}
.red_btn {
    color: #ff0000;
    border: 1px solid #ff0000;
}
.red_btn:hover {
    -webkit-box-shadow: 0px 0px 26px -10px #ff0000;
    -moz-box-shadow: 0px 0px 26px -10px #ff0000;
    box-shadow: 0px 0px 26px -10px #ff0000;
}
.gray_btn {
    display: block;
    text-decoration: none;
    padding: 20px 30px;
    color: #fff;
    font-family: 'Roboto-Bold', sans-serif;
    border-radius: 60px;
    background: #343a68;
}
.gray_btn:hover {
    background: #343a68;
    background: -moz-linear-gradient(top, #343a68 0%, #7b83bd 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #343a68), color-stop(100%, #7b83bd));
    background: -webkit-linear-gradient(top, #343a68 0%, #7b83bd 100%);
    background: -o-linear-gradient(top, #343a68 0%, #7b83bd 100%);
    background: -ms-linear-gradient(top, #343a68 0%, #7b83bd 100%);
    background: linear-gradient(to bottom, #343a68 0%, #7b83bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343a68', endColorstr='#7b83bd', GradientType=0);
}
.btn_again {
    border: 2px solid #FFBA00;
    color: #FFBA00;
    padding-left: 45px;
    margin-right: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn_again.no_right_margin {
	margin-right: 0;
}
.btn_again:before {
    position: absolute;
    top: 12px;
    left: 10px;
    display: block;
    content: '';
    mask: url("../img/again-icon.png") no-repeat;
    -webkit-mask: url("../img/again-icon.png") no-repeat;
    background: #FFBA00;
    width: 44px;
    height: 36px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn_again:hover {
    background: #FFBA00;
    color: #000;
}
.btn_again:hover:before {
    mask: none;
    -webkit-mask: none;
    background: url("../img/again-icon.png") no-repeat center;
}
.btn_sell {
    background: #FFBA00;
    color: #000;
    padding-left: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn_sell:before {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    content: '';
    background: url("../img/basket.png") no-repeat center;
    width: 42px;
    height: 42px;
}
.btn_sell span:after {
    content: '';
    display: inline-block;
    mask: url("../img/rubles_icon-yellow.png") no-repeat;
    -webkit-mask: url("../img/rubles_icon-yellow.png") no-repeat;
    background: #000;
    -webkit-mask-size: contain;
    width: 9px;
    height: 14px;
    margin-left: 5px;
}
.btn_sell:hover {
    line-height: 56px !important;
    background: none;
    border: 2px solid #FFBA00;
    color: #FFBA00;
}
.btn_sell:hover:before {
    top: 9px;
    left: 9px;
}
.btn_sell:hover span:after {
    mask: none;
    -webkit-mask: none;
    background: url("../img/rubles_icon-yellow.png") no-repeat center;
    background-size: contain;
}
.selection .title {
    font-size: 16px;
}
.selection .checkboxes {
    margin-top: 10px;
}
.selection .checkboxes .custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.selection .checkboxes .custom-checkbox + label {
    align-items: center;
    user-select: none;
    width: 100px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    background: #FFBA00;
    color: #000;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 22px;
    cursor: pointer;
}
.selection .checkboxes .custom-checkbox + label::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100px;
    height: 40px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 1px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.selection .checkboxes .custom-checkbox:checked + label {
    top: 1px;
    background: rgba(255, 234, 0, 0.6);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 2px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.1);
}
.selection .checkboxes .custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #b3d7ff;
}
.contracts_block {
    max-width: 1480px;
    margin: 70px auto;
    padding: 0 10px;
    justify-content: center;
}
.contracts_block .contract_item {
    width: 270px;
    height: 200px;
    background: url("../img/contract_bg.jpg") no-repeat center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.contracts_block .contract_item:hover {
    transform: scale(1.01);
    -webkit-box-shadow: 0px 0px 25px -9px #00c3eb;
    -moz-box-shadow: 0px 0px 25px -9px #00c3eb;
    box-shadow: 0px 0px 25px -9px #00c3eb;
}
.contracts_block .contract_item:hover .number_contract .gun_image .close,
.contracts_block .contract_item:hover .number_contract .gun_image .gun_price,
.contracts_block .contract_item:hover .number_contract .gun_image .gun_name {
    opacity: 1;
}
.contracts_block .contract_item .number_contract {
    font-family: 'Roboto-Black', sans-serif;
    font-size: 72px;
    color: #00fff0;
    width: 125px;
    height: 125px;
    border: 2px solid #00fff0;
    line-height: 125px;
    border-radius: 50%;
    text-align: center;
}
.contracts_block .contract_item .number_contract .gun_image {
    display: flex;
    background: #00fff0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
}
.contracts_block .contract_item .number_contract .gun_image .close {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: #FFBA00;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.contracts_block .contract_item .number_contract .gun_image .close span {
    position: absolute;
    display: block;
    background: #000;
    width: 10px;
    height: 2px;
    border-radius: 1px;
}
.contracts_block .contract_item .number_contract .gun_image .close span:first-child {
    transform: rotate(45deg);
}
.contracts_block .contract_item .number_contract .gun_image .close span:last-child {
    transform: rotate(310deg);
}
.contracts_block .contract_item .number_contract .gun_image img {
	/*    display: inline-block;
		object-fit: cover;
		object-position: center;*/
}
.contracts_block .contract_item .number_contract .gun_image .gun_price {
    opacity: 0;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    background: #ff2509;
    font-size: 12px;
    color: #fff;
    line-height: initial;
    padding: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.contracts_block .contract_item .number_contract .gun_image .gun_price:after {
    content: '';
    display: inline-block;
    mask: url("../img/rubles_icon-yellow.png") no-repeat;
    -webkit-mask: url("../img/rubles_icon-yellow.png") no-repeat;
    background: #fff;
    -webkit-mask-size: contain;
    margin-left: 5px;
    width: 9px;
    height: 9px;
}
.contracts_block .contract_item .number_contract .gun_image .gun_name {
    opacity: 0;
    font-size: 14px;
    color: #fff;
    line-height: initial;
    padding: 5px;
    border-radius: 5px;
    margin-top: 45px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	position: absolute;
    top: 115px;
	width: 200px;
	left: -40px;
}
.add_contracts {
    display: block;
    width: 270px;
    margin: 50px auto;
    position: relative;
}
.add_contracts .contracts__circle {
    position: absolute;
    top: -20px;
    left: -60px;
    width: 100px;
    height: 100px;
    padding: 2px;
    border-radius: 50%;
    background: #29a3d0;
    background: -moz-linear-gradient(45deg, #29a3d0 0%, #00ff84 51%, #6600ff 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #29a3d0), color-stop(51%, #00ff84), color-stop(100%, #6600ff));
    background: -webkit-linear-gradient(45deg, #29a3d0 0%, #00ff84 51%, #6600ff 100%);
    background: -o-linear-gradient(45deg, #29a3d0 0%, #00ff84 51%, #6600ff 100%);
    background: -ms-linear-gradient(45deg, #29a3d0 0%, #00ff84 51%, #6600ff 100%);
    background: linear-gradient(45deg, #29a3d0 0%, #00ff84 51%, #6600ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a3d0', endColorstr='#6600ff', GradientType=1);
    -webkit-box-shadow: 0px 0px 25px -9px #00c3eb;
    -moz-box-shadow: 0px 0px 25px -9px #00c3eb;
    box-shadow: 0px 0px 25px -9px #00c3eb;
    z-index: 5;
}
.add_contracts .contracts__circle:last-child {
    left: initial;
    right: -60px;
}
.add_contracts .contracts__circle .contracts__circle-border {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
    color: #000;
    font-family: 'Roboto-Bold', sans-serif;
    background: #00aaff;
    background: -moz-linear-gradient(45deg, #00aaff 0%, #00ffaa 51%, #b3ff00 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #00aaff), color-stop(51%, #00ffaa), color-stop(100%, #b3ff00));
    background: -webkit-linear-gradient(45deg, #00aaff 0%, #00ffaa 51%, #b3ff00 100%);
    background: -o-linear-gradient(45deg, #00aaff 0%, #00ffaa 51%, #b3ff00 100%);
    background: -ms-linear-gradient(45deg, #00aaff 0%, #00ffaa 51%, #b3ff00 100%);
    background: linear-gradient(45deg, #00aaff 0%, #00ffaa 51%, #b3ff00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aaff', endColorstr='#b3ff00', GradientType=1);
}
.add_contracts .contracts__circle .contracts__circle-border span {
    font-size: 16px;
    font-family: 'Roboto-Regular', sans-serif;
    color: #024e38;
}
.add_contracts .new_contract {
    display: block;
    width: 270px;
    line-height: 60px;
    color: #000;
    font-family: 'Roboto-Bold', sans-serif;
    background: #FFBA00;
    text-decoration: none;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.animation_light:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    transform: translate(-4em) skewX(-45deg);
    animation-name: move-light;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes move-light {
    from {
        transform: translate(-4em) skewX(-45deg);
    }
    to {
        transform: translate(80em) skewX(-45deg);
    }
}
.available_items {
    padding: 10px 0;
}
.available_items h2 {
    font-size: 30px;
    color: #FFBA00;
}
.available_items h2:before,
.available_items h2:after {
    top: 14px;
}
.available_items h2 span {
    top: 0;
}
.available_items .available_block {
    max-width: 870px;
    margin: 100px auto;
}
.available_items .gun_item {
	cursor: pointer;
}
.gun_item {
    display: block;
    width: 270px;
    height: 200px;
    text-decoration: none;
    margin: 15px 0;
    position: relative;
}
.gun_item:hover .cross {
    opacity: 1;
}
.gun_item .gun_cost {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    background: #ff0000;
    color: #fff;
    text-align: center;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 14px;
	text-decoration: none;
}
.gun_item .gun_cost.for_sale {
	background: #1bf649;
    background: -moz-linear-gradient(top, #1bf649 0%, #2aab21 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1bf649), color-stop(100%, #2aab21));
    background: -webkit-linear-gradient(top, #1bf649 0%, #2aab21 100%);
    background: -o-linear-gradient(top, #1bf649 0%, #2aab21 100%);
    background: -ms-linear-gradient(top, #1bf649 0%, #2aab21 100%);
    background: linear-gradient(to bottom, #1bf649 0%, #2aab21 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bf649', endColorstr='#2aab21', GradientType=0);
}
.gun_item .gun_cost:after {
    content: '';
    display: inline-block;
    mask: url("../img/rubles_icon-yellow.png") no-repeat;
    -webkit-mask: url("../img/rubles_icon-yellow.png") no-repeat;
    background: #fff;
    -webkit-mask-size: contain;
    margin-left: 5px;
    width: 8px;
    height: 11px;
}
.gun_item .check_in_stock,
.gun_item .check_sold {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.gun_item .check_in_stock:before,
.gun_item .check_sold:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    background: url("../img/check.png") no-repeat center;
    background-size: contain;
    width: 9px;
    height: 8px;
}
.gun_item .check_in_stock {
    background: #ff8400;
    background: -moz-linear-gradient(top, #ff8400 0%, #ff0000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff8400), color-stop(100%, #ff0000));
    background: -webkit-linear-gradient(top, #ff8400 0%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff8400 0%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff8400 0%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff8400 0%, #ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#ff0000', GradientType=0);
}
.gun_item .check_sold {
    background: #1bf649;
    background: -moz-linear-gradient(top, #1bf649 0%, #2aab21 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1bf649), color-stop(100%, #2aab21));
    background: -webkit-linear-gradient(top, #1bf649 0%, #2aab21 100%);
    background: -o-linear-gradient(top, #1bf649 0%, #2aab21 100%);
    background: -ms-linear-gradient(top, #1bf649 0%, #2aab21 100%);
    background: linear-gradient(to bottom, #1bf649 0%, #2aab21 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bf649', endColorstr='#2aab21', GradientType=0);
}
.gun_item .withdraw {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #FFBA00;
    color: #000;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	opacity: 0;
}
.gun_item:hover .withdraw {
	opacity: 1;
}
.gun_item .gun_img {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
	height: 100px;
}
.gun_item .gun_img img {
	max-height: 100%;
    margin: auto;
}
.gun_item .gun_name,
.gun_item .gun_description {
    font-family: 'Roboto-Bold', sans-serif;
    margin-top: 5px;
    padding: 0 20px;
    color: #fff;
}
.gun_item.industrial {
    background: url("../img/gun_bg-1_maxi.jpg") no-repeat center;
    background-size: contain;
}
.gun_item.restricted {
    background: url("../img/gun_bg-2_maxi.jpg") no-repeat center;
    background-size: contain;
}
.gun_item.milspec {
    background: url("../img/gun_bg-3_maxi.jpg") no-repeat center;
    background-size: contain;
}
.gun_item.common {
    background: url("../img/gun_bg-4_maxi.jpg") no-repeat center;
    background-size: contain;
}
.gun_item.classified {
    background: url("../img/gun_bg-5_maxi.jpg") no-repeat center;
    background-size: contain;
}
.gun_item.covert {
    background: url("../img/gun_bg-6_maxi.jpg") no-repeat center;
    background-size: contain;
}
.gun_item.rare, .gun_item.contaband {
    background: url("../img/gun_bg-7_maxi.jpg") no-repeat center;
    background-size: contain;
}
.pay_block {
    max-width: 950px;
    margin: 50px auto 150px auto;
    align-items: center;
}
.pay_block .pay_item {
    position: relative;
}
.pay_block .pay_item:hover:before {
    opacity: 0;
}
.pay_block .pay_item:hover:after {
    opacity: 1;
}
.pay_block .pay_item:before,
.pay_block .pay_item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.pay_block .pay_item-mastercard {
    width: 130px;
    height: 78px;
}
.pay_block .pay_item-mastercard:before {
    background-image: url("../img/pay/Mastercard-logo_bw.svg");
    opacity: 1;
}
.pay_block .pay_item-mastercard:after {
    background-image: url("../img/pay/Mastercard-logo.svg");
    opacity: 0;
}
.pay_block .pay_item-qiwi {
    width: 170px;
    height: 74px;
}
.pay_block .pay_item-qiwi:before {
    background-image: url("../img/pay/Qiwi_logo_bw.svg");
    opacity: 1;
}
.pay_block .pay_item-qiwi:after {
    background-image: url("../img/pay/Qiwi_logo.svg");
    opacity: 0;
}
.pay_block .pay_item-visa {
    width: 129px;
    height: 39px;
}
.pay_block .pay_item-visa:before {
    background-image: url("../img/pay/Visa_logo_bw.svg");
    opacity: 1;
}
.pay_block .pay_item-visa:after {
    background-image: url("../img/pay/Visa_logo.svg");
    opacity: 0;
}
.pay_block .pay_item-webmoney {
    width: 170px;
    height: 45px;
}
.pay_block .pay_item-webmoney:before {
    background-image: url("../img/pay/Webmoney_logo_bw.svg");
    opacity: 1;
}
.pay_block .pay_item-webmoney:after {
    background-image: url("../img/pay/Webmoney_logo.svg");
    opacity: 0;
}
.pay_block .pay_item-yandex {
    width: 157px;
    height: 74px;
    margin-top: -14px;
}
.pay_block .pay_item-yandex:before {
    background-image: url("../img/pay/Yandex_logo_bw.svg");
    opacity: 1;
}
.pay_block .pay_item-yandex:after {
    background-image: url("../img/pay/Yandex_logo.svg");
    opacity: 0;
}
.faq_block {
    max-width: 1170px;
    margin: 100px auto;
}
.faq_block .faq_item__border {
    width: 1170px;
    min-height: 100px;
    padding: 3px;
    margin: 15px 0;
    background: #232438;
    background: -moz-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #232438), color-stop(50%, #0d0e1b), color-stop(100%, #212032));
    background: -webkit-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -o-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -ms-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: linear-gradient(to right, #232438 0%, #0d0e1b 50%, #212032 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232438', endColorstr='#212032', GradientType=1);
}
.faq_block .faq_item__border .faq_item {
    width: 1164px;
    max-height: 94px;
    background: #14111a;
    font-size: 24px;
    padding: 35px 35px 35px 100px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.faq_block .faq_item__border .faq_item:before {
    content: '';
    position: absolute;
    top: 27px;
    left: 30px;
    border: 11.5px solid transparent;
    border-bottom: 20px solid #FFBA00;
}
.faq_block .faq_item__border .faq_item .faq_question {
    font-family: 'Roboto-Bold', sans-serif;
    text-transform: uppercase;
    color: #FFBA00;
}
.faq_block .faq_item__border .faq_item .faq_answer {
    margin-top: 35px;
}
.faq_block .faq_item__border .faq_item.open {
    max-height: 500px;
}
.faq_block .faq_item__border .faq_item.open:before {
    top: 40px;
    border: 11.5px solid transparent;
    border-top: 20px solid #FFBA00;
}
.faq_warning {
    max-width: 860px;
    margin: 30px auto 150px auto;
}
.faq_warning img {
    width: 247px;
    height: 211px;
    margin: 60px auto;
}
.faq_warning p {
    color: #FFBA00;
    font-size: 30px;
    text-align: center;
    margin: 0;
}
.faq_warning p a {
    color: #00aeff;
    text-decoration: none;
}
.object_upgrade {
    width: 100%;
    padding: 5px;
    margin-top: 140px;
    background: #232438;
    background: -moz-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #232438), color-stop(50%, #0d0e1b), color-stop(100%, #212032));
    background: -webkit-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -o-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -ms-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: linear-gradient(to right, #232438 0%, #0d0e1b 50%, #212032 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232438', endColorstr='#212032', GradientType=1);
}
.object_upgrade .object_upgrade__block {
    width: 100%;
    height: 510px;
    background: #14111a;
    position: relative;
}
.object_upgrade .object_upgrade__block .item_left,
.object_upgrade .object_upgrade__block .item_right {
    width: 270px;
    height: 200px;
    margin: 90px 100px;
    z-index: 2;
}
.object_upgrade .object_upgrade__block .item_left .gun_item,
.object_upgrade .object_upgrade__block .item_right .gun_item {
    margin: 0;
    padding: 5px;
}
.object_upgrade .object_upgrade__block .item_left .gun_price,
.object_upgrade .object_upgrade__block .item_right .gun_price {
    height: 30px;
    margin: 15px 0;
}
.object_upgrade .object_upgrade__block .item_left .gun_price span,
.object_upgrade .object_upgrade__block .item_right .gun_price span {
    display: inline-block;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    color: #FFBA00;
    position: relative;
}
.object_upgrade .object_upgrade__block .item_left .gun_price span:before,
.object_upgrade .object_upgrade__block .item_right .gun_price span:before {
    content: '';
    position: absolute;
    bottom: 6px;
    right: -17px;
    background: url("../img/rubles_icon-yellow.png") no-repeat center;
    background-size: cover;
    width: 11px;
    height: 17px;
}
.object_upgrade .object_upgrade__block .item_left .gun_item-none,
.object_upgrade .object_upgrade__block .item_right .gun_item-none {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
}
.object_upgrade .object_upgrade__block .item_left .gun_item-none img,
.object_upgrade .object_upgrade__block .item_right .gun_item-none img {
    margin-top: 20px;
}
.object_upgrade .object_upgrade__block .item_left .gun_item-none p,
.object_upgrade .object_upgrade__block .item_right .gun_item-none p {
    max-width: 160px;
    font-size: 12px;
    text-align: center;
    margin: 20px 0 0 0;
}
.object_upgrade .object_upgrade__block .item_left .gun_item-none {
    background: url("../img/contract_bg.jpg") no-repeat center;
	position: relative;
}
.object_upgrade .object_upgrade__block .item_right .gun_item-none {
    background: url(../img/contract_bg.jpg) no-repeat center;
    position: relative;
}
.object_upgrade .object_upgrade__block .item_right .gun_item-none .cost {
    font-size: 28px;
    font-family: 'Roboto-Bold', sans-serif;
}
.object_upgrade .object_upgrade__block .gun_item-none .price_slider {
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
}
.object_upgrade .object_upgrade__block .gun_item-none .price_slider .range {
    -webkit-appearance: none;
    border-radius: 15px;
    width: 250px;
    height: 15px;
    outline: none;
    background: #00ff00;
    background: -moz-linear-gradient(left, #00ff00 0%, #f7ff00 50%, #ff0900 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #00ff00), color-stop(50%, #f7ff00), color-stop(100%, #ff0900));
    background: -webkit-linear-gradient(left, #00ff00 0%, #f7ff00 50%, #ff0900 100%);
    background: -o-linear-gradient(left, #00ff00 0%, #f7ff00 50%, #ff0900 100%);
    background: -ms-linear-gradient(left, #00ff00 0%, #f7ff00 50%, #ff0900 100%);
    background: linear-gradient(to right, #00ff00 0%, #f7ff00 50%, #ff0900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#ff0900', GradientType=1);
}
.object_upgrade .object_upgrade__block .gun_item-none .price_slider .range .range-slider-fill {
	display: none;
}
.object_upgrade .object_upgrade__block .gun_item-none .price_slider .range .range-slider-rail {
	display: none;
}
.object_upgrade .object_upgrade__block .gun_item-none .price_slider .range .range-slider-knob,
.object_upgrade .object_upgrade__block .gun_item-none .price_slider .range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    background: #ffd106;
    border-radius: 50%;
    cursor: pointer;
}
.object_upgrade .object_upgrade__block .item_center {
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translate(-50%);
    background: url("../img/upgrade_frame.png");
    width: 1564px;
    height: 353px;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top {
    width: 530px;
    height: 340px;
    margin: 30px auto;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top img {
    margin: auto;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top .probability {
    text-align: center;
    padding-top: 80px;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top .probability .probability_percent {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 60px;
    text-align: center;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top .probability .probability_scale {
    margin: 20px 0;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top .probability .probability_scale progress[value] {
    -webkit-appearance: none;
    appearance: none;
    width: 90%;
    height: 40px;
    background-color: #3a314d;
    border-radius: 40px;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top .probability .probability_scale progress[value]::-webkit-progress-bar {
    background-color: #3a314d;
    border-radius: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top .probability .probability_scale progress[value]::-webkit-progress-value {
    background: #00a8ff;
    background-image: -webkit-linear-gradient(45deg, #00c6ff 25%, transparent 25%, transparent 50%, #00c6ff 50%, #00c6ff 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #00c6ff 25%, transparent 25%, transparent 50%, #00c6ff 50%, #00c6ff 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #00c6ff 25%, transparent 25%, transparent 50%, #00c6ff 50%, #00c6ff 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    border-radius: 40px;
}
.object_upgrade .object_upgrade__block .item_center .item_center-top .text {
    font-size: 30px;
    color: #FFBA00;
    margin: 30px auto;
    text-align: center;
}
.object_upgrade .object_upgrade__block .item_center .result_upgrade {
    padding-top: 80px;
}
.object_upgrade .object_upgrade__block .item_center .chance_circle {
    display: flex;
    align-items: center;
    justify-content: center;
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability {
    position: relative;
    width: 220px;
    height: 220px;
    background: url("../img/chance_wheel.png") no-repeat center;
    background-size: contain;
    padding: 0;
    margin-bottom: 55px;
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .chance_indicator {
    position: absolute;
    background: url("../img/chance_indicator.png") no-repeat center;
    width: 11px;
    height: 94px;
    top: 17px;
    left: 48%;
    transform-origin: bottom center;
    transform: rotate(0deg);
    z-index: 9;
	-webkit-transition: 4s;
    transition: 4s;
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points {
    width: 80px;
    height: 80px;
    top: 38%;
    left: 14%;
    transform-origin: 100% 26px;
    transform: rotate(0deg);
    position: absolute;
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points.filled .square {
	background: #ba00ff;
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(2) {
    transform: rotate(8deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(3) {
    transform: rotate(16deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(4) {
    transform: rotate(24deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(5) {
    transform: rotate(32deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(6) {
    transform: rotate(40deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(7) {
    transform: rotate(48deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(8) {
    transform: rotate(56deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(9) {
    transform: rotate(64deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(10) {
    transform: rotate(72deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(11) {
    transform: rotate(80deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(12) {
    transform: rotate(88deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(13) {
    transform: rotate(96deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(14) {
    transform: rotate(104deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(15) {
    transform: rotate(112deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(16) {
    transform: rotate(120deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(17) {
    transform: rotate(128deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(18) {
    transform: rotate(136deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(19) {
    transform: rotate(144deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(20) {
    transform: rotate(152deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(21) {
    transform: rotate(160deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(22) {
    transform: rotate(168deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(23) {
    transform: rotate(176deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(24) {
    transform: rotate(184deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(25) {
    transform: rotate(192deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(26) {
    transform: rotate(200deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(27) {
    transform: rotate(208deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(28) {
    transform: rotate(216deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(29) {
    transform: rotate(224deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(30) {
    transform: rotate(232deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(31) {
    transform: rotate(240deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(32) {
    transform: rotate(248deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(33) {
    transform: rotate(256deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(34) {
    transform: rotate(264deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(35) {
    transform: rotate(272deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(36) {
    transform: rotate(280deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(37) {
    transform: rotate(288deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(38) {
    transform: rotate(296deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(39) {
    transform: rotate(304deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(40) {
    transform: rotate(312deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(41) {
    transform: rotate(320deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(42) {
    transform: rotate(328deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(43) {
    transform: rotate(336deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(44) {
    transform: rotate(344deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(45) {
    transform: rotate(352deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points:nth-child(46) {
    transform: rotate(360deg);
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .circle_block .block_points .square {
    background: #191f37;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .probability_percent {
    padding-top: 95px;
    font-size: 30px;
    color: #0dddf2;
}
.object_upgrade .object_upgrade__block .item_center .chance_circle .probability .text {
    font-size: 16px;
    color: #99a4d1;
    margin: 5px 0;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom {
    width: 620px;
    margin: 20px auto;
    text-align: center;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch {
    position: relative;
    display: block;
    width: 120px;
    height: 40px;
    margin: auto;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch input {
    display: none;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #211a2e;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch .slider span:before {
    position: absolute;
    content: 'Использовать баланс';
    width: 190px;
    height: 20px;
    top: 10px;
    right: -220px;
    color: #fff;
    font-family: 'Roboto-Regular';
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch .slider span:after {
    position: absolute;
    content: 'Использовать скины';
    width: 190px;
    height: 20px;
    top: 10px;
    left: -220px;
    color: #FFBA00;
    font-family: 'Roboto-Regular';
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch input:checked + .slider span:before {
    color: #FFBA00;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch input:checked + .slider span:after {
    color: #fff;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch .slider:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    left: 2px;
    bottom: 3px;
    background: url("../img/checkbox_point.png");
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch input:checked + .slider {
    background-color: #211a2e;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch input:checked + .slider:before {
    -webkit-transform: translateX(82px);
    -ms-transform: translateX(82px);
    transform: translateX(82px);
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .switch .slider.round {
    border-radius: 40px;
    border: 2px solid #7f50e0;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .upgrade_btn {
    color: #fff;
    background: #7f7f7f;
}
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .btn_again,
.object_upgrade .object_upgrade__block .item_center .item_center-bottom .btn_sell {
    display: inline-block;
    width: 270px;
    line-height: 60px;
    font-family: 'Roboto-Bold', sans-serif;
    border-radius: 60px;
    text-decoration: none;
    position: relative;
    margin-top: 40px;
}
.my_object {
    width: 41%;
    padding: 15px 0;
}
.my_object h4 {
    margin: 0;
    line-height: 30px;
}
.my_object .my_object__block-border {
    width: 100%;
    padding: 3px;
    margin: 20px 0;
    background: #232438;
    background: -moz-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #232438), color-stop(50%, #0d0e1b), color-stop(100%, #212032));
    background: -webkit-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -o-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -ms-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: linear-gradient(to right, #232438 0%, #0d0e1b 50%, #212032 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232438', endColorstr='#212032', GradientType=1);
}
.my_object .my_object__block-border .my_object__block {
    width: 100%;
    height: 670px;
    background: #14111a;
    padding: 20px;
    display: flex;
	overflow: auto;
}
.my_object .my_object__block-border .my_object__block .gun_item {
    /*margin: 0;*/
}
.my_object .my_object__block-border .my_object__block .cross {
    transform: translate(-50%, -50%) rotate(45deg);
}
.my_object .my_object__block-border .my_object__block-none {
    align-items: center;
    justify-content: center;
}
.my_object .my_object__block-border .my_object__block-none .information_block {
    max-width: 330px;
    max-height: 300px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.my_object .my_object__block-border .my_object__block-none .information_block .none_object img {
    margin: 0 auto 30px auto;
    width: 104px;
    height: 104px;
}
.my_object .my_object__block-border .my_object__block-none .information_block .none_text {
    font-size: 16px;
    color: #7f84da;
}
.my_object .my_object__block-border .my_object__block-none .information_block .upgrade_btn {
    display: block;
    width: 270px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    margin: 40px auto;
    text-decoration: none;
    color: #000;
    font-family: 'Roboto-Bold', sans-serif;
    text-transform: uppercase;
    background: #FFBA00;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.my_object .my_object__block-border .my_object__block-none .information_block .upgrade_btn:active {
    background: #775600;
    top: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(255, 255, 255, 0.1);
}
.upgrade_block {
    width: 57%;
    padding: 15px 0;
}
.upgrade_block h4 {
    max-width: 200px;
    text-align: right;
    margin: 0;
}
.upgrade_block .filters {
    width: 650px;
    margin-right: 15px;
}
.upgrade_block .filters .search .search_form {
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.upgrade_block .filters .search .search_form input {
    width: 120px;
    height: 30px;
    padding: 1px 30px 1px 10px;
    overflow: hidden;
    border: 1px solid #34375c;
    outline: none;
    background: none;
    color: #34375c;
}
.upgrade_block .filters .search .search_form input::-ms-clear {
    display: none;
}
.upgrade_block .filters .search .search_form .price {
    width: 120px;
    height: 30px;
    padding-left: 10px;
    border: 1px solid #34375c;
    outline: none;
    background: none;
    color: #34375c;
    text-align: left;
    position: relative;
    cursor: pointer;
}
.upgrade_block .filters .search .search_form .price:active:before {
    transform: scale(1, -1);
}
.upgrade_block .filters .search .search_form .price:before {
    position: absolute;
    content: '';
    right: 10px;
    top: 3px;
    background: url("../img/price_arrow.png") no-repeat center;
    width: 7px;
    height: 22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.upgrade_block .filters .search .search_form .price.back:before {
	transform: rotate(180deg);
}
.upgrade_block .filters .search .search_form .from_to {
    position: relative;
}
.upgrade_block .filters .search .search_form .from_to:before {
    position: absolute;
    content: '';
    right: 10px;
    top: 4px;
    background: url("../img/rubles_icon.png") no-repeat center;
    width: 13px;
    height: 20px;
}
.upgrade_block .filters .search .search_form .search {
    width: 200px;
    position: relative;
}
.upgrade_block .filters .search .search_form .search input {
    width: 100%;
}
.upgrade_block .filters .search .search_form .search button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 29px;
    height: 29px;
    border: none;
    background: url("../img/search.png") no-repeat center;
    cursor: pointer;
}
.upgrade_block .filters .search .search_form .search button:focus {
    outline: none;
}
.upgrade_block .filters .search .search_form input::-webkit-input-placeholder {
    color: #34375c;
    font-family: 'Roboto-Regular', sans-serif;
    background: none;
}
.upgrade_block .filters .search .search_form input:-moz-placeholder {
    color: #34375c;
    font-family: 'Roboto-Regular', sans-serif;
    background: none;
}
.upgrade_block .filters .search .search_form input:-ms-input-placeholder {
    color: #34375c;
    font-family: 'Roboto-Regular', sans-serif;
    background: none;
}
.upgrade_block .items_block {
    margin-top: 20px;
    max-height: 660px;
    overflow: auto;
    padding-right: 15px;
}
.upgrade_block .items_block .gun_item {
    display: block;
    width: 270px;
    height: 200px;
    text-decoration: none;
}
.upgrade_block .items_block .gun_item .gun_img {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.upgrade_block .items_block .gun_item .gun_img img {
    margin: auto;
}
.upgrade_block .items_block .gun_item .gun_name,
.upgrade_block .items_block .gun_item .gun_description {
    font-family: 'Roboto-Bold', sans-serif;
    margin-top: 5px;
    padding: 0 20px;
    color: #fff;
}
.upgrade_instruction {
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 80px;
}
.upgrade_instruction .instruction_item {
    width: 290px;
    text-align: center;
}
.upgrade_instruction .instruction_item .item_thumb img {
    width: 200px;
    height: 200px;
    margin: 25px auto;
    border-radius: 50%;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 246, 255, 0.79);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 246, 255, 0.79);
    box-shadow: 0px 0px 5px 0px rgba(0, 246, 255, 0.79);
}
.upgrade_instruction .instruction_item .item_thumb .img_shadow {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 246, 255, 0.79);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 246, 255, 0.79);
    box-shadow: 0px 0px 12px 0px rgba(0, 246, 255, 0.79);
}
.upgrade_instruction .instruction_item .instruction_text {
    margin: 25px 0;
    color: #7f84db;
}
.cross {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 5px;
    background: rgba(255, 43, 0, 0.35);
    background: -moz-linear-gradient(45deg, rgba(255, 43, 0, 0.35) 0%, rgba(255, 170, 0, 0.35) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 43, 0, 0.35)), color-stop(100%, rgba(255, 170, 0, 0.35)));
    background: -webkit-linear-gradient(45deg, rgba(255, 43, 0, 0.35) 0%, rgba(255, 170, 0, 0.35) 100%);
    background: -o-linear-gradient(45deg, rgba(255, 43, 0, 0.35) 0%, rgba(255, 170, 0, 0.35) 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 43, 0, 0.35) 0%, rgba(255, 170, 0, 0.35) 100%);
    background: linear-gradient(45deg, rgba(255, 43, 0, 0.35) 0%, rgba(255, 170, 0, 0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b00', endColorstr='#ffaa00', GradientType=1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cross:hover {
    padding: 0;
}
.cross .cross_border {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    line-height: 90px;
    background: #ff2b00;
    background: -moz-linear-gradient(45deg, #ff2b00 0%, #ffaa00 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #ff2b00), color-stop(100%, #ffaa00));
    background: -webkit-linear-gradient(45deg, #ff2b00 0%, #ffaa00 100%);
    background: -o-linear-gradient(45deg, #ff2b00 0%, #ffaa00 100%);
    background: -ms-linear-gradient(45deg, #ff2b00 0%, #ffaa00 100%);
    background: linear-gradient(45deg, #ff2b00 0%, #ffaa00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b00', endColorstr='#ffaa00', GradientType=1);
}
.cross .cross_border span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 40px;
    height: 6px;
    background: #fff;
    border-radius: 3px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.cross .cross_border span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.border {
    padding: 3px;
    margin: 20px 10px;
    background: #232438;
    background: -moz-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #232438), color-stop(50%, #0d0e1b), color-stop(100%, #212032));
    background: -webkit-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -o-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: -ms-linear-gradient(left, #232438 0%, #0d0e1b 50%, #212032 100%);
    background: linear-gradient(to right, #232438 0%, #0d0e1b 50%, #212032 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232438', endColorstr='#212032', GradientType=1);
}
.battle_results {
    width: 100%;
    background: #14111a;
	padding: 10px;
}
.battle_results .first_player,
.battle_results .second_player {
    width: 31%;
    text-align: center;
}
.battle_results .first_player .played_gun,
.battle_results .second_player .played_gun {
    width: 100%;
    background: url("../img/battles_gun_bg.png") no-repeat center;
    transform: scale(-1, 1);
    background-size: contain;
    height: 90px;
    padding: 20px 0;
}
.battle_results .first_player .played_gun img,
.battle_results .second_player .played_gun img {
    margin: auto;
	max-height: 50px;
    transform: scale(-1, 1);
}
.battle_results .first_player .player,
.battle_results .second_player .player {
    margin-top: -15px;
    position: relative;
    z-index: 2;
	border-radius: 50%;
	overflow: hidden;
}
.battle_results .first_player .player img,
.battle_results .second_player .player img {
    margin: auto;
	max-width: 30px;
	max-height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.battle_results .first_player .price_gun,
.battle_results .second_player .price_gun {
    display: inline-block;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 14px;
    color: #fff;
    position: relative;
    margin: 15px 0;
}
.battle_results .first_player .price_gun:before,
.battle_results .second_player .price_gun:before {
    content: '';
    position: absolute;
    top: 0px;
    right: -13px;
    background: url("../img/rubles_icon-white.png") no-repeat center;
    background-size: cover;
    width: 9px;
    height: 14px;
}
.battle_results .played_case {
    width: 30%;
    height: auto;
}
.battle_results .played_case img {
    max-height: 90px;
    margin: auto;
	padding: 20px 0;
}
.battle_results .first_player .played_gun {
    transform: scale(1);
}
.battle_results .first_player .played_gun img {
    transform: scale(1);
}
.battle_results .winner .price_gun {
    color: #FFBA00;
}
.battle_results .winner .price_gun:before {
    background: url("../img/rubles_icon-yellow.png") no-repeat center;
    background-size: cover;
}
.battle_results .winner .price_gun:after {
    content: '';
    position: absolute;
    top: -6px;
    left: -25px;
    background: url("../img/winner_mark.png") no-repeat center;
    width: 26px;
    height: 26px;
}
.sidebar {
    width: 27%;
}
.sidebar .my_battles {
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    background: #14111a;
}
.sidebar .my_battles .battle_statistics {
    padding: 20px 0;
}
.sidebar .my_battles .battle_statistics .victory,
.sidebar .my_battles .battle_statistics .defeat,
.sidebar .my_battles .battle_statistics .draws {
    width: 33.33%;
    text-align: center;
}
.sidebar .my_battles .battle_statistics .victory .quantity,
.sidebar .my_battles .battle_statistics .defeat .quantity,
.sidebar .my_battles .battle_statistics .draws .quantity {
    font-size: 48px;
}
.sidebar .my_battles .battle_statistics .victory p,
.sidebar .my_battles .battle_statistics .defeat p,
.sidebar .my_battles .battle_statistics .draws p {
    margin: 10px 0;
}
.sidebar .my_battles .battle_statistics .victory {
    color: #FFBA00;
}
.sidebar .my_battles .battle_statistics .defeat {
    color: #db2e2e;
}
.sidebar .my_battles .battle_statistics .draws {
    color: #343a68;
}
.sidebar .my_battles .open_statistics {
    display: block;
    max-width: 270px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    margin: 5px auto 0 auto;
    text-decoration: none;
    color: #000;
    font-family: 'Roboto-Bold', sans-serif;
    background: #FFBA00;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sidebar .my_battles .open_statistics:active {
    background: #775600;
    top: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(255, 255, 255, 0.1);
}
.sidebar .battle_information {
    width: 100%;
    height: 100%;
    background: #14111a;
    padding: 20px;
}
.sidebar .battle_information .total_battles,
.sidebar .battle_information .active_battles {
    padding-left: 110px;
    height: 70px;
    position: relative;
}
.sidebar .battle_information .total_battles:before,
.sidebar .battle_information .active_battles:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
}
.sidebar .battle_information .total_battles .quantity,
.sidebar .battle_information .active_battles .quantity {
    font-size: 36px;
}
.sidebar .battle_information .total_battles p,
.sidebar .battle_information .active_battles p {
    margin: 0;
}
.sidebar .battle_information .total_battles {
    margin-bottom: 20px;
}
.sidebar .battle_information .total_battles:before {
    background: url("../img/total_battles-icon.png") no-repeat center;
}
.sidebar .battle_information .active_battles:before {
    background: url("../img/active_battles-icon.png") no-repeat center;
}
.sidebar .who_is {
    width: 100%;
    height: 100%;
    background: #14111a;
    padding: 25px;
}
.sidebar .who_is .who_is__list {
    margin-left: 0;
    padding-left: 90px;
    list-style-type: none;
    position: relative;
}
.sidebar .who_is .who_is__list:before {
    content: '';
    position: absolute;
    top: 58px;
    left: 40px;
    background: url("../img/dotted_line.png") no-repeat center;
    width: 2px;
    height: 195px;
}
.sidebar .who_is .who_is__list li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    font-size: 14px;
    margin-bottom: 30px;
    counter-increment: step-counter;
    position: relative;
}
.sidebar .who_is .who_is__list li:before {
    position: absolute;
    top: 0;
    left: -90px;
    width: 70px;
    height: 70px;
    display: block;
    content: counter(step-counter);
    font-size: 36px;
    background-color: #343a68;
    color: #FFBA00;
    text-align: center;
    line-height: 70px;
    border: 6px solid #232438;
    border-radius: 50%;
    -webkit-box-shadow: inset 0px 0px 13px 0px #737fdb;
    -moz-box-shadow: inset 0px 0px 13px 0px #737fdb;
    box-shadow: inset 0px 0px 13px 0px #737fdb;
    z-index: 2;
}
.sidebar .who_is .who_is__list li:last-child {
    margin-bottom: 0;
}
.battles_list {
    width: 72%;
    margin-bottom: 100px;
}
table thead {
    line-height: 70px;
}
table tbody {
    background: #14111a;
}
table tbody tr {
    border-bottom: 2px solid #212032;
    height: 90px;
    padding: 10px;
}
table tr td {
    text-align: center;
}
table tr .table_case {
    width: 19%;
    text-align: left;
}
table tr .table_case img {
    max-width: 90px;
    height: 70px;
}
table tr .table_battles {
    width: 34%;
}
table tr .table_price {
    width: 27%;
}
table tr .table_price p {
    display: inline-block;
    position: relative;
}
table tr .table_price p:before {
    position: absolute;
    content: '';
    top: 4px;
    right: -15px;
    background: url("../img/rubles_icon-white.png") no-repeat center;
    background-size: contain;
    width: 9px;
    height: 13px;
}
table tr .table_actions {
    width: 20%;
}
table tr .table_actions .btn {
    margin: 5px auto;
}
.page_battles {
    background: url("../img/battles_bg.jpg") no-repeat top;
    background-size: contain;
    padding: 1px;
}
.main_fight {
    padding-bottom: 120px;
}
.main_fight .search_opponent {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    color: #FFBA00;
    text-align: center;
    margin: 30px 0;
}
.main_fight .fight_block {
    max-width: 1170px;
    margin: auto;
    width: 100%;
}
.main_fight .fight_block .creator_block,
.main_fight .fight_block .opponent_block {
    background: url("../img/main_fight__player_bg.png") no-repeat center;
    width: 280px;
    height: 210px;
    padding: 10px;
    text-align: center;
}
.main_fight .fight_block .creator_block .player_avatar,
.main_fight .fight_block .opponent_block .player_avatar {
    text-align: center;
    width: 70px;
    height: 70px;
    border: 6px solid #232438;
    border-radius: 50%;
    margin: 20px auto;
	overflow: hidden;
}
.main_fight .fight_block .creator_block .player_avatar img,
.main_fight .fight_block .opponent_block .player_avatar img {
    width: 100%;
    height: 100%;
}
.main_fight .fight_block .creator_block .player_name,
.main_fight .fight_block .opponent_block .player_name {
    font-family: 'Roboto-Bold', sans-serif;
}
.main_fight .fight_block .creator_block .signature,
.main_fight .fight_block .opponent_block .signature {
    font-size: 14px;
}
.main_fight .fight_block .case_block {
    text-align: center;
}
.main_fight .fight_block .case_block .case_thumb {
    max-width: 400px;
    max-height: 400px;
    margin-bottom: 20px;
}
.main_fight .fight_block .case_block .case_thumb img {
    margin: auto;
    width: auto;
    height: auto;
}
.main_fight .fight_block .case_block .case_name {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    margin: 30px 0;
}
.main_fight .fight_block .case_block .case_price {
    display: inline-block;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    color: #FFBA00;
    position: relative;
}
.main_fight .fight_block .case_block .case_price:before {
    content: '';
    position: absolute;
    bottom: 6px;
    right: -17px;
    background: url("../img/rubles_icon-yellow.png") no-repeat center;
    background-size: cover;
    width: 11px;
    height: 17px;
}
.case_contents {
    width: 100%;
    padding-bottom: 20px;
}
.roulette_block {
    max-width: 1840px;
    margin: 50px auto;
    justify-content: center;
}
.roulette_block .roulette_player {
	position: absolute;
	left: 0;
	width: 100%;
	display: flex;
    flex-wrap: nowrap;
}
.roulette_block .roulette_player_wrap {
    width: 49%;
    height: 282px;
    background: url("../img/battles__roulette_frame.png") no-repeat center;
    padding: 40px;
    margin: auto;
    position: relative;
	overflow: hidden;
}
.roulette_block .roulette_player_wrap:before {
    position: absolute;
    content: '';
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/roulette_aim.png") no-repeat center;
    width: 240px;
    height: 240px;
    z-index: 2;
}
.roulette_block .roulette_player .gun_item {
    margin: 0;
    width: 32.9%;
    min-width: 170px;
	flex-shrink: 0;
}
.winner .creator_block, .winner .opponent_block {
    background: url("../img/main_fight__player_bg-winner.png") no-repeat center !important;
    position: relative;
}
.winner .creator_block:before, .winner .opponent_block:before {
    position: absolute;
    content: '';
    top: 45px;
    right: -35px;
    background: url("../img/winner_cup.png") no-repeat center;
    width: 89px;
    height: 115px;
}
.winner .creator_block .player_avatar, .winner .opponent_block .player_avatar {
    border: 6px solid #FFBA00 !important;
}
.loser .opponent_block {
    background: url("../img/main_fight__player_bg-loser.png") no-repeat center !important;
}
.case_block {
    text-align: center;
}
.case_block .case_thumb {
    max-width: 400px;
    max-height: 400px;
    margin-bottom: 20px;
}
.case_block .case_thumb img {
    margin: auto;
    width: auto;
    height: auto;
}
.case_block .case_name {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    margin: 30px 0;
}
.case_block .case_price {
    display: inline-block;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    color: #FFBA00;
    position: relative;
}
.case_block .case_price:before {
    content: '';
    position: absolute;
    bottom: 6px;
    right: -17px;
    background: url("../img/rubles_icon-yellow.png") no-repeat center;
    background-size: cover;
    width: 11px;
    height: 17px;
}
.case_block .btn_again {
    display: block;
    border-radius: 60px;
    margin: 40px 40px 20px 40px;
    padding: 20px 60px;
    text-decoration: none;
    color: #000;
    font-family: 'Roboto-Bold', sans-serif;
    text-transform: uppercase;
    background: #FFBA00;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.case_block .btn_again:active {
    background: #775600;
    top: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(255, 255, 255, 0.1);
}
.case_block .back_list {
    display: inline-block;
    height: 30px;
    font-family: 'Roboto-Bold', sans-serif;
    color: #FFBA00;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}
.case_block .back_list:after {
    content: '';
    position: absolute;
    display: block;
    right: -100%;
    bottom: 3px;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #FFBA00);
}
.case_block .back_list:hover:after {
    right: 100%;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.player_item {
    width: 270px;
    height: 250px;
    background: #16142e;
    border: 2px solid #232438;
    padding: 15px;
    margin: 50px auto;
    text-align: center;
}
.player_item .gun_image {
    padding: 15px;
}
.player_item .gun_image img {
    margin: auto;
    max-width: 173px;
    max-height: 96px;
}
.player_item .gun_price {
    display: inline-block;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    color: #FFBA00;
    position: relative;
}
.player_item .gun_price:before {
    content: '';
    position: absolute;
    bottom: 6px;
    right: -17px;
    background: url("../img/rubles_icon-yellow.png") no-repeat center;
    background-size: cover;
    width: 11px;
    height: 17px;
}
.player_item .actions {
    max-width: 220px;
    margin: 15px auto;
}
.player_item .actions .btn {
    width: 100px;
}
.winner .player_item {
    background: #130e01;
    border: 2px solid #FFBA00;
}
.trades_list {
    width: 61%;
    margin: 0 auto;
}
.trades_list .table_list {
    margin-bottom: 100px;
}
.trades_list .table_list thead tr td {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    padding-left: 20px;
}
.trades_list .table_list tbody,
.trades_list .table_list thead {
    background: none;
}
.trades_list .table_list tbody tr,
.trades_list .table_list thead tr {
    height: 80px;
    display: flex;
}
.trades_list .table_list tbody tr td,
.trades_list .table_list thead tr td {
    display: flex;
    align-items: center;
}
.trades_list .table_list tbody tr .table_user,
.trades_list .table_list thead tr .table_user {
    width: 40.2%;
}
.trades_list .table_list tbody .table_user a {
	color: #fff;
	text-decoration: none;
}
.trades_list .table_list tbody tr .table_user .user_avatar,
.trades_list .table_list thead tr .table_user .user_avatar {
    width: 50px;
    height: 50px;
    margin-right: 30px;
}
.trades_list .table_list tbody tr .table_user .user_avatar img,
.trades_list .table_list thead tr .table_user .user_avatar img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}
.trades_list .table_list tbody tr .table_item,
.trades_list .table_list thead tr .table_item {
    width: 36.8%;
    font-family: 'Roboto-Bold', sans-serif;
}
.trades_list .table_list tbody tr .table_item .gun_thumb,
.trades_list .table_list thead tr .table_item .gun_thumb {
    max-width: 130px;
    max-height: 60px;
    margin-right: 30px;
}
.trades_list .table_list tbody tr .table_item .gun_thumb img,
.trades_list .table_list thead tr .table_item .gun_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.trades_list .table_list tbody tr .table_time,
.trades_list .table_list thead tr .table_time {
    width: 23.7%;
}
.trades_list .table_list tbody tr .table_time p,
.trades_list .table_list thead tr .table_time p {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    color: #FFBA00;
    margin: 0;
}
.open_case {
    max-width: 1560px;
    width: 100%;
    margin: 50px auto 150px auto;
}
.open_case .case_thumb,
.open_case .case_settings {
    width: 50%;
    min-width: 550px;
    padding: 40px;
    margin: auto;
}
.open_case .case_thumb {
    display: flex;
    justify-content: center;
    background: url("../img/open_case_frame.png") no-repeat center;
    background-size: contain;
    align-items: center;
}
.open_case .case_settings {
    height: 475px;
}
.open_case .case_settings .info_item {
    background: #14111a;
    border: 3px solid #FFBA00;
    border-radius: 10px;
    text-align: center;
    padding: 15px;
    width: 500px;
    position: relative;
}
.open_case .case_settings .info_item:before {
    position: absolute;
    content: '';
    top: -64px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/warning_icon.png") no-repeat center;
    background-size: cover;
    width: 130px;
    height: 115px;
}
.open_case .case_settings .info_item .info_title {
    margin-top: 80px;
}
.open_case .case_settings .info_item p a {
    font-family: 'Roboto-Bold', sans-serif;
    color: #FFBA00;
    text-decoration: none;
}
.open_case .case_settings .case_price {
    display: inline-block;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 60px;
    position: relative;
    margin: 50px 0;
}
.open_case .case_settings .case_price:before {
    content: '';
    position: absolute;
    bottom: 14px;
    right: -25px;
    background: url("../img/rubles_icon-white.png") no-repeat center;
    background-size: cover;
    width: 16px;
    height: 24px;
}
.open_case .case_settings .selection .checkboxes .custom-checkbox + label {
    background: none;
    border: 1px solid #1b1c2d;
    color: #fff;
    margin-right: -5px;
}
.open_case .case_settings .selection .checkboxes .custom-checkbox:checked + label {
    top: 1px;
    background: rgba(255, 234, 0, 0.6);
    box-shadow: none;
}
.open_case .case_settings .btn-yellow {
    display: inline-block;
    margin: 50px 0;
    font-family: 'Roboto-Bold', sans-serif;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.open_case .case_settings .btn-yellow:hover {
    -webkit-box-shadow: 0px 0px 15px 0px #ffba00;
    -moz-box-shadow: 0px 0px 15px 0px #ffba00;
    box-shadow: 0px 0px 15px 0px #ffba00;
}
.open_case .case_settings .gray_btn {
    display: inline-block;
    margin-left: 30px;
    background: #ff3f00;
    padding-left: 40px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.open_case .case_settings .gray_btn:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 63, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(255, 63, 0, 0.5);
    box-shadow: 0px 0px 15px 0px rgba(255, 63, 0, 0.5);
}
.open_case .case_settings .gray_btn:hover:before {
    transform: scale(1.4);
}
.open_case .case_settings .gray_btn:before {
    position: absolute;
    top: 20px;
    left: 15px;
    display: inline-block;
    content: '';
    mask: url("../img/lightning.png") no-repeat;
    -webkit-mask: url("../img/lightning.png") no-repeat;
    background: #fff;
    background-size: cover;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.drop_item {
    width: 580px;
    margin: 0 auto 80px auto;
}
.drop_item .drop_title {
    font-family: 'Roboto-Black', sans-serif;
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
}
.drop_item .drop_thumb {
    width: 100%;
    height: 458px;
    background: url("../img/open_case_frame.png") no-repeat center;
    background-size: contain;
    margin: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.drop_item.common .drop_thumb {
	background-image: url("../img/open_case_frame_common.png")
}
.drop_item.industrial .drop_thumb {
	background-image: url("../img/open_case_frame_industrial.png")
}
.drop_item.milspec .drop_thumb {
	background-image: url("../img/open_case_frame_milspec.png")
}
.drop_item.restricted .drop_thumb {
	background-image: url("../img/open_case_frame_restricted.png")
}
.drop_item.classified .drop_thumb {
	background-image: url("../img/open_case_frame_classified.png")
}
.drop_item.covert .drop_thumb {
	background-image: url("../img/open_case_frame_covert.png")
}
.drop_item.rare .drop_thumb, .drop_item.contaband .drop_thumb {
	background-image: url("../img/open_case_frame_rare.png")
}
.drop_item .drop_thumb:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: url("../img/aim-icon.png") no-repeat center;
    width: 293px;
    height: 293px;
    transform: translate(-50%, -50%);
}
.drop_item.common .drop_thumb:before {
	background-image: url("../img/aim-icon_common.png")
}
.drop_item.industrial .drop_thumb:before {
	background-image: url("../img/aim-icon_industrial.png")
}
.drop_item.milspec .drop_thumb:before {
	background-image: url("../img/aim-icon_milspec.png")
}
.drop_item.restricted .drop_thumb:before {
	background-image: url("../img/aim-icon_restricted.png")
}
.drop_item.classified .drop_thumb:before {
	background-image: url("../img/aim-icon_classified.png")
}
.drop_item.covert .drop_thumb:before {
	background-image: url("../img/aim-icon_covert.png")
}
.drop_item.rare .drop_thumb:before, .drop_item.contaband .drop_thumb:before {
	background-image: url("../img/aim-icon_rare.png")
}
.drop_item .drop_thumb img {
    max-width: 300px;
    max-height: 270px;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 2;
}
.drop_item .drop_subtitle {
    font-family: 'Roboto-Black', sans-serif;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
}
.drop_item .again {
    display: inline-block;
    text-transform: none;
    line-height: 60px;
    position: relative;
    text-align: center;
    padding-left: 30px;
    margin-right: 30px;
}
.drop_item .again:hover:before {
    transform: rotate(180deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.drop_item .again:before {
    position: absolute;
    top: 12px;
    left: 15px;
    display: block;
    content: '';
    background: url("../img/again-icon.png") no-repeat center;
    width: 44px;
    height: 36px;
}
.drop_item .btn_sell {
    display: inline-block;
    width: 270px;
    line-height: 60px;
    font-family: 'Roboto-Bold', sans-serif;
    border-radius: 60px;
    text-decoration: none;
    position: relative;
    margin-top: 40px;
    text-align: center;
}
.drop_item .btn_sell.abs {
	position: absolute;
	bottom: 0;
}
.drop_item .btn_sell.abs:hover {
	 background: #010310;
}
.roulette_item {
    max-width: 1190px;
    width: 100%;
    margin: 0 auto;
}
.roulette_item .roulette_title {
    font-family: 'Roboto-Black', sans-serif;
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
}
.roulette_item .roulette_gun {
    width: 100%;
    height: 282px;
    padding: 30px 40px;
    margin: 50px auto 100px auto;
    background: url("../img/battles__roulette_frame-1190.png") no-repeat center;
    background-size: contain;
    position: relative;
}
.roulette_item .roulette_gun .roulette_items_wrap {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.roulette_item .roulette_gun .roulette_items {
	position: absolute;
	left: 0;
	width: 100%;
	display: flex;
    flex-wrap: nowrap;
}
.roulette_item .roulette_gun:before {
    position: absolute;
    content: '';
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/roulette_aim.png") no-repeat center;
    width: 240px;
    height: 240px;
    z-index: 3;
}
.roulette_item .roulette_gun .gun_item {
    width: 24%;
	margin: 0 0.5%;
	flex-shrink: 0;
}
.user_data {
    width: 90%;
    margin: 0 auto;
}
.user_data .user_data__left {
    width: 100%;
    max-width: 290px;
    margin: 130px 70px 0 180px;
}
.user_data .action_information,
.user_data .profile_information {
    padding: 0;
    list-style: none;
}
.user_data .action_information li,
.user_data .profile_information li,
.user_data .action_information .profile_information_item,
.user_data .profile_information .profile_information_item {
    display: block;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin-bottom: 40px;
}
.user_data .action_information li .information_thumb,
.user_data .profile_information li .information_thumb,
.user_data .action_information .profile_information_item .information_thumb,
.user_data .profile_information .profile_information_item .information_thumb {
    width: 70px;
    height: 70px;
    margin: 0 auto 15px auto;
    background: #343a68;
    border-radius: 50%;
    border: 6px solid #232438;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user_data .action_information li .information_thumb img,
.user_data .profile_information li .information_thumb img,
.user_data .action_information .profile_information_item .information_thumb img,
.user_data .profile_information .profile_information_item .information_thumb img {
    width: 100%;
    height: 100%;
    object-fit: none;
    object-position: center;
    border-radius: 50%;
}
.user_data .action_information li .information_statistics,
.user_data .profile_information li .information_statistics,
.user_data .action_information .profile_information_item .information_statistics,
.user_data .profile_information .profile_information_item .information_statistics {
    justify-content: center;
}
.user_data .action_information li .information_statistics .quantity,
.user_data .profile_information li .information_statistics .quantity,
.user_data .action_information .profile_information_item .information_statistics .quantity,
.user_data .profile_information .profile_information_item .information_statistics .quantity {
    position: relative;
    padding: 5px 10px;
}
.user_data .action_information li .information_statistics .quantity:before,
.user_data .profile_information li .information_statistics .quantity:before,
.user_data .action_information .profile_information_item .information_statistics .quantity:before,
.user_data .profile_information .profile_information_item .information_statistics .quantity:before {
    position: absolute;
    content: '';
    top: 5px;
    right: -1px;
    width: 3px;
    height: 20px;
    background: #fff;
}
.user_data .action_information li .information_statistics .quantity:last-child:before,
.user_data .profile_information li .information_statistics .quantity:last-child:before,
.user_data .action_information .profile_information_item .information_statistics .quantity:last-child:before,
.user_data .profile_information .profile_information_item .information_statistics .quantity:last-child:before {
    display: none;
}
.user_data .action_information li .information_statistics .quantity_successful,
.user_data .profile_information li .information_statistics .quantity_successful,
.user_data .action_information .profile_information_item .information_statistics .quantity_successful,
.user_data .profile_information .profile_information_item .information_statistics .quantity_successful {
    color: #6ef028;
}
.user_data .action_information li .information_statistics .quantity_unsuccessful,
.user_data .profile_information li .information_statistics .quantity_unsuccessful,
.user_data .action_information .profile_information_item .information_statistics .quantity_unsuccessful,
.user_data .profile_information .profile_information_item .information_statistics .quantity_unsuccessful,
.user_data .action_information li .information_statistics .quantity_defeats,
.user_data .profile_information li .information_statistics .quantity_defeats,
.user_data .action_information .profile_information_item .information_statistics .quantity_defeats,
.user_data .profile_information .profile_information_item .information_statistics .quantity_defeats {
    color: #db2e2e;
}
.user_data .action_information li .information_statistics .quantity_victories,
.user_data .profile_information li .information_statistics .quantity_victories,
.user_data .action_information .profile_information_item .information_statistics .quantity_victories,
.user_data .profile_information .profile_information_item .information_statistics .quantity_victories {
    color: #ffb400;
}
.user_data .action_information li .information_statistics .quantity_drawes,
.user_data .profile_information li .information_statistics .quantity_drawes,
.user_data .action_information .profile_information_item .information_statistics .quantity_drawes,
.user_data .profile_information .profile_information_item .information_statistics .quantity_drawes {
    color: #343a68;
}
.user_data .user_data__center {
    width: 33.7%;
}
.user_data .user_data__center .user_id {
    font-size: 24px;
    text-align: center;
}
.user_data .user_data__center .user_information {
    width: 100%;
    height: 463px;
    background: url("../img/user_information_frame.png") no-repeat center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 40px 0;
}
.user_data .user_data__center .user_information .user_thumb {
    width: 196px;
    height: 196px;
    border-radius: 50%;
    margin: 30px 0;
    background: url("../img/user_account__frame.png") no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0px 0px 18px 0px #00a1ff;
    -moz-box-shadow: 0px 0px 18px 0px #00a1ff;
    box-shadow: 0px 0px 18px 0px #00a1ff;
	overflow: hidden;
}
.user_data .user_data__center .user_information .user_thumb img {
    max-width: 168px;
    max-height: 168px;
    border-radius: 50%;
    background: url("../img/user_account__thumb.png");
    -webkit-box-shadow: inset 0px 0px 18px 0px #00a1ff;
    -moz-box-shadow: inset 0px 0px 18px 0px #00a1ff;
    box-shadow: inset 0px 0px 18px 0px #00a1ff;
}
.user_data .user_data__center .user_information a.user_balance {
    width: initial;
    height: initial;
    padding: 20px 90px;
    margin: 0 auto;
    line-height: initial;
    font-family: 'Roboto-Black', sans-serif;
    text-decoration: none;
    text-align: center;
    background: #fff600;
}
.user_data .user_data__center .user_information a.user_balance .balance_number {
    color: #0e173c;
    font-size: 50px;
    text-align: center;
}
.user_data .user_data__center .user_information a.user_balance .balance_number:after {
    content: '';
    display: inline-block;
    background: url("../img/rubles_icon-maxi.png") no-repeat center;
    width: 22px;
    height: 37px;
}
.user_data .user_data__center .user_information a.user_balance p {
    margin: 0;
    font-size: 16px;
}
.user_data .user_data__center .url_trade {
    width: 170px;
    line-height: 50px;
    margin: 30px auto;
    color: #fff600;
    font-size: 24px;
    text-decoration: none;
    cursor: pointer;
}
.user_data .user_data__center .url_trade:hover p {
    border-bottom: 1px solid #fff600;
}
.user_data .user_data__center .url_trade:hover .reset_image {
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.user_data .user_data__center .url_trade .reset_image {
    width: 44px;
    height: 36px;
    margin-top: 8px;
    margin-right: 10px;
    mask: url("../img/again-icon.png") no-repeat;
    -webkit-mask: url("../img/again-icon.png") no-repeat;
    background: #fff600;
}
.user_data .user_data__center .url_trade p {
    height: 40px;
    margin: 0;
    display: block;
    border-bottom: 1px dashed #fff600;
}
.user_data .user_data__center .trade-link {
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
}
.user_data .user_data__center .trade-link .trade-link__title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
}
.user_data .user_data__center .trade-link .trade-link__title a {
    display: inline-block;
    text-decoration: none;
    color: #FFBA00;
    transition: 0.2s ease;
}
.user_data .user_data__center .trade-link .active {
    border-color: #FFBA00;
    -webkit-box-shadow: 0px 0px 15px 0px #ffba00;
    -moz-box-shadow: 0px 0px 15px 0px #ffba00;
    box-shadow: 0px 0px 15px 0px #ffba00;
}
.user_data .user_data__center .trade-link .trade-link__form {
    display: flex;
    align-items: center;
    padding: 4px 4px 4px 25px;
    max-width: 885px;
    width: 100%;
    border-radius: 7px;
    background-color: rgba(54, 47, 47, 0.3);
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    transition: 0.2s ease;
}
.user_data .user_data__center .trade-link .trade-link__form input.trade-link__input {
    height: 100%;
    padding: 5px 40px 5px 0;
    width: 100%;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    margin: 0;
    box-shadow: none;
    outline: none;
    border-radius: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.user_data .user_data__center .trade-link .trade-link__form input[type="search"]::-moz-placeholder {
    color: #fff;
    font-size: 16px;
    /* Цвет подсказывающего текста */
}
.user_data .user_data__center .trade-link .trade-link__form input[type="url"]::-webkit-input-placeholder {
    color: #fff;
}
.user_data .user_data__center .trade-link .trade-link__form input[type="url"]:-ms-input-placeholder {
    color: #fff;
}
.user_data .user_data__center .trade-link .trade-link__form input[type="url"]::-ms-input-placeholder {
    color: #fff;
}
.user_data .user_data__center .trade-link .trade-link__form input[type="url"]::placeholder {
    color: #fff;
    font-size: 14px;
}
.user_data .user_data__center .trade-link .trade-link__form button.trade-link__btn {
    flex: none;
    width: auto;
    padding: 10px 30px;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFBA00;
    border-radius: 5px;
    line-height: 18px;
    font-weight: 700;
    color: #07111a;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s ease;
}
.user_data .user_data__center .trade-link.open {
    display: flex;
}
.user_data .user_data__right {
    margin-top: 130px;
    width: 100%;
    max-width: 450px;
}
.user_data .user_data__right .profile_information {
    width: 58.2%;
    margin-left: 50px;
    justify-content: center;
}
.user_data .user_data__right .profile_information .profile_information_item .information_statistics .days {
    font-size: 24px;
    color: #6ef028;
}
.user_data .user_data__right .profile_information .profile_steam {
    width: 150px;
}
.user_data .user_data__right .profile_information .profile_steam .information_thumb img {
    object-position: right;
}
.user_data .user_data__right .achievements {
    align-items: flex-start;
}
.user_data .user_data__right .achievements .best_drop,
.user_data .user_data__right .achievements .best_case {
    text-align: center;
}
.user_data .user_data__right .achievements .best_drop .best_drop__signature,
.user_data .user_data__right .achievements .best_case .best_drop__signature,
.user_data .user_data__right .achievements .best_drop .best_case__signature,
.user_data .user_data__right .achievements .best_case .best_case__signature {
    margin-top: 30px;
}
.user_data .user_data__right .achievements .best_drop {
    width: 50%;
}
.user_data .user_data__right .achievements .best_drop .gun_item {
    max-width: 270px;
    width: 100%;
    margin: 0 70px 0 0;
    padding: 1px;
}
.user_data .user_data__right .achievements .best_case {
    width: 50%;
	cursor: pointer;
}
.user_data .user_data__right .achievements .best_case .best_case__thumb img {
    max-height: 200px;
    object-fit: contain;
}
.container_1770 .header_case_contents .header_top {
    max-width: 540px;
    margin: 30px auto;
}
.container_1770 .header_case_contents .header_top ul.header_top__menu {
    list-style: none;
    padding: 0;
}
.container_1770 .header_case_contents .header_top ul.header_top__menu li a {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}
.container_1770 .header_case_contents .header_top ul.header_top__menu li a:hover {
    color: #FFBA00;
}
.container_1770 .header_case_contents .header_top ul.header_top__menu li a:hover:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background: #FFBA00;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.container_1770 .header_case_contents .header_top ul.header_top__menu li .active {
    color: #FFBA00;
}
.container_1770 .header_case_contents .header_top ul.header_top__menu li .active:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background: #FFBA00;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.container_1770 .header_case_contents .header_bottom {
    max-width: 1170px;
    margin: 0 auto 60px auto;
    align-items: center;
    justify-content: center;
}
.container_1770 .header_case_contents .header_bottom .sell {
    text-transform: none;
    text-align: center;
    font-family: 'Roboto-Bold', sans-serif;
    display: flex;
    justify-content: center;
    margin: 40px auto;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
	width: 220px;
}
.container_1770 .header_case_contents .header_bottom .sell:before {
    display: inline-block;
    content: '';
    background: url("../img/basket-icon.png") no-repeat center;
    width: 32px;
    height: 30px;
    margin: 15px 15px 15px 0;
}
.container_1770 .header_case_contents .header_bottom .sell:hover {
    background: #ffbb00;
    background: -moz-linear-gradient(top, #ffbb00 0%, #ffdd87 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffbb00), color-stop(100%, #ffdd87));
    background: -webkit-linear-gradient(top, #ffbb00 0%, #ffdd87 100%);
    background: -o-linear-gradient(top, #ffbb00 0%, #ffdd87 100%);
    background: -ms-linear-gradient(top, #ffbb00 0%, #ffdd87 100%);
    background: linear-gradient(to bottom, #ffbb00 0%, #ffdd87 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb00', endColorstr='#ffdd87', GradientType=0);
}
.container_1770 .header_case_contents .header_bottom .gray_btn {
    margin: auto;
}
.container_1770 .header_case_contents .header_bottom .selection {
    margin: auto;
}
.container_1770 .header_case_contents .header_bottom .selection .checkboxes {
    margin-top: 5px;
}
.container_1770 .case_contents .gun_item {
    -webkit-transition: linear all 0.3s;
    -moz-transition: linear all 0.3s;
    -o-transition: linear all 0.3s;
    transition: linear all 0.3s;
}
.container_1770 .case_contents .gun_item:hover {
    z-index: 99;
    transform: translateY(10%);
}
.container_1770 .case_contents .gun_item:hover .dropped {
    transform: translateY(-100%);
    z-index: 1;
    opacity: 1;
}
.container_1770 .case_contents .gun_item .dropped {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 150px;
    padding: 1px;
    transform: translateY(-50%);
    background: #ffe46c;
    background: -moz-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #ffe46c), color-stop(47%, #9c8417), color-stop(100%, #ffdd53));
    background: -webkit-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -o-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: -ms-linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    background: linear-gradient(45deg, #ffe46c 0%, #9c8417 47%, #ffdd53 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe46c', endColorstr='#ffdd53', GradientType=1);
    -webkit-transition: linear all 0.3s;
    -moz-transition: linear all 0.3s;
    -o-transition: linear all 0.3s;
    transition: linear all 0.3s;
    z-index: -1;
}
.container_1770 .case_contents .gun_item .dropped .dropped__case {
    width: 100%;
    height: 118px;
    background: #14111a;
    text-align: center;
    padding: 10px;
	cursor: pointer;
}
.container_1770 .case_contents .gun_item .dropped .dropped__case .case_image img {
    max-width: 75px;
    max-height: 75px;
    height: auto;
    margin: auto;
}
.container_1770 .case_contents .gun_item .dropped .dropped__case .case_name {
    padding: 10px 0;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}
.container_1770 .case_contents .gun_item .dropped .dropped_user {
    width: 100%;
    height: 30px;
    background: #36323e;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container_1770 .case_contents .gun_item .dropped .dropped_user .user_image {
    margin-right: 10px;
}
.container_1770 .case_contents .gun_item .dropped .dropped_user .user_image img {
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.container_1770 .case_contents .gun_item .dropped .dropped_user .user_name {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.container_1770 .contracts_contents {
    justify-content: center;
}
.container_1770 .contracts_contents .contracts_item {
    margin: auto;
}
.container_1770 .contracts_contents .contracts_item .available_guns {
    width: 600px;
    min-height: 200px;
    background: #1a1e38;
    margin: 15px 0;
    position: relative;
}
.container_1770 .contracts_contents .contracts_item .available_guns .gun_block {
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
}
.container_1770 .contracts_contents .contracts_item .available_guns .gun_block .gun_list {
    max-width: 120px;
    height: auto;
    margin: 5px 10px;
    display: flex;
    align-items: center;
}
.container_1770 .contracts_contents .contracts_item .available_guns .gun_block .gun_list img {
    width: 100%;
    height: 100%;
}
.container_1770 .contracts_contents .contracts_item .available_guns .contract_sum {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 220px;
    height: 40px;
    background: #FFBA00;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px;
}
.container_1770 .contracts_contents .contracts_item .available_guns .contract_sum span:after {
    content: '';
    display: inline-block;
    mask: url("../img/rubles_icon-yellow.png") no-repeat;
    -webkit-mask: url("../img/rubles_icon-yellow.png") no-repeat;
    background: #000;
    -webkit-mask-size: contain;
    width: 7px;
    height: 11px;
}
.container_1770 .battles_content {
    max-width: 1570px;
    margin: 0 auto 20px auto;
}
.raffle_today {
    max-width: 1190px;
    width: 100%;
    margin: 40px auto 90px auto;
}
.raffle_today .raffle_today__title {
    font-size: 40px;
    color: #ffea00;
    text-align: center;
}
.raffle_today .raffle_today__block {
    margin: 70px 0;
    background: url("../img/raffle_frame.png") no-repeat center;
    background-size: contain;
    padding: 30px 140px;
}
.raffle_today .raffle_today__block .users_block .user_item .user_thumb {
    width: 196px;
    height: 196px;
    border-radius: 50%;
    margin: 30px 0;
    background: url("../img/user_account__frame.png") no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0px 0px 18px 0px #00a1ff;
    -moz-box-shadow: 0px 0px 18px 0px #00a1ff;
    box-shadow: 0px 0px 18px 0px #00a1ff;
}
.raffle_today .raffle_today__block .users_block .user_item .user_thumb .image {
    width: 168px;
    height: 168px;
    border-radius: 50%;
    background: url("../img/user_account__thumb.png");
    -webkit-box-shadow: inset 0px 0px 18px 0px #00a1ff;
    -moz-box-shadow: inset 0px 0px 18px 0px #00a1ff;
    box-shadow: inset 0px 0px 18px 0px #00a1ff;
}
.raffle_today .raffle_today__block .users_block .user_item .user_name {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 30px;
    color: #ffea00;
}
.raffle_today .raffle_today__block .gun_block {
    margin-top: 50px;
}
.raffle_today .raffle_today__block .winners {
    text-transform: none;
    text-align: center;
}
.raffle_today .step-2 {
    background: url("../img/raffle_step2_frame.png") no-repeat center;
    background-size: contain;
    padding: 90px 140px;
}
.raffle_today .step-2 .gun_block .gun_item {
    width: 30%;
}
.terms h2:before {
    background: linear-gradient(90deg, transparent, #c24a04);
}
.terms h2:after {
    background: linear-gradient(270deg, transparent, #c24a04);
}
.terms h2 span {
    background: url("../img/title_point-2.png") no-repeat center;
}
.terms .terms_block {
    max-width: 1190px;
    margin: 0 auto 150px auto;
}
.terms .terms_block ul.terms_list {
    padding: 0;
    margin: 50px 0;
    list-style: none;
}
.terms .terms_block ul.terms_list li {
    max-width: 370px;
    text-align: center;
}
.terms .terms_block ul.terms_list li .term_thumb {
    width: 196px;
    height: 196px;
    border-radius: 50%;
    margin: 30px auto;
    background: url("../img/user_account__frame.png") no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0px 0px 18px 0px #00a1ff;
    -moz-box-shadow: 0px 0px 18px 0px #00a1ff;
    box-shadow: 0px 0px 18px 0px #00a1ff;
}
.terms .terms_block ul.terms_list li .term_thumb .image {
    width: 168px;
    height: 168px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0px 0px 18px 0px #00a1ff;
    -moz-box-shadow: inset 0px 0px 18px 0px #00a1ff;
    box-shadow: inset 0px 0px 18px 0px #00a1ff;
}
.terms .terms_block ul.terms_list li .terms_question {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #ffd800;
}
.terms .terms_block ul.terms_list li .terms_answer {
    font-size: 20px;
}
.terms .terms_block ul.terms_list .paragraph-1 .term_thumb .image {
    background: url("../img/terms_thumb-1.png") no-repeat center;
}
.terms .terms_block ul.terms_list .paragraph-2 .term_thumb .image {
    background: url("../img/terms_thumb-2.png") no-repeat center;
}
.terms .terms_block ul.terms_list .paragraph-3 .term_thumb .image {
    background: url("../img/terms_thumb-3.png") no-repeat center;
}
.drop_top h2 {
    font-size: 48px;
}
.drop_top h2:before,
.drop_top h2:after {
    display: none;
}
.drop_top ul.time_interval_list {
    max-width: 940px;
    margin: auto;
    padding: 0;
    list-style: none;
}
.drop_top ul.time_interval_list li {
    min-width: 100px;
    line-height: 20px;
    border: 1px solid #fff600;
    border-radius: 30px;
    padding: 5px 15px;
    text-transform: uppercase;
    text-align: center;
    color: #fff600;
    cursor: pointer;
}
.drop_top ul.time_interval_list li.active {
    background: #fff600;
    color: #010310;
}
.drop_top .drop_block .drop_item.industrial .border .item_thumb {
    background: #03b9ec;
    background: -moz-linear-gradient(45deg, #03b9ec 0%, #04689e 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #03b9ec), color-stop(100%, #04689e));
    background: -webkit-linear-gradient(45deg, #03b9ec 0%, #04689e 100%);
    background: -o-linear-gradient(45deg, #03b9ec 0%, #04689e 100%);
    background: -ms-linear-gradient(45deg, #03b9ec 0%, #04689e 100%);
    background: linear-gradient(45deg, #03b9ec 0%, #04689e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03b9ec', endColorstr='#04689e', GradientType=1);
}
.drop_top .drop_block .drop_item.restricted .border .item_thumb {
    background: #b934cd;
    background: -moz-linear-gradient(45deg, #b934cd 0%, #7f0792 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #b934cd), color-stop(100%, #7f0792));
    background: -webkit-linear-gradient(45deg, #b934cd 0%, #7f0792 100%);
    background: -o-linear-gradient(45deg, #b934cd 0%, #7f0792 100%);
    background: -ms-linear-gradient(45deg, #b934cd 0%, #7f0792 100%);
    background: linear-gradient(45deg, #b934cd 0%, #7f0792 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b934cd', endColorstr='#7f0792', GradientType=1);
}
.drop_top .drop_block .drop_item.milspec .border .item_thumb {
    background: #6018be;
    background: -moz-linear-gradient(45deg, #6018be 0%, #2b0656 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #6018be), color-stop(100%, #2b0656));
    background: -webkit-linear-gradient(45deg, #6018be 0%, #2b0656 100%);
    background: -o-linear-gradient(45deg, #6018be 0%, #2b0656 100%);
    background: -ms-linear-gradient(45deg, #6018be 0%, #2b0656 100%);
    background: linear-gradient(45deg, #6018be 0%, #2b0656 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6018be', endColorstr='#2b0656', GradientType=1);
}
.drop_top .drop_block .drop_item.common .border .item_thumb {
    background: #312f30;
    background: -moz-linear-gradient(45deg, #312f30 0%, #27252a 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #312f30), color-stop(100%, #27252a));
    background: -webkit-linear-gradient(45deg, #312f30 0%, #27252a 100%);
    background: -o-linear-gradient(45deg, #312f30 0%, #27252a 100%);
    background: -ms-linear-gradient(45deg, #312f30 0%, #27252a 100%);
    background: linear-gradient(45deg, #312f30 0%, #27252a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#312f30', endColorstr='#27252a', GradientType=1);
}
.drop_top .drop_block .drop_item.classified .border .item_thumb {
    background: #ff36d3;
    background: -moz-linear-gradient(45deg, #ff36d3 0%, #a50c7f 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #ff36d3), color-stop(100%, #a50c7f));
    background: -webkit-linear-gradient(45deg, #ff36d3 0%, #a50c7f 100%);
    background: -o-linear-gradient(45deg, #ff36d3 0%, #a50c7f 100%);
    background: -ms-linear-gradient(45deg, #ff36d3 0%, #a50c7f 100%);
    background: linear-gradient(45deg, #ff36d3 0%, #a50c7f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff36d3', endColorstr='#a50c7f', GradientType=1);
}
.drop_top .drop_block .drop_item.covert .border .item_thumb {
    background: #ff6161;
    background: -moz-linear-gradient(45deg, #ff6161 0%, #960919 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #ff6161), color-stop(100%, #960919));
    background: -webkit-linear-gradient(45deg, #ff6161 0%, #960919 100%);
    background: -o-linear-gradient(45deg, #ff6161 0%, #960919 100%);
    background: -ms-linear-gradient(45deg, #ff6161 0%, #960919 100%);
    background: linear-gradient(45deg, #ff6161 0%, #960919 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6161', endColorstr='#960919', GradientType=1);
}
.drop_top .drop_block .drop_item.rare .border .item_thumb, .drop_top .drop_block .drop_item.contaband .border .item_thumb {
    background: #b3870f;
    background: -moz-linear-gradient(45deg, #b3870f 0%, #755808 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #b3870f), color-stop(100%, #755808));
    background: -webkit-linear-gradient(45deg, #b3870f 0%, #755808 100%);
    background: -o-linear-gradient(45deg, #b3870f 0%, #755808 100%);
    background: -ms-linear-gradient(45deg, #b3870f 0%, #755808 100%);
    background: linear-gradient(45deg, #b3870f 0%, #755808 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3870f', endColorstr='#755808', GradientType=1);
}
.drop_top .drop_block .drop_item {
    min-width: 300px;
    width: 23.7%;
    margin: 50px 0;
}
.drop_top .drop_block .drop_item .top_place {
    font-size: 24px;
}
.drop_top .drop_block .drop_item .top_place span {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 48px;
}
.drop_top .drop_block .drop_item .border {
    width: 100%;
    padding: 3px;
    border-radius: 23px;
}
.drop_top .drop_block .drop_item .border .item_thumb {
    width: 100%;
    padding: 23px;
    height: 320px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.drop_top .drop_block .drop_item .border .item_thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    margin: auto;
}
.drop_top .drop_block .drop_item .border .item_thumb .drop_signature {
    width: 100%;
}
.drop_top .drop_block .drop_item .border .item_thumb .drop_signature-left {
	max-width: 80%;
}
.drop_top .drop_block .drop_item .border .item_thumb .drop_signature .drop_signature-right .user_icon img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.drop_top .drop_block .drop_item .border .price {
    width: 100%;
    height: 60px;
    line-height: 30px;
    padding: 15px;
    background: #081024;
    font-family: 'Roboto-Black', sans-serif;
    font-size: 36px;
    color: #FFBA00;
    text-align: center;
    position: relative;
    text-decoration: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.drop_top .drop_block .drop_item .border .price:before,
.drop_top .drop_block .drop_item .border .price:after {
    position: absolute;
    content: '';
    top: 10px;
    background: url("../img/case_point.png") no-repeat center;
    width: 30px;
    height: 30px;
}
.drop_top .drop_block .drop_item .border .price:before {
    left: 10px;
}
.drop_top .drop_block .drop_item .border .price:after {
    right: 10px;
}
.drop_top .drop_block .drop_item .border .price span {
    font-family: 'Roboto-Bold';
    font-size: 24px;
    color: #31768f;
}
.drop_top .drop_block .drop_item:first-child .top_place span {
    color: #fff600;
}
.drop_top .drop_block .drop_item:nth-child(2) .top_place span {
    color: #c6c6c6;
}
.drop_top .drop_block .drop_item:nth-child(3) .top_place span {
    color: #c35c00;
}
.earnings_top h2 {
    font-size: 48px;
}
.earnings_top h2:before,
.earnings_top h2:after {
    display: none;
}
.earnings_top .earnings_block {
    margin: 50px 0 100px 0;
}
.earnings_top .earnings_block .border {
    width: 30%;
    min-width: 285px;
    height: 310px;
    border-radius: 21px;
    margin-top: 50px;
    padding: 3px;
}
.earnings_top .earnings_block .border:nth-child(1) .earnings_item .earnings_user .user_thumb {
    border: 1px solid #FFBA00;
}
.earnings_top .earnings_block .border:nth-child(1) .earnings_item .earnings_user .user_thumb .number {
    background: #ffd900;
    background: -moz-linear-gradient(top, #ffd900 0%, #8a770b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd900), color-stop(100%, #8a770b));
    background: -webkit-linear-gradient(top, #ffd900 0%, #8a770b 100%);
    background: -o-linear-gradient(top, #ffd900 0%, #8a770b 100%);
    background: -ms-linear-gradient(top, #ffd900 0%, #8a770b 100%);
    background: linear-gradient(to bottom, #ffd900 0%, #8a770b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd900', endColorstr='#8a770b', GradientType=0);
}
.earnings_top .earnings_block .border:nth-child(2) .earnings_item .earnings_user .user_thumb {
    border: 1px solid #fff;
}
.earnings_top .earnings_block .border:nth-child(2) .earnings_item .earnings_user .user_thumb .number {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #b6b6b6 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #b6b6b6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #b6b6b6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #b6b6b6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #b6b6b6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #b6b6b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b6b6b6', GradientType=0);
}
.earnings_top .earnings_block .border:nth-child(3) .earnings_item .earnings_user .user_thumb {
    border: 1px solid #ffa94c;
}
.earnings_top .earnings_block .border:nth-child(3) .earnings_item .earnings_user .user_thumb .number {
    background: #ffae5c;
    background: -moz-linear-gradient(top, #ffae5c 0%, #d37b00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffae5c), color-stop(100%, #d37b00));
    background: -webkit-linear-gradient(top, #ffae5c 0%, #d37b00 100%);
    background: -o-linear-gradient(top, #ffae5c 0%, #d37b00 100%);
    background: -ms-linear-gradient(top, #ffae5c 0%, #d37b00 100%);
    background: linear-gradient(to bottom, #ffae5c 0%, #d37b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae5c', endColorstr='#d37b00', GradientType=0);
}
.earnings_top .earnings_block .border .earnings_item {
    width: 100%;
    height: 100%;
    background: #14111a;
    border-radius: 20px;
    text-align: center;
}
.earnings_top .earnings_block .border .earnings_item .earnings_user {
    position: relative;
    padding-top: 80px;
}
.earnings_top .earnings_block .border .earnings_item .earnings_user .user_thumb {
    position: absolute;
    top: -66px;
    left: 50%;
    transform: translateX(-50%);
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
.earnings_top .earnings_block .border .earnings_item .earnings_user .user_thumb .number {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    line-height: 46px;
    color: #000;
    border: 2px solid #fff0a0;
    border-radius: 50%;
    text-shadow: 0 1px 0 #fff;
}
.earnings_top .earnings_block .border .earnings_item .earnings_user .user_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.earnings_top .earnings_block .border .earnings_item .earnings_user .user_name {
    font-size: 24px;
    font-family: 'Roboto-Bold', sans-serif;
}
.earnings_top .earnings_block .border .earnings_item .earnings_information {
    max-width: 280px;
    margin: 0 auto;
    text-align: left;
}
.earnings_top .earnings_block .border .earnings_item .earnings_information .opened_cases,
.earnings_top .earnings_block .border .earnings_item .earnings_information .earnings {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    margin: 10px 0;
    padding-left: 100px;
    position: relative;
}
.earnings_top .earnings_block .border .earnings_item .earnings_information .opened_cases:before,
.earnings_top .earnings_block .border .earnings_item .earnings_information .earnings:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: inline-block;
    width: 70px;
    height: 70px;
    border: 6px solid #232438;
    border-radius: 50%;
    background-color: #15182c;
    background-image: url("../img/opened_cases.png");
    background-repeat: no-repeat;
    background-position: center;
}
.earnings_top .earnings_block .border .earnings_item .earnings_information .opened_cases p,
.earnings_top .earnings_block .border .earnings_item .earnings_information .earnings p {
    display: inline-block;
    margin: 0;
    color: #ffd800;
}
.earnings_top .earnings_block .border .earnings_item .earnings_information .earnings:before {
    background-image: url("../img/earnings.png");
}
.earnings_top .earnings_block .border .earnings_item .earnings_information .earnings p {
    position: relative;
}
.earnings_top .earnings_block .border .earnings_item .earnings_information .earnings p:after {
    content: '';
    display: inline-block;
    mask: url("../img/rubles_icon-yellow.png") no-repeat;
    -webkit-mask: url("../img/rubles_icon-yellow.png") no-repeat;
    background: #fff600;
    background-size: contain;
    width: 11px;
    height: 17px;
    margin-left: 10px;
}
.earnings_top .trades_list {
    margin-bottom: 150px;
    width: 75%;
}
.earnings_top .trades_list .table_list {
    min-width: 770px;
}
.earnings_top .trades_list .table_list tr {
    padding: 0;
}
.earnings_top .trades_list .table_list tr td {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 24px;
    font-family: 'Roboto-Bold', sans-serif;
}
.earnings_top .trades_list .table_list tbody tr:nth-child(1) .table_place,
.earnings_top .trades_list .table_list tbody tr:nth-child(2) .table_place,
.earnings_top .trades_list .table_list tbody tr:nth-child(3) .table_place {
    color: #FFBA00;
}
.earnings_top .trades_list .table_list tbody tr .table_profit {
    color: #FFBA00;
}
.earnings_top .trades_list .table_list tbody tr .table_profit p:after {
    content: '';
    display: inline-block;
    background: url("../img/rubles_icon-yellow.png") no-repeat center;
    width: 11px;
    height: 17px;
}
.earnings_top .trades_list .table_list .table_place {
    width: 7%;
}
.earnings_top .trades_list .table_list .table_user {
    width: 41.8%;
}
.earnings_top .trades_list .table_list .table_cases {
    width: 29%;
    padding-right: 100px;
}
.earnings_top .trades_list .table_list .table_profit {
    width: 22%;
}
.stattrak-color {
	color: rgb(245, 163, 117);/*rgb(207, 106, 50);*/
}
.flex-end {
	justify-content: flex-end;
}
.gray-disabled {
	filter: grayscale(100%);
	pointer-events: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
.modal-window {
	z-index: 999;
    text-align: center;
    width: 600px;
    display: flex;
    flex-direction: column;
    position: fixed;
    background-color: #fff;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal-window.widthdrow-modal {
	height: 500px;
	top: 0;
	 transform: translate(-50%, 20%);
}
.modal-window .title {
	padding: 0 25px;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 700;
    color: #222;
    margin: 25px 0 10px;
    display: flex;
    flex-direction: column;
}
.modal-window .info {
    padding: 10px 20px;
    color: #666;
}
.modal-window .item-wrap {
	margin: 0 auto;
}
.modal-window .btns-wrap {
	display: flex;
	justify-content: space-around;
	padding: 10px;
}
.modal-window .modal-btn {
	/*width: 100%;*/
    padding: 15px 40px;
	margin: 0 10px;
    line-height: 24px;
    white-space: nowrap;
    text-transform: uppercase;
    display: inline-block;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(90deg, #109cf6 0, #098ee4);
    transition: 0.2s ease;
}
.modal-window .modal-btn.empty {
	background: none;
	border: 1px solid #109cf6;
	color: #109cf6;
}
.modal-window .modal-btn:hover {
	box-shadow: 0 0 15px 0 #109cf6;
}

/* ===DS-REDESIGN START=== */
/* Gilroy @font-face disabled until font files are uploaded to /tpl/maybedrop/fonts/ (Medium/SemiBold/Bold/HeavyItalic .woff2) — avoids 4x 404 per page */
/* dropskins redesign — главная + header + footer. Tokens from Figma (file dropskins). */





:root{
	--ds-bg:#171D26;
	--ds-card:#1A2C38;
	--ds-teal:#3AFFD0;
	--ds-red:#D42E2E;
	--ds-red2:#F55959;
	--ds-font:'Gilroy','Manrope',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

body{background:#171D26 !important;}
.ds-ic,.ds-stat__ic,.ds-field__ic{fill-rule:evenodd;}
.ds-header-wrap,.ds-main,.ds-footer,.ds-strip-wrap{font-family:var(--ds-font);}
.ds-header *,.ds-main *,.ds-footer *,.ds-strip *{box-sizing:border-box;}

/* ---------- logo ---------- */
.ds-logo{font:italic 800 28px/1 var(--ds-font);color:#fff;text-decoration:none;letter-spacing:-.5px;white-space:nowrap;}
.ds-logo span{color:var(--ds-teal);}
.ds-logo--sm{font-size:22px;}

/* ---------- header ---------- */
.ds-header{background:var(--ds-card);}
.ds-header__in{max-width:1440px;margin:0 auto;padding:20px 30px;display:flex;align-items:center;gap:30px;}
.ds-nav{display:flex;align-items:center;gap:18px;flex:1;}
.ds-nav__link{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font:600 14px/1 var(--ds-font);padding:7px 11px;border-radius:9px;border:1px solid transparent;white-space:nowrap;transition:.15s;}
.ds-nav__link .ds-ic{width:18px;height:18px;flex:0 0 auto;fill:var(--ds-teal);}
.ds-nav__link:hover{color:var(--ds-teal);}
.ds-nav__link.is-active{border-color:var(--ds-teal);}
.ds-nav__link--plain{color:rgba(255,255,255,.8);}
.ds-nav__sep{width:1px;height:28px;background:rgba(255,255,255,.14);margin:0 4px;}

.ds-header__right{display:flex;align-items:center;gap:10px;margin-left:auto;}
.ds-wallet{display:flex;align-items:center;gap:10px;height:50px;padding:5px 5px 5px 14px;background:var(--ds-bg);border-radius:10px;}
.ds-wallet__sum{color:#fff;font:600 16px/1 var(--ds-font);white-space:nowrap;}
.ds-wallet__btn{height:40px;padding:0 16px;border:0;border-radius:7px;background:var(--ds-teal);color:#08121b;font:700 13px/1 var(--ds-font);cursor:pointer;}
.ds-ava{position:relative;width:50px;height:50px;border-radius:10px;overflow:hidden;background:var(--ds-bg);flex:0 0 auto;}
.ds-ava img{width:100%;height:100%;object-fit:cover;display:block;}
.ds-ava__out{position:absolute;inset:0;}
.ds-steam{display:inline-flex;align-items:center;gap:6px;height:50px;padding:0 20px;border-radius:10px;background:var(--ds-teal);color:#08121b;font:700 14px/1 var(--ds-font);text-decoration:none;}
.ds-steam span{text-decoration:underline;}

/* ---------- live-drop strip ---------- */
.ds-strip-wrap{max-width:1440px;margin:0 auto;padding:16px 30px 0;}
.ds-strip{display:flex;gap:10px;overflow:hidden;}
.ds-drop{position:relative;flex:0 0 129px;width:129px;height:128px;border-radius:10px;background:var(--ds-card);display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;}
.ds-drop__glow{position:absolute;top:50%;left:50%;width:84px;height:84px;transform:translate(-50%,-55%);border-radius:50%;background:radial-gradient(circle,var(--glow,#D42E2E) 0%,rgba(0,0,0,0) 68%);opacity:.85;filter:blur(2px);}
.ds-drop__img{position:relative;z-index:1;max-width:104px;max-height:76px;object-fit:contain;}
.ds-drop__bar{position:absolute;z-index:1;bottom:13px;left:50%;transform:translateX(-50%);width:50px;height:3px;border-radius:99px;background:var(--bar,#F55959);}
.ds-drop.common{--glow:#7f8c9c;--bar:#b7c2cf;}
.ds-drop.industrial{--glow:#4b9ad6;--bar:#8fccff;}
.ds-drop.milspec{--glow:#4b69ff;--bar:#8aa0ff;}
.ds-drop.restricted{--glow:#8847ff;--bar:#b18cff;}
.ds-drop.classified{--glow:#d32ce6;--bar:#ef7bff;}
.ds-drop.covert{--glow:#eb4b4b;--bar:#ff7b7b;}
.ds-drop.rare,.ds-drop.contaband{--glow:#ffb000;--bar:#ffe766;}

/* ---------- main ---------- */
.ds-main{max-width:1440px;margin:0 auto;padding:16px 30px 40px;color:#fff;}

/* stats */
.ds-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px;}
.ds-stat{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--ds-card);border-radius:10px;text-decoration:none;color:#fff;transition:.15s;}
.ds-stat:hover{background:#1f3443;}
.ds-stat__ic{width:28px;height:28px;fill:var(--ds-teal);}
.ds-stat__body{display:flex;align-items:baseline;justify-content:space-between;gap:6px;}
.ds-stat__label{color:rgba(255,255,255,.6);font:600 13px/1 var(--ds-font);}
.ds-stat__num{color:#fff;font:700 18px/1 var(--ds-font);}

/* filters */
.ds-filters{display:flex;gap:10px;padding:10px;background:var(--ds-card);border-radius:15px;margin-bottom:24px;}
.ds-field{display:flex;align-items:center;gap:8px;height:50px;padding:0 15px;background:var(--ds-bg);border-radius:10px;}
.ds-field--search{flex:1;}
.ds-field--price{width:210px;}
.ds-field__ic{width:20px;height:20px;flex:0 0 auto;fill:var(--ds-teal);}
.ds-field input{width:100%;background:transparent;border:0;outline:0;color:#fff;font:600 16px/1 var(--ds-font);}
.ds-field input::placeholder{color:rgba(255,255,255,.5);}
.ds-field input[type=number]::-webkit-outer-spin-button,
.ds-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.ds-field input[type=number]{-moz-appearance:textfield;}

/* category + grid */
.ds-cat{margin-bottom:30px;}
.ds-cat__title{display:flex;align-items:center;gap:18px;justify-content:center;margin:12px 0 20px;text-transform:uppercase;color:#fff;font:700 24px/1 var(--ds-font);letter-spacing:1px;text-align:center;}
.ds-cat__title span{display:none;}
.ds-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.ds-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#fff;}
.ds-card__thumb{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;transition:transform .15s;}
.ds-card__thumb img{width:100%;height:100%;object-fit:contain;}
.ds-card:hover .ds-card__thumb{transform:translateY(-4px);}
.ds-card__name{font:600 14px/1 var(--ds-font);color:#fff;text-align:center;}
.ds-card__price{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--ds-card);border-radius:10px;}
.ds-card__now{color:var(--ds-teal);font:600 14px/1 var(--ds-font);}
.ds-card__old{color:var(--ds-red2);text-decoration:line-through;font:600 12px/1 var(--ds-font);}

/* footer */
.ds-footer{background:var(--ds-card);margin-top:40px;}
.ds-footer__in{max-width:1440px;margin:0 auto;padding:22px 30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.ds-footer__nav{display:flex;flex-wrap:wrap;gap:18px;flex:1;justify-content:center;}
.ds-footer__link{color:rgba(255,255,255,.7);text-decoration:none;font:600 13px/1 var(--ds-font);}
.ds-footer__link:hover{color:var(--ds-teal);}

/* ---------- case page ---------- */
.ds-case{max-width:1440px;margin:0 auto;padding:16px 30px 40px;color:#fff;}
.ds-case__bar{display:flex;align-items:center;gap:16px;background:var(--ds-card);border-radius:12px;padding:16px 20px;margin-bottom:24px;}
.ds-case__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:9px;background:var(--ds-bg);}
.ds-case__back svg{width:20px;height:20px;fill:none;stroke:var(--ds-teal);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.ds-case__name{font:700 24px/1 var(--ds-font);color:#fff;white-space:nowrap;}
.ds-case__name .tl{color:var(--ds-teal);}
.ds-case__mult{display:flex;gap:6px;margin-left:auto;background:var(--ds-bg);border-radius:10px;padding:5px;}
.ds-mult{min-width:42px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:rgba(255,255,255,.7);font:700 14px/1 var(--ds-font);cursor:pointer;transition:.15s;}
.ds-mult:hover{color:#fff;}
.ds-mult.is-active{background:var(--ds-card);border-color:var(--ds-teal);color:#fff;}
.ds-mult.is-dis{opacity:.35;cursor:not-allowed;}
.ds-case__fast{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;border-radius:10px;background:var(--ds-bg);}
.ds-case__fast svg{width:20px;height:20px;fill:var(--ds-teal);}
.ds-case__hero{display:flex;flex-direction:column;align-items:center;gap:26px;padding:30px 0 20px;}
.ds-case__thumb{width:360px;max-width:80vw;}
.ds-case__thumb img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 50px rgba(58,255,208,.18));}
.ds-case__open{display:inline-block;padding:16px 42px;border-radius:12px;background:linear-gradient(180deg,#4dffd9,#2fe6bd);color:#06201a;font:700 16px/1 var(--ds-font);text-decoration:none;box-shadow:0 10px 30px rgba(58,255,208,.25);transition:.15s;}
.ds-case__open:hover{transform:translateY(-2px);filter:brightness(1.05);}
.ds-case__msg{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:620px;}
.ds-case__msg-t{color:#fff;font:600 16px/1.4 var(--ds-font);}
.ds-case__msg--dep p{color:rgba(255,255,255,.6);font:500 13px/1.6 var(--ds-font);margin:4px 0 6px;}
.ds-case__msg-a{display:inline-block;padding:12px 28px;border-radius:10px;background:var(--ds-teal);color:#06201a;font:700 14px/1 var(--ds-font);text-decoration:none;}
.ds-case__h2{justify-content:flex-start;margin:28px 0 20px;}
.ds-case__h2 span{display:none;}

/* drop list (possible drops) */
.ds-droplist{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;}
.ds-dropitem{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 18px;border-radius:14px;background-color:var(--ds-card) !important;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:contain;}
.ds-dropitem .ds-dropitem__thumb{height:86px;display:flex;align-items:center;justify-content:center;}
.ds-dropitem__thumb img{max-width:100%;max-height:86px;object-fit:contain;position:relative;z-index:1;}
.ds-dropitem__name{font:600 12px/1.3 var(--ds-font);color:rgba(255,255,255,.65);text-align:center;position:relative;z-index:1;}
.ds-dropitem__price{font:700 13px/1 var(--ds-font);color:var(--ds-teal);position:relative;z-index:1;}
.ds-dropitem__bar{width:46px;height:3px;border-radius:99px;background:var(--bar,#F55959);margin-top:2px;position:relative;z-index:1;}

/* rarity bar colours (shared with live-strip palette) */
.gun_item.common,.ds-dropitem.common{--bar:#7f8c9c;}
.gun_item.industrial,.ds-dropitem.industrial{--bar:#8fccff;}
.gun_item.milspec,.ds-dropitem.milspec{--bar:#8aa0ff;}
.gun_item.restricted,.ds-dropitem.restricted{--bar:#b18cff;}
.gun_item.classified,.ds-dropitem.classified{--bar:#ef7bff;}
.gun_item.covert,.ds-dropitem.covert{--bar:#ff7b7b;}
.gun_item.rare,.gun_item.contaband,.ds-dropitem.rare,.ds-dropitem.contaband{--bar:#ffe766;}

/* roulette (animation markup kept; just framed) */
.ds-roulette{position:relative;background:var(--ds-card);border-radius:14px;padding:20px 0;margin-bottom:24px;overflow:hidden;}
.ds-roulette .roulette_items_wrap{overflow:hidden;}
.ds-roulette__aim{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ds-teal);box-shadow:0 0 12px var(--ds-teal);z-index:5;transform:translateX(-50%);}

/* won */
.ds-won{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px 0 30px;}
.ds-won__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.ds-won__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:220px;padding:18px 14px;border-radius:14px;background-color:var(--ds-card) !important;}
.ds-won__thumb img{max-width:170px;max-height:120px;object-fit:contain;position:relative;z-index:1;}
.ds-won__name{font:600 13px/1.3 var(--ds-font);color:#fff;text-align:center;position:relative;z-index:1;}
.ds-won__sell{margin-top:4px;padding:8px 16px;border-radius:9px;background:rgba(58,255,208,.12);border:1px solid rgba(58,255,208,.4);color:var(--ds-teal);font:700 12px/1 var(--ds-font);text-decoration:none;position:relative;z-index:1;}
.ds-won__actions{display:flex;gap:14px;align-items:center;}
.ds-won__sellall{padding:16px 32px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font:700 15px/1 var(--ds-font);text-decoration:none;}

/* ---------- section titles (profile / inventory) ---------- */
.ds-sec-title{display:flex;align-items:center;gap:12px;margin:24px 0 16px;font:700 26px/1 var(--ds-font);color:#fff;}
.ds-sec-title__ic{width:28px;height:28px;fill:var(--ds-teal);}

/* ---------- profile ---------- */
.ds-profile{max-width:1440px;margin:0 auto;padding:16px 30px 40px;color:#fff;}
.ds-prof{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;}
.ds-prof__card{flex:1 1 440px;display:flex;align-items:center;gap:16px;background:var(--ds-card);border-radius:12px;padding:16px 18px;}
.ds-prof__ava{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:0 0 auto;}
.ds-prof__meta{display:flex;flex-direction:column;gap:4px;min-width:0;}
.ds-prof__name{font:700 18px/1.1 var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-prof__bal{display:flex;align-items:center;gap:6px;font:700 15px/1 var(--ds-font);color:var(--ds-teal);}
.ds-prof__bal svg{width:17px;height:17px;fill:var(--ds-teal);}
.ds-prof__btns{display:flex;gap:10px;margin-left:auto;}
.ds-prof__dep,.ds-prof__wd{display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:10px;font:700 14px/1 var(--ds-font);text-decoration:none;white-space:nowrap;}
.ds-prof__dep{background:var(--ds-teal);color:#06201a;}
.ds-prof__wd{background:var(--ds-bg);color:#fff;}
.ds-prof__stats{flex:2 1 560px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.ds-stat--rowx{flex-direction:row;align-items:center;gap:12px;}
.ds-stat--rowx .ds-stat__body{flex-direction:column;align-items:flex-start;gap:4px;flex:1;}

/* achievements */
.ds-prof__ach{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.ds-prof__achcard{flex:0 0 auto;min-width:160px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border-radius:12px;background-color:var(--ds-card) !important;text-decoration:none;}
.ds-prof__achimg img{max-width:120px;max-height:70px;object-fit:contain;position:relative;z-index:1;}
.ds-prof__achname{font:600 12px/1.3 var(--ds-font);color:#fff;position:relative;z-index:1;text-align:center;}
.ds-prof__achcap{font:600 11px/1 var(--ds-font);color:rgba(255,255,255,.5);position:relative;z-index:1;}
.ds-prof__achcard--case{cursor:pointer;}
.ds-prof__achcard--days{justify-content:center;}
.ds-prof__achdays{font:700 22px/1 var(--ds-font);color:var(--ds-teal);}

/* trade url */
.ds-trade{margin-top:14px;}
.ds-trade__toggle{height:44px;padding:0 20px;border-radius:10px;background:var(--ds-card);border:1px solid var(--line,rgba(255,255,255,.08));color:#fff;font:600 13px/1 var(--ds-font);cursor:pointer;}
.ds-trade__body{max-height:0;overflow:hidden;transition:max-height .2s;}
.ds-trade__body.is-open{max-height:160px;margin-top:10px;}
.ds-trade__hint{color:rgba(255,255,255,.55);font:500 12px/1.4 var(--ds-font);margin-bottom:8px;}
.ds-trade__hint a{color:var(--ds-teal);}
.ds-trade__form{display:flex;gap:10px;}
.ds-trade__input{flex:1;height:46px;padding:0 16px;border-radius:10px;background:var(--ds-card);border:1px solid var(--line,rgba(255,255,255,.08));color:#fff;font:500 13px/1 var(--ds-font);outline:none;}
.ds-trade__save{height:46px;padding:0 24px;border:0;border-radius:10px;background:var(--ds-teal);color:#06201a;font:700 13px/1 var(--ds-font);cursor:pointer;}

/* inventory */
.ds-inv{background:var(--ds-card);border-radius:16px;padding:14px;}
.ds-inv__tabs{display:flex;gap:8px;margin-bottom:12px;}
.ds-inv__tabs button{height:40px;padding:0 20px;border:0;border-radius:9px;background:var(--ds-bg);color:rgba(255,255,255,.7);font:700 13px/1 var(--ds-font);cursor:pointer;}
.ds-inv__tabs button.is-active{background:var(--ds-teal);color:#06201a;}
.ds-inv__bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.ds-inv__bar .ds-field{background:var(--ds-bg);flex:1 1 240px;}
.ds-inv__filter{display:flex;gap:4px;background:var(--ds-bg);border-radius:10px;padding:5px;}
.ds-inv__fbtn{height:34px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:rgba(255,255,255,.65);font:600 12px/1 var(--ds-font);cursor:pointer;}
.ds-inv__fbtn.is-active{background:var(--ds-card);color:var(--ds-teal);}
.ds-inv__tog{height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:transparent;color:#fff;font:600 13px/1 var(--ds-font);cursor:pointer;}
.ds-inv__sellall{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:10px;background:var(--ds-teal);color:#06201a;font:700 13px/1 var(--ds-font);text-decoration:none;}
.ds-droplist--inv{grid-template-columns:repeat(8,1fr);}
.ds-invitem__sell{margin-top:2px;padding:7px 10px;border-radius:8px;background:var(--ds-teal);color:#06201a;font:700 11px/1 var(--ds-font);text-decoration:none;position:relative;z-index:1;}
.ds-invitem__get{margin-top:4px;padding:6px 10px;border-radius:8px;background:rgba(58,255,208,.12);border:1px solid rgba(58,255,208,.4);color:var(--ds-teal);font:700 11px/1 var(--ds-font);text-decoration:none;position:relative;z-index:1;}
.ds-invitem__status{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;z-index:1;}
.ds-invitem__badge{font:600 10px/1 var(--ds-font);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.04em;}

/* contracts */
.ds-contracts{display:flex;flex-direction:column;gap:12px;}
.ds-contract{display:flex;gap:16px;align-items:center;background:var(--ds-bg);border-radius:12px;padding:12px;}
.ds-contract .ds-dropitem{flex:0 0 160px;}
.ds-contract__from{flex:1;display:flex;flex-direction:column;gap:8px;}
.ds-contract__guns{display:flex;flex-wrap:wrap;gap:6px;}
.ds-contract__guns img{width:44px;height:34px;object-fit:contain;background:var(--ds-card);border-radius:7px;padding:3px;}
.ds-contract__sum{font:600 13px/1 var(--ds-font);color:rgba(255,255,255,.6);}
.ds-contract__sum span{color:var(--ds-teal);font-weight:700;margin-left:6px;}

/* battles */
.ds-battles{display:flex;flex-direction:column;gap:12px;}
.ds-battle{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--ds-bg);border-radius:12px;padding:14px;}
.ds-battle__side{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.5;}
.ds-battle__side.is-win{opacity:1;}
.ds-battle__gun img{max-width:120px;max-height:70px;object-fit:contain;}
.ds-battle__player img{width:34px;height:34px;border-radius:50%;object-fit:cover;}
.ds-battle__price{font:700 13px/1 var(--ds-font);color:var(--ds-teal);}
.ds-battle__case img{width:90px;height:90px;object-fit:contain;}

/* show more */
.ds-inv__more{display:flex;justify-content:center;margin-top:18px;}
.ds-showmore{display:inline-flex;align-items:center;height:46px;padding:0 30px;border-radius:10px;background:var(--ds-bg);color:#fff;font:700 13px/1 var(--ds-font);text-decoration:none;}

/* ---------- top players ---------- */
.ds-top{max-width:1440px;margin:0 auto;padding:16px 30px 50px;color:#fff;}
.ds-top__h3{display:flex;align-items:center;gap:12px;margin:26px 0 16px;font:700 22px/1 var(--ds-font);color:#fff;}
.ds-top__h3ic{width:24px;height:24px;fill:var(--ds-teal);}
.ds-top__tabs{display:flex;gap:6px;background:var(--ds-card);border-radius:12px;padding:6px;margin-bottom:22px;overflow-x:auto;}
.ds-top__tabs button{flex:1;white-space:nowrap;height:46px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.7);font:600 14px/1 var(--ds-font);cursor:pointer;}
.ds-top__tabs button.is-active{background:var(--ds-bg);color:#fff;border:1px solid rgba(255,255,255,.08);}

.ds-top__podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin-bottom:10px;}
.ds-podcard{position:relative;flex:1 1 0;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 14px 18px;border-radius:14px;background-color:var(--ds-card) !important;overflow:hidden;}
.ds-podcard.is-center{transform:scale(1.06);z-index:2;}
.ds-podcard__rank{position:absolute;top:12px;left:14px;font:700 13px/1 var(--ds-font);color:rgba(255,255,255,.7);z-index:2;}
.ds-podcard__rank[data-r="1"]{color:#FFC400;}
.ds-podcard__rank[data-r="3"]{color:#F55959;}
.ds-podcard__user{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:8px;overflow:hidden;z-index:2;}
.ds-podcard__user img{width:100%;height:100%;object-fit:cover;}
.ds-podcard__thumb{height:78px;display:flex;align-items:center;justify-content:center;}
.ds-podcard__thumb img{max-width:100%;max-height:78px;object-fit:contain;position:relative;z-index:1;}
.ds-podcard__name{font:600 12px/1.3 var(--ds-font);color:rgba(255,255,255,.65);text-align:center;position:relative;z-index:1;}
.ds-podcard.is-center .ds-podcard__name{color:#fff;}
.ds-podcard__price{font:700 14px/1 var(--ds-font);color:var(--ds-teal);position:relative;z-index:1;}

.ds-top__ppodium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin-bottom:22px;}
.ds-profcard{position:relative;flex:1 1 0;max-width:260px;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:14px;background:var(--ds-card);}
.ds-profcard.is-center{transform:scale(1.05);z-index:2;border:1px solid rgba(58,255,208,.3);}
.ds-profcard__rank{position:absolute;top:14px;right:16px;font:700 13px/1 var(--ds-font);color:rgba(255,255,255,.7);}
.ds-profcard__rank[data-r="1"]{color:#FFC400;}
.ds-profcard__rank[data-r="3"]{color:#F55959;}
.ds-profcard__top{display:flex;gap:12px;}
.ds-profcard__ava{width:66px;height:66px;border-radius:12px;object-fit:cover;flex:0 0 auto;}
.ds-profcard__pills{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1;}
.ds-pill{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:var(--ds-bg);font:700 11px/1 var(--ds-font);color:#fff;}
.ds-pill svg{width:12px;height:12px;fill:var(--ds-teal);flex:0 0 auto;}
.ds-profcard__name{font:600 14px/1 var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-profcard__profit{font:700 18px/1 var(--ds-font);color:var(--ds-teal);}

.ds-toptable{background:var(--ds-card);border-radius:14px;padding:8px 6px;}
.ds-toptable__head,.ds-toptable__row{display:grid;grid-template-columns:70px 1.6fr 1fr 1fr 1fr 1fr 1.3fr;align-items:center;gap:8px;padding:14px 16px;}
.ds-toptable__head{color:rgba(255,255,255,.5);font:600 12px/1 var(--ds-font);text-transform:lowercase;}
.ds-toptable__row{border-top:1px solid rgba(255,255,255,.06);color:#fff;font:600 14px/1 var(--ds-font);text-decoration:none;transition:.12s;}
.ds-toptable__row:hover{background:rgba(255,255,255,.03);}
.ds-toptable__u{display:flex;align-items:center;gap:10px;}
.ds-toptable__u img{width:30px;height:30px;border-radius:50%;object-fit:cover;}
.ds-toptable__pr{color:var(--ds-teal);font-weight:700;text-align:right;}

/* ================= legacy pages coat (upgrade / battles / contracts / faq / livetrade / modals) ================= */
/* applied by existing class names, no template changes */

/* legacy section titles: <h1><span></span>text<span></span></h1> */
.site-main h1:not([class]),.site-main h2:not([class]),.site-main h3:not([class]){
	display:flex;align-items:center;justify-content:center;gap:16px;
	margin:22px 0 18px;text-transform:uppercase;color:#fff;
	font:700 24px/1.1 var(--ds-font);letter-spacing:.5px;text-align:center;
}
.site-main h1:not([class]) span,.site-main h2:not([class]) span{display:none;}
.site-main h1:not([class]) .content{display:inline;}

/* legacy containers -> dark cards */
.container_1570,.container_1770{max-width:1440px;margin:0 auto;}
.drop_top,.earnings_top,.contracts_block,.new_contract,.available_block,.available_items,.battles_list,.my_battles,.last_battle,.sidebar,.main_fight,.case_block,.battle_statistics,.information_block,.instruction_text,.faq_block{
	background:var(--ds-card);border-radius:14px;padding:18px;margin-bottom:16px;
}

/* legacy buttons */
.btn-yellow,.green_btn,.enter_battle,.add_battle,.add_contracts,.new_contract>.btn,.inner-refill__btn,.button.inner-refill__btn,.modal-btn:not(.empty),.btn_again{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	height:46px;padding:0 24px;border:0;border-radius:10px;cursor:pointer;
	background:var(--ds-teal) !important;color:#06201a !important;
	font:700 14px/1 var(--ds-font);text-decoration:none;
}
.gray_btn,.blue_btn,.btn_sell,.modal-btn.empty{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	height:46px;padding:0 24px;border:1px solid rgba(255,255,255,.14);border-radius:10px;cursor:pointer;
	background:var(--ds-bg) !important;color:#fff !important;font:700 14px/1 var(--ds-font);text-decoration:none;
}
.btn-yellow:hover,.green_btn:hover,.gray_btn:hover{filter:brightness(1.07);}

/* legacy gun cards: dark base under rarity glow + tidy text */
.gun_item{border-radius:12px;background-color:var(--ds-card);overflow:hidden;}
.gun_name,.gun_description{color:rgba(255,255,255,.75);font:600 12px/1.3 var(--ds-font);}
.gun_cost,.gun_price,.price_gun,.case_price{color:var(--ds-teal);font:700 13px/1 var(--ds-font);}
.stattrak-color{color:#CF6A32;}

/* legacy tables (livetrade, top history) */
.trades_list{background:var(--ds-card);border-radius:14px;padding:6px 10px;max-width:1440px;margin:0 auto;}
.table_list{width:100%;border-collapse:collapse;}
.table_list thead td{color:rgba(255,255,255,.5);font:600 12px/1 var(--ds-font);text-transform:uppercase;padding:14px 16px;}
.table_list tbody tr{border-top:1px solid rgba(255,255,255,.06);}
.table_list tbody td{padding:12px 16px;color:#fff;font:600 14px/1.2 var(--ds-font);vertical-align:middle;}
.table_list .user_avatar img,.table_list .nick_name img{width:32px;height:32px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:8px;}
.table_list .nick_name{color:#fff;text-decoration:none;}
.table_list .gun_thumb img{width:48px;height:36px;object-fit:contain;vertical-align:middle;margin-right:10px;}
.table_profit p,.table_list .table_profit{color:var(--ds-teal);font-weight:700;}

/* FAQ accordion */
.faq_block{display:flex;flex-direction:column;gap:10px;padding:0;background:transparent;}
.faq_item__border{background:var(--ds-card);border-radius:12px;overflow:hidden;}
.faq_item{padding:16px 20px;cursor:pointer;}
.faq_question{color:#fff;font:600 15px/1.4 var(--ds-font);position:relative;padding-right:30px;}
.faq_question:after{content:'+';position:absolute;right:0;top:-2px;color:var(--ds-teal);font-size:22px;line-height:1;}
.faq_item.open .faq_question:after{content:'\2212';}
.faq_answer{max-height:0;overflow:hidden;color:rgba(255,255,255,.6);font:500 13px/1.6 var(--ds-font);transition:max-height .25s,margin .25s;}
.faq_item.open .faq_answer{max-height:400px;margin-top:12px;}
.faq_warning{display:flex;gap:12px;align-items:center;max-width:1440px;margin:16px auto;padding:16px 20px;background:var(--ds-card);border-radius:12px;border-left:3px solid var(--ds-teal);color:rgba(255,255,255,.7);font:500 13px/1.5 var(--ds-font);}
.faq_warning a{color:var(--ds-teal);}

/* modals (deposit / sell all / withdraw) */
.modal-window,.payments-refillblock{
	position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);
	z-index:9999;width:420px;max-width:92vw;opacity:0;visibility:hidden;transition:.2s;
	background:var(--ds-card);border:1px solid rgba(255,255,255,.08);border-radius:16px;
	padding:24px;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.modal-window.open,.payments-refillblock.open,.payments-refillblock.animate{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}
.modal-window .title,.pb-header{font:700 18px/1.2 var(--ds-font);color:#fff;margin-bottom:14px;}
.modal-window .info{color:rgba(255,255,255,.65);font:500 14px/1.6 var(--ds-font);margin-bottom:18px;}
.modal-window .info span{color:var(--ds-teal);font-weight:700;}
.modal-window .btns-wrap{display:flex;gap:12px;}
.modal-window .item-wrap{display:flex;justify-content:center;margin-bottom:18px;}
.modal-window .item-wrap .gun_item{width:200px;padding:16px;text-align:center;}
.inner-refill__tab-item{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--ds-bg);color:#fff;font:600 13px/1 var(--ds-font);margin-bottom:16px;}
.payments-form{display:flex;flex-direction:column;gap:12px;}
.inner-refill__input input,.payments-form input[type=text],.payments-form input[type=number]{
	width:100%;height:50px;padding:0 16px;border-radius:10px;background:var(--ds-bg);border:1px solid rgba(255,255,255,.08);color:#fff;font:500 15px/1 var(--ds-font);outline:none;box-sizing:border-box;
}
.inner-refill__btn_standart,.payments-form input[type=submit]{height:52px;background:var(--ds-teal);color:#06201a;font:700 15px/1 var(--ds-font);border:0;border-radius:10px;cursor:pointer;}
.pb-inputdescr.discount{color:var(--ds-teal);font:600 12px/1 var(--ds-font);min-height:14px;}
.payments-footer{color:rgba(255,255,255,.5);font:500 12px/1.5 var(--ds-font);margin-top:16px;}
.payments-footer a,.payments-link{color:var(--ds-teal);}
.payments-logos{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;opacity:.6;}

/* upgrade specifics */
.chance_circle,.circle_block,.contracts__circle{background:var(--ds-bg);border-radius:50%;}
.block_points,.cost,.from_to{color:#fff;}
.gun_item-none{border:1px dashed rgba(255,255,255,.18) !important;background:var(--ds-bg) !important;}

/* battles specifics */
.first_player.winner,.second_player.winner{box-shadow:inset 0 0 0 2px rgba(58,255,208,.4);border-radius:12px;}
.played_case img{max-width:90px;max-height:90px;object-fit:contain;}
.player img{width:40px;height:40px;border-radius:50%;object-fit:cover;}

/* hide legacy payment-icons strip (not in new design) */
.pay_block{display:none !important;}

/* ---------- upgrade (1:1) ---------- */
.ds-up{max-width:1440px;margin:0 auto;padding:16px 30px 40px;color:#fff;}
.ds-sec-title--c{justify-content:center;text-transform:uppercase;letter-spacing:2px;}
.ds-sec-title--c span{color:#fff;} .ds-sec-title--c b{color:var(--ds-teal);font-weight:700;}

.ds-up__bar{display:flex;align-items:stretch;gap:10px;background:var(--ds-card);border-radius:15px;padding:10px;margin-bottom:16px;}
.ds-up__toggle{display:flex;flex-direction:column;gap:4px;width:56px;flex:0 0 auto;background:var(--ds-bg);border-radius:12px;padding:6px;cursor:pointer;}
.ds-up__tg{display:flex;align-items:center;justify-content:center;height:40px;border-radius:9px;background:transparent;}
.ds-up__tg svg{width:20px;height:20px;fill:rgba(255,255,255,.5);}
.ds-up__toggle:not(.is-bal) .ds-up__tg--skin{background:var(--ds-card);}
.ds-up__toggle:not(.is-bal) .ds-up__tg--skin svg{fill:var(--ds-teal);}
.ds-up__toggle.is-bal .ds-up__tg--bal{background:var(--ds-card);}
.ds-up__toggle.is-bal .ds-up__tg--bal svg{fill:var(--ds-teal);}
.ds-up__info{width:56px;flex:0 0 auto;border:0;border-radius:12px;background:var(--ds-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.ds-up__info svg{width:26px;height:26px;fill:#fff;}
.ds-up__stat{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;background:var(--ds-bg);border-radius:12px;padding:14px 20px;}
.ds-up__statnum{font:700 28px/1 var(--ds-font);color:#fff;}
.ds-up__statlbl{font:600 15px/1 var(--ds-font);color:rgba(255,255,255,.5);}
.ds-up__bolt{width:56px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--ds-bg);border-radius:12px;}
.ds-up__bolt svg{width:22px;height:22px;fill:#fff;}
.ds-up__go{flex:1.3;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;background:linear-gradient(180deg,#4dffd9,#2fe6bd);color:#06201a;text-decoration:none;padding:12px;transition:.15s;}
.ds-up__go span{display:flex;align-items:center;gap:8px;font:700 24px/1 var(--ds-font);}
.ds-up__go span svg{width:22px;height:22px;fill:none;stroke:#06201a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.ds-up__go small{font:700 14px/1 var(--ds-font);opacity:.8;}
.ds-up__go.is-dis{filter:grayscale(.6);opacity:.5;pointer-events:none;}
.ds-up__go:hover{filter:brightness(1.05);}

.ds-up__arena{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:var(--ds-card);border-radius:15px;padding:40px;margin-bottom:24px;min-height:300px;}
.ds-up__slot{display:flex;align-items:center;justify-content:center;min-height:240px;}
.ds-up__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:280px;min-height:240px;border:2px dashed rgba(255,255,255,.14);border-radius:30px;color:rgba(255,255,255,.4);text-align:center;padding:20px;}
.ds-up__empty svg{width:60px;height:60px;fill:rgba(255,255,255,.14);}
.ds-up__empty p{font:600 13px/1.4 var(--ds-font);}
.ds-up__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:280px;min-height:240px;justify-content:center;padding:20px;border-radius:30px;background-color:var(--ds-bg) !important;}
.ds-up__cardimg img{max-width:200px;max-height:120px;object-fit:contain;position:relative;z-index:1;}
.ds-up__cardname{font:600 14px/1.3 var(--ds-font);color:#fff;text-align:center;position:relative;z-index:1;}
.ds-up__cardprice{font:700 16px/1 var(--ds-font);color:var(--ds-teal);position:relative;z-index:1;}
.ds-up__clear{position:absolute;top:12px;right:16px;width:28px;height:28px;border-radius:8px;background:rgba(0,0,0,.4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;z-index:2;}
.ds-up__balbox{width:280px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px;border-radius:30px;background:var(--ds-bg);}
.ds-up__balnum{font:700 32px/1 var(--ds-font);color:var(--ds-teal);}
.ds-up__range{width:100%;}
.ds-up__gauge{width:260px;height:260px;display:flex;align-items:center;justify-content:center;position:relative;}
.ds-up__warn{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:#F5A623;font:700 15px/1.3 var(--ds-font);}
.ds-up__warn svg{width:72px;height:72px;fill:#F5A623;filter:drop-shadow(0 0 18px rgba(245,166,35,.5));}
.ds-up__ring{width:230px;height:230px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;
	background:conic-gradient(var(--ds-teal) calc(var(--pct,0)*1%), rgba(255,255,255,.08) 0);}
.ds-up__ring:before{content:'';position:absolute;inset:14px;border-radius:50%;background:var(--ds-card);}
.ds-up__ringdrop{position:absolute;top:26px;left:50%;transform:translateX(-50%) rotate(45deg);width:16px;height:16px;background:var(--ds-teal);border-radius:50% 50% 50% 0;box-shadow:0 0 14px rgba(58,255,208,.7);z-index:1;}
.ds-up__ringpct{position:relative;z-index:1;font:700 42px/1 var(--ds-font);color:#fff;}
.ds-up__ringlbl{position:relative;z-index:1;margin-top:8px;font:600 12px/1 var(--ds-font);color:rgba(255,255,255,.5);}
.ds-up__res{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.ds-up__resico{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 28px/1 var(--ds-font);}
.ds-up__res--ok .ds-up__resico{background:rgba(58,255,208,.15);color:var(--ds-teal);}
.ds-up__res--fail .ds-up__resico{background:rgba(245,89,89,.15);color:#F55959;}
.ds-up__restext{font:700 15px/1.3 var(--ds-font);color:#fff;}
.ds-up__resbtns{display:flex;gap:10px;margin-top:6px;}
.ds-up__sell{padding:12px 18px;border-radius:10px;background:var(--ds-bg);border:1px solid rgba(255,255,255,.14);color:#fff;font:700 13px/1 var(--ds-font);text-decoration:none;}

.ds-up__grids{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ds-up__gh{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:700 20px/1 var(--ds-font);color:#fff;}
.ds-up__ghic{width:24px;height:24px;fill:var(--ds-teal);}
.ds-up__gtools{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
.ds-up__gtools .ds-field{background:var(--ds-card);height:46px;flex:1 1 120px;}
.ds-up__gtools .ds-field--price{flex:0 0 120px;}
.ds-up__sort{height:46px;padding:0 16px;border:0;border-radius:10px;background:var(--ds-card);color:#fff;font:600 13px/1 var(--ds-font);cursor:pointer;}
.ds-up__sort.is-desc{color:var(--ds-teal);}
.ds-up__gwrap{background:var(--ds-card);border-radius:14px;padding:12px;max-height:520px;overflow-y:auto;}
.ds-up__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.ds-up__col:last-child .ds-up__grid{grid-template-columns:repeat(4,1fr);}
.ds-up__item{cursor:pointer;padding:12px 8px 14px;}
.ds-up__item.is-sel{outline:2px solid var(--ds-teal);outline-offset:-2px;}
.ds-up__gnone{padding:30px;text-align:center;color:rgba(255,255,255,.5);font:600 13px/1.5 var(--ds-font);}
.ds-up__gnone-a{color:var(--ds-teal);}

.ds-up__instr{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;}
.ds-up__ins{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;}
.ds-up__insico{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ds-card);border:2px solid var(--ds-teal);box-shadow:0 0 20px rgba(58,255,208,.25);}
.ds-up__insico--1{border-color:#4b9ad6;box-shadow:0 0 20px rgba(75,154,214,.3);}
.ds-up__insico--2{border-color:#F5A623;box-shadow:0 0 20px rgba(245,166,35,.3);}
.ds-up__insico--3{border-color:#d32ce6;box-shadow:0 0 20px rgba(211,44,230,.3);}
.ds-up__insico--4{border-color:#57cc3f;box-shadow:0 0 20px rgba(87,204,63,.3);}
.ds-up__insico img{width:52px;height:52px;object-fit:contain;}
.ds-up__ins p{font:600 12px/1.5 var(--ds-font);color:rgba(255,255,255,.6);max-width:220px;}

/* ---------- battles (1:1) ---------- */
.ds-bt{max-width:1440px;margin:0 auto;padding:16px 30px 40px;color:#fff;}
.ds-bt__bar{display:flex;align-items:center;gap:10px;background:var(--ds-card);border-radius:14px;padding:10px;margin-bottom:16px;flex-wrap:wrap;}
.ds-bt__info{width:48px;height:48px;flex:0 0 auto;border:0;border-radius:10px;background:var(--ds-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.ds-bt__info svg{width:24px;height:24px;fill:#fff;}
.ds-bt__stat{display:flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:10px;background:var(--ds-bg);font:600 13px/1 var(--ds-font);color:rgba(255,255,255,.6);}
.ds-bt__stat b{color:#fff;font-weight:700;font-size:16px;}
.ds-bt__sort{margin-left:auto;height:48px;padding:0 22px;border:0;border-radius:10px;background:var(--ds-teal);color:#06201a;font:700 14px/1 var(--ds-font);cursor:pointer;}
.ds-bt__sort.is-desc{background:var(--ds-bg);color:var(--ds-teal);}
.ds-bt__how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.ds-bt__step{display:flex;gap:12px;align-items:flex-start;background:var(--ds-card);border-radius:12px;padding:16px;color:rgba(255,255,255,.65);font:500 13px/1.5 var(--ds-font);}
.ds-bt__step span{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--ds-bg);border:2px solid var(--ds-teal);color:var(--ds-teal);display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--ds-font);}
.ds-bt__h3{display:flex;align-items:center;gap:10px;margin:22px 0 14px;font:700 20px/1 var(--ds-font);color:#fff;}
.ds-bt__h3ic{width:22px;height:22px;fill:var(--ds-teal);}
.ds-bt__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ds-bt__room{background:var(--ds-card);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;}
.ds-bt__roomhead{display:flex;align-items:center;justify-content:space-between;}
.ds-bt__roomname{font:700 14px/1 var(--ds-font);color:#fff;}
.ds-bt__roomprice{font:700 13px/1 var(--ds-font);color:var(--ds-teal);background:var(--ds-bg);padding:6px 12px;border-radius:8px;}
.ds-bt__roomcase{height:120px;display:flex;align-items:center;justify-content:center;}
.ds-bt__roomcase img{max-height:120px;max-width:100%;object-fit:contain;}
.ds-bt__roomfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px;}
.ds-bt__roomactive{font:600 12px/1 var(--ds-font);color:rgba(255,255,255,.5);}
.ds-bt__roomactive b{color:#fff;font-size:15px;}
.ds-bt__roombtns{display:flex;gap:8px;}
.ds-bt__join,.ds-bt__create{height:38px;padding:0 16px;display:inline-flex;align-items:center;border-radius:9px;font:700 12px/1 var(--ds-font);text-decoration:none;}
.ds-bt__join{background:var(--ds-teal);color:#06201a;}
.ds-bt__create{background:var(--ds-bg);border:1px solid rgba(255,255,255,.14);color:#fff;}
.ds-bt__empty{background:var(--ds-card);border-radius:14px;padding:40px;text-align:center;color:rgba(255,255,255,.5);font:600 14px/1 var(--ds-font);}
.ds-bt__last{display:flex;align-items:center;justify-content:center;gap:30px;background:var(--ds-card);border-radius:14px;padding:20px;}
.ds-bt__lside{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;padding:14px;border-radius:12px;}
.ds-bt__lside.is-win{opacity:1;box-shadow:inset 0 0 0 2px rgba(58,255,208,.4);}
.ds-bt__lgun img{max-width:130px;max-height:80px;object-fit:contain;}
.ds-bt__lplayer img{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.ds-bt__lprice{font:700 14px/1 var(--ds-font);color:var(--ds-teal);}
.ds-bt__lcase img{max-width:90px;max-height:90px;object-fit:contain;}

/* ---------- contracts (1:1) ---------- */
.ds-ct{max-width:1440px;margin:0 auto;padding:16px 30px 40px;color:#fff;}
.ds-ct__slots{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;background:var(--ds-card);border-radius:16px;padding:18px;}
.ds-ct__slot{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--ds-bg);position:relative;overflow:hidden;text-decoration:none;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:14px 14px;}
.ds-ct__slot:before{content:'';position:absolute;inset:8px;border:1px solid rgba(58,255,208,.12);border-radius:10px;pointer-events:none;}
.ds-ct__slotnum{width:72px;height:72px;border-radius:50%;border:2px solid var(--ds-teal);display:flex;align-items:center;justify-content:center;font:700 30px/1 var(--ds-font);color:var(--ds-teal);box-shadow:0 0 16px rgba(58,255,208,.2);}
.ds-ct__slot.is-filled{background:var(--ds-card);}
.ds-ct__slotitem{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;background-color:var(--ds-card) !important;z-index:1;}
.ds-ct__slotimg img{max-width:90%;max-height:70px;object-fit:contain;position:relative;z-index:1;}
.ds-ct__slotname{font:600 11px/1.2 var(--ds-font);color:rgba(255,255,255,.7);text-align:center;position:relative;z-index:1;}
.ds-ct__slotprice{font:700 12px/1 var(--ds-font);color:var(--ds-teal);position:relative;z-index:1;}
.ds-ct__slotclose{position:absolute;top:6px;right:8px;width:24px;height:24px;border-radius:7px;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:2;}

.ds-ct__action{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0;}
.ds-ct__meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:120px;height:80px;border-radius:50%;background:var(--ds-card);border:2px solid rgba(255,255,255,.08);}
.ds-ct__meta b{font:700 22px/1 var(--ds-font);color:#fff;}
.ds-ct__meta span{font:600 11px/1 var(--ds-font);color:rgba(255,255,255,.5);}
.ds-ct__meta--sum b{color:var(--ds-teal);}
.ds-ct__create{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 40px;border-radius:14px;background:linear-gradient(180deg,#4dffd9,#2fe6bd);color:#06201a;font:700 16px/1 var(--ds-font);text-decoration:none;box-shadow:0 10px 30px rgba(58,255,208,.25);}
.ds-ct__create.is-dis{filter:grayscale(.6);opacity:.5;pointer-events:none;}
.ds-ct__h3{display:flex;align-items:center;gap:10px;margin:24px 0 16px;font:700 20px/1 var(--ds-font);color:#fff;text-transform:uppercase;}
.ds-ct__avail{grid-template-columns:repeat(8,1fr);}
.ds-ct__item{cursor:pointer;padding:12px 8px 14px;}
.ds-ct__item.is-sel{opacity:.4;pointer-events:none;}
.ds-ct__won{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px 0;}
.ds-ct__wonitem{display:flex;flex-direction:column;align-items:center;gap:10px;width:240px;padding:20px;border-radius:14px;background-color:var(--ds-card) !important;}
.ds-ct__wonitem img{max-width:180px;max-height:130px;object-fit:contain;position:relative;z-index:1;}
.ds-ct__wonname{font:600 13px/1.3 var(--ds-font);color:#fff;text-align:center;position:relative;z-index:1;}
.ds-ct__wonbtns{display:flex;gap:12px;}

/* responsive (base; full mobile pass later from the 430px frames) */
@media(max-width:1100px){
	.ds-stats{grid-template-columns:repeat(3,1fr);}
	.ds-grid{grid-template-columns:repeat(4,1fr);}
	.ds-droplist{grid-template-columns:repeat(5,1fr);}
	.ds-droplist--inv{grid-template-columns:repeat(5,1fr);}
	.ds-prof__stats{grid-template-columns:repeat(2,1fr);}
	.ds-nav__link span{display:none;}
}
@media(max-width:720px){
	.ds-header__in,.ds-main,.ds-case,.ds-profile,.ds-strip-wrap,.ds-footer__in{padding-left:16px;padding-right:16px;}
	.ds-nav{display:none;}
	.ds-stats{grid-template-columns:repeat(2,1fr);}
	.ds-grid{grid-template-columns:repeat(2,1fr);}
	.ds-droplist,.ds-droplist--inv{grid-template-columns:repeat(3,1fr);}
	.ds-filters{flex-wrap:wrap;}
	.ds-field--price{width:calc(50% - 5px);}
	.ds-case__bar{flex-wrap:wrap;}
	.ds-case__mult{margin-left:0;order:3;width:100%;justify-content:space-between;}
	.ds-case__thumb{width:260px;}
	.ds-prof__card,.ds-prof__stats{flex:1 1 100%;}
	.ds-prof__btns{margin-left:0;}
	.ds-battle{gap:10px;}
	.ds-top,.ds-profile,.ds-up{padding-left:16px;padding-right:16px;}
	.ds-up__bar{flex-wrap:wrap;}
	.ds-up__stat,.ds-up__go{flex:1 1 100%;}
	.ds-up__arena{grid-template-columns:1fr;justify-items:center;}
	.ds-up__grids{grid-template-columns:1fr;}
	.ds-up__grid,.ds-up__col:last-child .ds-up__grid{grid-template-columns:repeat(3,1fr);}
	.ds-up__instr{grid-template-columns:repeat(2,1fr);}
	.ds-bt{padding-left:16px;padding-right:16px;}
	.ds-bt__grid{grid-template-columns:repeat(2,1fr);}
	.ds-bt__how{grid-template-columns:1fr;}
	.ds-bt__last{flex-wrap:wrap;gap:14px;}
	.ds-ct{padding-left:16px;padding-right:16px;}
	.ds-ct__slots{grid-template-columns:repeat(3,1fr);}
	.ds-ct__avail{grid-template-columns:repeat(3,1fr);}
	.ds-ct__action{flex-wrap:wrap;}
	.ds-top__podium,.ds-top__ppodium{flex-wrap:wrap;}
	.ds-podcard,.ds-profcard{flex:1 1 44%;max-width:none;}
	.ds-podcard.is-center,.ds-profcard.is-center{transform:none;}
	.ds-toptable{overflow-x:auto;}
	.ds-toptable__head,.ds-toptable__row{grid-template-columns:50px 1.4fr repeat(4,70px) 1.2fr;min-width:620px;}
}
@media(max-width:1100px){
	.ds-profcard__pills{grid-template-columns:1fr 1fr;}
}
/* ================= LIVE-TRADES / ВЫВОДЫ (Frame 537) ================= */
.ds-lt__table{background:var(--ds-card);border-radius:15px;padding:4px 20px;}
.ds-lt__head{display:grid;grid-template-columns:280px 1fr 160px;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #3a596d;}
.ds-lt__h{font:600 16px/1 var(--ds-font);color:#fff;}
.ds-lt__h--time{text-align:right;}
.ds-lt__rows{display:block;}
.ds-lt__row{display:grid;grid-template-columns:280px 1fr 160px;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #3a596d;}
.ds-lt__row:last-child{border-bottom:0;}
.ds-lt__cell{min-width:0;}
.ds-lt__cell--user{display:flex;align-items:center;gap:12px;}
.ds-lt__ava{flex:0 0 auto;width:32px;height:32px;border-radius:7px;overflow:hidden;display:block;}
.ds-lt__ava img{width:100%;height:100%;object-fit:cover;display:block;}
.ds-lt__uname{font:600 16px/1.2 var(--ds-font);color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-lt__uname:hover{color:var(--ds-teal);}
.ds-lt__cell--item{display:flex;align-items:center;gap:14px;}
.ds-lt__thumb{position:relative;flex:0 0 auto;width:50px;height:50px;border-radius:10px;background:var(--ds-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ds-lt__thumb::before{content:"";position:absolute;left:50%;top:62%;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;background:var(--bar,#3a596d);opacity:.5;filter:blur(7px);}
.ds-lt__thumb img{position:relative;z-index:1;max-width:42px;max-height:30px;object-fit:contain;}
.ds-lt__iname{font:600 15px/1.3 var(--ds-font);color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-lt__cell--time{text-align:right;font:600 15px/1 var(--ds-font);color:#c7d2dc;white-space:nowrap;}
.ds-lt__more{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;height:62px;border-radius:15px;background:var(--ds-card);color:#fff;font:600 18px/1 var(--ds-font);text-decoration:none;transition:.15s;}
.ds-lt__more svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ds-lt__more:hover{background:#20394a;color:var(--ds-teal);}
.ds-lt__more.is-load{opacity:.6;pointer-events:none;}
@media(max-width:860px){
	.ds-lt__head,.ds-lt__row{grid-template-columns:1fr 120px;gap:10px;}
	.ds-lt__h--item,.ds-lt__cell--item{display:none;}
}

/* ================= FAQ ================= */
.ds-faq__list{display:flex;flex-direction:column;gap:12px;}
.ds-faq__item{background:var(--ds-card);border-radius:14px;overflow:hidden;transition:.15s;}
.ds-faq__item.is-open{box-shadow:inset 0 0 0 1px rgba(58,255,208,.35);}
.ds-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:none;border:0;cursor:pointer;text-align:left;font:600 17px/1.35 var(--ds-font);color:#fff;}
.ds-faq__chev{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:#8aa0b4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:.2s;}
.ds-faq__item.is-open .ds-faq__chev{transform:rotate(180deg);stroke:var(--ds-teal);}
.ds-faq__a{padding:0 22px 20px;}
.ds-faq__atext{color:#b7c4cf;font:400 15px/1.6 var(--ds-font);}
.ds-faq__atext a{color:var(--ds-teal);}
.ds-faq__note{display:flex;align-items:center;gap:14px;margin-top:20px;padding:18px 22px;background:var(--ds-card);border-radius:14px;}
.ds-faq__noteic{flex:0 0 auto;width:28px;height:28px;fill:var(--ds-red2);}
.ds-faq__note p{margin:0;color:#b7c4cf;font:400 15px/1.5 var(--ds-font);}
.ds-faq__note a{color:var(--ds-teal);}

/* ================= UPGRADE 1:1 (Figma Frame 527 / 8:1350) ================= */
.ds-ug,.ds-lt,.ds-faq{max-width:1440px;margin:0 auto;padding:0 30px 60px;color:#fff;}
.ds-ug__title::before,.ds-ug__title::after,.ds-ug__h3::before,.ds-ug__h3::after,.ds-lt .ds-sec-title::before,.ds-lt .ds-sec-title::after,.ds-faq .ds-sec-title::before,.ds-faq .ds-sec-title::after{content:none !important;display:none !important;}
@media(max-width:860px){.ds-ug,.ds-lt,.ds-faq{padding-left:16px;padding-right:16px;}}
.ds-ug svg{display:block;}
.ds-ug .ds-ug__line{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.ds-ug__title{display:flex;align-items:center;gap:10px;margin:40px 0 20px;font:600 40px/49px var(--ds-font);color:#fff;text-transform:lowercase;}
.ds-ug__title svg{width:49px;height:49px;fill:#fff;}
/* stats bar 1380x119 */
.ds-ug__bar{display:flex;gap:10px;background:#1A2C38;border-radius:15px;padding:10px;margin-bottom:40px;}
.ds-ug__tog{flex:0 0 61px;height:99px;background:#171D26;border-radius:15px;padding:4px 5px 4px;display:flex;flex-direction:column;gap:1px;}
.ds-ug__tg{flex:1;border:0;border-radius:12px;background:transparent;display:flex;align-items:center;justify-content:center;color:#3A596D;cursor:pointer;transition:color .15s,background .15s;}
.ds-ug__tg svg{width:24px;height:24px;fill:currentColor;}
.ds-ug__tg.is-on{color:#3AFFD0;}
.ds-ug__tg:not(.is-on):hover{color:#8aa0b4;}
.ds-ug__gunic{display:block;width:38px;height:21px;background:currentColor;-webkit-mask:url(/tpl/maybedrop/img/ds-gun.svg) center/contain no-repeat;mask:url(/tpl/maybedrop/img/ds-gun.svg) center/contain no-repeat;}
.ds-ug__sq{flex:0 0 61px;height:99px;background:#171D26;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;}
.ds-ug__sq svg{width:30px;height:30px;}
.ds-ug__stat{flex:1 1 0;min-width:0;height:99px;background:#171D26;border-radius:15px;padding:15px;display:flex;flex-direction:column;justify-content:center;}
.ds-ug__num{font:600 32px/39px var(--ds-font);color:#fff;white-space:nowrap;}
.ds-ug__lbl{margin-top:5px;font:600 20px/25px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-ug__go{flex:1 1 0;min-width:0;height:99px;border-radius:15px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;transition:filter .15s,opacity .15s;}
.ds-ug__go:hover{filter:brightness(1.07);color:#263A47;}
.ds-ug__go.is-dis{opacity:.55;pointer-events:none;}
.ds-ug__gomain{display:flex;align-items:center;font:600 32px/39px var(--ds-font);white-space:nowrap;}
.ds-ug__gomain svg{width:40px;height:39px;fill:none;stroke:#263A47;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.ds-ug__gosub{font:600 20px/25px var(--ds-font);text-transform:uppercase;}
/* arena 1380x367 */
.ds-ug__arena{position:relative;height:367px;background:#1A2C38;border-radius:15px;display:flex;align-items:center;justify-content:space-between;padding:0 150px;margin-bottom:40px;}
.ds-ug__slot{flex:0 0 288px;width:288px;height:287px;background:#171D26;border-radius:35px;padding:10px;}
.ds-ug__slotin{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ds-ug__ticks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.ds-ug__ticks rect{fill:none;stroke:#263A47;stroke-width:10;stroke-dasharray:3 5;}
.ds-ug__ph{display:block;width:187px;height:105px;background:url(/tpl/maybedrop/img/ds-gun.svg) center/contain no-repeat;}
.ds-ug__slotglow{position:absolute;left:0;right:0;top:-37px;height:43px;border-radius:50%;background:var(--glow,#3A596D);filter:blur(40px);opacity:.95;}
.ds-ug__slotimg{position:relative;z-index:1;width:134px;height:134px;object-fit:contain;margin-top:14px;}
.ds-ug__slotname{position:relative;z-index:1;margin-top:10px;max-width:220px;text-align:center;font:600 16px/20px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-ug__slotname i,.ds-upc__name i{font-style:normal;color:#5d7a8c;}
.ds-ug__slotprice{position:relative;z-index:1;margin-top:4px;font:600 14px/17px var(--ds-font);color:#3AFFCF;}
.ds-ug__clear{position:absolute;z-index:2;top:16px;right:18px;width:26px;height:26px;border-radius:8px;background:#1A2C38;color:#8aa0b4;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;text-decoration:none;}
.ds-ug__clear:hover{color:#fff;background:#263A47;}
.ds-ug__bal{position:relative;z-index:1;width:200px;text-align:center;}
.ds-ug__balnum{font:600 32px/39px var(--ds-font);color:#fff;}
.ds-ug__ballbl{margin:4px 0 18px;font:600 14px/17px var(--ds-font);color:#5d7a8c;}
/* dial: ellipse 230 + 22px outside stroke (dash 3/3) */
.ds-ug__dial{position:relative;flex:0 0 274px;width:274px;height:274px;}
.ds-ug__ring{position:absolute;inset:0;width:274px;height:274px;transform:rotate(-90deg);}
.ds-ug__ring circle{fill:none;stroke:#263A47;stroke-width:22;stroke-dasharray:3 3;}
.ds-ug__ring--on circle{stroke:#3AFFD0;}
.ds-ug__ring--on{transform:none;-webkit-mask:conic-gradient(#000 calc(var(--pct,0) * 3.6deg),transparent 0);mask:conic-gradient(#000 calc(var(--pct,0) * 3.6deg),transparent 0);}
.ds-ug__ring--on circle{transform:rotate(-90deg);transform-origin:137px 137px;}
.ds-ug__needle{position:absolute;left:50%;top:50%;width:33px;height:85px;margin:-68.5px 0 0 -16.5px;transform-origin:16.5px 68.5px;transition:transform 5s cubic-bezier(.12,.75,.2,1);}
.ds-ug__needle path{fill:#3AFFD0;}
.ds-ug__pct{position:absolute;left:0;right:0;top:178px;text-align:center;font:italic 600 32px/40px var(--ds-font);color:#fff;}
.ds-ug__res{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.ds-ug__restitle{font:600 26px/32px var(--ds-font);text-transform:lowercase;margin-bottom:6px;}
.ds-ug__restitle--ok{color:#3AFFD0;}
.ds-ug__restitle--fail{color:#F55959;}
.ds-ug__resbtn{min-width:180px;height:44px;padding:0 18px;border-radius:10px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47;display:flex;align-items:center;justify-content:center;font:600 16px/1 var(--ds-font);text-decoration:none;}
.ds-ug__resbtn--ghost{background:#171D26;color:#fff;}
/* grids: 505 | 845 */
.ds-ug__grids{display:grid;grid-template-columns:minmax(0,505fr) minmax(0,845fr);gap:30px;align-items:start;}
.ds-ug__h3{display:flex;align-items:center;gap:10px;margin:0 0 20px 4px;font:600 32px/39px var(--ds-font);color:#fff;text-transform:lowercase;}
.ds-ug__h3 svg{width:39px;height:39px;}
.ds-ug__panel{background:#1A2C38;border-radius:20px;padding:15px;}
.ds-ug__tools{display:flex;gap:10px;background:#171D26;border-radius:15px;padding:10px;margin-bottom:15px;}
.ds-ug__field{flex:0 0 188px;min-width:0;height:50px;display:flex;align-items:center;gap:5px;padding:0 15px;background:#1A2C38;border:1px solid #243A48;border-radius:10px;cursor:text;}
.ds-ug__field--grow{flex:1 1 auto;}
.ds-ug__field svg{flex:0 0 20px;width:20px;height:20px;color:#fff;}
.ds-ug__field input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;padding:0;font:600 16px/20px var(--ds-font);color:#fff;-moz-appearance:textfield;}
.ds-ug__field input::placeholder{color:#fff;opacity:1;}
.ds-ug__field input::-webkit-outer-spin-button,.ds-ug__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.ds-ug__field input[type=search]::-webkit-search-cancel-button{display:none;}
.ds-ug__sort{flex:0 0 100px;height:50px;border:0;border-radius:10px;background:#1A2C38;display:flex;align-items:center;justify-content:center;gap:5px;font:600 16px/20px var(--ds-font);color:#fff;cursor:pointer;}
.ds-ug__sort svg{width:20px;height:20px;transition:transform .2s;}
.ds-ug__sort.is-desc svg{transform:scaleY(-1);}
.ds-ug__list{max-height:483px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#263A47 transparent;}
.ds-ug__grid{display:grid;gap:15px 10px;}
.ds-ug__grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.ds-ug__grid--5{grid-template-columns:repeat(5,minmax(0,1fr));}
.ds-ug__none{padding:40px 10px;text-align:center;font:600 15px/1.5 var(--ds-font);color:#5d7a8c;}
.ds-ug__none a{color:#3AFFD0;}
/* skin card 155x151 */
.ds-upc{position:relative;height:151px;border-radius:20px;background:#171D26;overflow:hidden;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:box-shadow .15s,transform .15s;}
.ds-upc:hover{transform:translateY(-2px);}
.ds-upc.is-sel{box-shadow:inset 0 0 0 2px #3AFFD0;}
.ds-upc__glow{position:absolute;left:-1px;right:-1px;top:-62px;height:61px;border-radius:50%;background:var(--glow,#3A596D);filter:blur(36px);opacity:1;}
.ds-upc__img{position:relative;z-index:1;width:86px;height:61px;object-fit:contain;margin-top:26px;}
.ds-upc__name{position:relative;z-index:1;margin-top:8px;max-width:calc(100% - 16px);font:600 12px/15px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.ds-upc__price{position:relative;z-index:1;margin-top:5px;font:600 14px/17px var(--ds-font);color:#3AFFCF;}
.ds-upc__bar{position:absolute;z-index:1;left:50%;bottom:10px;width:55px;height:4px;margin-left:-27.5px;border-radius:99px;background:var(--bar,#F55858);}
/* rarity palette for upgrade cards/slots */
.ds-upc,.ds-ug__slotin{--glow:#3A596D;--bar:#5d7a8c;}
.ds-upc.common,.ds-ug__slotin.common{--glow:#8b9db0;--bar:#b0c3d9;}
.ds-upc.industrial,.ds-ug__slotin.industrial{--glow:#4b9ad6;--bar:#8fccff;}
.ds-upc.milspec,.ds-ug__slotin.milspec{--glow:#4b69ff;--bar:#8aa0ff;}
.ds-upc.restricted,.ds-ug__slotin.restricted{--glow:#8847ff;--bar:#b18cff;}
.ds-upc.classified,.ds-ug__slotin.classified{--glow:#d32ce6;--bar:#ef7bff;}
.ds-upc.covert,.ds-ug__slotin.covert{--glow:#D42E2E;--bar:#F55858;}
.ds-upc.rare,.ds-ug__slotin.rare{--glow:#e4ae39;--bar:#ffd36b;}
@media(max-width:1300px){
	.ds-ug__arena{padding:0 60px;}
	.ds-ug__num,.ds-ug__gomain{font-size:26px;}
	.ds-ug__lbl,.ds-ug__gosub{font-size:16px;}
	.ds-ug__grid--5{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:1100px){
	.ds-ug__bar{flex-wrap:wrap;}
	.ds-ug__stat,.ds-ug__go{flex:1 1 40%;}
	.ds-ug__grids{grid-template-columns:1fr;}
	.ds-ug__arena{padding:0 20px;}
	.ds-ug__slot{flex-basis:230px;width:230px;height:230px;}
}

/* ================= ICONS / HEADER / TITLES 1:1 (Figma Frame 707) ================= */
.msi{font-family:'Material Symbols Outlined';font-weight:300;font-style:normal;font-size:24px;line-height:1 !important;width:1em !important;height:1em !important;min-width:1em;overflow:visible !important;letter-spacing:normal;text-transform:none !important;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:'liga';font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;flex:0 0 auto;user-select:none;}
/* header: solid card colour, no old header_bg.png */
.ds-header,header.ds-header{background:#1A2C38 !important;background-image:none !important;}
.ds-header__in{min-height:90px;padding:20px 30px;gap:30px;}
.ds-nav{gap:20px;}
.ds-nav__link,.ds-nav__link.is-active,.ds-nav__link--plain{gap:5px;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;color:#fff;font:600 16px/20px var(--ds-font);}
.ds-nav__link .msi{font-size:24px;color:currentColor;}
.ds-nav__link:hover,.ds-nav__link.is-active{color:#3AFFD0;}
.ds-nav__sep{width:1px;height:50px;background:#3A596D;margin:0 10px;}
.ds-wallet{height:50px;gap:10px;padding:5px 5px 5px 10px;background:#171D26;border-radius:10px;}
.ds-wallet__sum{font:600 16px/20px var(--ds-font);color:#fff;}
.ds-wallet__btn{height:40px;padding:0 10px;border-radius:7px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47;font:600 12px/1 var(--ds-font);}
.ds-ava{position:relative;}
.ds-ava__btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;background:#171D26;color:#3AFFD0;text-decoration:none;}
.ds-ava__btn .msi{font-size:24px;font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24;}
.ds-ava__btn:hover{background:#20303d;}
/* section titles: lowercase, Gilroy 600, white outline icon */
.ds-sec-title{gap:10px !important;margin:40px 0 20px !important;font:600 32px/39px var(--ds-font) !important;text-transform:lowercase !important;letter-spacing:0 !important;color:#fff !important;}
.ds-sec-title::before,.ds-sec-title::after{content:none !important;display:none !important;}
.ds-sec-title .msi{font-size:39px;color:#fff;}
/* old theme: .site-main h2 span{position:absolute} (decor lines) catches icon spans */
.site-main h1 .msi,.site-main h2 .msi,.site-main h3 .msi,.ds-sec-title .msi{position:static !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;display:inline-block !important;background:none !important;margin:0 !important;transform:none !important;}
.site-main > .ds-sec-title:first-child{font-size:40px !important;line-height:49px !important;}
.site-main > .ds-sec-title:first-child .msi{font-size:49px;}
/* upgrade page icon sizes */
.ds-ug__title .msi{font-size:49px;color:#fff;}
.ds-ug__h3 .msi{font-size:39px;color:#fff;}
.ds-ug__sq .msi{font-size:30px;color:#fff;}
.ds-ug__tg .msi{font-size:24px;}
.ds-ug__field .msi{font-size:20px;color:#fff;}
.ds-ug__sort .msi{font-size:20px;transition:transform .2s;}
.ds-ug__sort.is-desc .msi{transform:scaleY(-1);}
.ds-ug__gomain .msi{font-size:40px;color:#263A47;}
.ds-lt__more .msi{font-size:25px;}
/* grids never wider than the container (long names used to force min-content columns) */
.ds-droplist > *,.ds-ug__grid > *{min-width:0;}
.ds-dropitem__name{max-width:100%;overflow-wrap:anywhere;}
/* inventory/drop cards with uploaded rarity art: keep the art's bottom bar clear of the text */
.ds-profile .ds-dropitem,.ds-invitem,.ds-case .ds-dropitem{padding-bottom:30px !important;}

/* ================= RARITY PALETTE = Figma components (Frame 525: glow ellipse / bar) ================= */
.ds-upc,.ds-ug__slotin,.ds-drop,.ds-pf__best{--glow:#4D7682;--bar:#81B1BF;}
.ds-upc.common,.ds-ug__slotin.common,.ds-drop.common,.ds-pf__best.common{--glow:#4D7682;--bar:#81B1BF;}
.ds-upc.industrial,.ds-ug__slotin.industrial,.ds-drop.industrial,.ds-pf__best.industrial{--glow:#267293;--bar:#5698AA;}
.ds-upc.milspec,.ds-ug__slotin.milspec,.ds-drop.milspec,.ds-pf__best.milspec{--glow:#2E55D4;--bar:#4261FA;}
.ds-upc.restricted,.ds-ug__slotin.restricted,.ds-drop.restricted,.ds-pf__best.restricted{--glow:#922ED4;--bar:#B259F5;}
.ds-upc.classified,.ds-ug__slotin.classified,.ds-drop.classified,.ds-pf__best.classified{--glow:#D42E97;--bar:#FF47C7;}
.ds-upc.covert,.ds-ug__slotin.covert,.ds-drop.covert,.ds-pf__best.covert,
.ds-upc.contraband,.ds-ug__slotin.contraband,.ds-drop.contraband{--glow:#D42E2E;--bar:#F55858;}
.ds-upc.rare,.ds-ug__slotin.rare,.ds-drop.rare,.ds-pf__best.rare,.ds-upc.knife,.ds-drop.knife{--glow:#D4A82E;--bar:#F5E359;}
/* card glow: Figma = ellipse (card width x 40% height) sitting just above the card, layer blur 82 */
.ds-upc__glow{left:-4%;right:-4%;top:-52%;height:62%;border-radius:50%;background:var(--glow);filter:blur(30px);opacity:.95;}
.ds-upc__bar{bottom:10px;width:55px;height:4px;}

/* ================= PROFILE 1:1 (Figma Frame 710) ================= */
.ds-pf__row1{display:grid;grid-template-columns:minmax(0,592fr) repeat(4,minmax(0,182fr));gap:15px;margin-bottom:15px;}
.ds-pf__user{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:89px;padding:15px;background:#1A2C38;border-radius:15px;min-width:0;}
.ds-pf__who{display:flex;align-items:center;gap:15px;min-width:0;}
.ds-pf__ava{width:59px;height:59px;border-radius:7px;object-fit:cover;flex:0 0 59px;}
.ds-pf__whotxt{min-width:0;}
.ds-pf__name{font:600 20px/25px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-pf__bal{display:flex;align-items:center;gap:5px;margin-top:5px;font:600 24px/29px var(--ds-font);color:#3AFFCF;white-space:nowrap;}
.ds-pf__bal .msi{font-size:29px;color:#3AFFCF;}
.ds-pf__btns{display:flex;gap:15px;flex:0 0 auto;}
.ds-pf__dep,.ds-pf__wd{display:flex;align-items:center;justify-content:center;gap:5px;width:158px;height:51px;border-radius:10px;font:600 16px/20px var(--ds-font);text-decoration:none;transition:filter .15s;}
.ds-pf__dep{background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#171D26;}
.ds-pf__wd{background:#171D26;color:#fff;}
.ds-pf__dep .msi,.ds-pf__wd .msi{font-size:21px;}
.ds-pf__dep:hover,.ds-pf__wd:hover{filter:brightness(1.1);}
.ds-pf__stat{display:flex;flex-direction:column;justify-content:space-between;min-height:89px;padding:12px 15px;background:#1A2C38;border:0;border-radius:15px;cursor:pointer;text-align:left;min-width:0;transition:box-shadow .15s;}
.ds-pf__stat--static{cursor:default;}
.ds-pf__stat.is-active{box-shadow:inset 0 0 0 1px rgba(58,255,208,.55);}
.ds-pf__staticon{font-size:30px;color:#3AFFD0;}
.ds-pf__statrow{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;}
.ds-pf__statlbl{font:500 14px/17px var(--ds-font);color:#fff;}
.ds-pf__statnum{font:600 20px/25px var(--ds-font);color:#fff;white-space:nowrap;}
.ds-pf__row2{display:flex;gap:10px;padding:15px;background:#1A2C38;border-radius:15px;margin-bottom:0;}
.ds-pf__row2 > *{height:106px;border-radius:10px;background:#171D26;}
.ds-pf__sq{flex:0 0 70px;display:flex;align-items:center;justify-content:center;border:0;color:#3AFFD0;cursor:pointer;text-decoration:none;transition:box-shadow .15s;}
.ds-pf__sq.is-on{box-shadow:inset 0 0 0 1px rgba(58,255,208,.55);}
.ds-pf__sq .msi{font-size:28px;}
.ds-pf__sq--out{color:#8aa0b4;}
.ds-pf__sq--out:hover{color:#F55959;}
.ds-pf__steam{display:block;width:30px;height:30px;background:#3AFFD0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.98 0C5.67 0 .5 4.86 0 11.06l6.44 2.66a3.38 3.38 0 0 1 1.92-.6h.19l2.86-4.15v-.06a4.53 4.53 0 1 1 4.53 4.53h-.1l-4.09 2.92v.16a3.4 3.4 0 0 1-6.73.68L.43 15.33A12 12 0 1 0 11.98 0M7.54 18.21l-1.47-.61a2.55 2.55 0 1 0 1.4-3.5l1.52.63a1.88 1.88 0 1 1-1.45 3.48m11.04-9.2a3.02 3.02 0 1 0-6.04 0 3.02 3.02 0 0 0 6.04 0m-5.28 0a2.27 2.27 0 1 1 4.54 0 2.27 2.27 0 0 1-4.54 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.98 0C5.67 0 .5 4.86 0 11.06l6.44 2.66a3.38 3.38 0 0 1 1.92-.6h.19l2.86-4.15v-.06a4.53 4.53 0 1 1 4.53 4.53h-.1l-4.09 2.92v.16a3.4 3.4 0 0 1-6.73.68L.43 15.33A12 12 0 1 0 11.98 0M7.54 18.21l-1.47-.61a2.55 2.55 0 1 0 1.4-3.5l1.52.63a1.88 1.88 0 1 1-1.45 3.48m11.04-9.2a3.02 3.02 0 1 0-6.04 0 3.02 3.02 0 0 0 6.04 0m-5.28 0a2.27 2.27 0 1 1 4.54 0 2.27 2.27 0 0 1-4.54 0'/%3E%3C/svg%3E") center/contain no-repeat;}
.ds-pf__days{flex:0 0 226px;display:flex;flex-direction:column;justify-content:space-between;padding:15px;}
.ds-pf__days .msi{font-size:31px;color:#3AFFD0;}
.ds-pf__days > span:last-child{font:600 16px/20px var(--ds-font);color:#fff;}
.ds-pf__best,.ds-pf__fav{position:relative;flex:1 1 0;min-width:0;overflow:hidden;display:flex;align-items:flex-end;padding:15px;text-decoration:none;}
.ds-pf__bestglow{position:absolute;right:-30px;top:30%;width:40%;height:37%;border-radius:50%;background:var(--glow);filter:blur(30px);opacity:.9;}
.ds-pf__bestbar{position:absolute;right:1px;top:21px;width:3px;height:62px;border-radius:99px;background:var(--bar);}
.ds-pf__bestimg{position:absolute;right:46px;top:15px;width:162px;height:76px;object-fit:contain;}
.ds-pf__favimg{position:absolute;right:24px;top:50%;width:88px;height:88px;margin-top:-44px;object-fit:contain;}
.ds-pf__fav::before{content:"";position:absolute;right:-40px;top:-30px;width:60%;height:170%;background:radial-gradient(closest-side,rgba(58,96,180,.35),transparent);pointer-events:none;}
.ds-pf__cap{position:relative;z-index:1;display:flex;align-items:center;gap:2px;font:600 16px/20px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-pf__cap .msi{font-size:20px;}
.ds-pf__cap b{font-weight:600;color:#3AFFCF;margin-left:3px;}
.ds-pf__cap--teal{color:#3AFFCF;}
.ds-pf__trade{margin-top:15px;padding:15px;background:#1A2C38;border-radius:15px;}
.ds-pf__tradehint{margin-bottom:10px;font:500 14px/1.4 var(--ds-font);color:#8aa0b4;}
.ds-pf__tradehint a{color:#3AFFD0;}
.ds-pf__tradeform{display:flex;gap:10px;background:#171D26;border-radius:15px;padding:10px;}
.ds-pf__tradesave{flex:0 0 auto;height:50px;padding:0 22px;border:0;border-radius:10px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#171D26;font:600 16px/1 var(--ds-font);cursor:pointer;}
.ds-pf__panel{background:#1A2C38;border-radius:20px;padding:15px;}
.ds-pf__tbtn{flex:0 0 auto !important;padding:0 14px;}
.ds-ug__sort.is-on{color:#3AFFD0;}
.ds-pf__grid{grid-template-columns:repeat(8,minmax(0,1fr));}
.ds-upc--pf{cursor:default;}
.ds-upc--pf:hover{transform:none;}
.ds-upc.is-dim .ds-upc__img,.ds-upc.is-dim .ds-upc__name,.ds-upc.is-dim .ds-upc__price,.ds-upc.is-dim .ds-upc__bar{opacity:.35;}
.ds-upc.is-busy{pointer-events:none;opacity:.6;}
.ds-upc__badge{position:absolute;z-index:2;top:10px;left:10px;max-width:calc(100% - 20px);padding:4px 7px;border-radius:5px;background:#171D26;font:600 11px/13px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-upc__menu{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0 10px;border-radius:20px;background:rgba(23,29,38,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .15s;}
.ds-upc:hover .ds-upc__menu,.ds-upc:focus-within .ds-upc__menu{opacity:1;}
.ds-upc__menu::before{content:"";position:absolute;left:10px;right:10px;top:50%;height:79px;margin-top:-39.5px;border-radius:10px;background:#1A2C38;z-index:-1;}
.ds-upc__mbtn{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;width:calc(100% - 10px);height:32px;border-radius:5px;background:#171D26;color:#fff;font:600 12px/15px var(--ds-font);text-decoration:none;white-space:nowrap;}
.ds-upc__mbtn .msi{font-size:16px;}
.ds-upc__mbtn--go{background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#171D26;}
.ds-pf__more{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px auto 0;width:max-content;padding:10px 18px;border-radius:10px;color:#fff;font:600 16px/20px var(--ds-font);text-decoration:none;}
.ds-pf__more:hover{color:#3AFFD0;}
.ds-pf__more .msi{font-size:22px;}
@media(max-width:1300px){
	.ds-pf__row1{grid-template-columns:repeat(4,minmax(0,1fr));}
	.ds-pf__user{grid-column:1 / -1;}
	.ds-pf__grid{grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media(max-width:900px){
	.ds-pf__row2{flex-wrap:wrap;}
	.ds-pf__best,.ds-pf__fav{flex-basis:100%;}
	.ds-pf__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
	.ds-pf__user{flex-wrap:wrap;}
}


/* upgrade: own percent + fast mode */
.ds-ug__stat--pct{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;}
.ds-ug__stattxt{min-width:0;}
.ds-ug__chips{display:grid;grid-template-columns:repeat(2,auto);gap:5px;flex:0 0 auto;}
.ds-ug__chip{height:32px;min-width:52px;padding:0 8px;border:1px solid #243A48;border-radius:8px;background:#1A2C38;color:#fff;font:600 13px/1 var(--ds-font);cursor:pointer;transition:.15s;}
.ds-ug__chip:hover{border-color:#3A596D;}
.ds-ug__chip.is-on{border-color:#3AFFD0;color:#3AFFD0;}
.ds-ug__chip:disabled{opacity:.5;cursor:default;}
.ds-ug__sq--btn{border:0;cursor:pointer;transition:color .15s,box-shadow .15s;}
.ds-ug__sq--btn.is-on{color:#3AFFD0;box-shadow:inset 0 0 0 1px rgba(58,255,208,.55);}
.ds-ug__sq--btn.is-on .msi{font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24;}


/* ================= DEPOSIT POPUP (analogue of Figma Frame 535) ================= */
.payments-refillblock.ds-dep{max-width:none !important;max-height:none !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;transform:none !important;margin:0 !important;padding:20px !important;background:rgba(10,14,20,.72) !important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0 !important;border-radius:0 !important;box-shadow:none !important;text-align:left !important;align-items:center;justify-content:center;font-family:var(--ds-font);}
.payments-refillblock.ds-dep.open{display:flex !important;z-index:999;}
.ds-dep__box{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 40px);overflow:auto;background:#171D26;border:1px solid #243A48;border-radius:20px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.55);color:#fff;transform:translateY(12px);transition:transform .25s;}
.ds-dep.animate .ds-dep__box{transform:none;}
.ds-dep__close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:0;border-radius:10px;background:#1A2C38;color:#8aa0b4;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.ds-dep__close:hover{color:#fff;}
.ds-dep__close .msi{font-size:22px;}
.ds-dep__title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font:600 32px/39px var(--ds-font);color:#fff;text-transform:lowercase;}
.ds-dep__title .msi{font-size:39px;color:#fff;}
.ds-dep__tabs{display:flex;gap:10px;padding:10px;background:#1A2C38;border-radius:15px;margin-bottom:15px;}
.ds-dep__tab{flex:1;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font:600 16px/20px var(--ds-font);color:#fff;}
.ds-dep__tab.is-on{background:#171D26;}
.ds-dep__tab .msi{font-size:22px;}
.ds-dep__quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.ds-dep__q{height:36px;padding:0 12px;border:1px solid #243A48;border-radius:8px;background:#1A2C38;color:#fff;font:600 14px/1 var(--ds-font);cursor:pointer;transition:.15s;}
.ds-dep__q:hover{border-color:#3A596D;}
.ds-dep__q.is-on{border-color:#3AFFD0;color:#3AFFD0;}
.ds-dep__row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ds-dep__field{display:flex;align-items:center;gap:8px;height:50px;padding:0 15px;background:#1A2C38;border:1px solid #243A48;border-radius:10px;cursor:text;min-width:0;}
.ds-dep__field .msi{font-size:20px;color:#fff;}
.ds-dep__field input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0 !important;outline:0;background:none !important;box-shadow:none !important;color:#fff;font:600 16px/20px var(--ds-font);-moz-appearance:textfield;}
.ds-dep__field input::placeholder{color:#8aa0b4;opacity:1;}
.ds-dep__field input::-webkit-outer-spin-button,.ds-dep__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.ds-dep__cur{font:600 16px/1 var(--ds-font);color:#fff;}
.ds-dep__promo{max-width:50%;font:600 13px/1.2 var(--ds-font);color:#3AFFCF;text-align:right;}
.ds-dep__go{width:100%;height:50px;margin-top:15px;border:0;border-radius:10px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47;display:flex;align-items:center;justify-content:center;gap:5px;font:600 16px/20px var(--ds-font);cursor:pointer;transition:filter .15s;}
.ds-dep__go:hover{filter:brightness(1.07);}
.ds-dep__go .msi{font-size:20px;}
.ds-dep__note{margin:15px 0 0;font:500 13px/1.5 var(--ds-font);color:#8aa0b4;}
.ds-dep__note a{color:#3AFFD0;}
@media(max-width:600px){.ds-dep__row{grid-template-columns:1fr;}.ds-dep__box{padding:22px;}.ds-dep__title{font-size:26px;}}


/* ================= CASE PAGE 1:1 (Figma 538 roulette / 533 + 539 result) ================= */
.ds-case__bar{min-height:70px;padding:10px 15px !important;border-radius:15px !important;background:#1A2C38 !important;}
.ds-case__back,.ds-case__fast{width:48px;height:50px;border-radius:10px !important;background:#171D26 !important;display:flex;align-items:center;justify-content:center;color:#fff !important;}
.ds-case__back .msi,.ds-case__fast .msi{font-size:20px;}
.ds-case__name{font:600 28px/34px var(--ds-font) !important;text-transform:lowercase;}
.ds-case__name .tl{color:#3AFFD0;}
.ds-rl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 40px;padding:30px 0 10px;}
.ds-rl--one{grid-template-columns:minmax(0,670px);justify-content:center;}
.ds-rl__frame{position:relative;background:#1A2C38;border-radius:20px;padding:10px;}
.ds-rl__in{position:relative;height:159px;background:#171D26;border-radius:14px;overflow:hidden;}
.ds-rl__wrap{position:absolute;inset:0;overflow:hidden;}
.ds-rl__track{position:absolute;top:0;left:0;height:100%;width:1250%;display:flex;transition-property:left;transition-timing-function:cubic-bezier(.08,.6,.1,1);}
.ds-rl__slot{flex:0 0 2%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 5px;}
.ds-rl__card.ds-drop{flex:none;width:100%;max-width:137px;height:136px;}
.ds-rl__mark{position:absolute;z-index:3;left:50%;width:40px;height:40px;margin-left:-20px;pointer-events:none;}
.ds-rl__mark::before,.ds-rl__mark::after{content:"";position:absolute;}
.ds-rl__mark::before{inset:0;background:#1A2C38;}
.ds-rl__mark::after{left:9px;width:22px;height:21px;background:#3AFFCF;}
.ds-rl__mark--top{top:-11px;}
.ds-rl__mark--top::before{clip-path:polygon(0 0,100% 0,50% 90%);}
.ds-rl__mark--top::after{top:11px;clip-path:polygon(0 0,100% 0,50% 100%);}
.ds-rl__mark--bot{bottom:-11px;}
.ds-rl__mark--bot::before{clip-path:polygon(50% 10%,100% 100%,0 100%);}
.ds-rl__mark--bot::after{bottom:11px;clip-path:polygon(50% 0,100% 100%,0 100%);}
.ds-rl__status{display:flex;align-items:center;gap:10px;width:max-content;margin:30px auto 10px;padding:20px;border-radius:15px;background:rgba(58,255,207,.1);color:#3AFFCF;font:600 20px/25px var(--ds-font);}
.ds-rl__status .msi{font-size:24px;}
.ds-spin{animation:ds-spin 1s linear infinite;}
@keyframes ds-spin{to{transform:rotate(360deg);}}
.ds-res__item{--glow:#4D7682;}
.ds-res__item.industrial{--glow:#267293;}.ds-res__item.milspec{--glow:#2E55D4;}.ds-res__item.restricted{--glow:#922ED4;}
.ds-res__item.classified{--glow:#D42E97;}.ds-res__item.covert,.ds-res__item.contraband{--glow:#D42E2E;}.ds-res__item.rare,.ds-res__item.knife{--glow:#D4A82E;}
.ds-res{padding:30px 0 10px;}
.ds-res--one{display:flex;justify-content:center;}
.ds-res--many{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px;}
.ds-res__item{display:flex;flex-direction:column;align-items:center;min-width:0;transition:opacity .2s;}
.ds-res__item.is-sold{opacity:.45;}
.ds-res__pic{position:relative;width:212px;max-width:100%;height:148px;display:flex;align-items:center;justify-content:center;}
.ds-res__glow{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:var(--glow);filter:blur(42px);opacity:.95;}
.ds-res__pic img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;}
.ds-res__name{margin-top:25px;max-width:100%;font:600 20px/25px var(--ds-font);color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-res__name i{font-style:normal;color:#5d7a8c;}
.ds-res__acts{display:flex;align-items:center;gap:10px;margin-top:40px;}
.ds-res__sell{display:flex;align-items:center;justify-content:center;gap:6px;height:65px;padding:0 24px;border-radius:15px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47 !important;font:600 20px/25px var(--ds-font);text-decoration:none;white-space:nowrap;transition:filter .15s;}
.ds-res__sell:hover{filter:brightness(1.07);}
.ds-res__sell .msi{font-size:24px;}
.ds-res__sold{display:flex;align-items:center;gap:6px;height:65px;padding:0 20px;border-radius:15px;background:#1A2C38;color:#8aa0b4;font:600 18px/1 var(--ds-font);}
.ds-res__icons{display:flex;gap:10px;}
.ds-res__ic{width:65px;height:65px;border:0;border-radius:15px;background:rgba(58,255,207,.12);color:#3AFFCF;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:background .15s;}
.ds-res__ic:hover{background:rgba(58,255,207,.2);}
.ds-res__ic:disabled{opacity:.4;cursor:default;}
.ds-res__ic .msi{font-size:24px;}
.ds-res--many .ds-res__pic{height:125px;}
.ds-res--many .ds-res__glow{width:94px;height:95px;margin:-47px 0 0 -47px;}
.ds-res--many .ds-res__name{margin-top:20px;font-size:16px;line-height:20px;}
.ds-res--many .ds-res__acts{flex-direction:column-reverse;gap:15px;margin-top:20px;}
.ds-res--many .ds-res__ic{width:44px;height:44px;border-radius:10px;}
.ds-res--many .ds-res__ic .msi{font-size:20px;}
.ds-res--many .ds-res__sell,.ds-res--many .ds-res__sold{height:39px;padding:0 14px;border-radius:10px;font-size:14px;line-height:17px;}
.ds-res--many .ds-res__sell .msi{font-size:18px;}
.ds-res__all{display:flex;justify-content:center;gap:10px;margin:30px 0 10px;}
.ds-res__all .ds-res__sell{height:50px;font-size:16px;border-radius:10px;}
.ds-res__again{display:flex;align-items:center;gap:6px;height:50px;padding:0 20px;border-radius:10px;background:#1A2C38;color:#fff;font:600 16px/1 var(--ds-font);text-decoration:none;}
.ds-res__again .msi{font-size:20px;color:#3AFFCF;}
.ds-case__grid{grid-template-columns:repeat(7,minmax(0,1fr));}
.ds-upc--lg{height:182px;cursor:default;}
.ds-upc--lg:hover{transform:none;}
.ds-upc--lg .ds-upc__img{width:105px;height:73px;margin-top:31px;}
.ds-upc--lg .ds-upc__name{margin-top:11px;}
.ds-upc--lg .ds-upc__bar{width:68px;height:5px;margin-left:-34px;bottom:12px;}
@media(max-width:1200px){.ds-case__grid{grid-template-columns:repeat(5,minmax(0,1fr));}.ds-res--many{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:860px){.ds-rl{grid-template-columns:1fr;}.ds-case__grid{grid-template-columns:repeat(3,minmax(0,1fr));}.ds-res--many{grid-template-columns:repeat(2,minmax(0,1fr));}.ds-res__acts{flex-wrap:wrap;justify-content:center;}}


/* results: centre when fewer than 5 */
.ds-res--many{display:flex;flex-wrap:wrap;justify-content:center;}
.ds-res--many .ds-res__item{flex:0 0 calc((100% - 80px) / 5);}
@media(max-width:1200px){.ds-res--many .ds-res__item{flex-basis:calc((100% - 40px) / 3);}}
@media(max-width:860px){.ds-res--many .ds-res__item{flex-basis:calc((100% - 20px) / 2);}}

/* ================= TOP 1:1 (Figma Frame 529) ================= */
.ds-tp__h{margin-top:20px !important;}
.ds-tp__tabs{display:flex;gap:10px;padding:10px;background:#1A2C38;border-radius:15px;}
.ds-tp__tabs button{flex:1 1 0;min-width:0;height:55px;border:0;border-radius:15px;background:transparent;color:#fff;font:600 20px/25px var(--ds-font);cursor:pointer;white-space:nowrap;transition:background .15s;}
.ds-tp__tabs button:hover{background:rgba(23,29,38,.5);}
.ds-tp__tabs button.is-active{background:#171D26;}
.ds-tp__podium{display:flex;justify-content:center;align-items:center;gap:20px;margin:46px 0 20px;}
.ds-tpc{flex:0 0 180px;width:180px;height:180px;cursor:default;}
.ds-tpc:hover{transform:none;}
.ds-tpc.is-center{flex-basis:230px;width:230px;height:228px;margin:0 10px;}
.ds-tpc .ds-upc__img{width:105px;height:73px;margin-top:40px;}
.ds-tpc .ds-upc__name{margin-top:12px;font-size:12px;}
.ds-tpc .ds-upc__price{font-size:14px;}
.ds-tpc.is-center .ds-upc__img{width:150px;height:105px;margin-top:40px;}
.ds-tpc.is-center .ds-upc__name{margin-top:14px;font-size:16px;line-height:20px;}
.ds-tpc.is-center .ds-upc__price{margin-top:5px;font-size:24px;line-height:29px;}
.ds-tpc.is-center .ds-upc__bar{width:89px;height:5px;margin-left:-44.5px;bottom:13px;}
.ds-tpc__rank{position:absolute;z-index:2;top:15px;left:15px;font:600 14px/17px var(--ds-font);color:#fff;}
.ds-tpc__rank[data-r="1"],.ds-pfc__rank[data-r="1"]{color:#FFE138;font-size:16px;}
.ds-tpc__rank[data-r="2"],.ds-pfc__rank[data-r="2"]{color:#BBBBBB;}
.ds-tpc__rank[data-r="3"],.ds-pfc__rank[data-r="3"]{color:#F55959;}
.ds-tpc__user{position:absolute;z-index:2;top:15px;right:15px;width:30px;height:30px;border-radius:5px;overflow:hidden;}
.ds-tpc__user img{width:100%;height:100%;object-fit:cover;display:block;}
.ds-tp__profit{display:flex;justify-content:center;gap:30px;margin:20px 0 30px;}
.ds-pfc{position:relative;flex:0 0 230px;width:230px;height:197px;background:#1A2C38;border-radius:15px;color:#fff;text-decoration:none;transition:box-shadow .15s;}
.ds-pfc:hover{box-shadow:inset 0 0 0 1px rgba(58,255,208,.4);}
.ds-pfc__ava{position:absolute;top:15px;left:15px;width:88px;height:88px;border-radius:10px;object-fit:cover;}
.ds-pfc__rank{position:absolute;top:15px;right:15px;font:600 14px/17px var(--ds-font);color:#fff;}
.ds-pfc__who{position:absolute;left:15px;bottom:15px;max-width:115px;}
.ds-pfc__name{font:600 16px/20px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-pfc__profit{margin-top:5px;font:600 24px/29px var(--ds-font);color:#3AFFCF;white-space:nowrap;}
.ds-pfc__pills{position:absolute;right:15px;top:35px;display:flex;flex-direction:column;gap:5px;}
.ds-pfc__pill{display:flex;align-items:center;justify-content:center;gap:5px;width:90px;height:33px;border-radius:6px;background:#171D26;font:600 14px/17px var(--ds-font);color:#fff;}
.ds-pfc__pill .msi{font-size:16px;}
.ds-tp__table{background:#1A2C38;border-radius:20px;padding:10px;}
.ds-tp__thead,.ds-tp__trow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr) repeat(4,minmax(0,1fr)) minmax(0,1.5fr);align-items:center;gap:10px;padding:0 15px;}
.ds-tp__thead{height:50px;background:#171D26;border-radius:15px;font:600 14px/17px var(--ds-font);color:#fff;}
.ds-tp__trow{height:49px;border-bottom:1px solid #2a4252;font:600 14px/17px var(--ds-font);color:#fff;text-decoration:none;}
.ds-tp__trow:last-child{border-bottom:0;}
.ds-tp__trow:hover{background:rgba(23,29,38,.35);}
.ds-tp__tu{display:flex;align-items:center;gap:8px;min-width:0;}
.ds-tp__tu img{width:30px;height:30px;border-radius:5px;object-fit:cover;flex:0 0 30px;}
.ds-tp__tu b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-tp__tpr{color:#3AFFCF;}
@media(max-width:1300px){.ds-tp__tabs button{font-size:16px;}.ds-tp__profit{flex-wrap:wrap;}.ds-tp__podium{flex-wrap:wrap;}}
@media(max-width:860px){.ds-tp__tabs{overflow-x:auto;}.ds-tp__tabs button{flex:0 0 auto;padding:0 14px;}.ds-tp__thead span:nth-child(n+3):nth-child(-n+6),.ds-tp__trow span:nth-child(n+3):nth-child(-n+6){display:none;}.ds-tp__thead,.ds-tp__trow{grid-template-columns:50px 1fr 110px;}}


/* ================= BATTLES 1:1 (Figma Frame 528) ================= */
.ds-bt2__bar{position:relative;display:flex;gap:10px;padding:10px;background:#1A2C38;border-radius:15px;}
.ds-bt2__sq{flex:0 0 50px !important;height:50px !important;border-radius:10px !important;}
.ds-bt2__sq .msi{font-size:24px !important;}
.ds-bt2__btn{display:flex;align-items:center;gap:6px;height:50px;padding:0 15px;border:0;border-radius:10px;background:#171D26;color:#fff;font:600 16px/20px var(--ds-font);cursor:pointer;white-space:nowrap;transition:color .15s;}
.ds-bt2__btn .msi{font-size:20px;}
.ds-bt2__btn.is-on{color:#3AFFD0;}
.ds-bt2__dd{margin-left:-2px;}
.ds-flip{transform:scaleY(-1);}
.ds-bt2__pickwrap{position:relative;}
.ds-bt2__pick{position:absolute;z-index:20;top:58px;left:0;width:360px;max-height:380px;overflow:auto;padding:8px;background:#171D26;border:1px solid #243A48;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:6px;}
.ds-bt2__case{display:grid;grid-template-columns:52px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:6px 10px 6px 6px;border:1px solid transparent;border-radius:10px;background:#1A2C38;color:#fff;text-align:left;cursor:pointer;}
.ds-bt2__case:hover{border-color:#3A596D;}
.ds-bt2__case.is-on{border-color:#3AFFD0;}
.ds-bt2__case img{grid-row:1 / 3;width:52px;height:52px;object-fit:contain;}
.ds-bt2__casename{font:600 15px/18px var(--ds-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-bt2__caseprice{grid-column:3;grid-row:1;font:600 14px/17px var(--ds-font);color:#3AFFCF;}
.ds-bt2__caseact{grid-column:2;grid-row:2;font:500 12px/15px var(--ds-font);color:#8aa0b4;}
.ds-bt2__create{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;height:50px;border-radius:10px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47;font:600 20px/25px var(--ds-font);text-decoration:none;transition:filter .15s;}
.ds-bt2__create:hover{filter:brightness(1.07);color:#263A47;}
.ds-bt2__create.is-dis{opacity:.6;pointer-events:none;}
.ds-bt2__create .msi{font-size:24px;}
.ds-bt2__how{margin-top:10px;padding:15px;background:#1A2C38;border-radius:15px;font:500 14px/1.5 var(--ds-font);color:#b7c4cf;}
.ds-bt2__h{margin-top:30px !important;}
.ds-bt2__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.ds-room{padding:10px;background:#1A2C38;border-radius:15px;}
.ds-room__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:0 0 0 2px;}
.ds-room__title{font:600 20px/25px var(--ds-font);color:#fff;white-space:nowrap;}
.ds-room__tags{display:flex;gap:5px;min-width:0;}
.ds-room__tag{padding:5px 8px;border-radius:5px;background:#171D26;font:600 12px/15px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;}
.ds-room__tag b{font-weight:600;color:#3AFFCF;}
.ds-room__body{display:flex;gap:8px;padding:8px;background:#171D26;border-radius:10px;}
.ds-room__player{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;height:56px;padding:0 10px;border-radius:10px;background:#1A2C38;color:#fff;font:600 16px/20px var(--ds-font);text-decoration:none;}
.ds-room__player img{width:40px;height:40px;border-radius:7px;object-fit:cover;flex:0 0 40px;}
.ds-room__player span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-room__join{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;height:56px;border:2px dashed #3A596D;border-radius:10px;color:#3A596D;font:600 16px/20px var(--ds-font);text-decoration:none;transition:color .15s,border-color .15s;}
.ds-room__join .msi{font-size:22px;}
.ds-room__join:hover{color:#3AFFD0;border-color:#3AFFD0;}
.ds-room__join--own{color:#3AFFCF;border-color:rgba(58,255,207,.4);}
.ds-bt2__empty{background:#1A2C38;border-radius:15px;}
@media(max-width:1200px){.ds-bt2__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.ds-bt2__grid{grid-template-columns:1fr;}.ds-bt2__bar{flex-wrap:wrap;}.ds-bt2__create{flex-basis:100%;}}

/* legacy webfonts removed (dspatch) -> use the redesign font everywhere */
body{font-family:var(--ds-font) !important;}

/* profile user card: long balance must never run under the buttons */
.ds-pf__user{flex-wrap:wrap;row-gap:10px;}
.ds-pf__who{flex:1 1 auto;min-width:0;}
.ds-pf__whotxt{min-width:0;overflow:hidden;}
.ds-pf__bal{min-width:0;}
.ds-pf__btns{gap:10px;margin-left:auto;}
.ds-pf__dep,.ds-pf__wd{width:140px;}


/* ===== round 6: top podium spacing, best drop centring, upgrade history, footer, 404 ===== */
/* top podium (Figma 529): bar sits under the price with air, not on it */
.ds-tpc .ds-upc__img{width:96px;height:67px;margin-top:38px;}
.ds-tpc .ds-upc__name{margin-top:10px;}
.ds-tpc .ds-upc__price{margin-top:4px;}
.ds-tpc .ds-upc__bar{bottom:14px;}
.ds-tpc.is-center .ds-upc__img{width:132px;height:92px;margin-top:36px;}
.ds-tpc.is-center .ds-upc__name{margin-top:12px;}
.ds-tpc.is-center .ds-upc__price{margin-top:4px;}
.ds-tpc.is-center .ds-upc__bar{bottom:16px;}
.ds-tpc{background:#1A2C38;}
/* best drop: skin centred inside its glow (glow follows the image) */
.ds-pf__bestimg{right:40px;top:50%;margin-top:-38px;}
.ds-pf__bestglow{right:24px;top:50%;width:194px;height:60px;margin-top:-30px;filter:blur(32px);opacity:.85;}
/* favourite case caption: label white, count teal (Figma) */
.ds-pf__cap--teal{color:#fff;}
.ds-pf__cap--teal .msi{color:#fff;}
/* upgrade history */
.ds-uph__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.ds-uph{display:flex;align-items:center;gap:10px;padding:10px;border-radius:15px;background:#171D26;}
.ds-uph.is-lose .ds-uph__side:last-child{opacity:.45;}
.ds-uph__side{flex:1 1 0;min-width:0;height:151px;background:#1A2C38;cursor:default;}
.ds-uph__side:hover{transform:none;}
.ds-uph__mid{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;color:#3A596D;}
.ds-uph__mid .msi{font-size:28px;}
.ds-uph__st{padding:4px 8px;border-radius:6px;font:600 12px/15px var(--ds-font);}
.ds-uph.is-win .ds-uph__mid{color:#3AFFD0;}
.ds-uph.is-win .ds-uph__st{background:rgba(58,255,207,.12);color:#3AFFCF;}
.ds-uph.is-lose .ds-uph__st{background:rgba(245,89,89,.12);color:#F55959;}
@media(max-width:1200px){.ds-uph__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.ds-uph__grid{grid-template-columns:1fr;}}
/* footer (Figma 528 footer): compact, no social icon */
.ds-ft{background:#1A2C38 !important;margin-top:60px;}
.ds-ft__in{max-width:1440px;margin:0 auto;padding:30px 30px 25px;}
.ds-ft__top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:25px;border-bottom:1px solid #3A596D;}
.ds-ft__nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;}
.ds-ft__link{font:600 16px/20px var(--ds-font);color:#fff;text-decoration:none;text-transform:lowercase;transition:color .15s;}
.ds-ft__link:hover,.ds-ft__link.router-link-active:not([href="/"]){color:#3AFFD0;}
.ds-ft__sep{width:1px;height:30px;background:#3A596D;}
.ds-ft__bottom{padding-top:20px;font:500 14px/17px var(--ds-font);color:#fff;}
@media(max-width:900px){.ds-ft__top{flex-direction:column;align-items:flex-start;}.ds-ft__sep{display:none;}.ds-ft__nav{gap:12px 20px;}}
/* 404 */
.ds-404{max-width:1440px;margin:0 auto;padding:60px 30px;}
.ds-404__box{max-width:520px;margin:0 auto;padding:40px 30px;text-align:center;background:#1A2C38;border-radius:20px;}
.ds-404__code{font:600 96px/1 var(--ds-font);color:#3AFFD0;letter-spacing:4px;}
.ds-404__title{margin:14px 0 8px !important;font:600 28px/34px var(--ds-font) !important;color:#fff !important;text-transform:lowercase;}
.ds-404__title::before,.ds-404__title::after{content:none !important;}
.ds-404__text{margin:0 0 24px;font:500 15px/1.5 var(--ds-font);color:#8aa0b4;}
.ds-404__btn{display:inline-flex;align-items:center;gap:6px;height:50px;padding:0 24px;border-radius:10px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47 !important;font:600 16px/1 var(--ds-font);text-decoration:none !important;}
.ds-404__btn .msi{font-size:20px;}
/* case page fast-mode toggle */
.ds-case__fast.is-on{color:#3AFFD0 !important;box-shadow:inset 0 0 0 1px rgba(58,255,208,.55);}
.ds-case__fast.is-on .msi{font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24;}


/* ===== profile spacing = Figma 710/707 ===== */
/* strip -> page title 40px (wrapper already has 16px top padding) */
.site-main > .ds-sec-title:first-child{margin-top:24px !important;}
.ds-lt,.ds-faq{padding-top:16px;}
/* row 2 -> "ваш инвентарь" 20px */
.ds-pf > .ds-sec-title:not(:first-child){margin-top:20px !important;}
/* bar 57x4 as in Figma */
.ds-upc--pf .ds-upc__bar{width:57px;margin-left:-28.5px;}
/* «история дропа» card (Figma 707, node 674:8862): 160x169, source case on top */
.ds-upc--hist{height:169px;}
.ds-upc--hist .ds-upc__img{width:90px;height:69px;margin-top:29px;}
.ds-upc--hist .ds-upc__name{margin-top:9px;}
.ds-upc--hist .ds-upc__price{margin-top:5px;}
.ds-upc--hist .ds-upc__bar{width:58px;height:5px;margin-left:-29px;bottom:10px;}
.ds-upc__src{position:absolute;z-index:2;top:10px;left:8px;right:8px;text-align:center;font:600 12px/15px var(--ds-font);color:#fff;text-decoration:none;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-upc__src b{font-weight:600;color:#3AFFCF;}
.ds-upc__src:hover{text-decoration:underline;}
.ds-upc--hist .ds-upc__badge{top:31px;left:10px;}


/* ================= BATTLE ROOM /battle/:id (no Figma frame — built from upgrade arena + case roulette) ================= */
.ds-bp{max-width:1440px;margin:0 auto;padding:16px 30px 60px;color:#fff;}
.ds-bp__bar{margin-top:24px;gap:15px;flex-wrap:wrap;}
.ds-bp__status{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:10px;background:#171D26;font:600 14px/1 var(--ds-font);color:#8aa0b4;}
.ds-bp__status .msi{font-size:20px;}
.ds-bp__status.is-s1{color:#3AFFCF;background:rgba(58,255,207,.1);}
.ds-bp__status.is-s2{color:#FFE138;}
.ds-bp__price{margin-left:auto;display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:10px;background:#171D26;font:600 14px/1 var(--ds-font);color:#fff;white-space:nowrap;}
.ds-bp__price b{font-weight:600;color:#3AFFCF;margin:0 4px;}
.ds-bp__arena{margin-top:20px;}
.ds-bp__arena > .ds-bp__slot:first-child{order:1;}
.ds-bp__arena > .ds-bp__case{order:2;}
.ds-bp__arena > .ds-bp__slot:nth-child(2){order:3;}
.ds-bp__slot{transition:box-shadow .2s,opacity .2s;}
.ds-bp__slot.is-win{box-shadow:0 0 0 2px #3AFFD0,0 0 40px rgba(58,255,208,.18);}
.ds-bp__slot.is-lose{opacity:.55;}
.ds-bp__slot .ds-ug__slotin{justify-content:center;gap:0;}
.ds-bp__ava{display:block;width:88px;height:88px;border-radius:12px;overflow:hidden;position:relative;z-index:1;}
.ds-bp__ava img{width:100%;height:100%;object-fit:cover;display:block;}
.ds-bp__name{position:relative;z-index:1;margin-top:14px;max-width:220px;font:600 20px/25px var(--ds-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-bp__name--dim{color:#5d7a8c;font-size:17px;}
.ds-bp__role{position:relative;z-index:1;margin-top:4px;font:500 14px/17px var(--ds-font);color:#8aa0b4;text-transform:lowercase;}
.ds-bp__wait{position:relative;z-index:1;width:88px;height:88px;border-radius:50%;border:2px dashed #3A596D;display:flex;align-items:center;justify-content:center;color:#3A596D;animation:ds-pulse 1.6s ease-in-out infinite;}
.ds-bp__wait .msi{font-size:40px;}
@keyframes ds-pulse{50%{border-color:#3AFFD0;color:#3AFFD0;}}
.ds-bp__badge{position:absolute;z-index:2;top:16px;left:16px;padding:5px 9px;border-radius:6px;background:#1A2C38;font:600 12px/14px var(--ds-font);color:#fff;text-transform:lowercase;}
.ds-bp__badge--win{background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47;}
.ds-bp__slot .ds-ug__slotimg{width:120px;height:90px;margin-top:4px;}
.ds-bp__slot .ds-ug__slotname{font-size:14px;line-height:18px;margin-top:6px;}
.ds-bp__who{position:relative;z-index:1;display:flex;align-items:center;gap:6px;margin-top:6px;font:600 12px/15px var(--ds-font);color:#8aa0b4;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds-bp__who img{width:20px;height:20px;border-radius:5px;object-fit:cover;}
.ds-bp__acts{position:relative;z-index:1;display:flex;gap:6px;margin-top:10px;}
.ds-bp__act{display:flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:7px;background:#1A2C38;color:#fff;font:600 12px/1 var(--ds-font);text-decoration:none;}
.ds-bp__act .msi{font-size:16px;}
.ds-bp__act--go{background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47;}
.ds-bp__case{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.ds-bp__vs{font:italic 600 26px/1 var(--ds-font);color:#3A596D;text-transform:uppercase;letter-spacing:2px;}
.ds-bp__caseimg{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45));}
.ds-bp__casename{font:600 20px/25px var(--ds-font);color:#fff;text-align:center;}
.ds-bp__case .ds-ug__resbtn{gap:6px;}
.ds-bp__case .ds-ug__resbtn .msi{font-size:20px;}
.ds-bp__rl{padding-top:40px;}
.ds-bp__rlname{position:absolute;z-index:4;top:-34px;left:14px;font:600 16px/20px var(--ds-font);color:#fff;}
.ds-bp__track.ds-rl__track{width:1645%;}
.ds-bp__slot3.ds-rl__slot{flex:0 0 2%;}
.ds-bp__slot3 .ds-rl__card.ds-drop{max-width:170px;}
@media(max-width:1200px){.ds-bp__arena{padding:0 30px;}.ds-bp__case{flex-basis:220px;}.ds-bp__caseimg{width:140px;height:140px;}}
@media(max-width:860px){.ds-bp__arena{height:auto;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;}.ds-bp__case{flex-basis:100%;order:0 !important;}.ds-bp__price{margin-left:0;}}


/* ===== round 8 ===== */
/* withdraw page (Figma 536) */
.ds-wd{max-width:1440px;margin:0 auto;padding:16px 30px 60px;color:#fff;}
.ds-wd__go{flex:0 0 auto;display:flex;align-items:center;gap:6px;height:50px;padding:0 20px;border:0;border-radius:10px;background:linear-gradient(180deg,#3AFFD0 35%,#23997C 100%);color:#263A47;font:600 16px/20px var(--ds-font);cursor:pointer;white-space:nowrap;transition:filter .15s,opacity .15s;}
.ds-wd__go:hover{filter:brightness(1.07);}
.ds-wd__go .msi{font-size:20px;}
.ds-wd__go.is-dis{opacity:.55;pointer-events:none;}
.ds-wd__card{cursor:pointer;}
.ds-wd__card.is-sel{box-shadow:inset 0 0 0 1px #3AFFD0;}
.ds-wd__card.is-busy{opacity:.5;pointer-events:none;}
.ds-wd__check{position:absolute;z-index:2;top:10px;left:10px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#3A596D;}
.ds-wd__check .msi{font-size:22px;}
.ds-wd__card:hover .ds-wd__check{color:#8aa0b4;}
.ds-wd__card.is-sel .ds-wd__check{color:#3AFFD0;}
.ds-wd__card.is-sel .ds-wd__check .msi{font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24;}
.ds-wd__trade{display:flex;gap:10px;margin-top:15px;padding:10px;background:#171D26;border-radius:15px;}
.ds-wd__trade .ds-ug__field{background:#1A2C38;}
.ds-wd__sq{flex:0 0 50px !important;width:50px;height:50px !important;border-radius:10px !important;background:#1A2C38 !important;color:#fff;text-decoration:none;}
.ds-wd__sq .msi{font-size:24px !important;}
.ds-wd__sq.is-on{color:#3AFFD0;}
/* upgrade: multipliers under the target slot (topskin-style) */
.ds-ug__rcol{flex:0 0 288px;display:flex;flex-direction:column;gap:10px;}
.ds-ug__rcol .ds-ug__slot{flex:none;}
.ds-ug__mults{display:flex;gap:5px;padding:5px;background:#171D26;border-radius:12px;}
.ds-ug__mult{flex:1 1 0;min-width:0;height:34px;border:0;border-radius:8px;background:transparent;color:#8aa0b4;font:600 13px/1 var(--ds-font);cursor:pointer;transition:background .15s,color .15s;}
.ds-ug__mult:hover{background:#1A2C38;color:#fff;}
.ds-ug__mult.is-on{background:#1A2C38;color:#3AFFD0;}
.ds-ug__mult:disabled{opacity:.45;cursor:default;}
.ds-ug__mult--dice .msi{font-size:18px;vertical-align:middle;}
.ds-ug__arena{height:auto;min-height:367px;padding-top:40px;padding-bottom:30px;align-items:flex-start;}
.ds-ug__arena > .ds-ug__dial{align-self:center;margin-top:-10px;}
/* upgrade result: both buttons same width */
.ds-ug__res .ds-ug__resbtn{width:220px;min-width:0;}
/* case content + top players: lighter card base (Figma: #1A2C38), inventory stays #171D26 */
.ds-upc--lg,.ds-tpc,.ds-uph__side{background:#1A2C38;}
/* hover must not lift the card (it was sliding under the scroll edge) */
.ds-upc:hover{transform:none !important;}
.ds-upc:not(.ds-upc--pf):not(.ds-upc--lg):not(.ds-tpc):hover{box-shadow:inset 0 0 0 1px rgba(58,255,208,.35);}
.ds-upc.is-sel:hover{box-shadow:inset 0 0 0 2px #3AFFD0;}
/* wider "open case" button */
.ds-case__open{min-width:320px;text-align:center;}
/* locked multipliers after opening */
.ds-case__mult.is-locked{pointer-events:none;opacity:.6;}

/* ================= FIXES (overlap / overflow / stripes) ================= */
/* kill old footer decorative stripe (header_lines.png on <footer>::before) */
footer::before,footer::after,.ds-footer::before,.ds-footer::after{display:none !important;content:none !important;background:none !important;}

/* neutralise old .gun_item (270x200 fixed + absolute children) inside new ds cards */
.ds-dropitem.gun_item,.ds-podcard.gun_item,.ds-up__card.gun_item,.ds-won__card.gun_item,
.ds-ct__slotitem.gun_item,.ds-ct__wonitem.gun_item,.ds-prof__achcard.gun_item,
.ds-up__item.gun_item,.ds-ct__item.gun_item,.ds-lt__cell--item.gun_item{
	width:auto !important;height:auto !important;min-height:0 !important;margin:0 !important;display:flex !important;position:relative !important;
}
.ds-dropitem .gun_name,.ds-dropitem .gun_img,.ds-dropitem .gun_cost,.ds-dropitem .gun_price,.ds-dropitem .gun_description,.ds-dropitem .dropped,.ds-dropitem .cross,
.ds-podcard .gun_name,.ds-podcard .gun_img,.ds-podcard .gun_cost,.ds-podcard .dropped,
.ds-up__card .gun_name,.ds-up__card .gun_img,.ds-up__card .gun_cost,.ds-up__card .cross,
.ds-won__card .gun_name,.ds-won__card .gun_img,
.ds-ct__slotitem .gun_name,.ds-ct__slotitem .gun_img,.ds-ct__slotitem .gun_cost,
.ds-ct__wonitem .gun_name,.ds-ct__wonitem .gun_img,
.ds-prof__achcard .gun_name,.ds-prof__achcard .gun_img{
	position:static !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
	width:auto !important;height:auto !important;max-width:100% !important;margin:0 !important;padding:0 !important;transform:none !important;
	background:none !important;display:block !important;
}
/* the old .dropped overlay inside cards is not used in the new layout */
.ds-dropitem .dropped,.ds-podcard .dropped,.ds-up__card .dropped{display:none !important;}
/* keep thumb as a centered flex box */
.ds-dropitem__thumb,.ds-up__cardimg,.ds-podcard__thumb,.ds-won__thumb{display:flex !important;align-items:center;justify-content:center;}
/* ===DS-REDESIGN END=== */