.bg-main-room {
    background-image: url(../images/new/room-bg-main.webp);
    background-position:center top;
    background-size:auto 100%;
}

.bg-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-street-sunduk {
    background-image: url(../images/new/bg-sunduk.png);
    background-position:50% 50%;
    background-size:cover;
}

.sunduk__link {
    position: absolute;
    left: 386rem;
    top: 212rem;
    z-index: 10;
}

.sunduk__link:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.house__arka-btn a {color:#a0a0ff;}
.house__arka-btn a:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.bg-street {
    background-image: url(../images/new/bg-street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-bedroom {
    background-image: url(../images/new/bg-bedroom.png);
    background-position:50% 50%;
    background-size:cover;
}

.bedroom__link {
    position: absolute;
    left: 1000rem;
    top: 100rem;
    display:block;
    z-index:10;
}

.bedroom__link:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.bg-street-cabinet {
    background-image: url(../images/new/bg-street-cabinet.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-house {
    background-image: url(../images/new/bg-street-join.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-ogorodhome {
    background-image: url(../images/new/ogorodhome_bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-arenahome {
    background-image: url(../images/new/arenahome_bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-pirshome {
    background-image: url(../images/new/pirshome_bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-sawmillhome {
    background-image: url(../images/new/sawmillhome_bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-blacksmithhome {
    background-image: url(../images/new/blacksmithhome_bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-foresthome {
    background-image: url(../images/new/foresthome_bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-ohothome {
    background-image: url(../images/new/ohothome_bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-maghome {
    background-image: url(../images/new/maghome_bg.png);
    background-position:50% 50%;
    background-size:cover;
}


.bg-street-teleport {
    background-image: url(../images/new/bg-teleport-kuznica.png);
    background-position:50% 50%;
    background-size:cover;
}

.teleport__link {
    position: absolute;
    left: 1500rem;
    top: 140rem;
    display:block;
    z-index:10;
}

.teleport__link:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.bg-street-zagon {
    background-image: url(../images/new/bg-street-zagon.png);
    background-position:50% 50%;
    background-size:cover;
}

.zagon__link {
    position: absolute;
    left: 1180rem;
    top: 300rem;
    display:block;
    z-index:10;
}

.zagon__link:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.bg-street-room {
    background-image: url(../images/new/bg-street-room.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-siege {
    background-image: url(../images/new/bg-street-siege.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents0 {
    background-image: url(../images/new/drevnie_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents1 {
    background-image: url(../images/new/drakony_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents2 {
    background-image: url(../images/new/klany_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents3 {
    background-image: url(../images/new/pobediteli_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents4 {
    background-image: url(../images/new/geroi_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents5 {
    background-image: url(../images/new/magi_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents6 {
    background-image: url(../images/new/naemniki_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents7 {
    background-image: url(../images/new/lavochniki_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents8 {
    background-image: url(../images/new/lesnaya_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-residents9 {
    background-image: url(../images/new/tikhaya_street.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-street-cross {
    background-image: url(../images/new/bg-cross.png);
    background-position:50% 50%;
    background-size:cover;
}


main {
    z-index:9;
}

.bg-wizard {
    background-image: url(../images/new/bg-wizard.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-wizard-master {
    background-image: url(../images/new/bg-wizard-master.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-wizard-kudesnik-master {
    background-image: url(../images/new/bg-wizard-kudesnik-master.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-wizard-char-master {
    background-image: url(../images/new/bg-wizard-char-master.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-wizard-alhim {
    background-image: url(../images/new/bg-wizard-alhim.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-wizard-kudesniki {
    background-image: url(../images/new/bg-wizard-kudesniki.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-wizard-chari {
    background-image: url(../images/new/bg-wizard-chari.png);
    background-position:50% 50%;
    background-size:cover;
}


.bg-castles-clans-trons {
    background-image: url(../images/new/bg-castles-clans-trons.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles-clans-rooms {
    background-image: url(../images/new/bg-castles-clans-rooms.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles-clans-training {
    background-image: url(../images/new/bg-castles-clans-training.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles-clans-heal {
    background-image: url(../images/new/bg-castles-clans-heal.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles-clans-new {
    background-image: url(../images/new/bg-castles-clans-new.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles-clans-siege {
    background-image: url(../images/new/bg-castles-clans-siege.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles-clans-join {
    background-image: url(../images/new/bg-castles-clans-start.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles-clans-start {
    background-image: url(../images/new/bg-castles-clans-join.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles-clans {
    background-image: url(../images/new/bg-castles-clans.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-estate {
    background-image: url(../images/new/bg-estate.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-estate-tailor {
    background-image: url(../images/new/bg-tailor.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-estate-skornyak {
    background-image: url(../images/new/bg-skornyak.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-estate-quests {
    background-image: url(../images/new/bg-estate-quests.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-les {
    background-image: url(../images/new/les-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-auction {
    background-image: url(../images/new/bg-auction.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles {
    background-image: url(../images/new/bg-castles.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles1 {
    background-image: url(../images/new/bg-castles1.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles2 {
    background-image: url(../images/new/bg-castles2.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles3 {
    background-image: url(../images/new/bg-castles3.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-castles4 {
    background-image: url(../images/new/bg-castles4.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-offers {
    background-image: url(../images/new/bg-offers.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-builders {
    background-image: url(../images/new/builders-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-pochta {
    background-image: url(../images/new/pochta-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-licenses-1 {
    background-image: url(../images/new/licenses-bg-1.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-licenses-2 {
    background-image: url(../images/new/licenses-bg-2.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses {
    background-image: url(../images/new/licenses-bg.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-3 {
    background-image: url(../images/new/licenses-bg-3.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-12 {
    background-image: url(../images/new/licenses-bg-12.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-192 {
    background-image: url(../images/new/licenses-bg-192.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-768 {
    background-image: url(../images/new/licenses-bg-768.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-12288 {
    background-image: url(../images/new/licenses-bg-12288.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-49152 {
    background-image: url(../images/new/licenses-bg-49152.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-65536 {
    background-image: url(../images/new/licenses-bg-65536.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-131072 {
    background-image: url(../images/new/licenses-bg-131072.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-786432 {
    background-image: url(../images/new/licenses-bg-786432.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-1048576 {
    background-image: url(../images/new/licenses-bg-1048576.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-6291456 {
    background-image: url(../images/new/licenses-bg-6291456.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-100663296 {
    background-image: url(../images/new/licenses-bg-100663296.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-402653184 {
    background-image: url(../images/new/licenses-bg-402653184.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-3072 {
    background-image: url(../images/new/licenses-bg-3072.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-25165824 {
    background-image: url(../images/new/licenses-bg-25165824.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-1610612736 {
    background-image: url(../images/new/licenses-bg-1610612736.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-6442450944 {
    background-image: url(../images/new/licenses-bg-6442450944.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-8589934592 {
    background-image: url(../images/new/licenses-bg-8589934592.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-51539607552 {
    background-image: url(../images/new/licenses-bg-51539607552.png);
    background-position:50% 50%;
    background-size:cover;
}
.bg-licenses-206158430208 {
    background-image: url(../images/new/licenses-bg-206158430208.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-room-fights_new {
    background-image: url(../images/new/fon-room-fights_new.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-room-fights_new2 {
    background-image: url(../images/new/fon-room-fights_new2.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-room-healer {
    background-image: url(../images/new/fon-room-healer.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-room-fights-2 {
    background-image: url(../images/new/fon-room-fights-2.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-room-merc-1 {
    background-image: url(../images/new/fon-room-merc-1.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-room-merc-2 {
    background-image: url(../images/new/fon-room-merc-2.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-room-inner {
    background-image: url(../images/new/fon-room-inner.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-room-quests {
    background-image: url(../images/new/fon-room-quests.png);
    background-position:50% 50%;
    background-size:cover;
}


.room__header-nav_wizard {
    max-width: 360rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.room__header-nav_wizard .active {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.area {
    margin-bottom:-20rem;
    overflow-x:hidden;
}

.area__left {
    z-index:10;
}


.chat {
    overflow:hidden;
    background:none;
    padding:40rem 0 0;
}

/*.chat:after {
    width:100%;
    background:url(../images/new/chat-bg-pattern.png) repeat 50% 20rem;
    height:100%;
    position:absolute;
    z-index:1;
    content:'';
    top:20rem;
    left:0;
}

.chat:before {
    background:url(../images/new/chat-bg.png) no-repeat 50% 0;
    width:100%;
    height:300rem;
    position:absolute;
    z-index:2;
    content:'';
    top:10rem;
    left:0;
    pointer-events:none;
}
*/
.chat__form * {
    z-index:6;
    position:relative;
}

/*.chat__form:before {
    background:url(../images/new/chat_form_left.png) no-repeat;
    background-size: 100% 100%;
    width:275rem;
    height:202rem;
    position:absolute;
    z-index:-1;
    content:'';
    bottom:0rem;
    left:0;
    pointer-events:none;
}

.chat__form:after {
    background:url(../images/new/chat_form_right.png) no-repeat;
    background-size: 100% 100%;
    width:283rem;
    height:208rem;
    position:absolute;
    z-index:1;
    content:'';
    bottom:0rem;
    left:0;
    pointer-events:none;
}  */

.chat .container {
    z-index:6;
}

.messages__row .othtime {
    background:none;
}

.messages {
    padding-left:50rem;
}

.chat .resize-handle {
    background: url(../images/new/chat-top2.png) repeat-x calc(50% + 30rem);
    background-size: contain;
    /*min-height:62rem;*/
    top: 0;
    position: absolute;
    left: 0;
    z-index:5;
}

.chat__left {
    background:none;
}

.chat__right {
    width:368rem;
}


.chat__left:after, .chat__left:before {
    z-index:5;
}

.check-round {
    position: relative;
}
.check-round input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1rem;
    width: 1rem;
    margin: -1rem;
    padding: 0;
    border: 0
}
.check-round input + .check-round__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    user-select:none;
    -ms-flex-align: center;
    cursor:pointer;
    align-items: center;
    gap: 5rem
}
.check-round input + .check-round__label:before {
    content: "";
    display: block;
    width: 12rem;
    flex:none;
    height: 12rem;
    border-radius: 3rem;
    border: 1rem solid #cac6c4
}
.check-round input + .check-round__label ._flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5rem
}
.check-round input + .check-round__label ._flex span {
    font-size: 12rem;
    color: #e2e2e2
}
.check-round input:checked + label:before {
    width: 6rem;
    height: 6rem;
    border: 4rem double #cac6c4
}
.check-circle {
    position: relative;
}
.check-circle input[type=radio] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1rem;
    width: 1rem;
    margin: -1rem;
    padding: 0;
    border: 0
}
.check-circle input + .check-circle__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    user-select:none;
    -ms-flex-align: center;
    cursor:pointer;
    align-items: center;
    gap: 10rem
}
.check-circle input + .check-circle__label:before {
    content: "";
    display: block;
    width: 12rem;
    flex:none;
    height: 12rem;
    border-radius: 100%;
    border: 2rem solid #cac6c4
}
.check-circle input + .check-circle__label ._flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5rem
}
.check-circle input + .check-circle__label ._flex span {
    font-size: 12rem;
    color: #e2e2e2
}
.check-circle input:checked + label:before {
    width: 8rem;
    height: 8rem;
    border-radius:100%;
    border: 4rem double #cac6c4
}

.room__header {
    z-index:4;
}

.nav {
    z-index:15 !important;
}

.btn__mark {
    background:url('../images/new/btn-mark.png') no-repeat;
    background-size:100% 70rem;
    display:flex;
    font-family:var(--brg);
    height:70rem;
    text-decoration:none;
    min-width:220rem;
    align-items:center;
    justify-content:center;
    font-size:22rem;
}

.btn__mark:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.btn__mark span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.btn__curl {
    background:url('../images/new/btn-curl-bg.png') no-repeat;
    background-size:100% 29rem;
    display:flex;
    font-family:var(--brg);
    height:29rem;
    text-decoration:none;
    padding:0 20rem;
    align-items:center;
    justify-content:center;
    font-size:13rem;
}

.btn__curl_active,
.btn__curl:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.btn__curl span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #95837a));
    background-image: -o-linear-gradient(top, #95837a 20%, #fff 50%, #95837a 80%);
    background-image: linear-gradient(180deg, #95837a 20%, #fff 50%, #95837a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.btn__curl_active span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.btn__ramka_default {
    opacity:.4;
}

.btn__gold {
    background:url('../images/new/btn-gold.png') no-repeat;
    background-size:100% 24rem;
    display:flex;
    font-family:var(--brg);
    height:24rem;
    text-decoration:none;
    min-width:140rem;
    align-items:center;
    justify-content:center;
    font-size:16rem;
    color:#181719;
    cursor:pointer;
    padding-top:1rem;
}

.btn__gold:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.btn__border {
    cursor:pointer;
    text-decoration:none !important;
}

.btn__border_v2 span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.input input {
    font-size: 12rem;
}

.input textarea {
    position: relative;
    z-index: 1;
    background: rgba(24, 19, 17, .7);
    border: none;
    outline: none;
    border-radius: 5rem;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: var(--brg);
    font-size: 12rem;
    padding: 0 5rem;
    display:block;
}

.room__header-submenu {
    position:relative;
    right:0;
    background:rgba(0,0,0,.4);
    justify-content:flex-end;
    display:flex;
    flex-wrap:wrap;
    gap:6rem;
    width: fit-content;
}




/*! Quests
--------------------
 */
.quests__title {
    text-align:center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:22rem;
    font-family:var(--brg);
    margin:0 auto 32rem;
    padding:0 20rem;
}

.quests__list {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    margin:80rem 0;
    gap:20rem;
    grid-row-gap:120rem;
}

.quests__item {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.quests__item:nth-child(2n-1) {
    margin-top:80rem;
}

.quests__text {
    font-size:12rem;
    color:#fff;
    text-align:center;
    width:205rem;
    position:relative;
    z-index:2;
    margin:0 auto;
    transform:translate(50rem,-10rem);
    height: 175rem;
}

.quests__item-overlay {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1;
}

.quests__item-right .quests__text {
    width:205rem;
    transform:translate(-30rem,-10rem);
}

.quests__item-right .quests__text p {
    width:200rem;
    margin:0 auto;
}

.quests__text strong {
    display:block;
    font-family:var(--brg);
    color:#010101;
    font-size:18rem;
    margin:0 0 4rem;
    line-height:1.1;
}

.quests__vote {
    display:flex;
    flex-direction:column;
    gap:6rem;
    margin:10rem 0 0;
    min-width:200rem;
}

.quests__item-left .quests__text strong {
    color:#fff;
}

.quests__text span {
    color:#790000;
}

.quests__text p {
    margin:0;
}

.quests__text p:not(:last-child) {
    margin:0 0 6rem;
}

.quests__btn {
    display:flex;
    margin:32rem 0 0;
    justify-content:center;
}

.quests__grid {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding-left:40rem;
}

.quests__grid .quests__list {
    display:block;
    flex:none;
    margin:40rem 0 0;
}

.quests__grid .quests__item {
    margin:0;
}

.quests__exchange {
    width:320rem;
}

.quests__exchange-list {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:flex-start;
    grid-row-gap:30rem;
}

.quests__exchange-item {
    position:relative;
    width:50%;
}

.quests__exchange-block {
    position:relative;
    z-index:3;
}

.quests__exchange-item input {
    display:none;
}

.quests__exchange-item input + label {
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:3;
    height:135rem;
    cursor:pointer;
}

.quests__exchange-item input + label:before {
    background:url('../images/new/radio.png') no-repeat;
    width:23rem;
    height:23rem;
    bottom:-5rem;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
    position:absolute;
    content:'';
}

.quests__exchange-item input + label:hover:before {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.quests__exchange-item input + label:after {
    display: block;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    bottom:1rem;
    left:50%;
    transform:translateX(-50%);
    border: 1rem solid #cac6c4;
    z-index:2;
    position:absolute;
    opacity:0;
    content:'';
}

.quests__exchange-item input:checked + label:after {
    opacity:1;
}

.quests__exchange-overlay {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.quests__exchange-btn {
    display:flex;
    justify-content:center;
    padding-top:30rem;
}

.quests__sidebar-btn {
    display:flex;
    justify-content:center;
    padding-top:60rem;
    padding-right:60rem;
}

.quests__items {

}

.quests__items-item {
    display:flex;
    justify-content:center;
    gap:16rem;
    align-items:center;
}

.quests__items-item:not(:last-child) {
    margin:0 0 24rem;
}

.quests__items-label {
    font-size:18rem;
    color:#fff;
    line-height:1;
    text-align:right;
    font-family:var(--brg);
    width:200rem;
}


/*! Room page
--------------------
 */
.room-page {
    padding:20rem 20rem 0 0;
    min-width:1020rem;
    height:calc(100vh - 200rem);
    overflow-x:hidden;
}

.room-page:has(.room-page__grid_width) {
    min-width:900rem;
}

.room-page:has(.room-page__grid_mag),
.room-page:has(.room-page__grid_alhim) {
    min-width:1120rem;
}

.room-page:has(.castles-clans__trons),
.room-page:has(.cabinet),
.room-page:has(.castles-clans__siege) {
    height: calc(100vh - 273rem);
}

.room-page:has(.castles-clans__trons) .room-page__section-block.bl-scroll {
    padding-bottom:0 !important;
}

.room-page:has(.inner__list),
.room-page:has(.wizard),
.room-page:has(.estate),
.room-page:has(.auction__grid),
.room-page:has(.fights-section) {
    height:calc(100vh - 295rem);
}

.room-page:has(.quests),
.room-page:has(.estate__grid_master_kudesnik) {
    height:calc(100vh - 280rem)
}

.room-page:has(.room-page__section-block_items) {
    overflow:hidden;
    height:calc(100vh - 300rem);
}

.room-page__caption {
    display:flex;
    align-items:center;
    justify-content:center;
    width:240rem;
    height:60rem;
    background:url(../images/new/estate-label.png) no-repeat;
    background-size: 100% 100%;
    font-size:24rem;
    font-family:var(--brg);
    color:#000;
    margin:0 auto;
}

.room-page__caption_mag {
    width:242rem;
    height:68rem;
    background:url(../images/new/estate-label-mag.png) no-repeat;
    background-size: 100% 100%;
    padding:15rem 0 0;
}

.room-page__caption_alhim {
    width:335rem;
    height:46rem;
    background:url(../images/new/alhim-label.png) no-repeat;
    background-size: 100% 100%;
}

.room-page__caption_alhim span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.room__content {
}

.room__content-demon {
    position:absolute;
    left:30rem;
    bottom:30rem;
    z-index:4;
}

.room-page:has(.room-page__section)::-webkit-scrollbar {
    display:none;
}

.room-page__section {
    display:flex;
    height:100%;
    position:relative;
    align-items:flex-start;
    z-index:10;
}

.room-page__section-block {
    position:relative;
    z-index:3;
}

.room-page__section-block:has(.quests) {
    min-height:400rem;
}

.room-page__section-block.bl-scroll {
    background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    padding:32rem 0 80rem;
    max-width:620rem;
    width:100%;
    flex:none;
    max-height:calc(100vh - 300rem);
    overflow-x:hidden;
}

.room-page__section-block_arts {
    background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    padding:32rem 0 20rem;
    max-width:620rem;
    width:100%;
    flex:none;
}

.room-page__section-block_items {
    background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    padding:20rem 0 20rem !important;
    max-width:570rem !important;
    width:100%;
    flex:none;
}

.room-page__section-block.bl-scroll:after,
.room-page__section-block_arts:after {
    width:100%;
    top:0;
    left:0;
    height:2rem;
    background:linear-gradient(90deg, rgba(222, 174, 102, 0), #7d756d 10%, #7d756d 90%, rgba(222, 174, 102, 0));
    content:'';
    position:absolute;
}

.room-page__section-block_arts:before {
    width:2rem;
    top:0;
    right:2rem;
    height:100%;
    background:linear-gradient(90deg, rgba(222, 174, 102, 0), #7d756d 10%, #7d756d 90%, rgba(222, 174, 102, 0));
    content:'';
    position:absolute;
}

.room-page__section-block_items:before,
.room-page__section-block_items:after {
    display:none;
}

.room-page__knight {
    position:relative;
}

.room-page__knight img {
    position:absolute;
    left:-150rem;
    top:0;
}

.room-page__halmir {
    position:relative;
}

.room-page__halmir img {
    position:absolute;
    left:-120rem;
    top:0rem;
}

.room-page__head {
    margin:0 0 12rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32rem;
}

.room-page__cash {
    position:relative;
    padding-left:60rem;
    display:table;
}

.room-page__cash-icon {
    position:absolute;
    left:0;
    top:0;
}

.room-page__cash-list {
    padding:8rem;
    background:rgba(0,0,0,.4);
    display:flex;
    align-items:center;
    gap:10rem;
    font-size:12rem;
    color:#fff;
}

.room-page__cash-list_w2 {
    padding-top:0;
}

.room-page__cash-item {
    display:flex;
    align-items:center;
    gap:5rem;
}

.room-page__cash-bottom {
    margin:5rem 0 0;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24rem;
    padding-left:8rem;
}

.room-page__cash-note {
    flex:auto;
    color:#fff;
    font-size:12rem;
}

.room-page__cash-note img {
    display:inline-block;
    vertical-align:middle;
}

.room-page__cash-bottom .btn__border {
    flex:none;
}

.room-page__form {
    flex:none;
    width:420rem;
}

.room-page__find {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8rem;
    color:#e0dbd3;
    font-size:12rem;
    margin:0 0 12rem;
}

.room-page__find .btn__border {
    width:75rem;
}

.room-page__find .input {
    width:130rem;
}

.room-page__edit {
    display:flex;
    align-items:flex-end;
    gap:8rem;
    color:#fff;
    font-size:12rem;
}

.room-page__edit span {
    margin:auto 0;
}

.room-page__edit .input {
    height:64rem;
    resize:none;
}

.room-page__edit .input textarea {
    resize:none;
}

.room-page__edit span {
    flex:none;
}

.room-page__edit .btn__border {
    flex:none;
}

.room-page__grid {
    display:flex;
    flex-wrap:wrap;
    grid-row-gap:32rem;
}

.room-page__grid.room-page__grid_width {
    padding:0 100rem;
}

.room-page__grid_version-2 {
    grid-row-gap:100rem;
}

.room-page__grid_mag {
    grid-row-gap:50rem;
}

.room-page__item {
    width:33.3%;
    text-align:center;
    color:#959595;
    font-size:12rem;
    position:relative;
}

.room-page__block {
    position:relative;
    z-index:2;
    padding:70rem 0 0;
    margin:0 auto;
    max-width:180rem;
}

.room-page__grid_mag .room-page__item {
    padding-top:70rem;
}

.room-page__grid_mag .room-page__block {
    padding:10rem !important;
    position:relative;
    max-width:210rem;
}

.room-page__grid_mag .room-page__block:before {
    content:'';
    left:0;
    top:0;
    height:calc(100% - 50rem);
    position:absolute;
    z-index:-1;
    width:100%;
    background:rgba(0,0,0,.7);
}

.room-page__grid_alhim {
}

.room-page__grid_alhim .room-page__item {
    padding-top:0;
    width:33.3%;
}

.room-page__grid_alhim .room-page__block {
    padding: 0 20rem 10rem !important;
    position:relative;
    max-width: 226rem;
    top: -10rem;
}

.room-page__grid_alhim .estate__tailors-text {
    min-height:200rem;
}

.room-page__grid_alhim .estate__tailors-head {
    background:rgba(0,0,0,.8);
}

.room-page__grid_alhim .room-page__block:before {
    content:'';
    left:20rem;
    top:36rem;
    height:calc(100% - 85rem);
    position:absolute;
    z-index:-1;
    width:calc(100% - 39rem);
    background:rgba(0,0,0,.7);
}

.room-page__overlay {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
    pointer-events:none;
}

.room-page__grid_version-2 .room-page__overlay {
    top:-60rem;
}

.room-page__grid_version-2 .room-page__block {
    padding:90rem 0 0;
}

.room-page__title {
    color:#fff;
}

.room-page__title span {
    color:#790000;
}

.room-page__locate {

}

.room-page__text {
    margin:24rem 0;
    min-height:50rem;
}

.room-page__text p:not(:last-child) {
    margin:0 0 18rem;
}

.room-page__pay {
    display:flex;
    justify-content:center;
    gap:12rem;
    align-items:center;
}

.room-page__pay .btn__border {
    flex:none;
}


/*! Inner
-------------------
 */
.inner__list {
    display:flex;
    flex-wrap:wrap;
    grid-row-gap:200rem;
}

.inner__item {
    width:33.3%;
    text-align:center;
    color:#959595;
    font-size:12rem;
    position:relative;
}

.inner__block {
    position:relative;
    z-index:2;
    padding:100rem 0 0;
    margin:0 auto;
    max-width:150rem;
}

.inner__overlay {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
}

.inner__title {
    color:#fff;
    font-size:18rem;
    line-height:1;
    font-family:var(--brg);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #95837a));
    background-image: -o-linear-gradient(top, #95837a 20%, #fff 50%, #95837a 80%);
    background-image: linear-gradient(180deg, #95837a 20%, #fff 50%, #95837a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.inner__title span {
    display:block;
    font-size:22rem;
}

.inner__title_gold {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.inner__levels {
    background:#161317;
    padding:10rem 12rem;
    text-align:center;
    color:rgba(255,255,255,.6);
    font-size:12rem;
    margin:20rem 0;
}

.inner__btn {
    display:flex;
    justify-content:center;
}

.inner__btn .btn__gradient {
    padding-left:20rem;
    padding-right:20rem;
    font-size:18rem;
}





/*! Healer
--------------------
 */
.healer {
    max-width:212rem;
    margin-left:70rem;
    margin-top:40rem;
}

.healer__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:22rem;
    font-family:var(--brg);
}

.healer__price {
    margin:24rem 0;
    color:#fff;
    font-size:12rem;
}

.healer__price img {
    display:inline-block;
    margin:0 3rem 0 0;
    vertical-align:middle;
}

.healer__list {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    grid-row-gap:24rem;
    margin:0 0 24rem;
}

.healer__field {
    color:#fff;
    font-size:12rem;
    width:calc(50% - 12rem);
}

.healer__field_full {
    width:100%;
}

.healer__label {
    margin:0 0 6rem;
}



/*! Fights
--------------------
 */
.fights {
    width:600rem;
}

.fights__end {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 0 32rem;
}

.fights__filter {
    justify-content:space-between;
    gap:10rem;
    display:flex;
    align-items:center;
    margin:0 0 32rem;
}

.fights__list {
    gap:10rem;
    display:flex;
    flex:auto;
}

.fights__filter-field {
    flex:auto;
}

.fights__filter .btn__border {
    flex:none;
}
.fights__table table {
    table-layout: fixed;
}
.fights__table thead {
    background:none;
    position: relative;
}
.fights__table thead:after {
    background: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#fff), color-stop(#fff), to(#95837a));
    background: linear-gradient(to right, #95837a, #fff, #fff, #95837a);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    border-radius: 3rem;
}
.fights__table thead:before {
    background:#682c24;
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    content: "";
    z-index: 2;
    border-radius: 3rem;
}
.fights__table thead th {
    position: relative;
    font-size:12rem;
    z-index: 3;
    font-weight: normal;
    padding: 12rem 0;
}
.fights__table thead th span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #876c5e), color-stop(#fff), color-stop(#fff), to(#876c5e));
    background: linear-gradient(to bottom, #876c5e 25%, #fff, #fff, #876c5e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.fights__table td {
    padding: 14rem;
    font-size:12rem;
    color: #e0dbd3;
    background:rgba(141,112,87,.7);
}
.fights__table tr:not(:last-child) td {
    border-bottom:1rem solid #101010;
}

.fights__table td:nth-child(2) {
    background:rgba(141,112,87,.3);
}


/*! Fights Section
--------------------------
 */
.fights-section {
    display:flex;
    justify-content:space-between;
    min-width:1100rem;
    margin-left:-50rem;
}

.fights-section__content {
    position:relative;
    width:600rem;
    flex:none;
    transform: translateX(50rem);
}

.fights-section__overlay {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.fights-section__block {
    position:relative;
    z-index:2;
    max-width:290rem;
    margin:0 auto;
    padding:150rem 0 40rem 0;
    display:flex;
    flex-direction:column;
    text-align:center;
    height:510rem;
}

.fights-section__title {
    line-height:1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:22rem;
    margin:0 0 12rem;
    font-family:var(--brg);
    flex:none;
}

.fights-section__title_chaos {
    text-shadow:0 0 9rem rgba(255,255,190,.5);
}

.fights-section__title_shadow {
    text-shadow:0 0 9rem rgba(255,255,190,.5);
}

.fights-section__form {
    flex:auto;
    display:flex;
    flex-direction:column;
    height:100%;
}

.fights-section__list {
    display:flex;
    gap:10rem;
    grid-row-gap:9rem;
    justify-content:center;
    margin:0 0 16rem;
}

.fights-section__field_inrow {
    display:flex;
    align-items:center;
    gap:8rem;
    flex-wrap:wrap;
}

.fights-section__label {
    text-align:center;
    margin:0 0 6rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:12rem;
}

.fights-section__desc {
    text-align:center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:12rem;
    max-width:160rem;
}

.fights-section__field_inrow .fights-section__label {
    margin:0;
}

.fights-section__value {
    display:flex;
    gap:8rem;
    align-items:center;
    justify-content:center;
    font-size: 12rem;
    color: #e2e2e2;
}

.fights-section__value:has(p) {
    display:block;
}

.fights-section__value p {
    color:#fff;
    margin:0;
    font-size:12rem;
}

.fights-section__value p:not(:last-child) {
    margin:0 0 6rem;
}

.fights-section__value .input {
    width:70rem;
}

.fights-section__value .input input {
    text-align:center;
}

.fights-section__value_level .input {
    width:50rem;
    text-align:center;
}

.fights-section__actions {
    display:flex;
    gap:10rem;
    max-width:200rem;
    margin:0 auto;
}

.fights-section__actions-btns {
    display:flex;
    flex-direction:column;
    flex:none;
    gap:10rem;
}

.fights-section__checks {
    display:flex;
    gap:8rem;
    align-items:center;
    justify-content:center;
}

.fights-section__btn {
    display:flex;
    justify-content:center;
    flex:none;
}

.fights-section__sidebar {
    background:rgba(0,0,0,.4);
    padding:10rem 10rem;
    margin:5rem 4rem 0 0;
    flex:auto;
    gap:14rem;
    display:flex;
    flex-direction:column;
}

.fights-section__rules {
    flex:none;
    position:relative;
}

.fights-section__rules .btn__border {
    display:inline-flex;
}

.fights-section__text {
    color:#fff;
    font-size:12rem;
    position:absolute;
    top:calc(100% + 5rem);
    left:0;
    z-index:5;
    background:rgba(0,0,0,.8);
    max-height: 0;
    overflow: hidden;
}

.fights-section__text_show {
    max-height: 1000rem;
    border:1rem solid rgba(255,255,255,.3);
    padding:24rem 12rem;
    transition: max-height 0.3s ease-in-out;
}

.fights-section__text ol {
    margin-left:20rem;
}

.fights-section__level {
    display:flex;
    align-items:center;
    gap:10rem;
    flex:none;
    color:#c3b6a3;
    font-size:12rem;
}

.fights-section__level .input {
    width:30rem;
}

.fights-section__level .input input {
    text-align:center;
}

.fights-section__table {
    flex:auto;
}

.fights-section__table table {
    table-layout: fixed;
}
.fights-section__table thead {
    background:none;
    position: relative;
}
.fights-section__table thead:after {
    background: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#fff), color-stop(#fff), to(#95837a));
    background: linear-gradient(to right, #95837a, #fff, #fff, #95837a);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    border-radius: 3rem;
}
.fights-section__table thead:before {
    background:#352c25;
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    content: "";
    z-index: 2;
    border-radius: 3rem;
}
.fights-section__table thead th {
    position: relative;
    font-size:12rem;
    z-index: 3;
    font-weight: normal;
    padding: 12rem 0;
}
.fights-section__table thead th span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #876c5e), color-stop(#fff), color-stop(#fff), to(#876c5e));
    background: linear-gradient(to bottom, #876c5e 25%, #fff, #fff, #876c5e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.fights-section__table td {
    padding: 5rem;
    font-size:12rem;
    color: #e0dbd3;
    background:rgba(141,112,87,.7);
}
.fights-section__table tr:not(:last-child) td {
    border-bottom:1rem solid #101010;
}
.fights-section__table td a {
    color:#fff;
    text-decoration:underline;
}

.fights-section__table td:nth-child(2) {
    background:rgba(141,112,87,.3);
}



/*! Goods
---------------------
 */
.goods {
    height:100%;
}

.goods__title {
    text-align:center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:22rem;
    font-family:var(--brg);
    margin:0 auto 32rem;
    max-width:340rem;
}

.goods__section {
    position:relative;
    display:flex;
    height:100%;
    flex-direction:column;
}

.goods__overlay {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-20rem;
    z-index:1;
}

.goods__tabs {
    position:relative;
    z-index:2;
    display:flex;
    flex:none;
    align-items:center;
    justify-content:space-between;
    padding:25rem 40rem 10rem 50rem;
}

.goods__tabs .btn__ramka:nth-child(2) {
    transform:translateX(15rem);
}

.goods__block {
    position:relative;
    z-index:2;
    flex:auto;
    height:100%;
    overflow-x:hidden;
}

.goods__list {
    padding-top:25rem;
    display:none;
}

.goods__list_show {
    padding-top:13rem;
    display:block;
}

.goods__item {
    position:relative;
    padding:0 0 0 30rem;
    min-height:130rem;
}

.goods__item-btn {
    position:absolute;
    left:calc(50% + 15rem);
    transform:translateX(-50%);
    bottom:15rem;
    z-index:3;
}

.goods__item-overlay {
    position:absolute;
    left:51%;
    transform:translateX(-50%);
    top:-8rem;
    z-index:1;
}

.goods__item-grid {
    display:flex;
    gap:12rem;
    align-items:center;
    position:relative;
    z-index:2;
}

.goods__column {
    font-size:12rem;
    color:#fff;
    flex:1;
}

.goods__about {
    position:relative;
    display:flex;
    align-items:center;
    gap:10rem;
}

.goods__label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:18rem;
    font-family:var(--brg);
}

.goods__info p {
    margin:0;
}

.goods__info p:not(:last-child) {
    margin:0 0 2rem;
}

.goods__info span {
    color:#ccc;
}



/*! Licenses
----------------------
 */
.licenses {
    display:flex;
    flex-direction:column;
    position:relative;
    z-index:10;
    max-height:calc(100vh - 95rem);
}

.licenses__note {
    position:relative;
    color:#fff;
    font-size:12rem;
    padding:10rem 15rem;
    max-width:530rem;
    flex:none;
    background:rgba(0,0,0,.5);
    margin:0 0 20rem 70rem;
}

.licenses__note img {
    position:absolute;
    right:100%;
    top:50%;
    transform:translateY(-50%);
}

.licenses__content {
    padding:30rem;
    background:rgba(0,0,0,.5);
    flex:auto;
}

.licenses__list {
    display:flex;
    flex-wrap:wrap;
    gap:30rem;
}

.licenses__item {
    width:162rem;
}

.licenses__pic {
    position:relative;
    margin:0 auto;
    cursor: pointer;
}

.licenses__title {
    position:absolute;
    left:6rem;
    letter-spacing: 1rem;
    bottom:25rem;
    width:100%;
    text-align:center;
    z-index:2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:var(--brg);
}

.licenses__button {
    display:flex;
    justify-content:center;
    margin:10rem 0 0;
}

.licenses__buy {
    padding:30rem;
    background:rgba(0,0,0,.5);
    width:800rem;
    border-top: 2rem solid;
    border-bottom: 2rem solid;
    border-image-source: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 10%, hsla(0, 0%, 100%, .5) 90%, hsla(0, 0%, 100%, 0));
    border-image-slice: 2;
    display:flex;
    flex-direction:column;
    position:relative;
    height:100%;
}

.licenses__buy:after {
    border-right: 2rem solid;
    border-image-source: linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 10%, hsla(0, 0%, 100%, .5) 90%, hsla(0, 0%, 100%, 0));
    border-image-slice: 2;
    content:'';
    width:1rem;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.licenses__buy-title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:22rem;
    font-family:var(--brg);
    margin:0 0 12rem;
    flex:none;
}

.licenses__buy-note {
    font-size:12rem;
    color:#fff;
    margin:0 0 24rem;
    flex:none;
}

.licenses__buy-note span {
    display:block;
    color:#ed1c24;
}

.licenses__buy-list {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    flex:auto;
    grid-row-gap:32rem;
    flex-direction: column;
}

.licenses__buy-item {
    align-items:flex-start;
    display:flex;
    gap:20rem;
    width:48%;
}

.licenses__buy-about {
    padding:4rem 0 0;
}

.licenses__buy-label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:unset;
    margin:0 0 5rem;
}

.licenses__buy-info {
    color:#fff;
    font-size:12rem;
    margin:0 0 10rem;
}

.licenses__buy-btn {
    display:table;
}



/*! Pochta
---------------------
 */
.pochta {
    display:flex;
    gap:32rem;
    width:1100rem;
    height:calc(100vh - 420rem);
    align-items:flex-start;
    margin:30rem 0 0;
}

.pochta__form {
    padding:30rem 0;
    width:50%;
    max-height:calc(100vh - 380rem);
}

.pochta__form-inner {
    background:rgba(0,0,0,.5);
    border-top: 2rem solid;
    border-bottom: 2rem solid;
    border-image-source: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 10%, hsla(0, 0%, 100%, .5) 90%, hsla(0, 0%, 100%, 0));
    border-image-slice: 2;
    display:flex;
    flex-direction:column;
    position:relative;
}

.pochta__form-inner:after {
    border-right: 2rem solid;
    border-image-source: linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 10%, hsla(0, 0%, 100%, .5) 90%, hsla(0, 0%, 100%, 0));
    border-image-slice: 2;
    content:'';
    width:1rem;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.pochta__form-title {
    width:156rem;
    height:56rem;
    background:url(../images/new/pochta-label.png) no-repeat;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#1e1615;
    font-size:24rem;
    font-family:var(--brg);
    margin:-27rem auto 10rem;
}

.pochta__form-grid {
    max-width:310rem;
    margin:0 auto;
    width:100%;
}

.pochta__form-field {
    margin:0 0 14rem;
}

.pochta__form-field .input:has(textarea) {
    height:70rem;
}

.pochta__form-field textarea {
    height:70rem;
    resize:none;
    padding:5rem;
}

.pochta__form-counter {
    padding:8rem 0 0 10rem;
    color:#e0dbd3;
    font-size:12rem;
}

.pochta__form-btn {
    display:flex;
    justify-content:center;
    margin:20rem 0 -15rem;
}

.pochta__sidebar {
    padding:0 10rem 0 30rem;
    width:50%;
    max-height:calc(100vh - 380rem);
}

.pochta__list {
    grid-row-gap:20rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.pochta__item {
    background:rgba(0,0,0,.7);
    width:calc(50% - 10rem);
    padding:15rem;
}

.pochta__head {
    position:relative;
    padding-left:70rem;
}

.pochta__head > img {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(calc(-50% - 80rem),-50%);
}

.pochta__head-title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:18rem;
    font-family:var(--brg);
}

.pochta__head-address {
    font-size:14rem;
    color:#e0dbd3;
    margin:3rem 0;
}

.pochta__head-coin {
    display:flex;
    align-items:center;
    gap:6rem;
    color:#e0dbd3;
}

.pochta__about {
    color:#e0dbd3;
    margin:10rem 0 0;
    font-size:12rem;
}

.pochta__about p {
    margin:2rem 0;
}


/*! Offers
-------------------------
 */
.offers {
    width:1000rem;
    position:relative;
    z-index:10;
    margin:20rem 0 0;
}

.offers__tabs {
    display:flex;
    align-items:center;
    gap:20rem;
    margin:0 0 -15rem 30rem;
    position:relative;
    z-index:10;
}

.offers__tabs .btn__gradient {
    filter:brightness(50%);
}

.offers__tabs .btn__gradient_current {
    filter:brightness(100%);
}

.offers__content {
    padding: 21rem 20rem 4rem;
    background:rgba(0,0,0,.5);
    /*max-height:calc(100vh - 320rem);*/
    display:none;
    z-index:1;
    position:relative;
    height: calc(100% - 10rem);
}

.offers__content_show {
    display:block;
}

.offers__grid {
    display:flex;
    justify-content:space-between;
    height:100%;
}

.offers__column {
    width:48%;
}

.offers__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:24rem;
    font-family:var(--brg);
}

.offers__note {
    font-size:12rem;
    color:#fff;
    margin:10rem 0 25rem;
}

.offers__note strong {
    display:block;
    color:#fff;
    font-size:18rem;
    font-family:var(--brg);
}

.offers__text {
    color:#fff;
    font-size:12rem;
    max-width:300rem;
}

.offers__label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:18rem;
    font-family:var(--brg);
    margin:0 0 20rem;
    letter-spacing: 1rem;
}

.offers__votes {
    color: #fff;
    font-size: 12rem;
}

.offers__votes-item {
    margin:0 0 12rem;
}

.offers__btn {
    margin:20rem 0 0 24rem;
}



/* Builders
------------------
 */
.builders {
    display:flex;
    justify-content:space-between;
    width:1000rem;
    gap:64rem;
    margin:40rem 0 0;
}

.builders__list {
    flex:auto;
    max-height:calc(100vh - 360rem);
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    grid-row-gap:16rem;
    padding-left:60rem;
}

.builders__item {
    background:rgba(0,0,0,.7);
    width:calc(50% - 8rem);
}

.builders__top {
    display:flex;
    padding:5rem 10rem;
    align-items:center;
    justify-content:space-between;
    background:rgba(0,0,0,.6);
    gap:12rem;
    color:#959595;
    font-size:12rem;
}

.builders__name {
    color:#fff;
    flex:none;
}

.builders__desc {
    padding:10rem;
    text-align:center;
    min-height:70rem;
    color:#959595;
    font-size:12rem;
}

.builders__sidebar {
    width:350rem;
    flex:none;
}

.builders__form-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12rem;
    color:#fff;
    font-size:12rem;
    margin:0 0 25rem;
}

.builders__form-row .input {
    max-width:120rem;
    margin:0 auto 0 0;
}

.builders__form-row span {
    flex:none;
}

.builders__form-label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:18rem;
    font-family:var(--brg);
    margin:0 0 20rem;
    text-align:center;
}

.builders__form-field {
    margin:0 auto;
    max-width:300rem;
    width:100%;
}

.builders__form-field .input {
    height:100rem;
}

.builders__form-field .input textarea {
    height:100rem;
    resize:none;
}

.builders__form-btn {
    display:flex;
    justify-content:center;
    margin:12rem 0 0;
}

.builders__form-note {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:18rem;
    font-family:var(--brg);
    margin:30rem 0 0;
    text-align:center;
}


/*! Les
------------------
 */
.les {
    width:1020rem;
    margin:20rem 0 0;
    position:relative;
    padding:20rem;
    max-height:calc(100vh - 320rem);
    z-index:10;
}

.les__content {
    position:relative;
}

.les__corner {
    position:absolute;
    top:-5rem;
    z-index:5;
}

.les__corner_left {
    left:-5rem;
}

.les__corner_left img {
    transform:scaleX(-1);
}

.les__corner_btm-left {
    left:-5rem;
    top:initial;
    bottom:-5rem;
}

.les__corner_btm-left img {
    transform:scale(-1,-1);
}

.les__corner_right {
    right:-5rem;
}

.les__corner_btm-right {
    top:initial;
    bottom:-5rem;
    right:-5rem;
}

.les__corner_btm-right img {
    transform:scaleY(-1);
}

.les__horizontal {
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    background:url(../images/new/les-horizontal.png) repeat-x;
    height:20rem;
}

.les__btm-horizontal {
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    width:100%;
    background:url(../images/new/les-horizontal.png) repeat-x;
    height:20rem;
}

.les__btm-horizontal img {
    transform:scaleY(-1);
}

.les__vertical {
    position:absolute;
    top:0;
    z-index:1;
    height:100%;
    background:url(../images/new/les-vertical.png) repeat-y;
    width:21rem;
}

.les__vertical_left {
    left:0;
}

.les__vertical_left img {
    transform:scaleX(-1);
}

.les__vertical_right {
    right:0;
}

.les__frame img,
.les__frame iframe {
    width:100%;
    display:block;
    height:100%;
    cursor:pointer;
}

.les__frame img {
    object-fit:cover;
}



/*! Castles
--------------------
 */
.castles {
    z-index:10;
    position:relative;
}

.castles__item {
    position:relative;
}

.castles__item_1 {
    margin-left:27rem;
    margin-top:110rem;
}

.castles__item_2 {
    margin-left:124rem;
    margin-top:100rem;
    padding-top:70rem;
}

.castles__item_3 {
    margin-left:69rem;
    margin-top:137rem;
    padding-top:40rem;
}

.castles__item_4 {
    margin-top:165rem;
    padding-left:13rem;
}

.castles__pic {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1;
}

.castles__item_1 .castles__pic {
    top:0;
}

.castles__item_2 .castles__pic {
    top:0;
    left:40%;
}

.castles__item_3 .castles__pic {
    top:0;
}

.castles__item_4 .castles__pic {
    top:-70%;
    left:90%;
}

.castles__block {
    position:relative;
    width:160rem;
    text-align:center;
    z-index:2;
}

.castles__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:var(--brg);
    letter-spacing:1rem;
}

.castles__level {
    font-size:12rem;
    margin:0 0 5rem;
    color:#fff;
}

.castles__btn {
    display:flex;
    justify-content:center;
}




/*! Auction
---------------
 */
.auction {
    background:rgba(0,0,0,.4);
    margin-top:12rem;
    padding-top:12rem;
    position:relative;
    z-index:10;
}

.auction__top {
    display:flex;
    align-items:center;
    padding:0 0 14rem 30rem;
}

.auction__top-field {
    display:flex;
    align-items:center;
    gap:15rem;
    margin:0 32rem 0 0;
    font-size:16rem;
    font-family:var(--brg);
    color:#fff;
}

.auction__top-field .input {
    width:200rem;
}

.auction__top-field .input:before {
    background: linear-gradient(45deg, #dca95a, #fff, #8f6f3a);
}

.auction__top-paging {
    display:flex;
}

.auction__top-paging--control {
    cursor:pointer;
}

.auction__top-paging--control:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.auction__grid {
    display:flex;
    flex-wrap:wrap;
    grid-column-gap:19rem;
    grid-row-gap:26rem;
    background:url(../images/new/auction-grid.png) repeat-y;
    background-size: 100% auto;
    padding: 26rem 25rem 21rem 25rem;
}

.auction__grid_orders {
    padding-top:20rem;
    grid-row-gap:32rem;
    background:url(../images/new/auction-grid-2.png) repeat-y;
}

.auction__grid_my {
    padding-top:20rem;
    grid-row-gap:25rem;
    background:url(../images/new/auction-grid-3.png) repeat-y;
    background-size: 100% auto;
}

.auction__card {
    display:flex;
    gap:12rem;
    align-items:center;
}

.auction__card-pic {
    position:relative;
}

.auction__card-pic:before {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:url(../images/new/overlay-card-item.png) no-repeat;
    width:128rem;
    height:128rem;
    content:'';
    z-index:1;
    opacity:.5;
}

.auction__card-pic img {
    z-index:2;
    position:relative;
}

.auction__card-value {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    gap:8rem;
}

.auction__card-label {
    color:#fff;
    font-size:12rem;
    margin:0 0 3rem;
}

.auction__card-price {
    display:flex;
    align-items:center;
    color:#fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #95837a));
    background-image: -o-linear-gradient(top, #95837a 20%, #fff 50%, #95837a 80%);
    background-image: linear-gradient(180deg, #95837a 20%, #fff 50%, #95837a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:var(--brg);
    gap:6rem;
}

.auction__card-btn {
    /*margin-left:24rem;*/
}

.auction__item {
    width:303rem;
    text-align:center;
    color:#959595;
    font-size:12rem;
    position:relative;
    height: 240rem;
}

.auction__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:var(--brg);
    margin:0 0 5rem;
    letter-spacing: 1rem;
}

.auction__head {
    display:flex;
    margin: 0rem 5rem 2rem;
    justify-content:space-between;
    font-size:12rem;
    color:#fff;
}

.auction__row {
    display:flex;
    gap:10rem;
    justify-content:space-between;
}

.auction__column {
    flex:auto;
    text-align:left;

    &:first-child {
        flex:none;
    }
}

.auction__pic {
    display:flex;
    justify-content:center;
}

.auction__field {
    margin:10rem 0 0;
    text-align:center;
}

.auction__price {
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #95837a));
    background-image: -o-linear-gradient(top, #95837a 20%, #fff 50%, #95837a 80%);
    background-image: linear-gradient(180deg, #95837a 20%, #fff 50%, #95837a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:var(--brg);
    margin:0 0 5rem;
    gap:6rem;
}

.auction__btn {
    display:flex;
    justify-content:center;
}


.lot {
    padding:30rem;
    background:rgba(0,0,0,.7);
    margin:15rem 0 0;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #95837a, #e9e4dd, #95837a) border-box;
    border-radius: 10rem;
    border: 2rem solid transparent;
    position:relative;
    z-index:10;
}

.lot__tabs {
    display:flex;
    align-items:center;
    gap:20rem;
    margin:-45rem 0 25rem;
    position:relative;
    z-index:10;
}

.lot__tabs .btn__gradient {
    filter:brightness(50%);
}

.lot__tabs .btn__gradient_current {
    filter:brightness(100%);
}

.lot__grid {
    display:none;
    justify-content:space-between;
}

.lot__grid_show {
    display:flex;
}

.lot__column {
    flex:1;
    position:relative;
}

.lot__column:first-child {
    padding-right:30rem;
}

.lot__column:last-child {
    padding-left:30rem;
}

.lot__column:first-child:after {
    content:'';
    width:2rem;
    height:100%;
    border-right: 2rem solid;
    border-image-source: linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 10%, hsla(0, 0%, 100%, .5) 90%, hsla(0, 0%, 100%, 0));
    border-image-slice: 2;
    position:absolute;
    right:0;
    top:0;
}

.lot__column2 {
    flex:1;
    position:relative;
}

.lot__column2:first-child {
    padding-right:30rem;
}

.lot__column2:last-child {
    padding-left:30rem;
}


.lot__head {
    margin:0 0 15rem;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15rem;
}

.lot__label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:18rem;
    font-family:var(--brg);
    letter-spacing: 1rem;
}

.lot__head .input {
    width:180rem;
}

.lot__column:last-child .lot__item {
    background:url(../images/new/lot-spacer.png) no-repeat 50% 100%;
    padding-bottom:70rem;
}

.lot__item-head {
    display:flex;
    gap:16rem;
    align-items:center;
    margin:0 0 24rem;
}

.lot__item-pic {
    flex:none;
}

.lot__item-about {
    flex:auto;
}

.lot__item-title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:var(--brg);
    margin:0 0 4rem;
    letter-spacing: 1rem;
}

.lot__item-info {
    gap: 5rem;
    display:flex;
    align-items: flex-start;
    font-size:12rem;
    color:#fff;
    flex-direction: column;
}

.lot__item-field {
    display:flex;
    align-items:center;
    gap:6rem;
}

.lot__item-field span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #95837a));
    background-image: -o-linear-gradient(top, #95837a 20%, #fff 50%, #95837a 80%);
    background-image: linear-gradient(180deg, #95837a 20%, #fff 50%, #95837a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.lot__item-grid {
    display:flex;
    gap:20rem;
}

.lot__item-column {
    flex:1;
    color:#fff;
    font-size:12rem;
}

.lot__item-column .btn__gradient {
    display:inline-flex;
}

.lot__item-settings {
    display:flex;
    gap:16rem;
    align-items:flex-end;
    margin:20rem 0 0;
}

.lot__item-inputs {
    flex:auto;
    display:flex;
    flex-direction:column;
    gap:8rem;
}

.lot__item-checkbox {
    flex:none;
    padding:0 0 4rem;
}

.lot__item-button {
    margin:20rem 0 0;
    display:flex;
    justify-content:center;
}


/*! Modals
-----------------------
 */
.modal-b {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.7);
    z-index: 99999;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
.modal-b.active {
    visibility: visible;
    opacity: 1;
}
.modal-close {
    top: 30rem;
    right: 30rem;
    position: absolute;
    line-height: 1;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: #fff;
}
.modal-close:hover {
    opacity: 0.6;
}
.modal-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 100%;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20rem 16rem;
    color: #000;
}
.modal-container {
    width: 100%;
    position: relative;
    max-width:400rem;
}
.modal-block_auction {
    background:url(../images/new/modal-auction-bg.png) no-repeat 50% 50%;
}
.modal-auction__form {
    width:180rem;
    margin:0 auto;
}

.modal-auction__field {
    position:relative;
    margin:0 0 10rem;
}

.modal-auction__field img {
    z-index:2;
    position:absolute;
    right:-5rem;
    top:2rem;
}

.modal-auction__buttons {
    display:flex;
    gap:10rem;
}

.modal-auction__buttons .btn__gradient {
    flex:auto;
}


/*! Estate
------------------
 */
.estate {
    margin:40rem 0 0;
    position:relative;
    z-index:10;
}

.estate__block {
    width:650rem;
    padding:30rem 30rem 50rem;
    background:rgba(0,0,0,.7);
    font-size:12rem;
    color:#fff;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #95837a, #e9e4dd, #95837a) border-box;
    border-radius: 10rem;
    border: 2rem solid transparent;
}

.estate__block-label {
    margin:-60rem auto 20rem;
    display:flex;
    align-items:center;
    justify-content:center;
    width:240rem;
    height:60rem;
    background:url(../images/new/estate-label.png) no-repeat;
    font-size:24rem;
    font-family:var(--brg);
    color:#000;
}

.estate__block-note {
    display:flex;
    align-items:center;
    margin:0 0 2rem;
    justify-content:center;
    gap:5rem;
}

.estate .room-page__cash {
    margin:0 auto 10rem;
}

.estate__block-form {
    margin:20rem auto 30rem;
    max-width:300rem;
}

.estate__block-field {
    display:flex;
    align-items:center;
    margin:0 0 10rem;
}

.estate__block-field span {
    flex:none;
    width:170rem;
}

.estate__block-field .input {
    flex:auto;
}

.estate__block-btn {
    display:flex;
    justify-content:center;
}

.estate__quest {
    height:100%;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, transparent, #e9e4dd, #95837a) border-box;
    border-radius: 0 10rem 0 0;
    border: 2rem solid transparent;
    border-left:0;
    border-bottom:0;
    padding:40rem;
    width:500rem;
}

.estate__quest-title {
    font-size:22rem;
    margin:0 auto 40rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    text-align:center;
    max-width:300rem;
}

.estate__quest-item {
    margin:0 0 10rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16rem;
}

.estate__quest-label {
    font-family:var(--brg);
    font-size:18rem;
    color:#fff;
}

.estate:has(.room-page__content) {
    margin:0;
    padding:20rem 0;
}

.estate .room-page__head {
    margin:0 0 -35rem;
}

.estate .room-page__head:has(.room-page__caption_alhim) {
    margin-bottom:-20rem;
}

.estate .room-page__content {
    background:rgba(0,0,0,.7);
    padding:40rem 20rem 60rem;
}

.estate .room-page__content_alhim {
    padding-top:100rem;
}

.estate__tailors {
    position:relative;
    display:flex;
    flex-direction:column;
    height:260rem;
}

.estate__tailors-head {
    background:rgba(0,0,0,.5);
    display:flex;
    padding:6rem;
    justify-content:center;
    gap:8rem;
    align-items:center;
    color:#fff;
    font-size:12rem;
    flex-wrap:wrap;
}

.estate__tailors-status {
    color:#959595;
}

.estate__tailors-value {
    font-size:12rem;
    color:#fff;
    margin:20rem 0 10rem;
}

.estate__tailors-text {
    font-size:12rem;
    color:#959595;
}

.estate__tailors-text span {
    color:#fff;
    display:block;
}

.estate__tailors-btn {
    display:flex;
    justify-content:center;
    margin:auto 0 0;
}

.estate__tailors-btn .btn__gradient {
    padding-left:20rem;
    padding-right:20rem;
    font-size:18rem;
}


.estate__grid {
    display:flex;
    margin:10rem 0 0;
    align-items:flex-start;
    gap:30rem;
}

.estate__content {
    width:560rem;
    flex:none;
    position:relative;
    z-index:2;
}

.estate__content_skornyak {
    width:410rem;
}

.estate__tabs {
    position:relative;
    z-index:3;
}

.estate__tabs-list {
    display:flex;
    position:relative;
    z-index:2;
    align-items:flex-end;
    padding:25rem 15rem 0rem 0rem;
    margin:0rem 0rem 11rem;
}

.estate__grid_master {
    justify-content:space-between;
}

.estate__grid_master .estate__tabs-list {
    margin:5rem 0rem 8rem 10rem;
    padding:10rem 0rem;
    background-color:rgba(0,0,0,.6);
}

.estate__grid_master_kudesnik .estate__tabs-list {
    padding-bottom:0;
    padding-top:20rem;
}

.estate__grid_master_char .estate__tabs-list {
    background:none;
    margin-bottom:0;
}

.estate__tabs-item {
    font-family:var(--brg);
    font-size:18rem;
    cursor:pointer;
    user-select:none;
    text-align:center;
    color:#b6b2ab;
    width:25%;
    text-decoration:none;
    padding:0 20rem;
    line-height:1.1;
}

.estate__grid_master .estate__tabs-item {
    width:120rem;
}

.estate__grid_master_char .estate__tabs-item {
    width:130rem;
}

.estate__tabs-item_fixed {
    transform:translateX(-10rem);
}

.estate__tabs-item:hover,
.estate__tabs-item_current {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.estate__tabs-bg {
    position:absolute;
    top:50%;
    transform:translate(-30rem,-50%);
    left:0;
    z-index:1;
}

.estate__grid_master_kudesnik .estate__tabs-bg {
    transform:translate(0,-50%);
}

.estate__tags {
    position:relative;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
    background:rgba(0,0,0,.7);
    gap:8rem;
    margin-top:15rem;
}

.estate__list {
    display:none;
    flex-wrap:wrap;
    gap:10rem;
    padding:15rem;
    position:relative;
}

.estate__content_skornyak .estate__list {
    flex-direction:column;
    padding:0 0 0 10rem;
    gap:0;
}

.estate__grid_master_char .estate__content_skornyak .estate__list {
    padding-right:10rem;
}

.estate__card {
    display:flex;
    position:relative;
    z-index:3;
    font-size:12rem;
    color:#fff;
    padding:15rem;
    gap:6rem;
    flex-direction: column;
}

.estate__card .potion__add {
    width:100%;
    gap:10rem;
    padding-top:5rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:100%;
}

.estate__card .potion__add-btn {
    margin:0;
    flex:none;
}

.estate__card:after {
    content:'';
    left:0;
    width:100%;
    position:absolute;
    background:rgba(0,0,0,.3);
    top:-5rem;
    height:calc(100% - 10rem);
    z-index:2;
    pointer-events:none;
}

.estate__card:before {
    content:'';
    width:440rem;
    height:17rem;
    background:url(../images/new/estate-spacer.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    bottom:5rem;
    left:-10rem;
    z-index:1;
    pointer-events:none;
}

.estate__grid_master_char .estate__card:before {
    content:'';
    width:403rem;
    height:11rem;
    background:url(../images/new/char-spacer-list.png) no-repeat;
    background-size:contain;
    position:absolute;
    bottom:5rem;
    left:-10rem;
    z-index:1;
    pointer-events:none;
}

.estate__grid_master_char .estate__card:first-child:after {
    content:'';
    width:403rem;
    height:11rem;
    background:url(../images/new/char-spacer-list.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:5rem;
    left:-10rem;
    z-index:1;
    pointer-events:none;
}

.estate__grid_master_kudesnik .estate__card:before {
    content:'';
    width:419rem;
    height:19rem;
    background:url(../images/new/kudesnik-list-spacer.png) no-repeat;
    background-size:contain;
    position:absolute;
    bottom:5rem;
    left:-10rem;
    z-index:1;
    pointer-events:none;
}

.estate__grid_master_kudesnik .estate__card:first-child:after {
    content:'';
    width:419rem;
    height:19rem;
    background:url(../images/new/kudesnik-list-spacer.png) no-repeat;
    background-size:contain;
    position:absolute;
    top:5rem;
    left:-10rem;
    z-index:1;
    pointer-events:none;
}

.estate__card-pic {
    flex:none;
    position:relative;
    z-index:3;
}

.estate__card-btn {
    display:table;
    position:relative;
    z-index:4;
    transform:translateY(10rem);
}

.estate__card-about {
    flex:none;
    width:150rem;
    position:relative;
    z-index:5;
}

.estate__card-title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:14rem;
    margin:0 0 5rem;
}

.estate__card-price {
    display:flex;
    align-items:center;
    gap:4rem;
    margin:0 0 5rem;
}

.estate__card-info {
    position:relative;
    z-index:3;
}

.estate__card:has(.estate__card-svitok),
.estate__card:has(.estate__card-item) {
    padding:15rem 20rem 40rem 20rem !important;
}

.estate__card:has(.estate__card-item):first-child,
.estate__card:has(.estate__card-svitok):first-child {
    padding-top:30rem !important;
}

.estate__grid_master_kudesnik .estate__card:has(.estate__card-svitok),
.estate__grid_master_kudesnik .estate__card:has(.estate__card-item) {
    padding:5rem 20rem 30rem 20rem !important;
}

.estate__grid_master_kudesnik .estate__card:has(.potion__add):first-child,
.estate__grid_master_kudesnik .estate__card:has(.estate__card-item):first-child,
.estate__grid_master_kudesnik .estate__card:has(.estate__card-svitok):first-child {
    padding-top:30rem !important;
}

.estate__card-item {
    display:flex;
    align-items:center;
    gap:10rem;
    justify-content:space-between;
    position:relative;
    width:100%;
    z-index:3;
}

.estate__card-item-pic,
.estate__card-item-btn {
    flex:none;
}

.estate__card-item-about {
    flex:auto;
}

.estate__card-item-about strong {
    margin:0 0 5rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.estate__card-item-btn {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5rem;
}

.estate__card-svitok {
    display:flex;
    align-items:center;
    gap:10rem;
    justify-content:space-between;
    position:relative;
    width:100%;
    z-index:3;
}

.estate__card-svitok-pic {
    flex:none;
}

.estate__card-svitok-about {
    font-size:12rem;
    color:#fff;
    flex:auto;
}

.estate__card-svitok-btn {
    flex:none;
}

.estate__frame {
    position:relative;
}

.estate__frame-bg {
    position:absolute;
    top:-100rem;
    transform:translateX(-50%);
    left:50%;
    z-index:1;
}

.estate__grid_master_kudesnik .estate__frame-bg {
    top:0;
}

.estate__list_show {
    display:flex;
}

.estate__item {
    color:#fff;
    position:relative;
    z-index:3;
    font-size:12rem;
    width:calc(33.3% - 10rem);
}

.estate__item-label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.estate__item-grid {
    display:flex;
    margin:10rem 0;
    align-items:flex-start;
    gap:12rem;
}

.estate__item-btn {
    display:table;
}

.estate__sidebar {
    width:260rem;
    position:relative;
}


.estate__sidebar-block {
    display:flex;
    flex-direction:column;
    min-height:390rem;
    padding-top:120rem;
    position:relative;
    z-index:2;
    max-width:260rem;
    margin:0 auto;
    max-height:390rem;
}

.estate__grid_master .estate__sidebar-block {
    padding-top:70rem;
    height:380rem;
}

.estate__grid_master_char .estate__sidebar-block {
    padding-top:50rem;
}

.estate__grid_master_kudesnik .estate__sidebar-block {
    padding-top:30rem;
}

.estate__sidebar-bg {
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    left:50%;
    z-index:1;
}

.estate__grid_master .estate__sidebar-bg {
    top:-70rem;
    transform:translateX(-50%);
}

.estate__sidebar-title {
    text-align:center;
    margin-bottom: 20rem;
    margin-left:10rem;
    flex:none;
    max-width:208rem;
}

.estate__sidebar-title2 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    text-align:center;
    font-size:18rem;
    margin:0 auto 20rem;
    flex:none;
    max-width:180rem;
}


.estate__sidebar-text {
    font-size:12rem;
    color:#959595;
    text-align:center;
    padding:0 0 20rem;
    flex:none;
}

.estate__sidebar-text span {
    color:#fff;
}

.estate__sidebar-desc {
    font-size:12rem;
    text-align:center;
    flex:auto;
    overflow-y:auto;
    color:#959595;
    margin:0 30rem 10rem;
}

.estate__grid_master_kudesnik .estate__sidebar-desc {
    padding:0 10rem 10rem;
}

.estate__sidebar-btn {
    margin:auto 0 0;
    display:flex;
    flex:none;
    justify-content:center;
}



/*! Castles Clans
---------------------------
 */
.castle-clans__nav {
    position:relative;
    z-index:2;
    max-width:440rem;
    margin:auto auto 0;
    display:flex;
    gap:9rem;
    background:url(../images/new/stolb.png) repeat-y calc(50% + 30rem) 0;
    background-size:38rem 100%;
    padding-top:10rem;
    padding-bottom:30rem;
}

.castle-clans__nav:before {
    position: absolute;
    top: 0;
    width: 38rem;
    height: 31rem;
    background: url(../images/new/stolb-top.png) no-repeat;
    content: '';
    z-index: 2;
    left:calc(50% + 13rem);
}

.castle-clans__nav:after {
    position: absolute;
    bottom: 0;
    width: 38rem;
    height: 44rem;
    background: url(../images/new/stolb-btm.png) no-repeat;
    content: '';
    z-index: 2;
    left:calc(50% + 13rem);
}

.area:has(.castle-clans__nav) {
    margin-bottom:-20rem;
}

.castle-clans__nav-list {
    display:flex;
    position:relative;
    z-index:3;
    flex-direction:column;
    gap:10rem;
    padding-top:10rem;
}

.castle-clans__nav-item {
    padding:0 10rem 0 30rem;
    text-decoration:none;
    white-space:nowrap;
    background:url(../images/new/ukazatel.png) no-repeat;
    background-size:100% 35rem;
    min-height:35rem;
    display:flex;
    align-items:center;
    width: 234rem;
    height: 35rem; 
    letter-spacing:1rem;
}

.castle-clans__nav-list:last-child {
    padding-top:20rem;
}

.castle-clans__nav-list:last-child .castle-clans__nav-item {
    background:url(../images/new/ukazatel-right.png) no-repeat;
    background-size:100% 35rem;
    padding:0 30rem 0 10rem;
}

.castle-clans__nav-item:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.castle-clans__nav-item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:14rem;
    max-width: 200rem;
}

.castles-clans__new {
    z-index:10;
    position:relative;
    padding:30rem;
    background:rgba(0,0,0,.7);
    margin:40rem 0 0 40rem;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #95837a, #e9e4dd, #95837a) border-box;
    border-radius: 10rem;
    border: 2rem solid transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:480rem;
    width:100%;
    min-height:200rem;
}

.castles-clans__new-text {
    color:#fff;
    font-size:12rem;
    opacity:.5;
    max-width:300rem;
    text-align:center;
    margin:0 auto;
}

.castles-clans__start {
    display:flex;
}

.castles-clans__start-column {
    flex:1;
    position:relative;
}

.castles-clans__start-block {
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    height:640rem;
    text-align:center;
    max-width:420rem;
    margin:0 auto;
    padding:50rem 0 0;
}

.castles-clans__start-title {
    color:#3f220d;
    text-shadow:0 0 15rem #ffffbe;
    filter: drop-shadow(0 0 5rem #ffffbe);
    font-family:var(--brg);
    font-size:22rem;
    max-width:200rem;
    position:relative;
    z-index:2;
    margin:0 auto 25rem;
    margin-top:84rem;
}

.castles-clans__start-about {
    margin:0 0 10rem;
}

.castles-clans__start-label {
    text-align:center;
    font-family:var(--brg);
    text-shadow:0 0 10rem rgba(0,0,0,.8);
    color:#e0dbd3;
    font-size:18rem;
}

.castles-clans__start-input {
    display:flex;
    justify-content:center;
}

.castles-clans__start-input .input {
    width:110rem;
}

.castles-clans__start-form {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:5rem;
    grid-row-gap:10rem;
    max-width:200rem;
    margin:0 auto 20rem;
}

.castles-clans__start-field_full {
    grid-column:1/-1;
    display:flex;
    justify-content:center;
}

.castles-clans__start-field_full .input {
    width:140rem;
}

.castles-clans__start-info {
    margin:auto 0 15rem;
    text-shadow:0 0 10rem rgba(0,0,0,.8);
    font-size:12rem;
    color:#e0dbd3;
}

.castles-clans__start-btn {
    display:flex;
    justify-content:center;
}

.castles-clans__start-bg {
    position:absolute;
    top:-22rem;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
}

.castles-clans__start-pic {
    position:absolute;
    top:170rem;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
}


.castles-clans__join {
    min-width:1000rem;
    display:flex;
    gap:20rem;
    flex-wrap:wrap;
    margin-left:80rem;
    height:calc(100vh - 233rem);
    overflow-y:auto;
    overflow-x:hidden;
    margin-top:-40rem;
    grid-row-gap:80rem;
}

.castles-clans__join-column {
    width:calc(50% - 53rem);
    position:relative;
}

.castles-clans__join-block {
    position:relative;
    z-index:4;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    height:480rem;
    text-align:center;
    max-width:300rem;
    margin:0 auto;
}

.castles-clans__join-block_empty {
    justify-content:center;
    padding-top:100rem;
}

.castles-clans__join-title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
    max-width:200rem;
    margin:0 auto 20rem;
}

.castles-clans__join-btn {
    display:flex;
    justify-content:center;
}

.castles-clans__join-bg {
    position:absolute;
    top:-13rem;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
}

.castles-clans__join-shadow {
    position:absolute;
    top:40rem;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
}

.castles-clans__join-column:has(.castles-clans__join-block_empty) .castles-clans__join-shadow {
    top:0;
}

.castles-clans__join-pic {
    position:absolute;
    top:90rem;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
}

.castles-clans__training {
    max-width:210rem;
    margin:0 auto;
}

.castles-clans__training-name {
    color:#fff;
    margin:0 0 15rem;
    font-family:var(--brg);
    font-size:18rem;
}

.castles-clans__training-weight {
    color:#c3b6a3;
    font-size:12rem;
    max-width:160rem;
    margin:0 auto 15rem;
}

.castles-clans__training-label {
    margin:0 0 5rem;
    color:#c3b6a3;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:12rem;
}

.castles-clans__training-list p {
    font-size:12rem;
    color:#fff;
}

.castles-clans__training-invite {
    display:flex;
    gap:10rem;
    margin:15rem 0 10rem;
}

.castles-clans__training-invite .input {
    flex:auto;
}

.castles-clans__training-invite .btn__border {
    flex:none;
}

.castles-clans__training-reject {
    display:flex;
    justify-content:flex-end;
}


.castles-clans__siege {
    padding:0 40rem;
}

.castles-clans__siege-title {
    margin:0 0 18rem;
    font-size:18rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.castles-clans__siege-note {
    font-size:12rem;
    color:#fff;
    margin:0 0 24rem;
}

.castles-clans__siege-table {
    margin:30rem 0;
    /*background: linear-gradient(#3c3e44, #3c3e44) padding-box, linear-gradient(to right, #95837a, #e9e4dd, #95837a) border-box;*/
    border-radius: 2rem;
    border: 2rem solid transparent;
}

.castles-clans__siege-table table {
    table-layout: fixed;
}

.castles-clans__siege-table th {
    text-align:center;
    padding:15rem 0;
    color:#fff;
    font-weight:normal;
}

.castles-clans__siege-table td {
    padding:10rem 30rem;
    color:#fff;
    font-size:12rem;
    font-weight:normal;
}

.castles-clans__siege-table tr:nth-child(2n-1) td {
    background:#2e3037;
}

.castles-clans__siege-table tfoot td {
    background:none !important;
}

.castles-clans__siege-add {
    display:flex;
    gap:10rem;
    max-width:220rem;
    margin:0 auto;
}

.castles-clans__siege-add .btn__border {
    flex:none;
}

.castles-clans__siege-user {
    display:flex;
    gap:10rem;
}

.castles-clans__siege-name {
    color:#fff;
    font-size:12rem;
}

.castles-clans__siege-name span {
    display:block;
    color:#d2d2d2;
}

.castles-clans__siege-controls {
    display:flex;
    gap:10rem;
}



.castles-clans__heal {
    position:relative;
    background:rgba(0,0,0,.7);
    margin:50rem 0 0 40rem;
    width:640rem;
    padding:10rem;
    z-index:10;
}

.castles-clans__heal-top {
    position:absolute;
    top:0;
    left:0;
    background:url(../images/new/heal-horizontal.png) repeat-x;
    height:11rem;
    z-index:1;
    width:100%;
}

.castles-clans__heal-left {
    position:absolute;
    top:0;
    left:0;
    background:url(../images/new/heal-vertical.png) repeat-y;
    width:11rem;
    z-index:1;
    height:100%;
    transform:rotate(180deg);
}

.castles-clans__heal-right {
    position:absolute;
    top:0;
    right:0;
    background:url(../images/new/heal-vertical.png) repeat-y;
    width:11rem;
    z-index:1;
    height:100%;
}

.castles-clans__heal-btm {
    position:absolute;
    bottom:0;
    left:0;
    background:url(../images/new/heal-horizontal.png) repeat-x;
    height:11rem;
    z-index:1;
    width:100%;
    transform:rotate(180deg);
}

.castles-clans__heal-about {
    padding:30rem 30rem 0;
}

.castles-clans__heal-title {
    font-size:18rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    margin:0 auto 15rem;
    max-width:500rem;
    text-align:center;
}

.castles-clans__heal-block {
    max-height:calc(100vh - 420rem);
    overflow-x:hidden;
}

.castles-clans__heal-btn {
    display:flex;
    justify-content:center;
}

.castles-clans__heal-list {
    display:flex;
    padding:0 0 25rem 25rem;
    flex-wrap:wrap;
}

.castles-clans__heal-item {
    position:relative;
    margin:0 -35rem;
}

.castles-clans__heal-label {
    bottom:30rem;
    left:50%;
    transform:translateX(-50%);
    position:absolute;
    z-index:2;
    font-size:12rem;
    color:#fff;
}


.castles-clans__trons {
    padding:30rem;
}

.castles-clans__trons .castles-clans__heal-list {
    margin:0 -30rem;
}

.castles-clans__trons-tabs {
    display:flex;
    align-items:center;
    gap:14rem;
    position:relative;
    margin:-40rem 0 30rem;
    z-index:10;
}

.castles-clans__trons-tabs .btn__gradient {
    filter:brightness(50%);
}

.castles-clans__trons-tabs .btn__gradient_current {
    filter:brightness(100%);
}

.castles-clans__trons-content {
    display:none;
}

.castles-clans__trons-content_show {
    display:block;
}

.castles-clans__trons-desc {
    margin:10rem 0 10rem;
    color:#b9b9bc;
    font-size:12rem;
}

.castles-clans__trons-title {
    font-size:18rem;
    margin:0 0 10rem;
    color:#fff;
    font-family:var(--brg);
}

.castles-clans__trons-label {
    font-size:18rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.castles-clans__trons-actions {
    display:flex;
    align-items:center;
    gap:24rem;
}

.castles-clans__trons-actions .btn__gradient {
    flex:none;
    padding:0 20rem;
}

.castles-clans__trons-pic  {
    margin:0 -30rem;
}

.castles-clans__trons-pic img {
    max-width:100%;
    height:auto;
}


.castles-clans__rooms {
    background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #95837a, #e9e4dd, #95837a) border-box;
    border-radius: 10rem;
    border: 2rem solid transparent;
    margin:60rem 0 0 40rem;
    width:680rem;
    z-index:10;
    position:relative;
    padding:30rem 30rem 40rem;
}

.castles-clans__rooms-label {
    margin:-75rem auto 30rem;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22rem;
    font-family:var(--brg);
    width:286rem;
    height:86rem;
    background:url(../images/new/room-title.png) no-repeat;
}

.castles-clans__rooms-label span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.castles-clans__rooms-tumbler {
    margin:0 auto 40rem;
    display:flex;
    justify-content:center;
    gap:16rem;
}

.castles-clans__rooms-tabs {
    display:flex;
    position:relative;
    z-index:2;
    margin:0 0 -20rem 40rem;
    gap:10rem;
}

.castles-clans__rooms-tabs .btn__gradient {
    filter:brightness(50%);
}

.castles-clans__rooms-tabs .btn__gradient_current {
    filter:brightness(100%);
}

.castles-clans__rooms-section {
    background:url(../images/new/castles-rooms-bg.png) no-repeat;
    overflow-y:auto;
    width:605rem;
    margin:0 auto;
    height:188rem;
    padding:35rem;
    color:#fff;
    font-size:12rem;
}


/*! Street
----------------------
 */

.cross {
    padding-left: 140rem;
    display: flex;
    align-items: flex-end;
    height:100%;
    margin:0 0 60rem;
    padding-top:20rem;
}

.cross__nav {
    position:relative;
    z-index:2;
    max-width:400rem;
    margin:auto 0 0 40rem;
    display:flex;
    gap:15rem;
    background:url(../images/new/stolb2.png) repeat-y calc(50% - 5rem) 0;
    background-size:72rem 100%;
    padding-top:20rem;
    padding-bottom:50rem;
}

.cross__nav:before {
    position: absolute;
    top: -10rem;
    width: 72rem;
    height: 73rem;
    background: url(../images/new/stolb2-top.png) no-repeat;
    background-size: 100% 100%;
    content: '';
    z-index: 2;
    left:calc(50% - 42rem);
}

.cross__nav:after {
    position: absolute;
    bottom: 0;
    width: 72rem;
    height: 44rem;
    background: url(../images/new/stolb2-btm.png) no-repeat;
    background-size: 100% 100%;
    content: '';
    z-index: 2;
    left:calc(50% - 45rem);
}

.area:has(.cross__nav) {
    margin-bottom:-20rem;
}

.cross__nav-list {
    display:flex;
    position:relative;
    z-index:3;
    flex-direction:column;
    gap:10rem;
    padding-top:10rem;
}

.cross__nav-item {
    padding:0 10rem 0 30rem;
    text-decoration:none;
    white-space:nowrap;
    background:url(../images/new/ukazatel2.png) no-repeat;
    background-size:100% 47rem;
    height:47rem;
    display:flex;
    align-items:center;
}

.cross__nav-list_right .cross__nav-item {
    background:url(../images/new/ukazatel2-right.png) no-repeat;
    background-size:100% 47rem;
    padding:0 30rem 0 10rem;
}

.cross__nav-item:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.cross__nav-item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:14rem;
}





.residents {
    margin:15rem 0 0 40rem;
    position:relative;
    padding:60rem 40rem;
    background:url(../images/new/bg-residents2.png) no-repeat;
    background-attachment: fixed;
    background-size:100% 100%;
    z-index:99;
}

.residents__caption {
    left:50%;
    position:absolute;
    z-index:5;
    transform:translateX(-50%);
    top:-20rem;
    width:221rem;
    height:47rem;
    display:flex;
    align-items:center;
    justify-content:center;
    background:url(../images/new/residents-label.png) no-repeat;
    background-size:100% 100%;
}

.residents__caption span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
}

.residents__top {
    background:url(../images/new/residents-horizontal.png) no-repeat;
    background-size:100% 100%;
    height:16rem;
    width:100%;
    position:absolute;
    top:0;
    left:0;
}

.residents__bottom {
    background:url(../images/new/residents-horizontal.png) no-repeat;
    background-size:100% 100%;
    height:16rem;
    width:100%;
    transform:rotate(180deg);
    position:absolute;
    bottom:0;
    left:0;
}

.residents__left {
    background:url(../images/new/residents-vertical.png) no-repeat;
    background-size: 100% 100%;
    width:14rem;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

.residents__right {
    background:url(../images/new/residents-vertical.png) no-repeat;
    background-size: 100% 100%;
    width:14rem;
    height:100%;
    position:absolute;
    top:0;
    transform:rotate(180deg);
    right:0;
}

.residents__block {
    height:100%;
}

.residents__list {
    display:flex;
    flex-wrap:wrap;
}

.residents__item {
    display:flex;
    align-items:center;
    width:33.3%;
    text-decoration:none;
    gap:24rem;
    min-height:50rem;
    padding:20rem 50rem 20rem 20rem;
    position:relative;
}

.residents__item:nth-child(3n+1) {
    padding-left:0;
    width:31%;
}

.residents__item:nth-child(-n+3) {
    padding-top:0
}

.residents__item:not(:nth-child(3n)):after {
    top:0;
    right:0;
    background:#7a614c;
    width:2rem;
    height:100%;
    position:absolute;
    content:'';
}

.residents__icon {
    width:70rem;
    display:flex;
    flex:none;
    justify-content:center;
}

.residents__item:hover .residents__icon {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}


.residents__label {
    color: #1e1615;
    font-size:12rem;
    display:block;
}

.residents__name {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:12rem;
    display:block;
    white-space: nowrap;
    max-width: 100%;    
}

.street-zagon {
    background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #95837a, #e9e4dd, #95837a) border-box;
    border-radius: 6rem;
    border: 3rem solid transparent;
    padding:10rem;
    margin:0rem 0rem 0rem 40rem;
    width:450rem;
    text-align:center;
    position:relative;
    height: 100%;
}

.street-zagon__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
    margin: 0rem 0rem 10rem;
}

.street-zagon__text {
    color:#fff;
    font-size:12rem;
    margin:0 0 45rem;
}

.street-zagon__value {
    max-width:160rem;
    margin:0 auto;
    position:relative;
    z-index:2;
}

.street-zagon__btn {
    margin:20rem 0 -55rem;
    display:flex;
    justify-content:center;
}


.street-room {
    background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #95837a, #e9e4dd, #95837a) border-box;
    border-radius: 6rem;
    border: 3rem solid transparent;
    padding:20rem;
    width:620rem;
    text-align:center;
    position:relative;
    height:100%;
}

.street-room__field:not(:last-child) {
    margin:0 0 30rem;
}

.street-room__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
    margin:0 0 15rem;
}

.street-room__value {
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:350rem;
    margin: 0 auto;
    gap:10rem;
}



.street-teleport {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    position:absolute;
    padding:0 0 150rem 550rem;
}

.street-teleport__block {
    position:relative;
    min-height:450rem;
    display:flex;
    align-items:flex-end;
}

.street-teleport__button {
    display:flex;
    align-items:center;
    justify-content:center;
    background:url(../images/new/teleport-title.png) no-repeat;
    background-size:100% 32rem;
    min-width:180rem;
    height:32rem;
    text-decoration:none;
    position:relative;
    z-index:3;
}

.street-teleport__button span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.street-teleport__button:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.street-teleport__overlay {
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
}



.street {
    display:flex;
    min-width:1000rem;
    margin:2rem 0 0 30rem;
}

.street__column {
    position:relative;
    flex:1;
}

.street__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
    text-align:center;
    height:26rem;
    margin:0 0 -25rem;
}

.street__house {
    position:relative;
}

.street__house-block {
    position:relative;
    z-index:3;
    min-height:400rem;
}

.street__house-block .btn__border {
    position:absolute;
    z-index:2;
    text-align:center;
    left:0;
    top:0;
}

.street__house-block .btn__border_bedroom {
    left:17rem;
    top:114rem;
}

.street__house-block .btn__border_kladovka {
    left:138rem;
    top:100rem;
}

.street__house-block .btn__border_room {
    left:138rem;
    top:210rem;
}

.street__house-block .btn__border_cabinet {
    left:17rem;
    top:280rem;
}

.street__house-new {
    position:absolute;
    top:50%;
    left:50%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
    text-align:center;
    transform:translate(-50%,-50%);
}

.street__house-new:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.street__house-bg {
    position:absolute;
    top:0;
    transform:translateX(-50%);
    left:50%;
    z-index:1;
}

.street__house_empty .street__house-bg {
    opacity:.3;
}



.house {
    display:flex;
    align-items:flex-start;
}

.house__about {
    position:relative;
    width:435rem;
}


.house__about-middle2 {
    width:448rem;
    height: 448rem;
    box-sizing:border-box;
    position:relative;
    background:url(../images/new/house_ramka2.png) no-repeat;
    background-size: 100% 100%;
}

.house__pic img {
    width:100%;
    height:auto;
}

.house__label {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width: fit-content;
    height:39rem;
    background:url(../images/new/street-house-label.png) no-repeat;
    font-size:15rem;
    background-size:100% 100%;
    color:#000;
}

.house__label span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.area:has(.house__arka) {
    overflow:hidden;
    margin:0 0 -25rem;
}

.house__arka {
    position:relative;
    margin-left: 100rem;
}

.house__arka-block {
    position:relative;
    width:327rem;
    margin:0 auto;
    text-align:center;
    z-index:2;
    padding:0rem 0 0 100rem;
    height: 320rem;
    max-height: 320rem;
    margin-top: 93rem;
}

.house__arka-title {
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:200rem;
    height:64rem;
    background:url(../images/new/street-house-label-2.png) no-repeat;
    font-size:22rem;
    background-size:100% 64rem;
    font-family:var(--brg);
    color:#000;
    margin:0 auto;
}

.house__arka-title span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.house__arka-desc {
    font-size:12rem;
    color:#fff;
    max-width:230rem;
    margin:10rem auto 10rem;
}

.house__arka-label {
    font-size:12rem;
    color:#fff;
    margin:0 0 5rem;
}

.house__arka-list {
    display:flex;
    justify-content:center;
    gap:6rem;
    flex-wrap:wrap;
    max-width:230rem;
    margin:0 auto;
}

.house__arka-item {
    width:50rem;
}

.house__arka-item_double {
    width:97rem;
}

.house__arka-btn {
    display:flex;
    justify-content:center;
    margin:10rem auto 10rem;
}

.house__arka-bg {
    position:absolute;
    left:calc(50% + 150rem);
    transform:translateX(-50%);
    top:0;
    z-index:1;
    top: -25rem;
}



.cabinet {
    padding: 0 40rem;
}

.cabinet__top {
    display:flex;
    align-items:center;
    margin:0 0 50rem;
    justify-content:space-between;
}

.cabinet__move {
    display:flex;
    align-items:center;
    gap:10rem;
    color:#fff;
    font-size:12rem;
}

.cabinet__head {
    display:flex;
    align-items:center;
    gap:16rem;
    margin:0 0 10rem;
}

.cabinet__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.cabinet__note {
    font-size:12rem;
    color:#fff;
}

.cabinet__form {
    display:flex;
    gap:10rem;
    align-items:flex-end;
    margin:0 0 50rem;
}

.cabinet__textarea {
    flex:auto;
}

.cabinet__textarea .input {
    height:70rem;
}

.cabinet__textarea textarea {
    height:70rem;
    resize:none;
    padding:5rem;
}

.cabinet__form .btn__gradient {
    flex:none;
}

.cabinet__about {
    display:flex;
    gap:20rem;
    margin:30rem 0 0;
}

.cabinet__about-pic {
    flex:none;
}

.cabinet__about-char {
    flex:auto;
}

.cabinet__about-field {
    display:flex;
    align-items:center;
    gap:5rem;
    font-size:12rem;
    color:#fff;
    margin:0 0 10rem;
}

.cabinet__about-label {
    flex:none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    width:60rem;
    font-size:16rem;
    min-width:60rem;
    max-width:60rem;
}

.cabinet__about-line {
    flex:auto;
    position:relative;
    height:12rem;
    border-radius:5rem;
    background:rgba(255,255,255,.3);
}

.cabinet__about-line span {
    border-radius:5rem;
    position:absolute;
    left:0;
    top:0;
    display:block;
    height:100%;
    background:#08b3e2;
    box-shadow:0 0 5rem rgba(255,255,255,1);
    z-index:2;
}

.cabinet__about-value{
    flex:none;
    min-width:65rem;
    max-width:65rem;
}




.potion__or {
    font-size:12rem;
    text-align:center;
    color:#fff;
    margin:30rem 0;
}

.potion__field {
    margin:0 auto 10rem;
    max-width:120rem;
}

.potion__btn {
    display:flex;
    justify-content:center;
    margin:20rem 0 0;
}

.potion__add {
    max-width:240rem;
    margin:0 auto;
    position:relative;
    z-index:3;
}

.potion__add-row {
    display:flex;
    align-items:center;
    gap:10rem;
}

.potion__add-price span,
.potion__add-price .check-circle {
    flex:none;
}

.potion__add-price .check-circle img {
    transform:translateY(2rem);
}

.potion__add-price{
    display:flex;
    gap:10rem;
    font-size:12rem;
    align-items:center;
    text-align:center;
    color:#fff;
    justify-content:center;
    margin:10rem 0;
}

.potion__add-name {
    flex:none;
}

.potion__add-price .input {
    width:60rem;
}

.potion__add-count {
    flex:none;
    width:60rem;
}

.potion__add-btn {
    display:flex;
    justify-content:center;
}


.svitki {
    background:rgba(0,0,0,.7);
    padding:20rem;
}

.svitki__list {

}

.svitki__item {
    margin:0 0 15rem;
    display:flex;
    gap:8rem;
    align-items:center;
    font-size:12rem;
    color:#fff;
}

.svitki__item-pic,
.svitki__item-btn {
    flex:none;
}

.svitki__item-text {
    flex:auto;
}

.svitki__title {
    margin:20rem 0;
    text-align:center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
}

.svitki__add {
    margin:30rem 0 0;
}

.svitki__add-row {
    display:flex;
    gap:10rem;
    align-items:center;
    max-width:180rem;
    margin:0 auto;
}

.svitki__add-name {
    flex:auto;
}

.svitki__add-count {
    flex:none;
    width:50rem;
}

.svitki__add-btn {
    margin:10rem 0 0;
    display:flex;
    justify-content:center;
}


.made {
    background:rgba(0,0,0,.7);
    width:300rem;
    padding:25rem;
}

.made__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:22rem;
    font-family:var(--brg);
    margin:-40rem 0 20rem;
    text-align:center;
}

.made__tabs {
    display:flex;
    justify-content:space-between;
    margin:0 0 25rem;
    background:url(../images/new/kudesnik-spacer.png) no-repeat 50% 100%;
}

.made__tabs-item {
    flex:1;
    cursor:pointer;
    font-size:16rem;
    font-family:var(--brg);
    color:#fff;
    text-align:center;
    padding:10rem 0 20rem;
}

.made__tabs-item:hover,
.made__tabs-item_active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.made__tabs-item.made__tabs-item_active { cursor: default;}

.made__item {
    margin:0 0 10rem;
}

.made__row {
    display:flex;
    align-items:center;
    gap:5rem;
}

.made__row .input {
    flex:auto;
}

.made__row .btn__border {
    flex:none;
}

.made__note {
    color:#c0adad;
    font-size:12rem;
    text-align:center;
    margin:4rem 0 0;
    max-width:200rem;
}

.made__content {
    display:none;
}

.made__content_show {
    display:block;
}

.made__end {
    margin:20rem 0 0;
    display:flex;
    justify-content:center;
}

.made__card {
    display:flex;
    gap:10rem;
    align-items:center;
}

.made__card-pic,
.made__card-btn {
    flex:none;
}

.made__card-about {
    flex:auto;
    font-size:12rem;
    color:#fff;
}

.made__card-about strong {
    margin:0 0 5rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}



.wizard {
    margin:20rem 0 0;
}

.wizard__grid {
    display:flex;
    gap:30rem;
}

.wizard__content {
    flex:auto;
}

.wizard__label {
    display:flex;
    align-items:center;
    justify-content:center;
    width:210rem;
    padding:0 20rem;
    height:53rem;
    text-align:center;
    line-height:1;
    background:url(../images/new/mine-label.png) no-repeat;
    font-size:20rem;
    font-family:var(--brg);
    color:#fff;
    margin:-45rem auto 20rem;
}


.wizard__label span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.wizard__sidebar {
    padding:20rem;
    background:rgba(0,0,0,.7);
    flex:none;
    width:450rem;
}

.wizard__sidebar-list .estate__card:after,
.wizard__sidebar-list .estate__card:before{
    display:none;
}

.wizard__sidebar-list .estate__card-btn {
    transform:none;
}

.wizard__sidebar-list .estate__card {
    border-bottom:1rem solid #645645;
    padding:0 0 20rem;
    margin:0 0 20rem;
}

.wizard__block-content .estate__card-pic {
    width:60rem;
    display:flex;
    justify-content:center;
    align-items:flex-start;
}

.wizard__block-content .estate__card-pic img {
    max-width:100%;
}

.estate__card-pic .input {
    width:40rem;
    margin:20rem 0 0;
}

.wizard__block-content {
    display:none;
}

.wizard__block-content_show {
    display:block;
}

.wizard__block {
    position:relative;
    width:488rem;
}

.wizard__head {
    margin:0 0 -5rem -5rem;
    position:relative;
}

.wizard__control {
    position:absolute;
    right:36rem;
    top:-4rem;
    z-index:2;
    display:flex;
    justify-content:center;
    align-items:center;
    background:url(../images/new/wizard-top-bg-3.png) no-repeat;
    background-size: 100% 31rem;
    width:200rem;
    height:31rem;
    text-align:center;
    color:#fff;
    font-size:12rem;
    text-decoration:none;
}

.wizard__tabs {
    position:absolute;
    left:40rem;
    top:-15rem;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:url(../images/new/wizard-top-bg-1.png) no-repeat;
    width:187rem;
    height:48rem;
    padding:4rem 25rem 0 20rem;
}

.wizard__tabs-item {
    font-size:18rem;
    cursor:pointer;
    font-family:var(--brg);
    color:#a59797;
}

.wizard__tabs-item:hover,
.wizard__tabs-item_active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.wizard__block-content {
    background:url(../images/new/wizard-list3.png) no-repeat;
    background-size: 488rem 100%;
    width:488rem;
    max-width:488rem;
}

.estate__card_bottom {
    background:url(../images/new/wizard-list-bottom2.png) no-repeat;
    background-size: 100% 36rem;
    height: 36rem;
    max-height: 36rem;
}

.wizard__block-content .estate__card:after,
.wizard__block-content .estate__card:before{
    display:none;
}

.wizard__block-content .estate__card {
    display:block;
    padding:0 0 25rem 50rem;
}

.wizard__block-content .estate__card:not(:first-child) {

}

.estate__card-start {
    display:flex;
    gap:10rem;
}

.estate__card-actions {
    display:flex;
    width:100%;
    gap:20rem;
    margin-top:10rem;
}

.estate__card-column {
    flex:auto;
    display:flex;
    align-items:center;
    gap:5rem;
}

.estate__card-column:first-child {
    justify-content:flex-end;
    width:35%;
    flex:none;
}

.estate__card-column:last-child .input {
    width:50rem;
}

/*! New Pages 04-05
--------------------------
 */
.room-page:has(.knowledge-list),
.room-page:has(.school-list) {
    height:calc(100vh - 295rem);
}

.bg-school-magic {
    background-image: url(../images/new2/bg-school-magic.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-school-ability {
    background-image: url(../images/new2/bg-school-ability.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-school-knowledge {
    background-image: url(../images/new2/bg-school-knowledge.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-school-morok {
    background-image: url(../images/new2/bg-school-morok.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-school-ranger {
    background-image: url(../images/new2/bg-school-ranger3.png);
    background-position:50% 0;
}

.bg-school-mode1 {
    background-image: url(../images/new2/bg-school-mode1.png);
    background-position:50% 0;
}

.bg-school-mode2 {
    background-image: url(../images/new2/bg-school-mode2.png);
    background-position:50% 0;
}

.bg-school-mode3 {
    background-image: url(../images/new2/bg-school-mode3.png);
    background-position:50% 0;
}

.border-frame {
    position:relative;
    max-width:520rem;
    width:100%;
}

.border-frame:has(.knowledge-list) {
    max-width:820rem;
}

.magschool_menu {
    width: 951rem;
    height:476rem;
    background-image: url(../images/new2/magschool_menu.png);
    background-size: 100% 100%;
    position:absolute;
    top:15rem;
}

.border-frame__quote {
    position:absolute;
    left:calc(100% - 100rem);
    top:-10rem;
    z-index:2;
    min-width:275rem;
    padding:60rem 40rem 0 0;
    color:#000;
    font-size:18rem;
    font-family:var(--brg);
    text-align:center;
}

.border-frame__quote strong {
    display:block;
    color:#e2e2e2;
    font-size:22rem;
}

.border-frame__quote-text {
    position:relative;
    z-index:2;
    display:block;
}

.border-frame__quote img {
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}

.border-frame__container {
    overflow:hidden;
    border-radius:5rem;
    box-shadow:0 5rem 24rem rgba(178,228,225,.35);
    position:relative;
    background:rgba(0,0,0,.6);
    backdrop-filter: blur(2rem);
    margin-top:40rem;
    margin-left:60rem;
    padding:40rem;
    min-height:192rem;
}

.border-frame__vertical {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:2;

    &:before {
        content:'';
        width:3rem;
        height:100%;
        background:#8b7b73;
        position:absolute;
        left:0;
        top:0;
    }

    &:after {
        content:'';
        width:3rem;
        height:100%;
        background:#8b7b73;
        position:absolute;
        right:0;
        top:0;
    }
}

.border-frame__horizontal {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:2;

    &:before {
        content:'';
        height:3rem;
        width:100%;
        background:linear-gradient(to right, #8b7b73, #fff, #8b7b73);
        position:absolute;
        left:0;
        top:0;
    }

    &:after {
        content:'';
        height:3rem;
        width:100%;
        background:linear-gradient(to right, #8b7b73, #fff, #8b7b73);
        position:absolute;
        left:0;
        bottom:0;
    }
}

.school-list {
    display:flex;
    flex-direction:column;
    gap:20rem;
}

.school-list__item {
    display:flex;
    gap:20rem;
    color:#fff;
    align-items:center;
}

.school-list__label {
    color:#e2e2e2;
    font-size:12rem;
}

.school-list__label strong {
    font-size:18rem;
    font-weight:bold;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.school-list__money {
    display:flex;
    gap:4rem;
    align-items:center;
    font-size:12rem;
}

.school-list__text {
    color:#e2e2e2;
    font-size:12rem;
}

.knowledge-list {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:60rem;
    grid-row-gap:20rem;
}

.knowledge-list__item {
    gap:20rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    font-size:12rem;
    line-height:1.1;
}

.knowledge-list__item-photo {
    flex:none;
    width:50rem;
}

.knowledge-list__item-photo img {
    width:100%;
    height:auto;
}

.knowledge-list__item-title {
    flex:none;
    max-width:100rem;
    margin:0 auto 0 0;
}

.knowledge-list__item-count {
    flex:auto;
    text-align:center;
}

.knowledge-list__item-action {
    color:#598527;
    text-align:center;
    font-size:15rem;
    font-family:var(--brg);
    flex:none;
    width:76rem;
}

.room-page__head {
    position:relative;
    z-index:2;
}

.area:has(.path-list) {
    overflow:hidden;
}

.path-nav {
    position:absolute;
    right:63rem;
    top:126rem;
    display:flex;
    gap:4rem;
    z-index:4;
    max-width:110rem;
    flex-direction:column;
}

.path-nav__item {
    text-align:center;
    background: radial-gradient(rgba(0,0,0,.9), rgba(0,0,0,0));
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19rem;
    line-height:1;
    padding: 18rem 0;
    position:relative;
    text-decoration:none;
}

.path-nav__item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #95837a));
    background-image: -o-linear-gradient(top, #95837a 20%, #fff 50%, #95837a 80%);
    background-image: linear-gradient(180deg, #95837a 20%, #fff 50%, #95837a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.path-nav__item:hover span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.path-list {
    display:flex;
    flex-wrap:wrap;
    margin:0 25rem 0 48rem;
    max-width:800rem;
}

.path-list__item {
    position:relative;
    width:33.3%;
    padding-top:15rem;
    padding-left:80rem;
}

.path-list__frame {
    position:absolute;
    left:-7rem;
    top:-107rem;
    z-index:1;
    pointer-events:none;
    width:352rem;
    height:586rem;
}

.path-list__block {
    min-height:95rem;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:column;
    position:relative;
    z-index:2;
}

.path-list__head {
    font-size:12rem;
    color:#fff;
}

.path-list__head strong {
    font-size:22rem;
    margin:2rem 0 0;
    font-weight:bold;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #95837a));
    background-image: -o-linear-gradient(top, #95837a 20%, #fff 50%, #95837a 80%);
    background-image: linear-gradient(180deg, #95837a 20%, #fff 50%, #95837a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    display:block;
}

.path-list__item_current .path-list__head {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.path-list__item_current .path-list__head strong {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.path-list__content {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-direction:column;
}

.path-list__img {
    display:block;
}

.path-list__img_float {
    position:absolute;
    bottom:-12rem;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
    pointer-events:none;
}

.path-list__img img {
    display:block;
}

.path-list__title {
    margin:5rem 0 0;
    font-size:12rem;
    color:#fff;
    white-space: nowrap;
}

.path-list__money {
    margin:5rem 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5rem;
    font-size:12rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #95837a));
    background-image: -o-linear-gradient(top, #95837a 20%, #fff 50%, #95837a 80%);
    background-image: linear-gradient(180deg, #95837a 20%, #fff 50%, #95837a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.path-list__btn {
    margin:10rem 0 0;
}

.bg-clans-guest {
    background-image: url(../images/new3/clans-guest-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-guard {
    background-image: url(../images/new3/clans-guard-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-hudojka {
    background-image: url(../images/new3/clans-hudojka-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-poshiv {
    background-image: url(../images/new3/clans-poshiv-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-ogran {
    background-image: url(../images/new3/clans-ogran-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-master {
    background-image: url(../images/new3/clans-master-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-masters {
    background-image: url(../images/new3/clans-masters-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-money {
    background-image: url(../images/new3/clans-money-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-fame {
    background-image: url(../images/new3/clans-fame-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-ritual {
    background-image: url(../images/new3/clans-ritual-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-demon {
    background-image: url(../images/new3/clans-demon-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-remeslo {
    background-image: url(../images/new3/fon-bg-remeslo.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-craft {
    background-image: url(../images/new3/fon-bg-craft.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-room {
    background-image: url(../images/new3/clans-room-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-cabinet {
    background-image: url(../images/new3/clans-cabinet-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-jail {
    background-image: url(../images/new3/clans-jail-bg.png);
    background-position:50% 50%;
    background-size:cover;
}


.bg-clans-chaot {
    background-image: url(../images/new3/clans-chaot-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-doblest {
    background-image: url(../images/new3/clans-doblest-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.bg-clans-chz {
    background-image: url(../images/new3/clans-chz-bg.png);
    background-position:50% 50%;
    background-size:cover;
}

.castles-clans__heal {
    width:780rem;
}

.castles-clans__heal-item {
    margin:0 -22rem;
}

.castles-clans__heal-label {
    white-space:nowrap;
}

.castle-guard {
    max-width:645rem;
    margin:0 auto;
    position:relative;
    padding-top:65rem;
}

.castle-guard__bg {
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
    position:absolute;
}

.castle-guard__block {
    max-width:300rem;
    text-align:center;
    position:relative;
    z-index:2;
}

.castle-guard__note {
    background: radial-gradient(rgba(0,0,0,1), rgba(0,0,0,.2));
    font-size:12rem;
    color:#fff;
    padding:10rem;
    max-width:240rem;
    margin:0 auto;
    width:100%;
}

.castle-guard__btn {
    display:flex;
    justify-content:center;
    margin:10rem 0 20rem;
}

.castle-guard__label {
    margin:0 0 10rem;
    font-size:18rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #23190e), color-stop(50%, #4e2915), color-stop(80%, #23190e));
    background-image: -o-linear-gradient(top, #23190e 20%, #4e2915 50%, #23190e 80%);
    background-image: linear-gradient(180deg, #23190e 20%, #4e2915 50%, #23190e 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    display:block;
}

.castle-guard__list {
    font-size:12rem;
    display:flex;
    flex-direction:column;
    max-height:250rem;
    gap:10rem;
}

.art {
    max-width:900rem;
    margin:40rem 0 0;
    position:relative;
    z-index:99;
    width:100%;
}

.art__tabs {
    display:flex;
    gap:10rem;
    margin:-10rem 0 0;
}

.art__tabs .btn__gradient {
    filter:brightness(50%);
}

.art__tabs .btn__gradient_current {
    filter:brightness(100%);
}


.art__content {
    background:rgba(0,0,0,.5);
    display:none;
    padding:10rem;
}

.art__content_show {
    display:block;
}

.art__list {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:60rem;
    padding:20rem;
    grid-row-gap:80rem;
    align-items:flex-start;
    height:calc(100vh - 360rem);
}

.art__item {
    position:relative;
}

.art__frame {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.art__frame-top {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background:url(../images/new3/art-border-hor.png) repeat-x;
    background-size: 100% 15rem;
    height:15rem;
    background-size:contain;
    z-index:8;
}

.art__frame-left {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background:url(../images/new3/art-border.png) repeat-y;
    background-size: 15rem 100%;
    width:15rem;
    background-size:contain;
    z-index:8;
}

.art__frame-right {
    position:absolute;
    right:0;
    top:0;
    height:100%;
    background:url(../images/new3/art-border.png) repeat-y;
    background-size: 15rem 100%;
    width:15rem;
    background-size:contain;
    z-index:8;
}

.art__frame-btm {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    background:url(../images/new3/art-border-hor.png) repeat-x;
    background-size: 100% 15rem;
    height:15rem;
    background-size:contain;
    z-index:8;
    transform:rotate(180deg);
}

.art__frame-corner_l-t {
    position:absolute;
    left:-5rem;
    top:-6rem;
    z-index:9;
}

.art__frame-corner_l-t img {
    transform:scale(1, -1);
}

.art__frame-corner_r-t {
    position:absolute;
    right:-3rem;
    top:-6rem;
    z-index:9;
}

.art__frame-corner_r-t img {
    transform:scale(-1, -1);
}

.art__frame-corner_l-b {
    position:absolute;
    left:-5rem;
    bottom:-7rem;
    z-index:9;
}

.art__frame-corner_l-b img {
    transform:scaleX(-1);
}

.art__frame-corner_r-b {
    position:absolute;
    right:-4rem;
    bottom:-7rem;
    z-index:9;
}

.art__img img {
    width:100%;
}

.art__label {
    position:absolute;
    left:50%;
    top:-15rem;
    z-index:10;
    transform:translateX(-50%);
    background:url(../images/new3/art-label-bg.png) no-repeat;
    background-size: 100% 45rem;
    display:flex;
    width:260rem;
    justify-content:center;
    height:45rem;
    align-items:center;
}

.art__label span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.art__btn {
    position:absolute;
    left:50%;
    bottom:-10rem;
    z-index:10;
    transform:translateX(-50%);
}


.ogran {
    margin:20rem 0 0;
    max-width:910rem;
    width:100%;
}

.ogran__grid {
    display:flex;
    justify-content:space-between;
    gap:100rem;
}

.ogran__content {
    flex:auto;
    background:rgba(0,0,0,.5);
    position:relative;
    padding:10rem 15rem 0rem;
}

.ogran__frame {
    max-height:340rem;
}

.ogran__label {
    background:url(../images/new3/ogran-label.png) no-repeat;
    background-size: 100% 100%;
    display:flex;
    width:142rem;
    height:30rem;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:0 0 -10rem 100rem;
    z-index:4;
}

.ogran__label span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.ogran__top {
    margin:0 0 -40rem 5rem;
    position:relative;
    z-index:1;
}

.ogran__list {
    background:url(../images/new3/ogran-list.png) no-repeat;
    width:400rem;
    display:flex;
    flex-direction:column;
    padding:20rem 30rem 0;
    background-size:400rem 100%;
}

.ogran__item {
    position:relative;
    color:#fff;
    font-size:12rem;
    background:rgba(0,0,0,.5) url(../images/new3/ogran-border.png) no-repeat 50% 100%;
    background-size: 400rem 31rem;
    padding: 5rem 5rem 6rem 60rem;
}

.ogran__remove {
    position: relative;
    top: -21rem;
    right: 45rem;
    cursor:pointer;
}

.ogran__remove:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.ogran__item img {
    position:absolute;
    left:20rem;
    top:10rem;
}

.ogran__title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:16rem;
    letter-spacing: 1rem;
}

.ogran__btn {
    margin:10rem 0 0;
    z-index:3;
}

.ogran__add {
    position:relative;
    background:rgba(0,0,0,.5);
    padding:10rem 15rem 0rem;
    flex:none;
    width:430rem;
}

/*
.ogran__add .ogran__item {
    height:initial;
    background:none;
}

.ogran__add .ogran__item:after {
    display:none;
}
*/

.ogran__name {
    background:url(../images/new3/ogran-label.png) no-repeat;
    display:flex;
    width:142rem;
    height:30rem;
    align-items:center;
    justify-content:center;
    position:absolute;
    bottom:20rem;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
}

.ogran__name span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.ogran__form {
    margin:15rem 0 0;
}

.ogran__form-input {
    display:flex;
    justify-content:center;
    margin:0 0 10rem;
}

.ogran__form-btn {
    display:flex;
    justify-content:center;
}


.master {
    margin:10rem 0 0;
    padding:25rem;
    background:rgba(0,0,0,.5);
    display:table;
}

.master__container {
    display:none;
}

.master__container_show {
    display:block;
}

.master__tabs {
    display:flex;
    gap:10rem;
    margin:0 0 20rem 40rem;
    position:relative;
    z-index:3;
}

.master__tabs-item {
    cursor:pointer;
    background:url(../images/new3/btn-tab.png) no-repeat;
    background-size:100% 38rem;
    height:38rem;
    padding:0 15rem;
    user-select:none;
    display:flex;
    align-items:center;
}

.master__tabs-item:not(.master__tabs-item_current):hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.master__tabs-item_current {
    background:url(../images/new3/btn-tab-active.png) no-repeat;
    background-size:100% 38rem;
}

.master__tabs-item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.master__tabs-item_current span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.master__list {
    background:url(../images/new3/master-list-bg.png) repeat-y;
    max-width:682rem;
    margin:-13rem auto 0;
    padding:0 20rem;
}

.master__item {
    display:flex;
    gap:20rem;
    color:#fff;
    position:relative;
    z-index:98;
    padding:20rem 30rem 20rem 30rem;
    font-size:12rem;
    justify-content:space-between;
    background:rgba(0,0,0,.8);
}

.master__item:not(:last-child) {
    margin:0 0 10rem;
}

.master__icon {
    flex:none;
}

.master__label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.master__info {

}

.master__about {

}

.master__form {
    flex:none;
    width:150rem;
}

.master__form-input {
    margin:0 0 15rem;
}

.master__form-row {
    display:flex;
    gap:10rem;
    align-items:center;
}

.master__form-count {
    width:90rem;
    flex:none;
}


.room-page__join-label {
    color:#e0dbd3;
    opacity:.8;
    font-size:12rem;
    margin:0 0 10rem;
}

.room-page__join-form {
    display:flex;
    gap:10rem;
    align-items:center;
}


.masters__grid {
    display:flex;
    gap:20rem;
    position:relative;
    z-index:95;
    background:rgba(0,0,0,.5);
    padding:0 0 0 30rem;
}

.masters__sidebar {
    width:250rem;
    padding:0 0 10rem;
}

.masters__name {
    background:url(../images/new3/masters-label-bg.png) no-repeat;
    display:flex;
    width:250rem;
    height:51rem;
    align-items:center;
    justify-content:center;
    margin:0 0 20rem;
    z-index:2;
}

.masters__name span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.masters__find {
    display:table;
    margin:0 0 20rem;
}

.masters__filter {
    display:flex;
    gap:10rem;
    flex-direction:column;
}

.masters__filter-item label {
    color:#fff;
    font-size:12rem;
    display:flex;
    align-items:center;
    gap:5rem;
}

.masters__button {
    margin:15rem 0 0;
    display:flex;
    justify-content:center;
}

.masters__content {
    background:rgba(0,0,0,.6);
    padding:20rem;
    flex:auto;
}

.masters__item {
    display:flex;
    justify-content:space-between;
    font-size:12rem;
    color:#fff;
    gap:20rem;
    position:relative;
}

.masters__item:not(:last-child) {
    margin:0 0 30rem;
    padding:0 0 30rem;
}

.masters__item:not(:last-child):after {
    content:'';
    background:linear-gradient(to right, rgba(222,174,102,0), rgba(222,174,102,1), rgba(222,174,102,0));
    height:2rem;
    bottom:0;
    left:0;
    width:100%;
    position:absolute;
}

.masters__column:first-child {
    flex:none;
    width:300rem;
}

.masters__column {
    flex:auto;
}

.masters__head {
    display:flex;
    gap:30rem;
    margin:0 0 30rem;
}

.masters__pic {
    display:flex;
    align-items:center;
    justify-content:center;
    background:url(../images/new3/masters-weapon-bg.png) no-repeat;
    width:115rem;
    height:107rem;
    flex:none;
    filter:drop-shadow(0 5rem 15rem rgba(255,255,255,.5));
}

.masters__info {
    display:flex;
    flex-direction:column;
    gap:15rem;
}

.masters__file {
    display:flex;
    gap:10rem;
    font-size:12rem;
    color:#fff;
    text-align:center;
    justify-content:center;
}

.masters__file-label {
    padding-top:5rem;
}

.masters__file-select input {
    display:none;
}

.masters__file-select input + label {
    display:flex;
    align-items:center;
    height:24rem;
    padding:0 10rem;
    border-radius:4rem;
    cursor:pointer;
    background:#000;
    border:2rem solid;
    border-image-source: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 10%, hsla(0, 0%, 100%, .5) 90%, hsla(0, 0%, 100%, 0));
    border-image-slice: 2;
}

.masters__file-name {
    margin:6rem 0 0;
    opacity:.5;
}


.make {
    position:relative;
    max-width:1000rem;
    width:100%;
    margin:40rem 0 0 40rem;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.make__frame {
    position:relative;
}

.make__inner {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    padding:40rem 50rem 10rem;
}

.make__block {
    color:#fff;
    font-size:12rem;
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    width:100%;
    height:calc(100% - 80rem);
    text-align:center;
    padding:30rem 60rem;
}

.make__list {
    margin:0 0 30rem;
}

.make__item:not(:last-child) {
    margin:0 0 8rem;
}

.make__label {
    margin:0 0 5rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:16rem;
    letter-spacing: 1rem;
}

.make__value {
    display:flex;
    align-items:center;
    gap:15rem;
}

.make__value-line {
    position:relative;
    height:14rem;
    border-radius:35rem;
    background:rgba(255,255,255,.6);
    width:220rem;
}

.make__value-line span {
    position:absolute;
    border-radius:35rem;
    left:0;
    top:0;
    z-index:2;
    box-shadow: 0 0 5rem rgba(255,255,255,1);
    height:14rem;
}

.make__add {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10rem;
}

.make__add .input {
    width:200rem;
}

.make__text {
    margin:30rem 0 0;
}

.make__fill {
    position:relative;
}

.make__fill-progress {
    z-index:2;
    position:absolute;
    bottom:0;
    left:0;
}

.make__fill_chz .make__fill-progress {
    bottom: 81rem;
    left: calc(50% + 4rem);
    transform: translateX(-50%);
}

.make__fill_doblest .make__fill-progress {
    bottom: 48rem;
    left: calc(50% + 4rem);
    transform: translateX(-50%);
}

.make__fill_chaot .make__fill-progress {
    bottom:38rem;
}

.money {
    margin:40rem 0 0 40rem;
    position:relative;
    z-index:99;
}

.money__pic {
    position:absolute;
    bottom:0;
    right:0;
}

.money__list {
    margin:50rem 0 0;
}

.money__item {
    margin:0 0 20rem;
}

.money__row {
    display:flex;
    align-items:center;
    gap:15rem;
}

.money__count-field {
    position:relative;
}

.money__count-field img {
    position:absolute;
    right:-5rem;
    z-index:3;
    top:5rem;
}

.money__count-field:not(:last-child) {
    margin:0 0 10rem;
}

.money__label {
    display:flex;
    align-items:center;
    font-size:12rem;
    gap:5rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    margin:0 0 10rem;
}

.money__item_silver .money__label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.money__frame {
    background:url(../images/new3/money-frame.png) repeat-y;
    width:538rem;
    padding:30rem;
}

.money__head {
    display:flex;
    gap:30rem;
    align-items:center;
}

.money__head .input {
    width:80rem;
}

.money__head .input:has(select) {
    width:140rem;
}

.money__head .btn__gradient {
    flex:none;
}

.money__count {
    display:flex;
    gap:10rem;
    align-items:center;
}

.money__section {
    display:flex;
    flex-direction:column;
    gap:17rem;
}

.money__element {
    display:flex;
    align-items:center;
    gap:20rem;
    justify-content:space-between;
    background:rgba(0,0,0,.7);
    padding:17rem 30rem;
}

.money__icon {
    flex:none;
}

.money__btn {
    flex:none;
}

.money__about {
    color:#fff;
    font-size:12rem;
}

.money__about strong {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    display:block;
    margin:0 0 5rem;
    font-size:16rem;
}




.frame-section {
    padding:20rem;
    background:rgba(0,0,0,.7);
    position:relative;
    z-index:99;
}

.frame-section_border {
    padding:0;
    background:none;
    margin:10rem 0 0 40rem;
    width:800rem;
}

.frame-section__inner {
    border-radius:10rem;
    padding:2rem;
    overflow:hidden;
    position:relative;
}

.frame-section__inner:before {
    content:'';
    left:0;
    top:0;
    background:linear-gradient(to right, #95837a, #fff, #95837a);
    width:100%;
    height:100%;
    position:absolute;
}

.frame-section__overlay {
    background: #000000ba;
    position:relative;
    z-index:2;
    border-radius:10rem;
    padding:20rem;
}

.frame-section__tabs {
    display:flex;
    gap:10rem;
}

.frame-section_border .frame-section__tabs {
    margin:0 0 10rem;
}

.frame-section__tabs-item {
    cursor:pointer;
    background:url(../images/new3/btn-tab.png) no-repeat;
    background-size:100% 38rem;
    height:38rem;
    padding:0 15rem;
    user-select:none;
    display:flex;
    align-items:center;
}

.frame-section__tabs-item:not(.frame-section__tabs-item_current):hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.frame-section__tabs-item_current {
    background:url(../images/new3/btn-tab-active.png) no-repeat;
    background-size:100% 38rem;
}

.frame-section__tabs-item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size: 15rem;
    letter-spacing: 1rem;    
}

.frame-section__tabs-item_current span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}


.frame-section__content {
    display:none;
    color:#fff;
    font-size:12rem;
}

.frame-section__content_show {
    display:block;
}

.frame-section .ogran__content {
    padding:0;
    background:none;
}

.frame-section .ogran__top {
    margin:0 0 -20rem 5rem;
}

.frame-section .ogran__grid {
    padding:30rem;
}

.frame-section .ogran__pic {
    position: absolute;
    left: -20rem;
    top:0;
}

.frame-section .ogran__list {
    background: url(../images/new3/items-frame.png) repeat-y;
    width: 351rem;
    padding: 16rem 20rem 0 27rem;
    background-size:351rem 100%;
}

.frame-section .ogran__item {
    background:rgba(0,0,0,.5) url(../images/new3/items-frame-border.png) no-repeat 50% 100%;
}

.frame-section .ogran__item:after {
    display:none;
}

.frame-section .ogran__add {
    padding:0;
    background:none;
}

.frame-section .ogran__btn {
    position:initial;
}


.fame {
    margin:11rem 0 0 90rem;
    z-index:99;
    background:rgba(0,0,0,.7);
    border-radius:10rem 10rem 0 0;
    position:relative;
    padding:30rem 10rem 140rem 30rem;
    border:2rem solid rgba(255,255,255,.5);
    width:850rem;
    display:none;
}

.fame_show {
    display:block;
}

.fame__tabs {
    display:flex;
    gap:10rem;
    margin:0rem 0rem 0rem 40rem;
    position:relative;
    z-index:3;
}

.fame__tabs-item {
    cursor:pointer;
    background:#000 url(../images/new3/btn-tab.png) no-repeat;
    background-size:100% 38rem;
    height:38rem;
    padding:0 15rem;
    user-select:none;
    display:flex;
    align-items:center;
}

.fame__tabs-item:not(.fame__tabs-item_current):hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.fame__tabs-item_current {
    background:#000 url(../images/new3/btn-tab-active.png) no-repeat;
    background-size:100% 38rem;
}

.fame__tabs-item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.fame__tabs-item_current span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.fame__label {
    background:url(../images/new3/fame-label.png) no-repeat;
    width:286rem;
    height:86rem;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    position:absolute;
    top:-45rem;
    left:50%;
    transform:translateX(-50%);
}

.fame__label span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
}

.fame__grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20rem;
    padding-right:20rem;
    max-height:calc(100vh - 430rem);
}

.fame__column {
    display:flex;
    flex-direction:column;
    gap:20rem;
}

.fame__item {
    position:relative;
}

.fame__item_double {
    display:flex;
    height:initial;
    gap:15rem;
    margin:0 0 -20rem;
}

.fame__border {
    margin:0 auto;
}

.fame__card {
    display:flex;
    gap:20rem;
    align-items:flex-end;
}

.fame__item_reverse .fame__card {
    flex-direction:row-reverse;
}

.fame__pic {
    flex:none;
}

.fame__item_double .fame__pic {
    margin:0 auto;
    display:table;
}

.fame__about {
    font-size:12rem;
    color:#fff;
    padding:0 0 20rem;
}

.fame__about strong {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
    display:block;
    margin:0 0 10rem;
}


.fame__section {
    display:flex;
    justify-content:space-between;
    gap:20rem;
    padding-right:20rem;
    align-items:flex-start;
    padding-top:0rem;
}

.fame__list {
    background:url(../images/new3/trophy-list.png) repeat-y;
    width:354rem;
    padding:20rem 20rem 0;
    display:flex;
    flex-direction:column;
    gap:5rem;
    max-height:calc(100vh - 390rem);
    flex:none;
}

.fame__list_ritual {
    background:url(../images/new3/ritual-list.png) no-repeat;
    width:378rem;
}

.fame__trophy {
    display:flex;
    align-items:center;
    gap:20rem;
    padding: 10rem;
    min-height:88rem;
}

.fame__trophy-pic img {
    height:60rem;
    width:auto;
    object-fit:contain;
}

.fame__trophy-about {
    font-size:12rem;
    color:#fff;
    padding:0 0 20rem;
}

.fame__trophy-about strong {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
    display:block;
    margin:0 0 5rem;
}


.fame__add {
    display:flex;
}

.fame__add-card {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

.fame__add-form {
    width:200rem;
    margin-top:-20rem;
}

.fame__add-form .btn__gradient {
    margin:10rem auto 0;
}


.spell__text {
    font-size:12rem;
    margin:0 0 20rem;
    color:#fff;
}

.spell__list {
    display:flex;
    flex-wrap:wrap;
    gap:30rem;
    grid-row-gap:40rem;
}

.spell__item {
    position:relative;
    width:calc(33.3% - 30rem);
}

.spell__item-bg {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.spell__item-block {
    position:relative;
    z-index:2;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    height:220rem;
}

.spell__item-icon {
    margin:0 0 5rem;
    display:flex;
    justify-content:center;
}

.spell__item-label {
    font-size:18rem;
    font-family:var(--brg);
    color:#000;
    text-shadow:0 0 5rem #fff;
    padding:0 30rem;
    letter-spacing: 1rem;
}

.spell__item-count {
    font-size:18rem;
    font-family:var(--brg);
    color:#000;
    margin:10rem 0;
}

.spell__item-done {
    font-size:16rem;
    font-family:var(--brg);
    color:#2b3f01;
    letter-spacing: 1rem;
}


.btn__dark {
    background:url('../images/new3/dark-btn.png') no-repeat;
    background-size:100% 28rem;
    display:flex;
    font-family:var(--brg);
    height:28rem;
    text-decoration:none;
    min-width:100rem;
    align-items:center;
    justify-content:center;
    box-shadow:0 5rem 10rem rgba(0,0,0,.5);
    font-size:16rem;
    color:#ddd;
    cursor:pointer;
    text-shadow:0 0 5rem #000;
    padding-top:1rem;
}

.btn__dark:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}


.access {
    display:flex;
    gap:40rem;
}

.access__column {
    flex:1;
    position:relative;
}

.access__column:first-child:after {
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:2rem;
    background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
    content:'';
}

.access__info {
    color:#fff;
    font-size:12rem;
    margin:0 0 25rem;
    max-width:250rem;
}

.access__info span {
    color:#8da450;
}

.access__use {
    color:#fff;
    font-size:12rem;
    text-align:center;
}

.access__use strong {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    display:block;
    font-size:18rem;
}

.access__cards {
    display:flex;
    gap:10rem;
    margin:15rem 0 0;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}


.access__form {

}

.access__form-label  {
    text-align:center;
    margin:0 auto 10rem;
}

.access__form-row {
    display:flex;
    align-items:center;
    gap:10rem;
    justify-content:center;
}

.access__form-row .input {
    width:180rem;
}

.access__form-row .btn__dark {
    flex:none;
}

.access__block {
    background: url('../img/content/gallery-sidebar-bg.png') no-repeat;
    background-size: 100% 100%;
    min-height:233rem;
    width:480rem;
    height: auto;
    padding-top: 70rem;
    padding-left: 75rem;
    padding-right: 66rem;
    padding-bottom: 10rem;    
}

.access__label {
    text-align:center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    display:block;
    font-size:18rem;
}

.access__note {
    color:#000;
    text-align:center;
    margin:0 0 20rem;
}

.access__list {
    padding-bottom:20rem;
    display:flex;
    flex-direction:column;
    gap:10rem;
    padding-right:10rem;
}

.access__item {
    display:flex;
    align-items:center;
    color:#000;
    justify-content:space-between;
}

.frame-section_demon .frame-section__overlay {
    position:relative;
    padding-top:20rem;
    overflow-x:hidden;
}

.frame-section__content:has(.frame-section__label) {
    padding-top:30rem;
    position:relative;
}

.frame-section__label {
    background:url(../images/new3/default-label.png) no-repeat;
    display:flex;
    width:286rem;
    height:86rem;
    align-items:center;
    justify-content:center;
    z-index:4;
    left:46%;
    top:-15rem;
    position:absolute;
    transform:translateX(-50%);
    padding-left:10rem;
}


.frame-section_demon .frame-section__label {
    background:url(../images/new3/demon-label.png) no-repeat;
    background-size: 100% 100%;
    width:286rem;
    height:64rem;
}

.frame-section__label span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:22rem;
}


.demon__pins {
    position:relative;
    left:-50rem;
    bottom:20rem;
}

.demon__pins-list {
    display:flex;
    position:absolute;
    left:30rem;
    top:0;
    width:100%;
    height:100%;
    z-index:99;
}

.demon__pins-item {
    display:block;
    flex:none;
}

.demon__pins-item:first-child {
    width:28%;
}

.demon__pins-item:nth-child(2) {
    width:23%;
}

.demon__pins-item:nth-child(3) {
    width:24%;
}

.demon__pins-item:nth-child(4) {
    width:22%;
}

.demon__pins-item:nth-child(5) {
    width:22%;
}

.demon__pins-item:hover {
    backdrop-filter: blur(1rem);
}


.frame-section_border .fame__section {
    padding-top:0;
}

.frame-section_border .fame__add{
    flex:auto;
    gap:10rem;
}

.frame-section_border .fame__add-card {
    width:170rem;
}

.frame-section_border .fame__add-card img {
    transform:translateX(20rem);
}

.frame-section_border .fame__add-form {
    width:170rem;
}


.room-section {
    max-width:340rem;
    margin:0 auto;
    padding:40rem 0;
}

.room-section__form {
    margin:20rem 0;
    display:flex;
    gap:10rem;
    align-items:center;
}

.room-section__form .btn__gradient {
    flex:none;
}

.room-section__note {
    text-align: center;
}


.room-table {
    padding:50rem;
}

.room-table__note {
    text-align:center;
    color:#c3b6a3;
    margin:0 0 40rem;
}

.room-table__tabs {
    display:flex;
    align-items:center;
    gap:5rem;
    margin:0 0 2rem;
    position:relative;
    z-index:10;
}

.room-table__tabs .btn__gradient {
    filter:brightness(50%);
}

.room-table__tabs .btn__gradient_current {
    filter:brightness(100%);
}

.room-table__content {
    display:none;
}

.room-table__content_show {
    display:block;
}

.room-table table table {
    table-layout: fixed;
}
.room-table table thead {
    background:none;
    position: relative;
}
.room-table table thead:after {
    background: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#fff), color-stop(#fff), to(#95837a));
    background: linear-gradient(to right, #95837a, #fff, #fff, #95837a);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    border-radius: 3rem;
}
.room-table table thead:before {
    background:#1d1a1a;
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    content: "";
    z-index: 2;
    border-radius: 3rem;
}
.room-table table thead th {
    position: relative;
    font-size:12rem;
    z-index: 3;
    font-weight: normal;
    padding: 12rem 0;
}
.room-table table thead th span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #876c5e), color-stop(#fff), color-stop(#fff), to(#876c5e));
    background: linear-gradient(to bottom, #876c5e 25%, #fff, #fff, #876c5e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.room-table table td {
    padding: 14rem;
    font-size:12rem;
    color: #e0dbd3;
    background:rgba(255,255,255,.3);
}
.room-table table td a {
    color:#fff;
    text-decoration:underline;
}

.room-table table td:nth-child(2) {
    background:#141210;
}


.room-items {
    padding:50rem;
}

.room-items__tabs {
    display:flex;
    gap:10rem;
    justify-content:center;
    margin:0 0 30rem;
}

.room-items__tabs-item {
    cursor:pointer;
    background:url(../images/new3/btn-tab.png) no-repeat;
    background-size:100% 38rem;
    height:38rem;
    padding:0 15rem;
    user-select:none;
    display:flex;
    align-items:center;
}

.room-items__tabs-item:not(.room-items__tabs-item_current):hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.room-items__tabs-item_current {
    background:url(../images/new3/btn-tab-active.png) no-repeat;
    background-size:100% 38rem;
}

.room-items__tabs-item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:var(--brg);
}

.room-items__tabs-item_current span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.room-items__content {
    display:none;
    background:url(../images/new3/room-items-bg.png) no-repeat;
    width:605rem;
    min-height:201rem;
    position:relative;
}

.room-items__content_show {
    display:block;
}

.room-items__toggle {
    display:flex;
    align-items:center;
    gap:5rem;
    position:absolute;
    top:-2rem;
    left:17rem;
    z-index:10;
}

.room-items__toggle .btn__gradient {
    filter:brightness(50%);
}

.room-items__toggle .btn__gradient_current {
    filter:brightness(100%);
}

.cabinet-boss {
    position:relative;
    z-index:99;
    margin:10rem 0 0 40rem;
    width:800rem;
}

.cabinet-boss__top {
    height:9rem;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    background:url(../images/new3/cabinet-horizontal.png) repeat-x;
}

.cabinet-boss__left {
    width:9rem;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    transform:scaleX(-1);
    background:url(../images/new3/cabinet-vertical.png) repeat-y;
}

.cabinet-boss__right {
    width:9rem;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    background:url(../images/new3/cabinet-vertical.png) repeat-y;
}

.cabinet-boss__icon {
    position:absolute;
    top:-20rem;
    z-index:2;
    left:50%;
    transform:translateX(-50%);
}

.cabinet-boss__corner {
    display:flex;
    left:-20rem;
    width:calc(100% + 40rem);
    top:-10rem;
    justify-content:space-between;
    position:absolute;
    z-index:3;
}

.cabinet-boss__corner img:first-child {
    transform:scaleX(-1);
}

.cabinet-boss__inner {
    background:rgba(0,0,0,.6);
    max-height:calc(100vh - 345rem);
    padding:40rem;
}

.cabinet-boss__inner .room-page__cash {
    margin:0 0 40rem;
    position:relative;
    z-index:3;
}

.cabinet-boss__toggle {
    margin:0 auto;
    display:table;
}

.cabinet-boss__toggle input {
    display:none;
}

.cabinet-boss__toggle input + label {
    cursor:pointer;
    user-select:none;
    border-radius:5rem;
    display:flex;
    align-items:center;
    padding:0 10rem;
    justify-content:space-between;
    width:64rem;
    height:20rem;
    position:relative;
    background:#254016;
}

.cabinet-boss__toggle input + label span {
    width:30rem;
    height:20rem;
    left:0;
    top:0;
    border-radius:4rem;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    background:#796452;
}

.cabinet-boss__toggle input:checked + label span {
    left:calc(100% - 30rem);
}

.cabinet-boss__toggle input + label span img:last-child {
    display:none;
}

.cabinet-boss__toggle input:checked + label span img {
    display:none;
}

.cabinet-boss__toggle input:checked + label span img:last-child {
    display:block;
}

.cabinet-boss__toggle input:checked + label {
    background:#401616;
}

.cabinet-boss__table {
    border:2rem solid #66554d;
    border-bottom:1rem solid #66554d;
}

.cabinet-boss__table:after {
    height:4rem;
    background:#42342e;
    display:block;
    width:100%;
    border-bottom:1rem solid #66554d;
    content:'';
}

.cabinet-boss__table th {
    background:url(../images/new3/table-bg-pattern.png) no-repeat;
    background-size:cover;
    text-align:center;
    font-weight:normal;
    font-size:12rem;
    color:#fff;
    padding:10rem;
}

.cabinet-boss__table th:not(:last-child) {
    border-right:2rem solid #66554d;
}

.cabinet-boss__table td {
    padding:10rem;
    color:#fff;
    font-size:12rem;
    height:40rem;
}

.cabinet-boss__table td:first-child {
    width:20%;
}

.cabinet-boss__table tr:nth-child(2n-1) td {
    background:#1c1310;
}

.cabinet-boss__ads {

}

.gallery-b__remove {cursor:pointer;}

.gallery-b__remove:hover {
  -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
  filter: sepia(50%) saturate(180%) brightness(130%);
}

.cabinet-boss__ads-frame {
    text-align:center;
    font-size:12rem;
    color:#000;
    padding:40rem;
    background:url(../images/new3/ads-bg.png) no-repeat;
    width:563rem;
    margin:0 auto;
    height:158rem;
}

.cabinet-boss__ads-btn {
    margin:20rem 0 0;
    display:flex;
    justify-content:center;
}

.cabinet-boss__res-list {
    display:flex;
    flex-wrap:wrap;
}

.cabinet-boss__res-item {
    position:relative;
    min-height:240rem;
    width:33.3%
}

.cabinet-boss__res-bg {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.cabinet-boss__res-block {
    position:relative;
    z-index:2;
    text-align:center;
    display:flex;
    height:100%;
    gap:10rem;
    flex-direction:column;
    align-items:center;
    max-width:100rem;
    margin:0 auto;
    justify-content:center;
}

.cabinet-boss__res-title {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:16rem;
    font-family:var(--brg);
    letter-spacing: 1rem;
}

.cabinet-boss__res-status {
    color:#3f6716;
    font-size:12rem;
}

.cabinet-boss__res-status_close {
    color:#9e0b0f;
}

.cabinet-boss__res-btn {
    cursor:pointer;
    color:#fff;
    font-size:12rem;
    background:url(../images/new3/res-btn.png) no-repeat;
    width:86rem;
    height:22rem;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cabinet-boss__res-btn:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.cabinet-boss__res-info {
    font-size:12rem;
    color:#000;
    background:url(../images/new3/ads-bg.png) no-repeat;
    width:563rem;
    height:158rem;
    display:flex;
    margin:20rem 0 0;
}

.cabinet-boss__res-column {
    flex:1;
    padding:25rem 30rem;
}

.cabinet-boss__res-column:last-child {
    background:rgba(0,0,0,.2);
}

.cabinet-boss__res-label {
    color:#000;
    margin:0 0 10rem;
    font-size:16rem;
    font-family:var(--brg);
    text-align:center;
}

.cabinet-boss__res-price {
    margin:10rem 0;
    text-align:center;
}

.cabinet-boss__res-price strong {
    font-weight:500;
}

.cabinet-boss__res-repair {
    display:flex;
    justify-content:center;
}

.cabinet-boss__res-form {
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    gap:10rem;
}

.cabinet-boss__awards {
    display:flex;
    gap:30rem;
    justify-content:space-between;
    align-items:flex-start;
}

.cabinet-boss__awards-content {
    flex:auto;
    position:relative;
}

.cabinet-boss__awards-content-bg {
    position:absolute;
    left:50%;
    z-index:2;
    top:-150rem;
    transform:translateX(-50%);
}

.cabinet-boss__awards-list {
    position:relative;
    z-index:3;
}

.cabinet-boss__awards-sidebar {
    flex:none;
    width:190rem;
}

.cabinet-boss__awards-label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-align:center;
    font-size:22rem;
    font-family:var(--brg);
    margin:0 0 10rem;
}

.cabinet-boss__awards-form {
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    gap:10rem;
}

.cabinet-boss__awards-form .input input,
.cabinet-boss__awards-form .input select,
.cabinet-boss__awards-form .input textarea {
    text-align:center;
}

.cabinet-boss__awards-form .input:has(textarea) {
    height:50rem;
}

.cabinet-boss__awards-form textarea {
    height:50rem;
}

.cabinet-boss__awards-block:not(:last-child) {
    margin:0 0 30rem;
}

.cabinet-boss__awards-file {
    width:100%;
}

.cabinet-boss__awards-file input {
    display:none;
}

.cabinet-boss__awards-file input + label {
    position: relative;
    display:block;
    height: 22rem;
    width: 100%;
    color:#fff;
    text-align:center;
    position: relative;
    z-index: 1;
    text-align:center;
    background: rgba(24, 19, 17, .7);
    border: none;
    outline: none;
    border-radius: 5rem;
    width: 100%;
    color: #fff;
    font-family: var(--brg);
    font-size: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content:center;
    cursor:pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5rem;
}

.cabinet-boss__awards-file input + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    background: #fff;
    border-radius: 6rem;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
    -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    border: 2rem solid rgba(0, 0, 0, 0);
    background: -o-linear-gradient(45deg, #3d2d25, #fff, #3d2d25);
    background: linear-gradient(45deg, #3d2d25, #fff, #3d2d25);
}

.cabinet-boss__awards-file span {
    display:block;
    margin:2rem 0 0;
    text-align:center;
    color:#bfc0c8;
    font-size:12rem;
}

.cabinet-boss__container {
    display:none;
}

.cabinet-boss__container_show {
    display:block;
}

.cabinet-boss__tabs {
    display:flex;
    gap:10rem;
    margin:0 0 20rem;
    position:relative;
    z-index:3;
}

.cabinet-boss__tabs-item {
    cursor:pointer;
    background:url(../images/new3/btn-tab.png) no-repeat;
    background-size:100% 38rem;
    height:38rem;
    padding:0 15rem;
    user-select:none;
    display:flex;
    align-items:center;
}

.cabinet-boss__tabs-item:not(.cabinet-boss__tabs-item_current):hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.cabinet-boss__tabs-item_current {
    background:url(../images/new3/btn-tab-active.png) no-repeat;
    background-size:100% 38rem;
}

.cabinet-boss__tabs-item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.cabinet-boss__tabs-item_current span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.blick_img:hover {
  -webkit-filter: sepia(50%) saturate(180%);
  filter: sepia(50%) saturate(180%);
} 


.bg-master-build {
    background-image: url(../images/new4/bg-master-build.png);
    background-position:center top;
    background-size:auto 100%;
}

.build-master {
    display:flex;
    position:relative;
    z-index:99;
    width:1000rem;
    justify-content:space-between;
}

.build-master__content {
    flex:auto;
    margin:0 0 30rem;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    position:relative;
}

.build-master__tabs {
    display:flex;
    gap:10rem;
    position:absolute;
    left:40rem;
    width:100%;
    padding:5rem;
    top:30rem;
    background:linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
    z-index:3;
}

.build-master__tabs-item {
    cursor:pointer;
    background:#000 url(../images/new3/btn-tab.png) no-repeat;
    background-size:100% 38rem;
    height:38rem;
    padding:0 15rem;
    user-select:none;
    display:flex;
    align-items:center;
}

.build-master__tabs-item:not(.build-master__tabs-item_current):hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%);
}

.build-master__tabs-item_current {
    background:#000 url(../images/new3/btn-tab-active.png) no-repeat;
    background-size:100% 38rem;
}

.build-master__tabs-item span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.build-master__tabs-item_current span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.build-master__table {
    position:relative;
}

.build-master__table-item {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12rem;
    justify-content:center;
    text-align:center;
    z-index:2;
    position:absolute;
    left:50%;
    top:calc(50% - 80rem);
    transform:translate(-50%,-50%);
}

.build-master__table-label {
    background:url(../images/new4/label-bg.png) no-repeat;
    background-size:100% 30rem;
    height:30rem;
    padding:0 12rem;
    display:flex;
    align-items:center;
}

.build-master__table-label span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
}

.build-master__sidebar {
    flex:none;
    position:relative;
}

.build-master__list {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:120rem;
    max-width:260rem;
    z-index:3;
    padding:0 10rem 0 0;
    width:100%;
    max-height:110rem;
    display:flex;
    flex-direction:column;
    gap:12rem;
}

.build-master__field {
    display:flex;
    align-items:center;
    gap:12rem;
    justify-content:space-between;
}

.build-master__field-label {
    font-family:var(--brg);
    font-size:16rem;
    flex:none;
    width:50rem;
}

.build-master__field-count {
    font-size:12rem;
    flex:none;
    width:30rem;
}

.build-master__field-line {
    position:relative;
    flex:auto;
    height:10rem;
    border-radius:4rem;
    background:rgba(0,0,0,.3);
}

.build-master__field-line span {
    background:#0ab5e1;
    position:absolute;
    left:0;
    box-shadow:0 0 5rem 1rem rgba(255,255,255,1);
    border-radius:4rem;
    top:0;
    height:100%;
}

.build-master__add {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:240rem;
    display:flex;
    justify-content:center;
    gap:8rem;
    z-index:3;
    flex-direction:column;
    width:100%;
    max-width:180rem;
    align-items:center;
}

.build-master__start {
    position:absolute;
    left:50%;
    z-index:3;
    transform:translateX(-50%);
    bottom:140rem;
    display:flex;
    justify-content:center;
    gap:8rem;
    flex-direction:column;
    width:100%;
    max-width:180rem;
    align-items:center;
}

/*! 13.02 - 19.02 новый код
----------------------------------
 */
.bg-field-done {
    background-image: url(../images/new5/field-done-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-field-rooms {
    background-image: url(../images/new5/field-rooms-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-field-laba {
    background-image: url(../images/new5/bg_pb_labirint.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-field-pes4era {
    background-image: url(../images/new5/bg_pb_pes4era.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-field-hram {
    background-image: url(../images/new5/bg_pb_hram.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-field-arena {
    background-image: url(../images/new5/bg_pb_arena.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-field-batalia {
    background-image: url(../images/new5/bg_pb_batalia.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-field-masterroom {
    background-image: url(../images/new5/bg_pb_masterskaya.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-field-master {
    background-image: url(../images/new5/field-master-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-reg {
    background-image: url(../images/new5/reg-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-shop {
    background-image: url(../images/new5/shop-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-dock {
    background-image: url(../images/new5/dock-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-dock-shop {
    background-image: url(../images/new5/dock-shop-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-dock-dis {
    background-image: url(../images/new5/dock-dis-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-bank {
    background-image: url(../images/new5/bank-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-circle {
    background-image: url(../images/new5/arena-circle-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-chemp {
    background-image: url(../images/new5/arena-chemp-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-chemp-table {
    background-image: url(../images/new5/arena-chemp-table-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-chemp-personal {
    background-image: url(../images/new5/arena-chemp-personal-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan {
    background-image: url(../images/new5/clan-admin-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour1 {
    background-image: url(../images/new5/fon_bg_tour1_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour3 {
    background-image: url(../images/new5/fon_bg_tour3_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour5 {
    background-image: url(../images/new5/fon_bg_tour5_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour6 {
    background-image: url(../images/new5/fon_bg_tour6_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour7 {
    background-image: url(../images/new5/fon_bg_tour7_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour8 {
    background-image: url(../images/new5/fon_bg_tour8_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour9 {
    background-image: url(../images/new5/fon_bg_tour9_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour10 {
    background-image: url(../images/new5/fon_bg_tour10_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour11 {
    background-image: url(../images/new5/fon_bg_tour11_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-tour12 {
    background-image: url(../images/new5/fon_bg_tour12_room.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-win {
    background-image: url(../images/new5/clan-win-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-medals {
    background-image: url(../images/new5/clan-medals-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-clan-order {
    background-image: url(../images/new5/clan-order-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-ref-king {
    background-image: url(../images/new5/ref-king-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-ref-team {
    background-image: url(../images/new5/ref-team-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-ref-personal {
    background-image: url(../images/new5/ref-personal-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-ref-grid {
    background-image: url(../images/new5/ref-grid-bg.png);
    background-position:center top;
    background-size:auto 100%;
}

.bg-arena-ref-log {
    background-image: url(../images/new5/ref-log-bg.png);
    background-position:center top;
    background-size:auto 100%;
}



/*! Common
-----------------------
 */
.title-gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
    margin:0 0 8rem;
}

.title-gradient_black {
    font-family:var(--brg);
    font-size:18rem;
    margin:0 0 8rem;
    color: #000;
}

.title-gradient_gray {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.title-gradient_small-margin {
    margin-bottom:8rem;
}

.btn__curl {
    cursor:pointer;
}

.area:has(.dock-page) {
    overflow:hidden;
}

.room__content:has(.dock-page__dis),
.room__content:has(.dock-page__shop) {
    overflow-x:hidden;
}


/*! Chemp Table
----------------------
 */
.chemp-table {
    width:740rem;
    max-width:740rem;
    margin:27rem 0rem 0rem 27rem;
    height:calc(100% - 33rem);
    min-height: 280rem;
}

.chemp-table_solo {
    margin:auto;
}

.chemp-table__table {
    position: relative;
    background:url(../images/new5/chemp/frame-bg.png) no-repeat;
    background-size:cover;
    height: 100%;
    padding:56rem 34rem 25rem;
}

.chemp-table__corner-top-left {
    left:-10rem;
    top:0;
    position:absolute;
    z-index:2;
}

.chemp-table_solo .chemp-table__corner-top-left {
    left:-30rem;
    top:-50rem;
}

.chemp-table__corner-top-right {
    right:-10rem;
    top:0;
    position:absolute;
    z-index:2;
}

.chemp-table_solo .chemp-table__corner-top-right {
    right:-30rem;
    top:-50rem;
}

.chemp-table__corner-top-right img {
    transform:scaleX(-1);
}

.chemp-table__corner-btm-left {
    left:0;
    bottom:-6rem;
    z-index:3;
    position:absolute;
}

.chemp-table__corner-btm-right {
    right:0;
    bottom:-6rem;
    z-index:3;
    position:absolute;
}

.chemp-table__line-top {
    position:absolute;
    left:0;
    width:100%;
    top:0;
}

.chemp-table__line-top img {
    width:100%;
    height:26rem;
    object-fit:cover;
}

.chemp-table__line-btm {
    position:absolute;
    width:100%;
    left:0;
    bottom:0rem;
    height:25rem;
    background-image: url(../images/new5/chemp/frame-btm2.png);
    background-size: 100% 26rem;
}

.chemp-table__line-btm img {
    width:100%;
    height:26rem;
    object-fit:cover;
}

.chemp-table__line-left {
    position:absolute;
    left:0;
    height:100%;
    width: 24rem;
    top:0;
    background-image: url(../images/new5/chemp/frame-left2.png);
    background-size: 24rem 100%;
}

.chemp-table__line-left img {
    width:24rem;
    height:100%;
    object-fit:cover;
}

.chemp-table__line-right {
    height:100%;
    width: 26rem;
    position:absolute;
    right:0;
    top:0;
    background-image: url(../images/new5/chemp/frame-right.png);
    background-size: 26rem 100%;
}

.chemp-table__line-right img {
    width:24rem;
    height:100%;
    object-fit:cover;
    transform:scaleX(-1);
}

.chemp-table__label {
    width:210rem;
    height:57rem;
    background:url(../images/new5/chemp/frame-label.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-20rem;
    display:flex;
    text-align:center;
    align-items:center;
    padding:0 20rem;
    flex-direction:column;
    justify-content:center;
}

.chemp-table__label .title-gradient {
    margin:0;
}

.chemp-table__label .title-gradient img {
    margin:0 4rem 0 0;
}

.chemp-table__label em {
    color:#fff;
    font-style:normal;
    font-size:10rem;
    margin-top:2rem;
}

.chemp-table__label span {
    position:absolute;
    top:calc(100% - 10rem);
    left:50%;
    transform:translateX(-50%);
    background:rgba(0,0,0,.7);
    color:#fff;
    font-size:12rem;
    white-space: nowrap;
    padding:6rem 8rem;
    border:1rem solid #c6bbb3;
    border-radius:2rem;
}

.chemp-table__form {
    display:flex;
    align-items:center;
    gap:12rem;
    justify-content:flex-start;
    margin:0 0 24rem;
}

.chemp-table__inner {
    width:460rem;
    font-size:12rem;
    margin:0 auto;
    max-height:250rem;
}

.chemp-table_solo .chemp-table__inner {
    width:100%;
}

.chemp-table__inner th {
    background:rgba(0,0,0,.6);
    font-weight:normal;
    padding:8rem 16rem;
    color:#fff;
    border-bottom:1rem solid rgba(255,255,255,.5);
    border-top:1rem solid rgba(255,255,255,.5);
}

.chemp-table__inner td {
    padding:4rem 8rem;
    text-align:center;
    background:rgba(0,0,0,.1);
}

.chemp-table__inner td a {
    text-decoration:underline;
    color:#31100a;
}


/*! Arena Chemp
---------------------
 */
.arena-chemp {
    margin:5rem 0 0 5rem;
}

.arena-chemp__list {
    display:flex;
    flex-wrap:wrap;
    grid-row-gap:10rem;
}

.arena-chemp__item {
    position:relative;
    width:25%;
}

.arena-chemp__frame {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.arena-chemp__block {
    position:relative;
    z-index:2;
    text-align:center;
    padding-top:35rem;
    padding-right:10rem;
}

.arena-chemp__block .title-gradient {
    font-size:20rem;
}

.arena-chemp__label {
    color:#fff;
    font-size:12rem;
    max-width:100rem;
    margin:0 auto 24rem;
}

.arena-chemp__cup {
    position:relative;
    display:flex;
    justify-content:center;
}

.arena-chemp__cup-img {

}

.arena-chemp__cup span {
    position:absolute;
    bottom:-22rem;;
    left:50%;
    transform:translateX(-50%);
    background:#000;
    padding:4rem 4rem;
    display:flex;
    align-items:center;
    gap:4rem;
    z-index:2;
    width:140rem;
    justify-content:center;
    height:23rem;
}

.arena-chemp__cup span em {
    font-style:normal;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:15rem;
}

.arena-chemp__btn {
    margin:24rem 0 0;
    display:flex;
    justify-content:center;
}


/* Field Page
--------------------
 */
.field-page {
    width:100%;
    padding-top:50rem;
}

.field-page:has(.field-page__person) {
    display:flex;
}

.field-page__person {
    width:400rem;
    flex:none;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.field-page__person-name {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16rem;
    width:250rem;
}

.field-page__frame {
    padding:30rem 40rem 30rem 100rem;
    position:relative;
    background:linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
    width:100%;
    max-width:600rem;
    min-height:400rem;
}

.field-page__frame:has(.field-page__frame-content) {
    display:flex;
    max-width:100%;
    padding:0rem;
    flex:auto;
}

.field-page__frame:before {
    content:'';
    top:0;
    left:0;
    width:100%;
    height:1rem;
    position:absolute;
    background:linear-gradient(to right, rgba(184,179,174,0), rgba(184,179,174,1));
}

.field-page__frame:after {
    content:'';
    top:0;
    right:0;
    height:100%;
    width:1rem;
    position:absolute;
    background:linear-gradient(to top, rgba(184,179,174,0), rgba(184,179,174,1));
}

.field-page__frame-content {
    flex:auto;
    padding:24rem 32rem 24rem 70rem;
    color:#fff;
    font-size:12rem;
}

.field-page__frame-content .bl-scroll {
    padding-right:16rem;
    max-height:calc(100vh - 435rem);
}

.field-page__frame-sidebar {
    flex:none;
    width:200rem;
    padding:24rem;
    text-align:center;
    position:relative;
    gap:16rem;
    display:flex;
    align-items:center;
    flex-direction:column;
}

.field-page__frame-sidebar:after {
    content:'';
    top:0;
    left:0;
    height:100%;
    width:1rem;
    position:absolute;
    background:linear-gradient(to top, rgba(184,179,174,0), rgba(184,179,174,1), rgba(184,179,174,0));
}

.field-page__frame-item {
    display:flex;
    justify-content:space-between;
}

.field-page__frame-item:not(:last-child) {
    margin:0 0 4rem;
}

.field-page__frame-skins {
    margin:0 0 12rem;
    gap:8rem;
    display:flex;
    flex-direction:column;
}

.field-page__frame-skin .check-round input + .check-round__label ._flex span {
    font-family:var(--brg);
    font-size:16rem;
    font-weight:400;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    padding:3rem 0 0 2rem;
}

.field-page__frame-search {
    display:flex;
    gap:16rem;
    align-items:center;
    max-width:300rem;
}

.field-page__frame-filter {
    color:#fff;
    font-size:12rem;
    display:flex;
    gap:8rem;
    align-items:center;
    margin-top:20rem;
}

.field-page__frame-filter .input {
    width:100rem;
}

.field-page__frame-filter span {
    cursor:pointer;
    transition:.3s ease-out;
    height:18rem;
    display:flex;
    align-items:center;
}

.field-page__frame-filter span:hover {
    color:#d9a960;
}

.field-page__rooms {
    background: url(../images/new5/field-room-frame.png) 100% 100%;
    background-size:contain;
    width:443rem;
    height: 451rem;
    padding:24rem;
    position:relative;
}

.field-page__rooms-content {
    background:radial-gradient(circle, rgba(0,0,0,1), rgba(0,0,0,0));
    text-align:center;
    padding: 25rem 22rem;
    height:400rem;
    color:#fff;
    font-size:12rem;
}

.field-page__rooms-content button {
    margin:0 auto;
}

.field-page__rooms-form {
    margin:20rem 0;
}

.field-page__rooms-content .input {
    width:150rem;
    margin:0 auto 8rem;
}

.field-page__tabs {
    position:absolute;
    top:16rem;
    left:0;
    display:flex;
    justify-content:center;
    width:100%;
    align-items:center;
    gap:10rem;
    z-index:3;
}

.field-page__tabs .btn__gradient {
    filter:brightness(60%);
}

.field-page__tabs .btn__gradient:hover {
    filter:brightness(90%);
}

.field-page__tabs .btn__gradient_current {
    filter:brightness(100%) !important;
}



/*! Bank Page
------------------------
 */
.bank-page {
    position:relative;
    z-index:5;
    padding-left:50rem;
    background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    padding-right:20rem;
}

.bank-page__head {
    display:flex;
}

.bank-page__main {
    flex:none;
    width:380rem;
    position:relative;
    padding:42rem;
    color:#e2e2e2;
    font-size:12rem;
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
    margin-right:-40rem;
}

.bank-page__main img {
    position:absolute;
    bottom:0;
    right:0;
}

.bank-page__main span {
    position:relative;
    z-index:2;
}

.bank-page__main p:not(:last-child) {
    margin:0 0 16rem;
}

.bank-page__list {
    display:flex;
    color:#e2e2e2;
    font-size:12rem;
}

.bank-page__column {
    position:relative;
    width:112rem;
}

.bank-page__column .title-gradient {
    margin:0 0 8rem;
}

.bank-page__column p:not(:last-child) {
    margin:0 0 16rem;
}

.bank-page__column--frame {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:0;
}

.bank-page__column--block {
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    text-align:center;
    font-size:12rem;
    padding-top:150rem;
    min-height:255rem;
    padding-left:8rem;
    padding-right:8rem;
    color:#fff;
}

.bank-page__column--block img {
    position:absolute;
    top:40rem;
    left:50%;
    transform:translateX(-50%);
}

.bank-page__column--block .btn__gradient {
    margin-top:auto;
}

.bank-page__table {
    padding-top:40rem;
    padding-bottom:40rem;
    display:flex;
}

.bank-page__table .bank-page__main {
    padding:0 0 0 32rem;
}

.bank-page__table .bank-page__column {
    padding-top:0;
    text-align:center;
}


/*! Dock Page
------------------------
 */
.dock-page__start {
    display:flex;
    justify-content:space-between;
    width:1000rem;
    position:relative;
    padding-left:30rem;
}

.dock-page__start-quote {
    position:relative;
    width:455rem;
    height:275rem;
    margin-top:120rem;
}

.dock-page__start-quote--frame {
    position:absolute;
    left:0;
    top:0;
    width:100%;
}

.dock-page__start-quote--block {
    position:relative;
    z-index:2;
    color:#fff;
    font-size:12rem;
    text-align:center;
    padding-top:55rem;
    padding-left:75rem;
    max-width:320rem;
}

.dock-page__start-quote--block p:not(:last-child) {
    margin-bottom:20rem;
}

.dock-page__start-pirate {
    position:absolute;
    left:calc(50% - 100rem);
    top:120rem;
    z-index:3;
}

.dock-page__start-action {
    position:relative;
    width:398rem;
    margin-top:100rem;
}

.dock-page__start-action--frame {
    position:absolute;
    left:0;
    top:0;
    height:521rem;
    width:100%;
}

.dock-page__start-action--block {
    position:relative;
    z-index:2;
    font-size:13rem;
    text-align:center;
    padding-top:80rem;
    padding-left:85rem;
    max-width:300rem;
    font-family:var(--brg);
    color:#000;
}

.dock-page__start-action--label {
    font-size:18rem;
    max-width:120rem;
    margin:0 auto;
}

.dock-page__start-action--list {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:16rem;
    margin:8rem 0 12rem;
}

.dock-page__start-action--item {
    display:flex;
    align-items:center;
    line-height:1;
    gap:12rem;
}

.dock-page__start-action--item .input {
    width:120rem;
}

.dock-page__start-action--item .input:has(select) {
    width:100%;
}

.dock-page__start-action--btn {
    display:flex;
    justify-content:center;
}

.dock-page__shop {
    display:flex;
    flex-wrap:wrap;
    margin-top:40rem;
}

.dock-page__shop-item {
    width:464rem;
    height:470rem;
    position:relative;
    margin-right:-140rem;
    margin-bottom:-50rem;
}

.dock-page__shop-item--frame {
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
}

.dock-page__shop-item--block {
    position:relative;
    z-index:2;
    max-width:240rem;
    margin:0 auto;
    text-align:center;
    padding-top:140rem;
    display:flex;
    flex-direction:column;
    height:100%;
    padding-bottom:80rem;
    color:#fff;
}

.dock-page__shop-item--info {
    font-size:12rem;
    color:#b7b7b7;
    margin-bottom:20rem;
}

.dock-page__shop-item--info span {
    color:#fff;
}

.dock-page__shop-item--desc {
    font-size:10rem;
}

.dock-page__shop-item--btn {
    margin:auto 0 0;
    display:flex;
    justify-content:center;
}

.dock-page__dis {
    display:flex;
    justify-content:space-between;
    width:800rem;
    position:relative;
    padding-left:20rem;
}

.dock-page__dis-quote {
    position:relative;
    width:494rem;
    height:346rem;
    margin-top:120rem;
}

.dock-page__dis-quote--frame {
    position:absolute;
    left:0;
    top:0;
    width:100%;
}

.dock-page__dis-quote--block {
    position:relative;
    z-index:2;
    color:#fff;
    font-size:12rem;
    padding-top:75rem;
    padding-left:190rem;
    max-width:380rem;
}

.dock-page__dis-quote--img {
    position:absolute;
    top:-40rem;
    right:-140rem;
    z-index:2;
}

.dock-page__dis-quote--block .title-gradient {
    margin:0;
}

.dock-page__dis-quote--desc {
    margin:16rem 0 24rem;
}

.dock-page__dis-quote--block p:not(:last-child) {
    margin-bottom:3rem;
}

.dock-page__dis-wheel {
    position:relative;
    width:535rem;
    margin-top:20rem;
}

.dock-page__dis-wheel--frame {
    position:absolute;
    left:0;
    top:0;
    height:500rem;
    width:100%;
}

.dock-page__dis-wheel--block {
    position:relative;
    z-index:2;
    font-size:12rem;
    text-align:center;
    padding-top:180rem;
    padding-left:130rem;
    margin: 0 auto;
    max-width:360rem;
    font-family:var(--brg);
    color:#000;
}

.dock-page__dis-wheel--label {
    font-size:18rem;
    max-width:120rem;
    margin:0 auto;
}

.dock-page__dis-wheel--list {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:16rem;
    margin:8rem 0 12rem;
}

.dock-page__dis-wheel--item {
    display:flex;
    align-items:center;
    line-height:1;
    gap:12rem;
}

.dock-page__dis-wheel--item .input {
    width:120rem;
}

.dock-page__dis-wheel--item .input:has(select) {
    width:100%;
}

.dock-page__dis-wheel--btn {
    display:flex;
    justify-content:center;
}

/*! Reg Page
------------------------
 */
.reg-page {
    padding:24rem 80rem;
    background:rgba(0,0,0,.3);
    margin:24rem 0 0;
    max-width:1000rem;
}

.reg-page__paging {
    margin:0 0 32rem;
    display:flex;
    color:#9b9b94;
    font-size:12rem;
    align-items:center;
}

.reg-page__paging span {
    margin-right:8rem;
}

.reg-page__paging-item {
    display:flex;
    align-items:center;
    justify-content:center;
    width:49rem;
    text-decoration:none;
    background:url(../images/new5/paging-item.png) no-repeat;
    height:29rem;
    color:#fff;
}

.reg-page__paging-item_current,
.reg-page__paging-item:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.reg-page__table {
    margin-top:24rem;
}

.reg-page__table table {
    table-layout: fixed;
}

.reg-page__table th {
    background:rgba(255,255,255,.3);
    padding:10rem;
    font-size:16rem;
    font-family:var(--brg);
    font-weight:400;
    color:#fff;
}

.reg-page__table td {
    text-align:center;
    background:rgba(255,255,255,.15);
    padding:16rem;
    font-size:12rem;
    color:#fff;
}

.reg-page__table img {
    height:16rem;
    width:auto;
    margin-right:7rem;
    display:inline-block;
    vertical-align:middle;
}



/*! Clan Win
-----------------
 */
.clan-win {
    margin:40rem 0 0 40rem;
    width:100%;
    max-width:640rem;
}

.clan-win__section {
    margin:0 auto;
    width:640rem;
    background:rgba(0,0,0,.7);
    position:relative;
    min-height:360rem;
}

.clan-win__frame-top {
    background:url(../images/new5/clan/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    top:0;
}

.clan-win__frame-btm {
    background:url(../images/new5/clan/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    bottom:0;
}

.clan-win__frame-left {
    background:url(../images/new5/clan/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.clan-win__frame-right {
    background:url(../images/new5/clan/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.clan-win__frame-corner {
    background:url(../images/new5/clan/corner.png) no-repeat;
    background-size: 100% 100%;
    width:59rem;
    height:88rem;
    position:absolute;
    z-index:3;
}

.clan-win__frame-corner_left-top {
    left:0;
    top:0;
}

.clan-win__frame-corner_left-btm {
    left:0;
    bottom:4rem;
    transform:scaleY(-1);
}

.clan-win__frame-corner_right-top {
    right:0;
    top:0;
    transform:scaleX(-1);
}

.clan-win__frame-corner_right-btm {
    right:0;
    bottom:4rem;
    transform:scale(-1,-1);
}

.clan-win__block {
    position:relative;
    padding:47rem 48rem;
}

.clan-win__label {
    width:257rem;
    height:54rem;
    background:url(../images/new5/clan/label.png) no-repeat;
    background-size:cover;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-10rem;
    display:flex;
    z-index:4;
    text-align:center;
    align-items:center;
    font-family:var(--brg);
    font-size:20rem;
    padding:0 20rem 5rem;
    flex-direction:column;
    justify-content:center;
}

.clan-win__desc {
    text-align:center;
    color:#fff;
    font-size:12rem;
    margin:24rem 0 32rem;
}

.clan-win__desc p {
    margin:0 0 8rem;
}

.clan-win__desc .btn__gradient {
    margin:0 auto;
}

.clan-win__select {
    max-width:340rem;
    margin:0 auto;
}


/*! Clan Medals
-----------------
 */
.clan-medals-popup {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9;
    background:rgba(0,0,0,.7);
    align-items:center;
    padding-bottom:80rem;
    justify-content:center;
    display:none;
}

.clan-medals-popup_show {
    display:flex;
}

.clan-medals-popup__block {
    background:url(../images/new5/clan/popup-bg.png) no-repeat;
    background-size:cover;
    position:relative;
    max-width:340rem;
    padding:48rem 32rem;
    min-height:390rem;
}

.clan-medals-popup__column {
    position:absolute;
    top:-16rem;
    z-index:2;
}

.clan-medals-popup__column_1 {
    left:-16rem;
}

.clan-medals-popup__column_2 {
    right:-16rem;
    transform:scaleX(-1);
}

.clan-medals-popup__list {
    display:flex;
    flex-direction:column;
}

.clan-medals-popup__item {
    display:block;
    padding:12rem;
    text-align:center;
    color:#000;
    font-size:12rem;
    position:relative;
    text-decoration:none;
}

.clan-medals-popup__item:after {
    content:'';
    height:2rem;
    width:100%;
    background:linear-gradient(to right, transparent, #99764f, transparent);
    position:absolute;
    left:0;
    bottom:0;
}

.clan-medals-popup__item:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.clan-medals {
    padding:40rem 0 0 40rem;
    width:100%;
    max-width:640rem;
}

.clan-medals__section {
    margin:0 auto;
    width:640rem;
    background:url(../images/new5/clan/bg.png) no-repeat;
    background-size:cover;
    position:relative;
    min-height:360rem;
}

.clan-medals__frame-top {
    background:url(../images/new5/clan/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    top:0;
}

.clan-medals__frame-btm {
    background:url(../images/new5/clan/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    bottom:0;
}

.clan-medals__frame-left {
    background:url(../images/new5/clan/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.clan-medals__frame-right {
    background:url(../images/new5/clan/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.clan-medals__frame-corner {
    background:url(../images/new5/clan/corner-2.png) repeat-y;
    width:59rem;
    height:88rem;
    position:absolute;
    z-index:3;
}

.clan-medals__frame-corner_left-top {
    left:0;
    top:0;
}

.clan-medals__frame-corner_left-btm {
    left:0;
    bottom:4rem;
    transform:scaleY(-1);
}

.clan-medals__frame-corner_right-top {
    right:0;
    top:0;
    transform:scaleX(-1);
}

.clan-medals__frame-corner_right-btm {
    right:0;
    bottom:4rem;
    transform:scale(-1,-1);
}

.clan-medals__block {
    position:relative;
    padding:64rem 48rem;
}

.clan-medals__label {
    width:257rem;
    height:54rem;
    background:url(../images/new5/clan/label.png) no-repeat;
    background-size:cover;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-10rem;
    display:flex;
    z-index:4;
    text-align:center;
    align-items:center;
    font-family:var(--brg);
    font-size:20rem;
    padding:0 20rem 5rem;
    flex-direction:column;
    justify-content:center;
}

.clan-medals__table {
    max-width:420rem;
    max-height:350rem;
    margin:0 auto;
}

.clan-medals__table th {
    text-align:left;
    font-weight:400;
    font-family:var(--brg);
    font-size:18rem;
    color:#45281c;
    padding:6rem 16rem;
    background:rgba(162,137,115,.6);
}

.clan-medals__table td {
    padding:5rem 16rem;
    font-size:13rem;
    background:rgba(183,163,139,.5);
}

.clan-medals__table td:last-child {
    width:38%;
    text-align:right;
}


/*! Clan Order
-----------------
 */
.clan-order {
    margin:80rem 0 0 40rem;
    width:100%;
    max-width:800rem;
}

.clan-order__section {
    margin:0 auto;
    width:640rem;
    background:rgba(0,0,0,.7);
    position:relative;
    min-height:360rem;
}

.clan-order__frame-top {
    background:url(../images/new5/order/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    top:0;
}

.clan-order__frame-btm {
    background:url(../images/new5/order/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    bottom:0;
}

.clan-order__frame-left {
    background:url(../images/new5/order/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.clan-order__frame-right {
    background:url(../images/new5/order/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.clan-order__frame-corner {
    background:url(../images/new5/order/corner.png) repeat-y;
    width:59rem;
    height:88rem;
    position:absolute;
    z-index:3;
}

.clan-order__frame-corner_left-top {
    left:0;
    top:0;
}

.clan-order__frame-corner_left-btm {
    left:0;
    bottom:4rem;
    transform:scaleY(-1);
}

.clan-order__frame-corner_right-top {
    right:0;
    top:0;
    transform:scaleX(-1);
}

.clan-order__frame-corner_right-btm {
    right:0;
    bottom:4rem;
    transform:scale(-1,-1);
}

.clan-order__block {
    position:relative;
    padding:64rem 48rem;
}

.clan-order__label {
    width:239rem;
    height:47rem;
    background:url(../images/new5/order/label.png) no-repeat;
    background-size:cover;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-15rem;
    display:flex;
    z-index:4;
    text-align:center;
    align-items:center;
    font-family:var(--brg);
    font-size:20rem;
    padding:3rem 20rem 0;
    flex-direction:column;
    justify-content:center;
}

.clan-order__title {
    text-align:center;
}

.clan-order__grid {
    display:flex;
    gap:20rem;
}

.clan-order__desc {
    color:#fff;
    font-size:12rem;
    width:30%;
    flex:none;
}

.clan-order__form {

}

.clan-order__form .input {
    height:180rem;
}

.clan-order__action {
    width:30%;
    flex:none;
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    justify-content:space-between;
    text-align:right;
}

.clan-order__action .input {
    width:100%;
}

.clan-order__action .title-gradient {
    margin:0;
}

.clan-order__action .btn__gradient {
    margin-top:8rem;
}

.clan-order__top {
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    width:100%;
}

.clan-order__btm {
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    width:100%;
}


/*! Clan Admin
--------------------
 */
.clan-admin {
    margin:40rem 0 0 40rem;
    width:1000rem;
}

.clan-admin__grid {
    display:flex;
    gap:10rem;
}

.clan-admin__column {
    width:320rem;
}

.clan-admin__caption .title-gradient {
    font-size:22rem;
    text-align:center;
}

.clan-admin__block {
    position:relative;
    background:rgba(0,0,0,.5);
    padding:36rem 18rem 18rem 18rem;
    height:450rem;
}

.clan-admin__top {
    position:absolute;
    top:-15rem;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
    margin-left:3rem;
}

.clan-admin__column_second .clan-admin__top {
    margin-left:-9rem;
}

.clan-admin__middle {
    background:url(../images/new5/admin/lines-1.png) repeat-y;
    background-size:100% 66rem;
    position:absolute;
    height:calc(100% - 30rem);
    width:317rem;
    left:50%;
    transform:translateX(-50%);
    top:30rem;
    z-index:1;
    margin-right:0;
}

.clan-admin__column_second .clan-admin__middle {
    background:url(../images/new5/admin/lines-2.png) repeat-y;
    background-size:100% 66rem;
    position:absolute;
    height:calc(100% - 30rem);
    width:319rem;
    left:50%;
    transform:translateX(-50%);
    top:30rem;
    z-index:1;
    margin-right:0;
    margin-left:-3rem;
}

.clan-admin__column_third .clan-admin__middle {
    background:url(../images/new5/admin/lines-3.png) repeat-y;
    background-size:100% 66rem;
    position:absolute;
    height:calc(100% - 30rem);
    width:362rem;
    left:50%;
    transform:translateX(-50%);
    top:30rem;
    z-index:1;
    margin-right:0;
    margin-left:23rem;
}

.clan-admin__list {
    max-height:380rem;
    padding-right:5rem;
}

.clan-admin__item {
    min-height:170rem;
    position:relative;
    z-index:5;
}

.clan-admin__item-cup {
    position:absolute;
    left:50%;
    top:40%;
    z-index:2;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

.clan-admin__item:not(:last-child) {
    border-bottom:1rem solid #000;
    padding:0 0 24rem;
    margin:0 0 24rem;
}

.clan-admin__item-remove {
    position:absolute;
    left:10rem;
    top:2rem;
    cursor:pointer;
}

.clan-admin__item-remove:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.clan-admin__item-title {
    text-align:right;
}

.clan-admin__item-title .title-gradient {
    margin:0 0 8rem;
}

.clan-admin__item-label {
    display:flex;
    align-items:center;
    gap:6rem;
    justify-content:center;
    margin:0 0 10rem;
}

.clan-admin__item-label .title-gradient {
    margin:0;
    font-size:20rem;
}

.clan-admin__item-desc {
    text-align:right;
    font-size:11rem;
    color:#fff;
}

.clan-admin__item-desc span {
    text-transform:uppercase;
    display:block;
    margin:2rem 0;
    font-size:13rem;
}

.clan-admin__item-info {
    text-align:right;
    color:#fff;
    margin-top:24rem;
}

.clan-admin__item-info > span {
    text-transform:uppercase;
    display:block;
    font-size:11rem;
}

.clan-admin__item-buttons {
    display:flex;
    gap:8rem;
    justify-content:flex-end;
    margin-top:7rem;
}

.clan-admin__item-buttons button {
    text-transform:none;
}

.clan-admin__start {
    text-align:center;
    padding:0 0 0 16rem;
}

.clan-admin__start .title-gradient {
    margin-bottom:6rem;
}

.clan-admin__start-list {
    gap:12rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    font-size:10rem;
    color:#fff;
}

.clan-admin__start-field {
    display:flex;
    align-items:center;
    gap:8rem;
}

.clan-admin__start-field .input {
    width:70rem;
}

.clan-admin__start-field .input_small {
    width:30rem;
}

.clan-admin__start-field_full {
    width:100%;
    display:block;
}

.clan-admin__start-field_full .input {
    width:60rem;
}

.clan-admin__start-field_full .input_date {
    width:30rem;
}

.clan-admin__start-field_full .input_year {
    width:50rem;
}

.clan-admin__start-form {
    display:flex;
    justify-content:space-between;
}

.clan-admin__start-left {
    display:flex;
    justify-content:space-between;
    gap:8rem;
}

.clan-admin__start-right {
    display:flex;
    justify-content:space-between;
    gap:8rem;
}

.clan-admin__start-field_full .clan-admin__start-label {
    margin:0 0 6rem;
    text-align:center;
}

.clan-admin__start-btn {
    display:flex;
    margin:12rem 0 0;
    justify-content:center;
}


/*! Ref
-------------------
 */
.ref {
    margin:60rem 0 0 40rem;
    position:relative;
    width:820rem;
}

.ref__cup {
    position:absolute;
    right:0;
    bottom:-40rem;
    padding-bottom:40rem;
    z-index:5;
}

.ref__cup-name {
    background:url(../images/new5/ref/name.png) no-repeat;
    width:235rem;
    height:54rem;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    position:absolute;
    left:50%;
    font-size:13rem;
    transform:translateX(-50%);
    bottom:26rem;
    padding-top:17rem;
    z-index:3;
}

.ref__cup-team {
    background:#000;
    display:flex;
    align-items:center;
    gap:8rem;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0rem;
    z-index:2;
    padding:2rem 10rem;
}

.ref__cup-team .title-gradient {
    font-size:24rem;
    margin:0;
}

.ref__section {
    position:relative;
    height:450rem;
    background:url(../images/new5/ref/bg.png) no-repeat;
    background-size:cover;
    max-width:640rem;
}

.ref__frame-top {
    background:url(../images/new5/ref/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    top:0;
}

.ref__frame-btm {
    background:url(../images/new5/ref/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    bottom:0;
}

.ref__frame-left {
    background:url(../images/new5/ref/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.ref__frame-right {
    background:url(../images/new5/ref/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.ref__frame-corner {
    position:absolute;
    z-index:3;
}

.ref__frame-corner_left-top {
    left:-41rem;
    top:-15rem;
    background:url(../images/new5/ref/corner-top.png) no-repeat;
    width:113rem;
    height:103rem;
}

.ref__frame-corner_left-btm {
    left:0;
    bottom:3rem;
    background:url(../images/new5/ref/corner-btm.png) no-repeat;
    width:71rem;
    height:88rem;
}

.ref__frame-corner_right-top {
    right:-41rem;
    top:-15rem;
    transform:scaleX(-1);
    background:url(../images/new5/ref/corner-top.png) no-repeat;
    width:113rem;
    height:103rem;
}

.ref__frame-corner_right-btm {
    right:0;
    bottom:3rem;
    transform:scaleX(-1);
    background:url(../images/new5/ref/corner-btm.png) no-repeat;
    width:71rem;
    height:88rem;
}

.ref__block {
    position:relative;
    padding:84rem 48rem 50rem;
}

.ref__label {
    width:226rem;
    height:96rem;
    background:url(../images/new5/ref/label.png) no-repeat;
    background-size:cover;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-40rem;
    display:flex;
    z-index:4;
    text-align:center;
    align-items:center;
    font-size:20rem;
    padding:0 20rem 2rem;
    flex-direction:column;
    justify-content:center;
}

.ref__label .title-gradient {
    font-size:24rem;
    margin:0;
}

.ref__label span {
    color:#fff;
    opacity:.5;
    font-size:10rem;
}

.ref__status {
    position:absolute;
    top:45rem;
    left:50%;
    transform:translateX(-50%);
    background:#000;
    padding:4rem 5rem;
    display:flex;
    align-items:center;
    font-size:12rem;
    color:#fff;
    gap:8rem;
    z-index:5;
}

.ref__grid {
    columns:2;
    gap:24rem;
    max-height:320rem;
}

.ref__item {
    display:inline-block;
    width:100%;
    margin:0 0 24rem;
}

.ref__head {
    border-top:1rem solid rgba(255,255,255,.5);
    border-bottom:1rem solid rgba(255,255,255,.5);
    background:#4f453a;
    color:#fff;
    font-size:13rem;
    padding:10rem 10rem;
}

.ref__item_cancel .ref__head {
    background:#8a2923;
}

.ref__head img {
    margin:0 4rem;
    display:inline-block;
    vertical-align:middle;
}

.ref__list {
    padding:10rem;
    background:rgba(0,0,0,.1);
    display:flex;
    flex-direction:column;
    font-size:13rem;
    gap:6rem;
}

.ref__list span {
    color:#790000;
}



/*! Ref Personal
------------------------
 */
.ref-person {
    position:relative;
    width:840rem;
    margin:40rem 0 0 40rem;
}

.ref-person__cup {
    position:absolute;
    bottom:-160rem;
    right:0;
    font-size:11rem;
}

.ref-person__cup-photo {
    background:url(../images/new5/ref/ramka.png) no-repeat;
    width:156rem;
    height:156rem;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:40rem;
    margin-left:-12rem;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
}

.ref-person__cup-type {
    position:absolute;
    bottom:140rem;
    padding-right:20rem;
    text-align:center;
    width:100%;
    z-index:2;
}

.ref-person__cup-name {
    position:absolute;
    bottom:117rem;
    padding-right:20rem;
    text-align:center;
    width:100%;
    color:#fff;
    z-index:2;
}

.ref-person__cup-name em {
    opacity:.6;
    font-style:normal;
}

.ref-person__section {
    background:rgba(0,0,0,.5);
    width:100%;
    max-width:540rem;
    padding:48rem;
    border-radius:5rem;
    border:3rem solid #6b6b6b;
    height:350rem;
}

.ref-person__list {
    gap:24rem;
    display:grid;
    grid-template-columns:repeat(2,1fr);
}

.ref-person__item {
    position:relative;
}

.ref-person__item span {
    display:flex;
    align-items:center;
    background:#000;
    font-size:12rem;
    color:#fff;
    gap:6rem;
    padding:6rem 6rem;
}

.ref-person__item_cancel span {
    background:#802720;
}

.ref-person__item em {
    color:#acacac;
    font-style:normal;
}

.ref-person__item em.red {
    color:#790000;
}

.ref-person__item em.green {
    color:#005e20;
}

.ref-person__item small {
    display:block;
    position:absolute;
    left:6rem;
    top:calc(100% + 3rem);
    color:#d60808;
    font-size:12rem;
}

.ref-person__log {
    color:#fff;
    margin-top:24rem;
    font-size:12rem;
}

.ref-person__log strong {
    font-weight:bold;
    font-size:13rem;
}


/*! Ref Log
-------------------
 */
.ref-log {
    margin:40rem 0 0 40rem;
}

.ref-log__section {
    position:relative;
    height:450rem;
    background:url(../images/new5/ref-log/bg2.png) no-repeat;
    background-size:cover;
    max-width:880rem;
}

.ref-log__frame-top {
    background:url(../images/new5/ref-log/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    top:0;
}

.ref-log__frame-btm {
    background:url(../images/new5/ref-log/horizontal2.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    bottom:-3rem;;
}

.ref-log__frame-left {
    background:url(../images/new5/ref-log/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.ref-log__frame-right {
    background:url(../images/new5/ref-log/vertical2.png) repeat-y;
    width:26rem;
    background-size:26rem 100%;
    height:100%;
    position:absolute;
    right:-2rem;
    top:0;
}

.ref-log__frame-corner {
    position:absolute;
    z-index:3;
}

.ref-log__frame-corner_left-top {
    left:0rem;
    top:-5rem;
    background:url(../images/new5/ref-log/corner-top.png) no-repeat;
    width:90rem;
    height:113rem;
}

.ref-log__frame-corner_left-btm {
    left:0;
    bottom:-4rem;
    background:url(../images/new5/ref/corner-btm.png) no-repeat;
    width:71rem;
    height:88rem;
}

.ref-log__frame-corner_right-top {
    right:-4rem;
    top:-5rem;
    transform:scaleX(-1);
    background:url(../images/new5/ref-log/corner-top.png) no-repeat;
    width:90rem;
    height:113rem;
}

.ref-log__frame-corner_right-btm {
    right:-2rem;
    bottom:-4rem;
    background:url(../images/new5/ref-log/corner-btm2.png) no-repeat;
    background-size: 100% 100%;
    width:60rem;
    height:89rem;
}

.ref-log__block {
    position:relative;
    padding:100rem 48rem 50rem;
}

.ref-log__score {
    width:219rem;
    height:73rem;
    background:url(../images/new5/ref-log/score.png) no-repeat;
    background-size:cover;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-20rem;
    z-index:4;
    font-size:20rem;
    padding:10rem 20rem;
}

.ref-log__score-grid {
    background:rgba(0,0,0,.7);
    display:flex;
    width:100%;
    height:100%;
}

.ref-log__score-column {
    flex:1;
    display:flex;
    align-items:center;
    font-size:24rem;
    color:#fff;
    justify-content:center;
    height:100%;
}

.ref-log__score-column_win span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.ref-log__score-column:first-child {
    border-right:2rem dotted #999;
}

.ref-log__inner {
    height:300rem;
}

.ref-log__info {
    position:absolute;
    top:40rem;
    left:50%;
    transform:translateX(-50%);
    font-size:13rem;
    width:700rem;
    display:flex;
    justify-content:space-between;
    text-align:center;
    font-weight: bold;
}

.ref-log__info span {width: 200rem;}

.ref-log__note {
    position:absolute;
    top:40rem;
    left:50%;
    transform:translateX(-50%);
    background:#000;
    padding:4rem 12rem;
    display:flex;
    align-items:center;
    text-align:center;
    font-size:12rem;
    border:1rem solid rgba(255,255,255,.5);
    color:#fff;
    gap:8rem;
    z-index:5;
}

.ref-log__tables {
    display:flex;
    gap:16rem;
}

.ref-log__tables table {
    flex:1;
}

.ref-log__tables table th {
    font-weight:normal;
    background:#353d4c;
    color:#fff;
    font-size:12rem;
    padding:8rem 7rem;
}

.ref-log__tables-red th {
    background:#8a2923 !important;
}

.ref-log__tables table th:first-child,
.ref-log__tables table td:first-child {
    min-width:120rem;
}

.ref-log__tables table td {
    padding:6rem 7rem;
    font-size:11rem;
    background:rgba(0,0,0,.1);
}

.ref-log__tables table td:nth-child(2n) {
    background:rgba(0,0,0,.2);
}

.ref-log__text {
    margin-top:24rem;
    font-size:14rem;
}



/*! Arena Personal
-------------------
 */
.arena-personal {
    margin:60rem 0 0 30rem;
    position:relative;
    width:1110rem;
}

.arena-personal__cup {
    position:absolute;
    right:50rem;
    bottom:-60rem;
    z-index:5;
}

.arena-personal__cup-name {
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    position:absolute;
    left:50%;
    font-size:16rem;
    transform:translateX(-50%);
    bottom:70rem;
    z-index:3;
    font-weight:bold;
}

.arena-personal__cup-team {
    background:#000;
    display:flex;
    align-items:center;
    gap:8rem;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0rem;
    z-index:2;
    padding:2rem 10rem;
}

.arena-personal__cup-team .title-gradient {
    font-size:24rem;
    margin:0;
}

.arena-personal__section {
    position:relative;
    height:450rem;
    /*background:url(../images/new5/personal/bg.png) no-repeat 50% 0;
    background-size:cover; */
    background: #b1a18bb0;
    max-width:720rem;
    width:100%;
    z-index:3;
}

.arena-personal__frame-top {
    background:url(../images/new5/personal/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    top:0;
}

.arena-personal__frame-btm {
    background:url(../images/new5/personal/horizontal.png) repeat-x;
    height:26rem;
    background-size:100% 26rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    bottom:0;
}

.arena-personal__frame-left {
    background:url(../images/new5/personal/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.arena-personal__frame-right {
    background:url(../images/new5/personal/vertical.png) repeat-y;
    width:24rem;
    background-size:24rem 100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.arena-personal__frame-corner {
    position:absolute;
    z-index:3;
    background:url(../images/new5/personal/corner.png) no-repeat;
    width:82rem;
    height:72rem;
}

.arena-personal__frame-corner_left-top {
    left:-28rem;
    top:-20rem;
}

.arena-personal__frame-corner_left-btm {
    left:-28rem;
    bottom:-20rem;
    transform:scaleY(-1);
}

.arena-personal__frame-corner_right-top {
    right:-28rem;
    top:-20rem;
    transform:scaleX(-1);
}

.arena-personal__frame-corner_right-btm {
    right:-28rem;
    bottom:-20rem;
    transform:scale(-1,-1);
}

.arena-personal__block {
    position:relative;
    padding:64rem 48rem 50rem;
}

.arena-personal__label {
    width:281rem;
    height:78rem;
    background:url(../images/new5/personal/label.png) no-repeat;
    background-size:cover;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-40rem;
    display:flex;
    z-index:4;
    text-align:center;
    align-items:center;
    font-size:20rem;
    padding:7rem 20rem 0;
    flex-direction:column;
    justify-content:center;
}

.arena-personal__label .title-gradient {
    font-size:24rem;
    margin:0;
}

.arena-personal__status {
    position:absolute;
    top:22rem;
    left:50%;
    transform:translateX(-50%);
    background:#000;
    padding:6rem 12rem;
    border:1px solid rgba(255,255,255,.5);
    display:flex;
    align-items:center;
    font-size:12rem;
    color:#fff;
    gap:8rem;
    z-index:5;
}

.arena-personal__desc {
    text-align:center;
    margin:0 0 24rem;
    font-size:12px;
}

.arena-personal__table {
    font-size:12rem;
    max-height:250rem;
}

.arena-personal__table th {
    color:#fff;
    border-top:1px solid rgba(255,255,255,.6);
    border-bottom:1px solid rgba(255,255,255,.6);
    background:rgba(0,0,0,.8);
    font-weight:400;
    padding:8rem 10rem;
}

.arena-personal__table td {
    background:rgba(0,0,0,.15);
    padding:8rem 10rem;
}

.arena-personal__table td:nth-child(2n-1) {
    background:rgba(0,0,0,.3);
}

.arena-personal__table button {
    display:inline-block;
    margin-left:6rem;
}

.arena-personal__list {
    position:absolute;
    right:0;
    top:20rem;
    background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    padding:40rem;
    z-index:1;
    font-size:12rem;
    display:flex;
    flex-direction:column;
    gap:8rem;
    color:#fff;
    width:300rem;
}

.arena-personal__list span {
    color:#eee;
}

.arena-personal__list span.red {
    color:#790000;
}

.arena-personal__list span.green {
    color:#005826;
}


/*! Arena Circle
-------------------
 */
.arena-circle {
    margin:30rem 0 0 30rem;
    position:relative;
    width:1110rem;
}

.arena-circle__section {
    position:relative;
    height:450rem;
    background:rgba(0,0,0,.75);
    max-width:860rem;
    width:100%;
    z-index:3;
}

.arena-circle__frame-top {
    background:url(../images/new5/circle/horizontal.png) repeat-x;
    height:10rem;
    background-size:100% 10rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    top:0;
}

.arena-circle__frame-btm {
    background:url(../images/new5/circle/horizontal.png) repeat-x;
    height:10rem;
    background-size:100% 10rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    bottom:0;
}

.arena-circle__frame-left {
    background:url(../images/new5/circle/vertical.png) repeat-y;
    width:10rem;
    background-size:10rem 100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.arena-circle__frame-right {
    background:url(../images/new5/circle/vertical.png) repeat-y;
    width:10rem;
    background-size:10rem 100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.arena-circle__frame-corner {
    position:absolute;
    z-index:3;
    background:url(../images/new5/circle/corner.png) no-repeat;
    width:71rem;
    height:24rem;
}

.arena-circle__frame-corner_left-top {
    left:-30rem;
    top:-7rem;
}

.arena-circle__frame-corner_left-btm {
    left:-30rem;
    bottom:-7rem;
    transform:scaleY(-1);
}

.arena-circle__frame-corner_right-top {
    right:-30rem;
    top:-7rem;
    transform:scaleX(-1);
}

.arena-circle__frame-corner_right-btm {
    right:-30rem;
    bottom:-7rem;
    transform:scale(-1,-1);
}

.arena-circle__tabs {
    position:absolute;
    left:50rem;
    top:-30rem;
    z-index:2;
    display:flex;
    gap:20rem;
}

.arena-circle__tabs-tab {
    background:url(../images/new5/circle/tab.png) no-repeat;
    width:219rem;
    height:32rem;
    display:flex;
    justify-content:center;
    color:#fff;
    align-items:center;
    font-family:var(--brg);
    cursor:pointer;
    font-size:18rem;
}

.arena-circle__tabs-tab_active,
.arena-circle__tabs-tab:hover {
    -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
    filter: sepia(50%) saturate(180%) brightness(130%)
}

.arena-circle__tabs-tab span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #666), color-stop(50%, #fff), color-stop(80%, #666));
    background-image: -o-linear-gradient(top, #666 20%, #fff 50%, #666 80%);
    background-image: linear-gradient(180deg, #666 20%, #fff 50%, #666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.arena-circle__tabs-tab_active span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.arena-circle__block {
    position:relative;
    padding:48rem;
}

.arena-circle__block_show {
    display:block;
}

.arena-circle__block .title-gradient{
    text-align:center;
    font-size:20rem;
}

.arena-circle__table {
    font-size:11rem;
    max-height:300rem;
    color:#fff;
}

.arena-circle__table th {
    border-top:1px solid rgba(255,255,255,.6);
    border-bottom:1px solid rgba(255,255,255,.6);
    background:rgba(0,0,0,.8);
    text-align:left;
    font-weight:400;
    padding:10rem 6rem;
}

.arena-circle__table td {
    background:rgba(255,255,255,.01);
    padding:5rem 6rem;
}

.arena-circle__table td.middle {
    text-align:center;
}

.arena-circle__table td:nth-child(2n-1) {
    background:rgba(255,255,255,.06);
}


/*! Arena Table Popup
------------------
 */
.arena-popup-table {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999;
    background:rgba(0,0,0,.7);
    align-items:center;
    padding-bottom:80rem;
    justify-content:center;
    display:none;
}

.arena-popup-table_show {
    display:flex;
}

.arena-popup-table__inner {
    position:relative;
    width:1200rem;
    padding:64rem 48rem;
    background:rgba(0,0,0,.7);
}

.arena-popup-table__frame-top {
    background:url(../images/new5/circle/horizontal.png) repeat-x;
    height:10rem;
    background-size:100% 10rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    top:0;
}

.arena-popup-table__frame-btm {
    background:url(../images/new5/circle/horizontal.png) repeat-x;
    height:10rem;
    background-size:100% 10rem;
    width:100%;
    position:absolute;
    left:0;
    z-index:2;
    bottom:0;
}

.arena-popup-table__frame-left {
    background:url(../images/new5/circle/vertical.png) repeat-y;
    width:10rem;
    background-size:10rem 100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.arena-popup-table__frame-right {
    background:url(../images/new5/circle/vertical.png) repeat-y;
    width:10rem;
    background-size:10rem 100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.arena-popup-table__frame-corner {
    position:absolute;
    z-index:3;
    background:url(../images/new5/circle/corner.png) no-repeat;
    width:71rem;
    height:24rem;
}

.arena-popup-table__frame-corner_left-top {
    left:-30rem;
    top:-7rem;
}

.arena-popup-table__frame-corner_left-btm {
    left:-30rem;
    bottom:-7rem;
    transform:scaleY(-1);
}

.arena-popup-table__frame-corner_right-top {
    right:-30rem;
    top:-7rem;
    transform:scaleX(-1);
}

.arena-popup-table__frame-corner_right-btm {
    right:-30rem;
    bottom:-7rem;
    transform:scale(-1,-1);
}

.arena-popup-table__table {
    border-radius:3rem;
    border:1px solid rgba(255,255,255,.3);
    color:#fff;
    font-size:11rem;
    display:flex;
}

.arena-popup-table__table table:last-child {
    width:50%;
    border-left:1px solid rgba(255,255,255,.3);
}

.arena-popup-table__table th {
    font-weight:400;
    padding:12rem 12rem;
    background:#241d20;
    border-bottom:1px solid rgba(255,255,255,.3);
}

.arena-popup-table__table td {
    padding:12rem 12rem;
    background:#2b2322;
}

.arena-popup-table__table td:nth-child(2n) {
    background:#2f2622;
}

.arena-popup-table__table tr:nth-child(2n) td {
    background:#473a32;
}

.arena-popup-table__table tr:nth-child(2n) td:nth-child(2n) {
    background:#493c32;
}

.arena-popup-table__table td.disable {
    background:#251e21 !important;
}

.arena-popup-table__note {
    color:#fff;
    margin-top:20rem;
    font-size:12rem;
    text-align:center;
}




/*! Ref Grid
----------------------
 */
.ref-grid {
    position:relative;
    margin:40rem 0 0 40rem;
    width:800rem;
}

.ref-grid__section {
    border:2px solid rgba(255,255,255,.3);
    padding:24rem;
    background:rgba(0,0,0,.7);
    border-radius:3rem;
    width:600rem;
    display:flex;
    overflow-x:auto;
    height:450rem;
    gap:36rem;
}

.ref-grid__section table {width:fit-content;}

.ref-grid__section::-webkit-scrollbar {
    height: 6rem;
}

.ref-grid__column {
    min-width:150rem;
    display:flex;
    flex-direction:column;
    gap:40rem;
}

.ref-grid__group {
    display:flex;
    flex-direction:column;
    gap:50rem;
    position:relative;
    justify-content:space-between;
    min-height:107rem;
    font-size:12rem;
    color:#fff;
}

.ref-grid__group:before {
    content:'';
    width:2rem;
    background:#f1e1c8;
    position:absolute;
    height:calc(100% - 28rem);
    top:14rem;
    left:calc(100% + 14rem);
}

.ref-grid__group:after {
    content:'';
    height:2rem;
    width:20rem;
    left:calc(100% + 16rem);
    top:50%;
    transform:translateY(-50%);
    background:#f1e1c8;
    position:absolute;
}

.ref-grid__column:last-child .ref-grid__group:last-child {
    min-height:initial !important;
}

.ref-grid__column:last-child .ref-grid__group:last-child:after,
.ref-grid__column:last-child .ref-grid__group:last-child:before {
    display:none;
}




/* 1-4 styles */
.ref-grid:has(.ref-grid__column[data-round="4"]) .ref-grid__column:last-child {
    padding:40rem 0;
    gap:40rem;
}

.ref-grid:has(.ref-grid__column[data-round="4"]) .ref-grid__column:last-child .ref-grid__group {
}

.ref-grid:has(.ref-grid__column[data-round="4"]) .ref-grid__column:last-child .ref-grid__group:after {
    top:90rem;
}

.ref-grid:has(.ref-grid__column[data-round="4"]) .ref-grid__column:last-child .ref-grid__group:before {
    top:14rem;
    height:calc(100% + 41rem);
}



/* 1-8 styles */
.ref-grid:has(.ref-grid__column[data-round="8"]) .ref-grid__column[data-round="4"] {
    padding:40rem 0;
    gap:120rem;
}

.ref-grid:has(.ref-grid__column[data-round="8"]) .ref-grid__column[data-round="4"] .ref-grid__group {
    min-height:175rem;
}

.ref-grid:has(.ref-grid__column[data-round="8"]) .ref-grid__column[data-round="2"] {
    padding:115rem 0;
}

.ref-grid:has(.ref-grid__column[data-round="8"]) .ref-grid__column[data-round="2"] .ref-grid__group  {
    min-height:255rem;
}

.ref-grid:has(.ref-grid__column[data-round="8"]) .ref-grid__column:last-child .ref-grid__group:before {
    top: 14rem;
    height: calc(100% + 40rem);
}

.ref-grid:has(.ref-grid__column[data-round="8"]) .ref-grid__column:last-child .ref-grid__group:after {
    top:160rem;
}


/* 1-16 styles */
.ref-grid:has(.ref-grid__column[data-round="16"]) .ref-grid__column[data-round="8"] {
    padding:40rem 0 0;
    gap:120rem;
}

.ref-grid:has(.ref-grid__column[data-round="16"]) .ref-grid__column[data-round="8"] .ref-grid__group {
    min-height:175rem;
}

.ref-grid:has(.ref-grid__column[data-round="16"]) .ref-grid__column[data-round="4"] {
    padding:115rem 0 0;
    gap:270rem;
}

.ref-grid:has(.ref-grid__column[data-round="16"]) .ref-grid__column[data-round="4"] .ref-grid__group  {
    min-height:320rem;
}

.ref-grid:has(.ref-grid__column[data-round="16"]) .ref-grid__column[data-round="2"] {
    padding:260rem 0 0;
}

.ref-grid:has(.ref-grid__column[data-round="16"]) .ref-grid__column[data-round="2"] .ref-grid__group  {
    min-height:550rem;
}

.ref-grid:has(.ref-grid__column[data-round="16"]) .ref-grid__column:last-child .ref-grid__group:before {
    top: 14rem;
    height: calc(100% + 40rem);
}

.ref-grid:has(.ref-grid__column[data-round="16"]) .ref-grid__column:last-child .ref-grid__group:after {
    top:300rem;
}


/* 1-32 styles */
.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column[data-round="16"] {
    padding:40rem 0 0;
    gap:120rem;
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column[data-round="16"] .ref-grid__group {
    min-height:175rem;
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column[data-round="8"] {
    padding:115rem 0 0;
    gap:270rem;
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column[data-round="8"] .ref-grid__group  {
    min-height:320rem;
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column[data-round="4"] {
    padding:260rem 0 0;
    gap:560rem;
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column[data-round="4"] .ref-grid__group  {
    min-height:620rem;
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column[data-round="2"] {
    padding:555rem 0 0;
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column[data-round="2"] .ref-grid__group  {
    min-height:1140rem;
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column:last-child .ref-grid__group:before {
    top: 14rem;
    height: calc(100% + 40rem);
}

.ref-grid:has(.ref-grid__column[data-round="32"]) .ref-grid__column:last-child .ref-grid__group:after {
    top:600rem;
}



/* 1-64 styles */
.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="32"] {
    padding:40rem 0 0;
    gap:120rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="32"] .ref-grid__group {
    min-height:175rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="16"] {
    padding:115rem 0 0;
    gap:270rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="16"] .ref-grid__group  {
    min-height:320rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="8"] {
    padding:260rem 0 0;
    gap:560rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="8"] .ref-grid__group  {
    min-height:620rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="4"] {
    padding:555rem 0 0;
    gap:1150rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="4"] .ref-grid__group  {
    min-height:1210rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="2"] {
    padding:1145rem 0 0;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column[data-round="2"] .ref-grid__group  {
    min-height:2320rem;
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column:last-child .ref-grid__group:before {
    top: 14rem;
    height: calc(100% + 40rem);
}

.ref-grid:has(.ref-grid__column[data-round="64"]) .ref-grid__column:last-child .ref-grid__group:after {
    top:1250rem;
}




/* 1-128 styles */
.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="64"] {
    padding:40rem 0 0;
    gap:120rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="64"] .ref-grid__group {
    min-height:175rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="32"] {
    padding:115rem 0 0;
    gap:270rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="32"] .ref-grid__group  {
    min-height:320rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="16"] {
    padding:260rem 0 0;
    gap:560rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="16"] .ref-grid__group  {
    min-height:620rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="8"] {
    padding:555rem 0 0;
    gap:1150rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="8"] .ref-grid__group  {
    min-height:1210rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="4"] {
    padding:1145rem 0 0;
    gap:2335rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="4"] .ref-grid__group  {
    min-height:2390rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="2"] {
    padding:2325rem 0 0;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column[data-round="2"] .ref-grid__group  {
    min-height:4690rem;
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column:last-child .ref-grid__group:before {
    top: 14rem;
    height: calc(100% + 40rem);
}

.ref-grid:has(.ref-grid__column[data-round="128"]) .ref-grid__column:last-child .ref-grid__group:after {
    top:600rem;
}





.ref-grid__item {
    background:#000;
    display:flex;
    align-items:center;
    padding:4rem 10rem;
    gap:8rem;
    position:relative;
}

.ref-grid__item:before {
    content:'';
    height:2rem;
    width:15rem;
    left:100%;
    top:50%;
    transform:translateY(-50%);
    background:#f1e1c8;
    position:absolute;
}

.ref-grid__item em {
    font-style:normal;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
}

.ref-grid__item_loose {
    background:#802720;
}

.ref-grid__cup {
    position:absolute;
    bottom:-30rem;
    right:40rem;
    padding-bottom:209rem;
    text-align:center;
}

.ref-grid__cup-img {
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}

.ref-grid__cup-title {
    position:relative;
    z-index:2;
    font-size:12rem;
}

.ref-grid__cup-name {
    margin-top:10rem;
    position:relative;
    z-index:2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
    background-image: -o-linear-gradient(top, #d9a960 20%, #fff 50%, #deae66 80%);
    background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family:var(--brg);
    font-size:18rem;
    display:flex;
    justify-content:center;
    gap:8rem;
    align-items:center;
}

.ref-grid__cup-name img {
    transform:translateY(-3rem);
}

.ref-grid__teams {
    position:absolute;
    bottom:-50rem;
    left:60%;
    transform:translateX(-50%);
    z-index:2;
    display:flex;
    align-items:center;
    gap:20rem;
}

.ref-grid__teams-list {
    display:flex;
    gap:12rem;
}

.ref-grid__teams-legend {
    position:relative;
    background:url(../images/new5/grid/legend.png) no-repeat;
    width:174rem;
    height:35rem;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:12rem;
}

.ref-grid__teams-legend:before,
.ref-grid__teams-legend:after {
    height:2rem;
    width:20rem;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#eadac2;
    content:'';
}

.ref-grid__teams-legend:before {
    left:-20rem;
}

.ref-grid__teams-legend:after {
    right:-20rem;
}



/*! Shop
------------------------
 */
.shop-page {
    margin:20rem 0 0 20rem;
    position:relative;
    z-index:12;
}

.shop-page__tabs {
    background:rgba(0,0,0,.6);
    display:flex;
    gap:8rem;
    flex-wrap:wrap;
    margin:0 0 48rem;
}

.shop-page__tabs .btn__curl {
    padding:0 14rem;
}

.shop-page__section {
    position:relative;
}

/*.shop-page__top {
    display:flex;
    gap:48rem;
    position:absolute;
    top:-20rem;
    z-index:2;
    left:30rem;
    align-items:center;
}*/

.shop-page__filter {
    display:flex;
    gap:8rem;
}

.shop-page__top .btn__gradient {
    filter:brightness(50%);
}

.shop-page__top .btn__gradient:hover {
    filter:brightness(100%);
}

.shop-page__top .btn__gradient_current {
    filter:brightness(100%);
}

.btn__gradient.btn__gradient_current { cursor:default; }

.shop-page__select {
    font-size:12rem;
    color:#fff;
    display:flex;
    align-items:center;
    gap:8rem;
    white-space: nowrap;
}

.shop-page__scroll {
    max-height:365rem;
}

.shop-page__grid {
    background:url(../images/new5/shop/grid.png) repeat-y;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15rem;
    grid-row-gap:24rem;
    padding:24rem 50rem 24rem 24rem;
}

.shop-page__grid_type-2 {
    background:url(../images/new5/shop/grid-type-2.png) repeat-y;
}

.shop-page__item {
    background:rgba(0,0,0,.6);
    display:flex;
    font-size:10rem;
    color:#fff;
    padding:6rem 0;
    position:relative;
    min-height:155rem;
}

.shop-page__grid_type-2 .shop-page__item {
    padding-left:16rem;
    font-size:11rem;
}

.shop-page__item .title-gradient {
    margin-bottom:4rem;
}

.shop-page__item button {
    margin-top:8rem;
}

.shop-page__item-photo {
    width:80rem;
    position:relative;
    flex:none;
    pointer-events:none;
}

.shop-page__grid_type-2 .shop-page__item-photo {
    position:absolute;
    left:0;
    top:6rem;
    width:60rem;
}

.shop-page__item-photo img {
    position:absolute;
    top:-15rem;
    left:50%;
    transform:translateX(-50%);
}

.shop-page__item-head {
    position:relative;
    padding-left:60rem;
    min-height:50rem;
}

.shop-page__item-btns {
    display:flex;
    gap:4rem;
    margin-top:8rem;
}

.shop-page__item-about {
    flex:auto;
}

.shop-page__item-desc {
    color:rgba(255,255,255,.6);
    width:110rem;
    font-size:10.5rem;
    flex:none;
}

.shop-page__grid_type-2 .shop-page__item-desc {
    width:45%;
}
/*arenat*/
td.final-v	 {border-left:solid 1px red}
td.common-v	 {border-left:solid 1px navy}
td.final-vh	 {border-left:solid 1px red;border-bottom:solid 1px red;vertical-align:bottom}
td.common-vh {border-left:solid 1px navy;border-bottom:solid 1px navy;vertical-align:bottom}
td.common	 {border-bottom:solid 1px navy}
.arena-circle__tabs-tab_active {cursor:default;}