h1, h2, h3, form, html, p, div, span, table, tbody, td, tr, img {
    margin: 0;
    padding: 0;
}

a:link, a:visited {color : #c1c1c1;text-decoration : none;}
a:hover {color : #c1c1c1;text-decoration : none;}
img {vertical-align: -2px;border: 0px;margin: 0;padding: 0;}

:root {
    view-transition-name: root;
}

html {
    display: block;
}

mobtop {
  opacity: 0.2;
  filter: alpha(opacity=50); /* Для IE8 и ранее */
}

head {
    display: none;
}

-webkit-scrollbar {
    display: none;
    width: 0px;
    height: 0px;
}

.body {
    color: #aaa991 !important;
    background-color: #0a0e10;
    width: 350px;
    margin: 0 auto;
    font-size: 14px;
    position: relative;
    /* background-attachment: fixed; */
    background-size: auto;
}
body::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at top right, #182026, rgba(255, 255, 255, 0) 20%);
    pointer-events: none;
    }
body, table, td, th, input, textarea, select {
    font-family: arial, verdana, tahoma, sans-serif;
}




































.header_panel_user {
    background: linear-gradient(0deg, rgb(24 34 41), rgb(26 37 44), rgb(0 0 0));
    height: 40px;
    margin-bottom: 1px;
    margin-top: -2px;
    padding-top: 5px;
    border-bottom: 1px solid #1a252b;
}

.header_panel_user_ava {
    z-index: 1;
    position: absolute;
    border: 1px solid rgb(58 81 95);
    border-radius: 6px;
    background: rgba(30, 30, 30, 0.7);
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    left: 5px;
    top: 7px;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.781);
}

.header_panel_user_bar {
    z-index: -3;
    background-color: rgb(0 0 0 / 25%);
    filter: drop-shadow(-1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(1px 0 0 #000);
}

.header_panel_user_progress {
    margin: 0 0 0 0;
    height: 2px;
    background: linear-gradient(0, rgb(51 43 30), rgb(30 24 19));
    background: linear-gradient(90deg, rgb(62 76 85), rgb(58 81 95));
}


.header_panel_user_lvl {
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    font-size: 10px;
    padding: 1px;
    color: #e9e9e9;
    width: 15px;
    left: 25px;
    top: 32px;
    z-index: 1;
    font-size: 9px;
    height: 10px;
    text-align: center;
    position: absolute;
    border: 1px solid rgb(80 105 121);
    background-color: rgb(38 38 38);
    border-radius: 50%;
}

.header_panel_user_resurs {
    display: flex;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    font-size: 12px;
    color: #e9e9e9;
    padding-top: 11px;
    height: 22px;
    text-align: center;
    justify-content: center;
}
.header_panel_user_resurs span{
    margin: 1px;
}
.header_panel_user_resurs span img{
    vertical-align: -3px;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    filter: drop-shadow(3px 3px 3px #0000008a);
}

.header_panel_user_mail {
    position: absolute;
    right: 5px;
    top: 13px;
    height: 20px;
    width: 24px;
}

.header_panel_user_notif {
    position: absolute;
    right: 34px;
    top: 10px;
}



























































.screen {
    text-shadow: 1px 0 1px #000,
    0 1px 1px #000,
    -1px 0 1px #000,
    0 -1px 1px #000;
    position: relative;
    overflow-x: hidden;
}

.global-background {
    text-decoration: none !important;
    position: relative;
    background: url(/style/stylenew/images/footer/2.png) top / 100% 100% no-repeat;
}

.filter_3 {
    filter: drop-shadow(0 0 3px rgb(0, 0, 0));
}

.side-menu-wr_has-offer {
    top: 45%;
}

.side-menu-wr {
    position: absolute;
    top: 330px;
    transform: translateY(-50%);
    right: .375rem;
    z-index: 1003;
}

.side-menu {
    width: 100%;
    padding-right: .3125rem;
    padding-left: .3125rem;
    box-sizing: border-box;
}

.side-menu__btn {
    margin-bottom: .3125rem;
    z-index: 1000;
    position: relative;
    display: block;
    border-radius: 50%;
    width: 100% !important;
    text-decoration: none !important;
    text-align: center;
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 1rem;
}

.side-menu__btn .button-content {
    width: 100%;
}

.side-menu .button-content {
    position: static;
    padding: 0;
}

.side-menu__content {
    position: relative;
    width: 100%;
}

.button-content > img {
    background-size: 100% 100%;
    width: 55px;
    filter: drop-shadow(3px 3px 3px #0000008a);
}

.side-menu__desc {
    color: #8b959b;
    margin-top: 0px;
    font-size: 1.1rem;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #5c7a8b, rgba(255, 255, 255, 0)) 50% 0 / 85% 9% no-repeat;
}

.main-menu-top {
    position: relative;
    z-index: 1000;
    margin: 15px auto;
    text-align: center;
}

@keyframes pulse {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}















































.footer-c {
    width: 100%;
    z-index: 1001;
    transform: translateY(0);
    padding-top: 5px;
    padding-bottom: 10px;
    background: linear-gradient(0deg, #000000cc 30%, transparent);
    box-sizing: border-box;
    background: url(/style/stylenew/images/footer/game_bottom.png) 50% 100% no-repeat;
    background-size: contain;
}

.footer-content {
    margin: 0 auto;
    max-width: 24.5rem;
}

.footer-content > a {
    text-decoration: none !important;
}

.footer-content-text {
    display: block;
    color: #77848b;
    font-size: 14px;
    margin-top: 3px;
}

.footer-content-img {
    width: 50px;
    filter: drop-shadow(3px 3px 3px #0000008a);
}























.pages {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 10px;
    background: #131c21;
    border: 1px solid #27343b;
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
    margin: 10px 0;
    position: relative;
}

.pages a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 22px;
    background: #27343b;
    color: #8f989d;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #2a383f;
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.5);
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s, color 0.2s;
    position: relative;
    overflow: hidden;
}

.pages a:hover {
    background: #304049;
    color: #a8a68f;
    transform: translateY(-1px);
}

.pages a:active {
    transform: translateY(1px);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7);
}

.pages a::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
    transition: left 0.4s;
}

.pages a:hover::after {
    left: 100%;
}

.pages a[title] {
    color: #82919a;
    text-shadow: 0 0 3px rgba(60, 179, 113, 0.4);
}

.pages a span {
    color: #e67e22;
    text-shadow: 0 0 4px rgba(230, 126, 34, 0.6);
    font-weight: bold;
}

.pages a.page {
    background: #1a252b;
    border: 1px solid #27343b;
}

.pages a.page:hover {
    background: #223038;
    border-color: #353f44;
}

.pages a:not([href]) {
    background: #3a4e59;
    color: #6b7f89;
    cursor: default;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.7);
}

.pages a:not([href]):hover {
    transform: none;
    background: #3a4e59;
}

.pages a:not([href])::after {
    display: none;
}

@keyframes flicker-page {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.85; }
}

.pages a {
    animation: flicker-page 3.5s infinite;
}

























































.new-Uhero-chat {
background: #131c21;
border: 2px solid #27343b;
border-radius: 8px;
padding: 10px;
margin: 10px 0;
position: relative;
box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
}

.cInput {
background: #131c21 !important;
color: #737d83 !important;
font-size: 14px;
padding: 10px 14px !important;
width: 100%;
box-sizing: border-box;
border: 1px solid #27343b !important;
border-radius: 4px !important;
outline: none;
transition: border-color 0.3s, box-shadow 0.3s;
margin-bottom: 8px;
}

.cInput::-webkit-input-placeholder {
color: #737d83;
}

.cInput:focus {
border-color: #353f44;
box-shadow: 0 0 5px #4d616cc4;
}


.new-Uhero-chat-div {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}

.new-Uhero-chat-div div {
width: 100%;
}


.cBtn {
display: block;
    background: #27343b;
            color: #8f989d !important;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 10px;
            width: 100%;
            height: 34px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            text-transform: uppercase;
            transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
            box-shadow: inset 0 -3px rgba(0, 0, 0, 0.5);
            text-align: center;
            text-decoration: none;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
}

.cBtn::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
            transition: left 0.4s;
}

.cBtn:hover::after {
            left: 100%;
}

.cBtn:hover {
            background: #304049;
}

.cBtn:active {
            transform: translateY(2px);
            box-shadow: inset 0 -2px rgba(0, 0, 0, 0.7);
}


.cInput::placeholder {
            color: #8f989d;
            opacity: 1; /* Убедитесь, что цвет не полупрозрачный (если нужно) */
        }
        .cInput {
            color: #8f989d !important; /* !important на крайний случай */
}



textarea {
background: #131c21 !important;
color: #737d83 !important;
font-size: 14px;
padding: 10px 14px !important;
width: 100%;
box-sizing: border-box;
border: 1px solid #27343b !important;
border-radius: 4px !important;
outline: none;
transition: border-color 0.3s, box-shadow 0.3s;
margin-bottom: 8px;
}

textarea::-webkit-input-placeholder {
color: #737d83;
}

textarea:focus {
border-color: #353f44;
box-shadow: 0 0 5px #4d616cc4;
}


.reward-text {
            background: #1a252b;
            color: #7d8e98;
            font-size: 12px;
            padding: 8px 12px;
            border-radius: 4px;
            border: 1px solid #27343b;
            text-align: center;
            margin-top: 5px;
            margin-bottom: 5px;
            text-shadow: 0 0 4px rgb(0 0 0);
}

.reward-text img {
            width: 14px;
            padding: 0 2px;
}


.AuctionNEW-new-reward-text {
            background: #1a252b;
            color: #7d8e98;
            font-size: 12px;
            padding: 8px 12px;
            border-radius: 4px;
            border: 1px solid #27343b;
            text-align: center;
            margin-top: 0px;
            margin-bottom: 5px;
            text-shadow: 0 0 4px rgb(0 0 0);
}

.AuctionNEW-new-reward-text img {
            width: 14px;
            padding: 0 2px;
}







.new-Uhero-chat-list {
            padding: 10px;
            background: #131c21;
            border-radius: 8px;
            border: 1px solid #27343b;
            margin-bottom: 10px;
            position: relative;
            box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
}

.chat-list {
            padding: 10px;
            margin-top: 5px;
            margin-bottom: 5px;
            border-radius: 4px;
            position: relative;
            max-width: 100%;
            animation: flicker-in 0.8s ease-out;
}

.chat-list::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIW2MMDQ39z8DAwMDAwAAAAP//AwC6s9cRAAAAAElFTkSuQmCC');
            opacity: 0.06;
            pointer-events: none;
}

.chat-list.other {
            background: #1a252b;
            margin-right: auto;
            border-left: 3px solid #27343b;
            animation: slide-left 0.6s ease-out;
}

.chat-list.mine {
            background: #131c21;
            margin-left: auto;
            border-right: 3px solid #2a383f;
            animation: slide-right 0.6s ease-out;
}


        @keyframes flicker-in {
            0% {
                opacity: 0;
            }
            50% {
                opacity: 0.4;
            }
            75% {
                opacity: 0.7;
            }
            100% {
                opacity: 1;
            }
        }

        @keyframes slide-left {
            from {
                opacity: 0;
                transform: translateX(-30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes slide-right {
            from {
                opacity: 0;
                transform: translateX(30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

.chat-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 4px;
}

.chat-nick-container {
            display: flex;
            align-items: center;
            gap: 6px;
}

.chat-nick {
            color: #82919a;
            font-size: 13px;
            font-weight: bold;
            text-shadow: 0 0 3px rgba(60, 179, 113, 0.4);
}

.chat-nick img {
    padding: 0 5px 1.5px 0;
    width: 10px;
    opacity: 0.8;
}

.chat-msg {
            color: #969c9e;
            word-wrap: break-word;
}

.chat-msg img {
            padding: 0 3px;
}

.chat-timestamp {
            color: #6b7f89;
            font-size: 11px;
            text-shadow: 0 0 3px rgba(230, 126, 34, 0.3);
            opacity: 0.8;
}

.chat-reply {
            display: inline-block;
            color: #8f989d !important;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-decoration: none;
            padding: 4px 8px;
            border-radius: 3px;
            background: #27343b;
            transition: background 0.2s, transform 0.1s;
            box-shadow: inset 0 -2px rgba(0, 0, 0, 0.5);
            position: relative;
            overflow: hidden;
}

.chat-reply:hover {
            background: #304049;
}

.chat-reply:active {
            transform: translateY(1px);
            box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7);
}

.chat-reply::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
            transition: left 0.4s;
}

.chat-reply:hover::after {
            left: 100%;
}












.uhero-chat-div {
padding-bottom: 4px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}

.uhero-chat-div div {
width: 100%;
}


.uhero-cBtn {
display: block;
    background: #27343b;
            color: #8f989d !important;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 10px;
            width: 100%;
            height: 34px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
            box-shadow: inset 0 -3px rgba(0, 0, 0, 0.5);
            text-decoration: none;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
}

.uhero-cBtn::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
            transition: left 0.4s;
}

.uhero-cBtn:hover::after {
            left: 100%;
}

.uhero-cBtn:hover {
            background: #304049;
}

.uhero-cBtn:active {
            transform: translateY(2px);
            box-shadow: inset 0 -2px rgba(0, 0, 0, 0.7);
}









.task-item {
    background: #1b2429;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #384247;
    border-radius: 8px;
    color: #a8b6c0;
    font-size: 12px;
    font-weight: 700;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    animation: hologram 3s infinite;
    display: flex;
    flex-direction: column;
}

.task-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 15px #56708154, inset 0 0 15px rgba(0, 255, 162, 0.2);
}

@keyframes hologram {
    0% { filter: brightness(1); }
    50% { filter: brightness(1.1) opacity(0.95); }
    100% { filter: brightness(1); }
}

.task-content {
    display: flex;
    z-index: 1;
}

.task-content img {
    margin-right: 3px;
    filter: drop-shadow(0 0 5px rgba(0, 255, 162, 0.5));
    transition: transform 0.4s ease;
}

.task-item:hover .task-content img {
    transform: scale(1.1);
}





.de{
    background: linear-gradient(to right, #07090a, #192329, #07090a);
    color: #d1dfe7;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 8px;
    border-radius: 5px;
    border-top: 1px solid #0e1316;
    border-bottom: 1px solid #0e1316;
    letter-spacing: 1px;
    font-weight: normal;
    font-weight: 600;
}

.center{
    text-align: center;
}




.user-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 10px;
            background: #131c21;
            border: 1px solid #27343b;
            border-radius: 8px;
            box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
            margin: 10px 0;
            position: relative;
        }

        .user-list .link {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 12px;
            background: #1a252b;
            border: 1px solid #27343b;
            border-radius: 4px;
            text-decoration: none;
            color: #8f989d;
            font-family: 'Roboto Mono', monospace;
            font-size: 13px;
            font-weight: 700;
            transition: background 0.2s, transform 0.1s, box-shadow 0.2s, color 0.2s;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 -2px rgba(0, 0, 0, 0.5);
            animation: flicker-in 0.8s ease-out;
        }

        .user-list .link:hover {
            background: #223038;
            color: #a8a68f;
            transform: translateY(-1px);
            box-shadow: 0 0 5px #4d616cc4;
        }

        .user-list .link:active {
            transform: translateY(1px);
            box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7);
        }

        .user-list .link::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
            transition: left 0.4s;
        }

        .user-list .link:hover::after {
            left: 100%;
        }

        .user-list .link img {
            width: 12px;
            height: 12px;
            filter: drop-shadow(0 0 3px rgba(60, 179, 113, 0.4));
            transition: transform 0.2s;
        }

        .user-list .link:hover img {
            transform: scale(1.2);
        }

        .user-list .link font {
            color: #57cfff;
            text-shadow: 0 0 4px rgb(34 212 230 / 60%);
            font-weight: bold;
        }

        


        @keyframes flicker-in {
            0% {
                opacity: 0;
            }
            50% {
                opacity: 0.4;
            }
            75% {
                opacity: 0.7;
            }
            100% {
                opacity: 1;
            }
        }

        .user-list .link::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIW2MMDQ39z8DAwMDAwAAAAP//AwC6s9cRAAAAAElFTkSuQmCC');
            opacity: 0.06;
            pointer-events: none;
}









.main-hero_p {
    background: url(/style/stylenew/images/hero/1.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    border: 3px solid rgb(84 99 118);
    border-radius: 4px;
    height: 395px;
    margin: 0px 7px 0px 7px;
    position: relative;
}

.hero-name_p {
    background: url(/style/stylenew/images/hero/back.png) repeat-x center center;
    margin-top: 0;
    line-height: 26px;
    z-index: 2;
    position: relative;
    padding-top: 7px;
}

.middle-maneken_p {
    position: absolute;
    top: 80px;
    width: 270px;
    margin: 0 auto;
    left: -10px;
    right: 0;
}












.status {
            padding: 0px 5px 0px 5px;
            border-top: none;
            position: relative;
            overflow: hidden;
            border-bottom: none;
}

.status-content {
    background: #1b2429;
    padding: 8px;
    border: 1px solid #384247;
    border-radius: 8px;
    color: #a8b6c0;
    font-size: 13px;
    line-height: 1.6;
    position: relative;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
    transition: all 0.4s ease;
    animation: slideIn 0.6s ease-out;
    text-align: center;
    margin-bottom: 0px;
}

.status-content:hover {
            transform: scale(1.02);
            box-shadow: 0 0 20px rgba(86, 112, 129, 0.4);
}

@keyframes slideIn {
            0% { transform: translateY(20px); opacity: 0; }
            100% { transform: translateY(0); opacity: 1; }
}

.status-label {
            display: block;
            color: #97a3ab;
            font-size: 12px;
            text-transform: uppercase;
            text-shadow: 0 0 3px rgb(34 138 230 / 40%);
            margin: 0;
}


















.medals-section {
            padding-bottom: 0px;
            position: relative;
            border-top: none;
            border-bottom: none;
}

.medals {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            gap: 5px;
            margin-top: 0px;
            flex-wrap: wrap;
            padding: 0 0 5px 0;
}

.medal {
            position: relative;
            width: 50px;
            height: 50px;
            border: 2px solid #2d393f;
            border-radius: 50%;
            background: #1b2429;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.4s ease;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.medal img {
            width: 40px;
            height: 40px;
            object-fit: contain;
            filter: drop-shadow(0 0 5px #455f70);
            border-radius: 50%;
}

.medal:hover {
            transform: scale(1.1);
            box-shadow: 0 0 10px rgba(117, 127, 134, 0.2);
            border-radius: 50%;
}










.reward-text-hero {
            background: #1a252b;
            color: #7d8e98;
            font-size: 12px;
            padding: 8px 8px;
            border-radius: 4px;
            border: 1px solid #27343b;
            margin-bottom: 10px;
            text-shadow: 0 0 4px rgb(0 0 0);
}

.reward-text-hero img {
            width: 12px;
            padding: 0 2px;
}




















#panel_smiles{
  display: none;
}
#panel_smiles.enabled{
  display: block;
}
#panel_forum{
  display: none;
}
#panel_forum.enabled{
  display: block;	
}
#panel{
  display: none;
}
#panel.enabled{
  display: block;	
}

























.user-pets {
            
            padding: 5px 10px 5px 10px;
            border-top: none;
            border-bottom: none;
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
}

.pets-image {
            flex: 0 0 80px;
            background: #1b2429;
            border: 1px solid #384247;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            padding: 10px;
}

.pets-image a {
            width: 80%;
}

.pets-image a img {
            width: 60px;
            height: 60px;
            object-fit: contain;
            border-radius: 6px;
            border: 1px solid #3a4246;
            transition: transform 0.4s ease, filter 0.4s ease;
            filter: drop-shadow(3px 3px 3px #0000008a);
}

.pets-image:hover {
            transform: scale(1.05);
            box-shadow: 0 0 15px #56708154;
}

.pets-image:hover img {
            transform: scale(1.1);
            filter: brightness(1.2);
}

.pets-info {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 5px;
}

        .pets-info div {
            background: #1b2429;
            padding: 6px;
            border: 1px solid #384247;
            border-radius: 6px;
            color: #a8b6c0;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
        }

        .pets-info div:hover {
            transform: scale(1.03);
            box-shadow: 0 0 12px #56708154;
            color: #00ffa2;
            border-image: linear-gradient(45deg, #567081, #3c4b55) 1;
        }

        .pets-info div::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #4866799e 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .pets-info div:hover::after {
            opacity: 1;
        }

        .pets-info div img {
            width: 14px;
            vertical-align: sub;
        }

        @keyframes glow {
            0% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
            50% {
                text-shadow: 0 0 15px rgba(117, 127, 134, 0.8);
            }
            100% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
        }

        @keyframes flicker {
            0% {
                opacity: 1;
            }
            2% {
                opacity: 0.85;
            }
            4% {
                opacity: 1;
            }
            6% {
                opacity: 0.9;
            }
            8% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
}










.party_up {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    background: linear-gradient(45deg, #1b252b, #222b31);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6), inset 0 0 10px rgba(30, 139, 58, 0.14);
    transition: box-shadow 0.3s ease;
}

.party_up::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(30, 139, 58, 0.15) 10%, transparent 50%);
    opacity: 0.5;
    z-index: -1;
    animation: pulse-bg 3s ease-in-out infinite;
}

@keyframes pulse-bg {
    0% { opacity: 0.5; }
    50% { opacity: 0.8; }
    100% { opacity: 0.5; }
}

.party_img {
    padding: 5px;
    text-align: center;
}

.party_img img {
    width: 50px;
}

.party_content {
    flex: 1;
}

.party_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-shadow: 0 1px 3px rgb(0 0 0);
}

.party_list_info {
    background: linear-gradient(to right, #2f383f82, #3f484f82);
    color: #a8acaf;
    padding: 8px 12px;
    border-radius: 5px;
    transition: transform 0.3s ease, background 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.party_list_info:hover {
    transform: translateY(-2px);
    background: linear-gradient(to right, #3f484f82, #4f586082);
}

.party_list_info div {
    font-weight: 600;
    margin: 5px 0;
    position: relative;
    padding-left: 15px;
}

.party_list_info div::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #1e8b3a;
    font-size: 16px;
}

.party_list_info span {
    color: #adbac3;
}









.profile-buttonGREEN {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonGREEN:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #00ffa2;
            border: 1px solid #00ffa2;
            animation: pulseGlowGREEN 1.5s infinite;
        }

        .profile-buttonGREEN::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #00ffa24d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonGREEN:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowGREEN {
            0% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
            50% {
                box-shadow: 0 0 30px rgba(0, 255, 162, 0.5);
            }
            100% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
}










.profile-buttonRED {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonRED:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #ff0000;
            border: 1px solid #ff0000;
            animation: pulseGlowRED 1.5s infinite;
        }

        .profile-buttonRED::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #ff00004d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonRED:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowRED {
            0% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
            50% {
                box-shadow: 0 0 30px rgb(255 0 0 / 50%);
            }
            100% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
}
































































































.NoAuto-global-background {
    display: flex;
    background: url(/style/stylenew/images/index/cloudDarks.png) 0 -205px / 200% repeat-x, url(/style/stylenew/images/index/newindex.jpg) 0 0 / 100% repeat;
    animation: keyFramesCloudNew 30s forwards linear infinite;
    justify-content: center;
    padding: 40px 10px 70px 10px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: "Roboto", sans-serif;
    border-top: 2px solid #233d4b;
    border-bottom: 2px solid #233d4b;
}
    
@keyframes keyFramesCloudNew {
    0% {
        background-position-x: -500%, 0;
    }
    100% {
        background-position-x: 0%, 0;
    }
}

.NoAuto-auth_logo{
margin-bottom: 30px;
}
.NoAuto-auth_logo img{
    width: 200px;
    filter: drop-shadow(2px 2px 1px #000000cf);
}
.NoAuto-auth_text{
    background: linear-gradient(to right, #10192021, #132e3f, #10192021);
    color: #cad6d7;
    padding: 10px;
    border-top: 1px solid #273f4e61;
    border-bottom: 1px solid #273f4e61;
    margin: 0 30px 10px 30px;
    text-shadow: 1px 0 1px #000,
    0 1px 1px #000,
    -1px 0 1px #000,
    0 -1px 1px #000;
    font-weight: 500;
    line-height: 18px;
}
.NoAuto-auth_start img{
    width: 160px;
    filter: drop-shadow(0 0 3px rgb(0, 0, 0));
    margin-bottom: 10px;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    animation: bounce 2s infinite;
}
.NoAuto-auth_start img:hover, .NoAuto-auth_start img:active{
    transform: translateY(-2px);
}
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}
.NoAuto-auth_input{
    display: block;
    background: #15272fc7 !important;
    color: #a0aaad !important;
    border: 2px solid #1a2c32 !important;
    padding: 8px !important;
    margin-bottom: 5px;
    outline: none;
    box-shadow: inset 0px 0px 15px #00000091  !important;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}
.NoAuto-auth_input:-webkit-autofill::first-line {
    color: #ffffff;
}
.NoAuto-auth_input::-webkit-input-placeholder {
  color: #a0aaad;
}
.NoAuto-auth_button{
    display: block;
    background: #192d37c7;
    color: #a0aaad;
    padding: 8px 30px;
    width: 100%;
    border: 2px solid #00000061;
    border-radius: 5px;
    box-shadow: inset 0 -16px #0000001f;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
    font-weight: 500;
    letter-spacing: 1px;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    font-family: "Roboto", sans-serif;
}
.NoAuto-auth_button:hover, .NoAuto-auth_button:active{
    transform: translateY(-2px);
}
.NoAuto-auth_pass{
        color: #9aa4ad !important;
    font-weight: 600;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}
.NoAuto-auth_title{
    color: #bbc6cf;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}
.NoAuto-auth_foot{
    position: absolute;
    bottom: 20px;
    color: #d5d5d5;
    font-weight: 600;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
    font-size: 16px;
    background: linear-gradient(to right, #00000000, #0000007a, #10192021);
    padding: 5px 10px;
}







.text {
    background: url(/style/stylenew/images/index/start/2.png) center/ 100% 200% no-repeat;
    color: #959ea3;
    padding: 12px;
    border-radius: 5px;
    border-bottom: 1px solid #0a0d0e;
}

hr {
    border: none;
    background: #131a1e;
    height: 1px;
    margin: 10px 0;
    width: 100%;
}

.btn {
    background: #27343b;
    min-width: 100px;
    padding: 6px 20px;
    text-decoration: none !important;
    max-width: 200px;
    display: inline-block;
    font-size: 15px;
    font-family: 't3' !important;
    color: #bebfbf;
    border: 1px solid #0e1316;
    box-shadow: inset 0 -15px #0000001c;
    border-radius: 4px;
    margin: 10px;
}










.anim_rootGREEN-new {
    box-shadow: 0px 0px 5px #1cff00;
    border-radius: 10px;
    -webkit-animation: 1s linear infinite anim_rootGREEN-new;
    animation: 1s linear infinite anim_rootGREEN-new;
}

@-webkit-keyframes anim_rootGREEN-new {
    50% {
        -webkit-filter: drop-shadow(0px 0px 1px #000);
        filter: drop-shadow(0px 0px 1px #000)
    }
}

@keyframes anim_rootGREEN-new {
    50% {
        -webkit-filter: drop-shadow(0px 0px 1px #000);
        filter: drop-shadow(0px 0px 1px #000)
    }
}


.anim_rootRED-new {
    box-shadow: 0px 0px 5px #ff0000;
    border-radius: 10px;
    -webkit-animation: 1s linear infinite anim_rootRED-new;
    animation: 1s linear infinite anim_rootRED-new;
}

@-webkit-keyframes anim_rootRED-new {
    50% {
        -webkit-filter: drop-shadow(0px 0px 1px #000);
        filter: drop-shadow(0px 0px 1px #000)
    }
}

@keyframes anim_rootRED-new {
    50% {
        -webkit-filter: drop-shadow(0px 0px 1px #000);
        filter: drop-shadow(0px 0px 1px #000)
    }
}









.reward-text-heroNEW-new {
            background: #1a252b;
            color: #7d8e98;
            font-size: 12px;
            padding: 8px 8px;
            border-radius: 4px;
            border: 1px solid #27343b;
            margin-bottom: 6px;
            text-shadow: 0 0 4px rgb(0 0 0);
}

.reward-text-heroNEW-new img {
            width: 12px;
            padding: 0 2px;
}

.uhero-chat-divNEW-new {
padding-bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}

.uhero-chat-divNEW-new div {
width: 100%;
}


.uhero-cBtnNEW-new {
display: block;
    background: #27343b;
            color: #8f989d !important;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 10px;
            width: 100%;
            height: 34px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
            box-shadow: inset 0 -3px rgba(0, 0, 0, 0.5);
            text-decoration: none;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
}

.uhero-cBtnNEW-new::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
            transition: left 0.4s;
}

.uhero-cBtnNEW-new:hover::after {
            left: 100%;
}

.uhero-cBtnNEW-new:hover {
            background: #304049;
}

.uhero-cBtnNEW-new:active {
            transform: translateY(2px);
            box-shadow: inset 0 -2px rgba(0, 0, 0, 0.7);
}
























.uHero-BLOCK-uhero-chat-div {
padding-bottom: 4px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}

.uHero-BLOCK-uhero-chat-div div {
width: 100%;
}


.uHero-BLOCK-uhero-cBtn {
display: block;
    background: #27343b;
            color: #8f989d !important;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 3.5px;
            width: 100%;
            height: 44px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
            box-shadow: inset 0 -3px rgba(0, 0, 0, 0.5);
            text-decoration: none;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
}

.uHero-BLOCK-uhero-cBtn::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
            transition: left 0.4s;
}

.uHero-BLOCK-uhero-cBtn:hover::after {
            left: 100%;
}

.uHero-BLOCK-uhero-cBtn:hover {
            background: #304049;
}

.uHero-BLOCK-uhero-cBtn:active {
            transform: translateY(2px);
            box-shadow: inset 0 -2px rgba(0, 0, 0, 0.7);
}





.uHero-BLOCK-t_max{
  min-height: 40px;
}
.uHero-BLOCK-t_img{
  position:absolute;
  padding-left: 5px;
  padding-top: 3px;
}

.uHero-BLOCK-text-RIGHT {
    position: absolute;
    bottom: 23.5px;
    right: -45px;
}

.uHero-BLOCK-text-LEFT {
    position: absolute;
    bottom: 8px;
    right: -45px;
}







input[id="textareatext"] {
background: #131c21 !important;
color: #737d83 !important;
font-size: 14px;
padding: 10px 14px !important;
width: 100%;
text-align: center;
box-sizing: border-box;
border: 1px solid #27343b !important;
border-radius: 4px !important;
outline: none;
transition: border-color 0.3s, box-shadow 0.3s;
margin-bottom: 8px;
}

input[id="textareatext"]::-webkit-input-placeholder {
color: #737d83;
}

input[id="textareatext"]:focus {
border-color: #353f44;
box-shadow: 0 0 5px #4d616cc4;
}

input[id="nicknew"] {
    background-color: rgb(103 118 129 / 1%);
    border: 2px groove rgb(50 56 61);
    color: rgb(255, 255, 255);
    padding: 6px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 0px rgb(115 138 155 / 29%) inset;
}

input[id="passwordnew"] {
    background-color: rgb(103 118 129 / 1%);
    border: 2px groove rgb(50 56 61);
    color: rgb(255, 255, 255);
    padding: 6px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 0px rgb(115 138 155 / 29%) inset;
}

input[id="nicknewRestorn"] {
    background: #15272fc7 !important;
    border: 2px solid #1a2c32 !important;
    color: #a0aaad !important;
    padding: 8px !important;
    margin-bottom: 0px;
    border-radius: 5px;
    outline: none;
    box-shadow: inset 0px 0px 15px #00000091  !important;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}

input[id="passwordnewRestorn"] {
    background: #15272fc7 !important;
    border: 2px solid #1a2c32 !important;
    color: #a0aaad !important;
    padding: 8px !important;
    margin-bottom: 0px;
    border-radius: 5px;
    outline: none;
    box-shadow: inset 0px 0px 15px #00000091  !important;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}

input[id="emailnewRestorn"] {
    background: #15272fc7 !important;
    border: 2px solid #1a2c32 !important;
    color: #a0aaad !important;
    padding: 8px !important;
    margin-bottom: 0px;
    border-radius: 5px;
    outline: none;
    box-shadow: inset 0px 0px 15px #00000091  !important;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}






input[id="NoAuto-auth_buttonRestorn"] {
    background: #27343b;
    min-width: 100px;
    padding: 7px 20px;
    text-decoration: none !important;
    width: 150px;
    display: inline-block;
    font-size: 15px;
    font-family: 't3' !important;
    color: #bebfbf;
    border: 1px solid #0e1316;
    box-shadow: inset 0 -15px #0000001c;
    border-radius: 4px;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    margin: 8px;
}

input[id="NoAuto-auth_buttonRestorn"]:hover, input[id="NoAuto-auth_buttonRestorn"]:active{
    transform: translateY(-2px);
}





select[id="selectNEWnew"] {
    background: #15272fc7 !important;
    border: 2px solid #1a2c32 !important;
    color: #a0aaad !important;
    padding: 8px !important;
    margin-bottom: 0px;
    border-radius: 5px;
    outline: none;
    box-shadow: inset 0px 0px 15px #00000091  !important;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}






















.location {
            height: 150px;
            border: 3px solid #1b2429;
            position: relative;
            margin-bottom: 8px;
            border-radius: 8px;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7), 0 0 10px #1e2b32;
            background-size: cover;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.location:last-child {
            margin-bottom: 0;
}

.location:hover {
            transform: scale(1.02);
            box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8), 0 0 15px #2a343a;
}

.location::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                45deg,
                rgba(10, 14, 16, 0.5),
                rgba(27, 36, 41, 0.4),
                rgba(56, 66, 71, 0.3),
                rgba(10, 14, 16, 0.5)
            );
            background-size: 400%;
            animation: gradientAnimation 5s ease infinite;
            z-index: 0;
}

@keyframes gradientAnimation {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
}

.location_title {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 200px;
            background: #1b2429;
            color: #bbc5cb;
            text-align: center;
            padding: 4px 8px;
            font-size: 12px;
            font-weight: 400;
            text-transform: uppercase;
            border-radius: 0 0 4px 4px;
            border: 1px solid #00000047;
            border-top: none;
            text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
            z-index: 1;
            font-family: 'Russo One', sans-serif;
            letter-spacing: 1px;
            box-shadow: inset 0 -3px #0000003f, 0 4px 8px rgba(0, 0, 0, 0.5);
            white-space: nowrap;
}

.location_info {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 180px;
            background: #1b2429;
            color: #00ffa2;
            text-align: center;
            padding: 4px 8px;
            font-size: 12px;
            font-weight: 400;
            text-transform: uppercase;
            border-radius: 4px 4px 0 0;
            border: 1px solid #00000047;
            border-bottom: none;
            z-index: 1;
            font-family: 'Russo One', sans-serif;
            letter-spacing: 1px;
            box-shadow: inset 0 3px #0000001a, 0 4px 8px rgba(0, 0, 0, 0.5);
            text-shadow: 0 0 5px rgba(0, 255, 162, 0.5);
}

.location_top_left, .location_top_right, .location_bottom_left, .location_bottom_right {
            position: absolute;
            width: 20px;
            height: 20px;
            color: #000;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #1b2429;
            border: 1px solid #00000047;
            border-radius: 4px;
            z-index: 1;
}

.location_top_left img, .location_top_right img, .location_bottom_left img, .location_bottom_right img {
            width: 8px;
            filter: drop-shadow(3px 3px 3px #0000008f);
}

.location_top_left {
            top: 0;
            left: 0;
            border-radius: 0 0 4px 0;
            border-top: none;
            border-left: none;
}

.location_top_right {
            top: 0;
            right: 0;
            border-radius: 0 0 0 4px;
            border-top: none;
            border-right: none;
}

.location_bottom_left {
            bottom: 0;
            left: 0;
            border-radius: 0 4px 0 0;
            border-bottom: none;
            border-left: none;
}

.location_bottom_right {
            bottom: 0;
            right: 0;
            border-radius: 4px 0 0 0;
            border-bottom: none;
            border-right: none;
}











.weapon_0{
  border: 2px solid #059e29;
  border-image: url("/style/images/body/ramka_weapon0.png") 2;
}
.weapon_1{
  border: 2px solid #bfbfbf;
  border-image: url("/style/images/body/ramka_weapon1.png") 2;
}
.weapon_2{
  border: 2px solid #18b40c;
  border-image: url("/style/images/body/ramka_weapon2.png") 2;
}
.weapon_3{
  border: 2px solid #e2b70b;
  border-image: url("/style/images/body/ramka_weapon3.png") 2;
}
.weapon_4{
  border: 2px solid #2066ce;
  border-image: url("/style/images/body/ramka_weapon4.png") 2;
}
.weapon_5{
  border: 2px solid #921ece;
  border-image: url("/style/images/body/ramka_weapon5.png") 2;
}
.weapon_6{
  border: 2px solid #ff0000;
  border-image: url("/style/images/body/ramka_weapon6.png") 2;
}



















.user-pets-OHOTANEW-new {
            
            padding: 5px 10px 5px 10px;
            border-top: none;
            border-bottom: none;
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
}

.pets-image-OHOTANEW-new {
            background: #1b2429;
            border: 1px solid #384247;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            padding: 5px;
}

.pets-image-OHOTANEW-new a {
            width: 100%;
}

.pets-image-OHOTANEW-new a img {
            width: 50px;
            height: 50px;
            object-fit: contain;
            border-radius: 6px;
            border: 1px solid #3a4246;
            transition: transform 0.4s ease, filter 0.4s ease;
            filter: drop-shadow(3px 3px 3px #0000008a);
}

.pets-image-OHOTANEW-new:hover {
            transform: scale(1.05);
            box-shadow: 0 0 15px #56708154;
}

.pets-image-OHOTANEW-new:hover img {
            transform: scale(1.1);
            filter: brightness(1.2);
}

.pets-info-OHOTANEW-new {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 5px;
}

.pets-info-OHOTANEW-new div {
            background: #1b2429;
            padding: 6px;
            border: 1px solid #384247;
            border-radius: 6px;
            color: #a8b6c0;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.pets-info-OHOTANEW-new div:hover {
            transform: scale(1.03);
            box-shadow: 0 0 12px #56708154;
            color: #00ffa2;
            border-image: linear-gradient(45deg, #567081, #3c4b55) 1;
}

.pets-info-OHOTANEW-new div::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #4866799e 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
}

.pets-info-OHOTANEW-new div:hover::after {
            opacity: 1;
}

.pets-info-OHOTANEW-new div img {
            width: 13px;
            vertical-align: sub;
}

@keyframes glow {
            0% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
            50% {
                text-shadow: 0 0 15px rgba(117, 127, 134, 0.8);
            }
            100% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
}

@keyframes flicker {
            0% {
                opacity: 1;
            }
            2% {
                opacity: 0.85;
            }
            4% {
                opacity: 1;
            }
            6% {
                opacity: 0.9;
            }
            8% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
}







.header_panel_user_barOHOTABARRED-new {
    z-index: -3;
    border-radius: 10px;
    background-color: rgb(0 0 0 / 25%);
    filter: drop-shadow(-1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(1px 0 0 #000);
}

.header_panel_user_progressOHOTABARRED-new {
    margin: 5px 0px 5px 0px;
    border-radius: 10px;
    height: 4px;
    background: linear-gradient(0, rgb(51 43 30), rgb(30 24 19));
    background: linear-gradient(90deg, rgb(200 0 0), rgb(200 0 0));
}






.header_panel_user_barOHOTABARGREEN-new {
    z-index: -3;
    border-radius: 10px;
    background-color: rgb(0 0 0 / 25%);
    filter: drop-shadow(-1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(1px 0 0 #000);
}

.header_panel_user_progressOHOTABARGREEN-new {
    margin: 5px 0px 5px 0px;
    border-radius: 10px;
    height: 4px;
    background: linear-gradient(0, rgb(51 43 30), rgb(30 24 19));
    background: linear-gradient(90deg, rgb(37 200 0), rgb(37 200 0));
}








.attackOHOTAATAKNEW-new{
    position: relative;
    z-index: 2;
    position: relative;
    display: flex;
    background: url(/style/stylenew/images/hero/attack.png) no-repeat center;
    background-size: 50px;
    border-radius: 3px;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
    letter-spacing: 1px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    filter: drop-shadow(3px 3px 3px #0000008a);
    animation: pulseOHOTAATAKNEW-new 2s infinite;
}
.attackOHOTAATAKNEW-new img{
    width: 50px;
    filter: drop-shadow(3px 3px 3px #0000008a);
}

.attack-btnOHOTAATAKNEW-new{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.attack-titleOHOTAATAKNEW-new{
    color: #c5ced3;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
    letter-spacing: 1px;
    font-weight: 600;
    background: linear-gradient(to right, #27343b00, #0c1318c4, #27343b00);
    padding: 5px;
    text-align: center;
    margin: 5px;
    text-transform: uppercase;
}
.attack-titleOHOTAATAKNEW-new:hover{
background: linear-gradient(to right, #27343b00, #180c0cc4, #3b272700);
font-size: 15px;
}

@keyframes pulseOHOTAATAKNEW-new {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 #00000063;
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}




























































.pagesBOSSNEW-new {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 10px;
    background: #131c21;
    border: 1px solid #27343b;
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
    margin: 5px 0;
    position: relative;
}

.pagesBOSSNEW-new a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 22px;
    background: #27343b;
    color: #8f989d;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #2a383f;
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.5);
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s, color 0.2s;
    position: relative;
    overflow: hidden;
}

.pagesBOSSNEW-new a:hover {
    background: #304049;
    color: #a8a68f;
    transform: translateY(-1px);
}

.pagesBOSSNEW-new a:active {
    transform: translateY(1px);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7);
}

.pagesBOSSNEW-new a::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
    transition: left 0.4s;
}

.pagesBOSSNEW-new a:hover::after {
    left: 100%;
}

.pagesBOSSNEW-new a[title] {
    color: #82919a;
    text-shadow: 0 0 3px rgba(60, 179, 113, 0.4);
}

.pagesBOSSNEW-new a span {
    color: #e67e22;
    text-shadow: 0 0 4px rgba(230, 126, 34, 0.6);
    font-weight: bold;
}

.pagesBOSSNEW-new a.pageBOSSNEW-new {
    background: #1a252b;
    border: 1px solid #27343b;
}

.pagesBOSSNEW-new a.pageBOSSNEW-new:hover {
    background: #223038;
    border-color: #353f44;
}

.pagesBOSSNEW-new a:not([href]) {
    background: #3a4e59;
    color: #6b7f89;
    cursor: default;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.7);
}

.pagesBOSSNEW-new a:not([href]):hover {
    transform: none;
    background: #3a4e59;
}

.pagesBOSSNEW-new a:not([href])::after {
    display: none;
}

@keyframes flicker-page {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.85; }
}

.pagesBOSSNEW-new a {
    animation: flicker-page 3.5s infinite;
}






































.user-pets-BOSSIMG-new {
            padding: 5px 0px 5px 0px;
            border-top: none;
            border-bottom: none;
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
}

.pets-image-BOSSIMG-new {
            background: #1b2429;
            border: 1px solid #384247;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            padding: 5px;
}

.pets-image-BOSSIMG-new a {
            width: 100%;
}

.pets-image-BOSSIMG-new a img {
            width: 50px;
            height: 50px;
            object-fit: contain;
            border-radius: 6px;
            border: 1px solid #3a4246;
            transition: transform 0.4s ease, filter 0.4s ease;
            filter: drop-shadow(3px 3px 3px #0000008a);
}

.pets-image-BOSSIMG-new:hover {
            transform: scale(1.05);
            box-shadow: 0 0 15px #56708154;
}

.pets-image-BOSSIMG-new:hover img {
            transform: scale(1.1);
            filter: brightness(1.2);
}

.pets-info-BOSSIMG-new {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 5px;
}

.pets-info-BOSSIMG-new div {
            background: #1b2429;
            padding: 6px;
            border: 1px solid #384247;
            border-radius: 6px;
            color: #a8b6c0;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.pets-info-BOSSIMG-new div:hover {
            transform: scale(1.03);
            box-shadow: 0 0 12px #56708154;
            color: #00ffa2;
            border-image: linear-gradient(45deg, #567081, #3c4b55) 1;
}

.pets-info-BOSSIMG-new div::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #4866799e 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
}

.pets-info-BOSSIMG-new div:hover::after {
            opacity: 1;
}

.pets-info-BOSSIMG-new div img {
            width: 13px;
            vertical-align: sub;
}

@keyframes glow {
            0% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
            50% {
                text-shadow: 0 0 15px rgba(117, 127, 134, 0.8);
            }
            100% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
}

@keyframes flicker {
            0% {
                opacity: 1;
            }
            2% {
                opacity: 0.85;
            }
            4% {
                opacity: 1;
            }
            6% {
                opacity: 0.9;
            }
            8% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
}












.forum_listUheroNEW-new{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background: #131c21;
    padding: 5px;
    border: 1px solid #252b2d;
    border-radius: 5px;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6);
    margin-bottom: 5px;
}

.forum_listUheroNEW-new a{
    display: block;
    color: #8f989d;
    width: 100%;
    padding: 8px 8px 8px 15px;
    border: 1px solid #252b2d;
    background: linear-gradient(90deg, #131c21, #1a242b);
    box-sizing: border-box;
    transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
    position: relative;
}

.forum_listUheroNEW-new a:hover {
    background: linear-gradient(90deg, #10171a, #1a242b);
    color: #71b38f;
    transform: translateX(5px);
    border-color: #71b38f40;
}

.forum_listUheroNEW-new a img{
    width: 13.5px;
    margin-right: 3px;
    filter: drop-shadow(2px 2px 2px #00000061);
}

.forum_listUheroNEW-new a:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.forum_listUheroNEW-new a:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}




























.pagesMAGAZNEW-new {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 10px;
    background: #131c21;
    border: 1px solid #27343b;
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
    margin: 5px 0;
    position: relative;
}

.pagesMAGAZNEW-new a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 22px;
    background: #27343b;
    color: #8f989d;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #2a383f;
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.5);
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s, color 0.2s;
    position: relative;
    overflow: hidden;
}

.pagesMAGAZNEW-new a:hover {
    background: #304049;
    color: #a8a68f;
    transform: translateY(-1px);
}

.pagesMAGAZNEW-new a:active {
    transform: translateY(1px);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7);
}

.pagesMAGAZNEW-new a::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
    transition: left 0.4s;
}

.pagesMAGAZNEW-new a:hover::after {
    left: 100%;
}

.pagesMAGAZNEW-new a[title] {
    color: #82919a;
    text-shadow: 0 0 3px rgba(60, 179, 113, 0.4);
}

.pagesMAGAZNEW-new a span {
    color: #e67e22;
    text-shadow: 0 0 4px rgba(230, 126, 34, 0.6);
    font-weight: bold;
}

.pagesMAGAZNEW-new a.pageMAGAZNEW-new {
    background: #1a252b;
    border: 1px solid #27343b;
}

.pagesMAGAZNEW-new a.pageMAGAZNEW-new:hover {
    background: #223038;
    border-color: #353f44;
}

.pagesMAGAZNEW-new a:not([href]) {
    background: #3a4e59;
    color: #6b7f89;
    cursor: default;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.7);
}

.pagesMAGAZNEW-new a:not([href]):hover {
    transform: none;
    background: #3a4e59;
}

.pagesMAGAZNEW-new a:not([href])::after {
    display: none;
}

@keyframes flicker-page {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.85; }
}

.pagesMAGAZNEW-new a {
    animation: flicker-page 3.5s infinite;
}


















.textMAGAZNEW-new {
    background: url(/style/stylenew/images/footer/2.png) center/ 100% 200% no-repeat;
    color: #959ea3;
    padding: 8px;
    border-radius: 8px;
    border-bottom: 1px solid #0a0d0e;
}

.ohMAGAZNEW-new {
    float: left;
    padding: 0px 8px 0px 0px;
    margin: 0px;
    vertical-align: middle;
}
.ohMAGAZNEW-new img{
    border: 3px solid #ffffff30;
    border-radius: 5px;
}

.MAGAZNEW-newTEXT{
    margin: 2.5px;
}


























.task-rewardMAGAZNEW-new {
    margin: 0px 0 2px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    color: #a8b6c0;
    text-shadow: 0 0 5px rgb(0 0 0);
    padding-top: 2px;
    z-index: 1;
}

.task-rewardMAGAZNEW-new span {
    display: inline-flex;
    align-items: center;
}

.task-rewardMAGAZNEW-new .reward-itemMAGAZNEW-new {
    background: rgba(20, 26, 30, 0.8);
    padding: 4px 8px;
    border: 1px solid #2d393f;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.task-rewardMAGAZNEW-new .reward-itemMAGAZNEW-new:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(0, 255, 162, 0.5);
}

.task-rewardMAGAZNEW-new img {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    filter: drop-shadow(0 0 3px rgba(0, 255, 162, 0.5));
    transition: transform 0.3s ease;
}

.task-rewardMAGAZNEW-new .reward-itemMAGAZNEW-new:hover img {
    transform: scale(1.1);
}












.Auction-pagesMAGAZNEW-new {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 10px;
    background: #131c21;
    border: 1px solid #27343b;
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
    margin: 5px 0;
    position: relative;
}

.Auction-pagesMAGAZNEW-new a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 22px;
    background: #27343b;
    color: #8f989d;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #2a383f;
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.5);
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s, color 0.2s;
    position: relative;
    overflow: hidden;
}

.Auction-pagesMAGAZNEW-new a:hover {
    background: #304049;
    color: #a8a68f;
    transform: translateY(-1px);
}

.Auction-pagesMAGAZNEW-new a:active {
    transform: translateY(1px);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7);
}

.Auction-pagesMAGAZNEW-new a::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
    transition: left 0.4s;
}

.Auction-pagesMAGAZNEW-new a:hover::after {
    left: 100%;
}

.Auction-pagesMAGAZNEW-new a[title] {
    color: #82919a;
    text-shadow: 0 0 3px rgba(60, 179, 113, 0.4);
}

.Auction-pagesMAGAZNEW-new a span {
    color: #e67e22;
    text-shadow: 0 0 4px rgba(230, 126, 34, 0.6);
    font-weight: bold;
}

.Auction-pagesMAGAZNEW-new a.Auction-pageMAGAZNEW-new {
    background: #1a252b;
    border: 1px solid #27343b;
}

.Auction-pagesMAGAZNEW-new a.Auction-pageMAGAZNEW-new:hover {
    background: #223038;
    border-color: #353f44;
}

.Auction-pagesMAGAZNEW-new a:not([href]) {
    background: #3a4e59;
    color: #6b7f89;
    cursor: default;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.7);
}

.Auction-pagesMAGAZNEW-new a:not([href]):hover {
    transform: none;
    background: #3a4e59;
}

.Auction-pagesMAGAZNEW-new a:not([href])::after {
    display: none;
}

@keyframes flicker-page {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.85; }
}

.Auction-pagesMAGAZNEW-new a {
    animation: flicker-page 3.5s infinite;
}














.TASKSNEW-new-Uhero-chat {
background: #131c21;
border: 2px solid #27343b;
border-radius: 8px;
padding: 8px;
margin: 5px 0;
position: relative;
box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
}

.TASKSNEW-new-Uhero-chat img {
            width: 13px;
            padding: 1px 0px;
}


































.RAITINGNEW-pagesMAGAZNEW-new {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 10px;
    background: #131c21;
    border: 1px solid #27343b;
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
    margin: 5px 0;
    position: relative;
}

.RAITINGNEW-pagesMAGAZNEW-new a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 22px;
    background: #27343b;
    color: #8f989d;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #2a383f;
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.5);
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s, color 0.2s;
    position: relative;
    overflow: hidden;
}

.RAITINGNEW-pagesMAGAZNEW-new a:hover {
    background: #304049;
    color: #a8a68f;
    transform: translateY(-1px);
}

.RAITINGNEW-pagesMAGAZNEW-new a:active {
    transform: translateY(1px);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7);
}

.RAITINGNEW-pagesMAGAZNEW-new a::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
    transition: left 0.4s;
}

.RAITINGNEW-pagesMAGAZNEW-new a:hover::after {
    left: 100%;
}

.RAITINGNEW-pagesMAGAZNEW-new a[title] {
    color: #82919a;
    text-shadow: 0 0 3px rgba(60, 179, 113, 0.4);
}

.RAITINGNEW-pagesMAGAZNEW-new a span {
    color: #e67e22;
    text-shadow: 0 0 4px rgba(230, 126, 34, 0.6);
    font-weight: bold;
}

.RAITINGNEW-pagesMAGAZNEW-new a.RAITINGNEW-pageMAGAZNEW-new {
    background: #1a252b;
    border: 1px solid #27343b;
}

.RAITINGNEW-pagesMAGAZNEW-new a.RAITINGNEW-pageMAGAZNEW-new:hover {
    background: #223038;
    border-color: #353f44;
}

.RAITINGNEW-pagesMAGAZNEW-new a:not([href]) {
    background: #3a4e59;
    color: #6b7f89;
    cursor: default;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.7);
}

.RAITINGNEW-pagesMAGAZNEW-new a:not([href]):hover {
    transform: none;
    background: #3a4e59;
}

.RAITINGNEW-pagesMAGAZNEW-new a:not([href])::after {
    display: none;
}

@keyframes flicker-page {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.85; }
}

.RAITINGNEW-pagesMAGAZNEW-new a {
    animation: flicker-page 3.5s infinite;
}
















.textMAGAZNEW-newWEAPONnew {
    background: url(/style/stylenew/images/footer/2.png) center/ 100% 200% no-repeat;
    color: #959ea3;
    padding: 8px;
    border-radius: 8px;
    border-bottom: 1px solid #0a0d0e;
    padding-top: 5px;
}

.ohMAGAZNEW-newWEAPONnew {
    float: left;
    padding: 0px 8px 0px 0px;
    margin: 0px;
    vertical-align: middle;
}
.ohMAGAZNEW-newWEAPONnew img{
    border: 3px solid #ffffff30;
    border-radius: 5px;
}

.MAGAZNEW-newWEAPONnewTEXT{
    margin: 2.5px;
}

















.uHero-BLOCK-text-RIGHTQQQ {
    position: absolute;
    bottom: 0px;
    right: -240px;
}








.reward-text-heroQQQ {
            background: #1a252b;
            color: #7d8e98;
            font-size: 12px;
            padding: 8px 8px;
            border-radius: 4px;
            border: 1px solid #27343b;
            margin-bottom: 0px;
            text-shadow: 0 0 4px rgb(0 0 0);
}

.reward-text-heroQQQ img {
            width: 12px;
            padding: 0 2px;
}




































.new-Uhero-chatQQQ {
background: #131c21;
border: 2px solid #27343b;
border-radius: 8px;
padding: 10px;
margin: 5px 0;
position: relative;
box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
}

.cInputQQQ {
background: #131c21 !important;
color: #737d83 !important;
font-size: 14px;
padding: 10px 14px !important;
width: 100%;
box-sizing: border-box;
border: 1px solid #27343b !important;
border-radius: 4px !important;
outline: none;
transition: border-color 0.3s, box-shadow 0.3s;
margin-bottom: 8px;
}

.cInputQQQ::-webkit-input-placeholder {
color: #737d83;
}

.cInputQQQ:focus {
border-color: #353f44;
box-shadow: 0 0 5px #4d616cc4;
}


.new-Uhero-chat-divQQQ {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}

.new-Uhero-chat-divQQQ div {
width: 100%;
}


.cBtnQQQ {
display: block;
    background: #27343b;
            color: #8f989d !important;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 10px;
            width: 100%;
            height: 34px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            text-transform: uppercase;
            transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
            box-shadow: inset 0 -3px rgba(0, 0, 0, 0.5);
            text-align: center;
            text-decoration: none;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
}

.cBtnQQQ::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
            transition: left 0.4s;
}

.cBtnQQQ:hover::after {
            left: 100%;
}

.cBtnQQQ:hover {
            background: #304049;
}

.cBtnQQQ:active {
            transform: translateY(2px);
            box-shadow: inset 0 -2px rgba(0, 0, 0, 0.7);
}


.cInputQQQ::placeholder {
            color: #8f989d;
            opacity: 1; /* Убедитесь, что цвет не полупрозрачный (если нужно) */
}

.cInputQQQ {
            color: #8f989d !important; /* !important на крайний случай */
}
























.mail_contentQQQQ{
    position: relative;
    background: #131c21;
    border: 1px solid #20292f;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1;
    padding: 8px;
    margin-bottom: 5px;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
}

.mail_listQQQQ {
    display: flex;
    gap: 2px;
    padding: 3px;
    flex-direction: column;
}


.mailQQQQ {
    display: block;
    color: #e3e3e3;
    width: 100%;
    padding: 12px;
    border: 1px solid #20292f;
    background: #192127d4;
    box-sizing: border-box;
    transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
    position: relative;
}

.mailQQQQ:hover {
    background: linear-gradient(90deg, #141a1e, #182026);
    border-color: #55997957;
    transform: scale(1.02); /* Slightly increases size by 2% */
}

.mailQQQQ img {
    width: 14px;
    margin-right: 5px;
    filter: drop-shadow(2px 2px 2px #00000061);
}

.mail_listQQQQ .mailQQQQ:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.mail_listQQQQ .mailQQQQ:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.mail_textQQQQ{
    color: #c3c3c3;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
}

.mail_authorQQQQ{
    margin-bottom: 2px;
    font-size: 13px;
}

































.user-petsPETSNEW-newNEW {
            padding: 4px 0px 4px 0px;
            border-top: none;
            border-bottom: none;
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
}

.pets-imagePETSNEW-newNEW {
            flex: 0 0 50px;
            background: #1b2429;
            border: 1px solid #384247;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            padding: 5px;
}

.pets-imagePETSNEW-newNEW a {
            max-width: 104%;
}

.pets-imagePETSNEW-newNEW a img {
            width: 50px;
            height: 50px;
            object-fit: contain;
            border-radius: 6px;
            border: 1px solid #3a4246;
            transition: transform 0.4s ease, filter 0.4s ease;
            filter: drop-shadow(3px 3px 3px #0000008a);
}

.pets-imagePETSNEW-newNEW:hover {
            transform: scale(1.05);
            box-shadow: 0 0 15px #56708154;
}

.pets-imagePETSNEW-newNEW:hover img {
            transform: scale(1.1);
            filter: brightness(1.2);
}

.pets-infoPETSNEW-newNEW {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 4px;
}

.pets-infoPETSNEW-newNEW div {
            background: #1b2429;
            padding: 6px;
            border: 1px solid #384247;
            border-radius: 6px;
            color: #a8b6c0;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.pets-infoPETSNEW-newNEW div:hover {
            transform: scale(1.03);
            box-shadow: 0 0 12px #56708154;
            color: #00ffa2;
            border-image: linear-gradient(45deg, #567081, #3c4b55) 1;
}

.pets-infoPETSNEW-newNEW div::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #4866799e 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
}

.pets-infoPETSNEW-newNEW div:hover::after {
            opacity: 1;
}

.pets-infoPETSNEW-newNEW div img {
            width: 14px;
            vertical-align: sub;
}

@keyframes glow {
            0% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
            50% {
                text-shadow: 0 0 15px rgba(117, 127, 134, 0.8);
            }
            100% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
}

@keyframes flicker {
            0% {
                opacity: 1;
}
            2% {
                opacity: 0.85;
            }
            4% {
                opacity: 1;
            }
            6% {
                opacity: 0.9;
            }
            8% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
}




.pets-infoPETSNEW-newNEW111 {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 4px;
}

.pets-infoPETSNEW-newNEW111 div {
            background: #1b2429;
            padding: 6px;
            border: 1px solid #384247;
            border-radius: 6px;
            color: #a8b6c0;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.pets-infoPETSNEW-newNEW111 div:hover {
            transform: scale(1.03);
            box-shadow: 0 0 12px #56708154;
            color: #00ffa2;
            border-image: linear-gradient(45deg, #567081, #3c4b55) 1;
}

.pets-infoPETSNEW-newNEW111 div::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #4866799e 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
}

.pets-infoPETSNEW-newNEW111 div:hover::after {
            opacity: 1;
}

.pets-infoPETSNEW-newNEW111 div img {
            width: 14px;
            vertical-align: sub;
}























.profile-buttonGREEN111 {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            margin: 4px 0px 4px 0px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonGREEN111:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #00ffa2;
            border: 1px solid #00ffa2;
            animation: pulseGlowGREEN 1.5s infinite;
        }

        .profile-buttonGREEN111::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #00ffa24d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonGREEN111:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowGREEN {
            0% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
            50% {
                box-shadow: 0 0 30px rgba(0, 255, 162, 0.5);
            }
            100% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
}





























.profile-buttonRED111 {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            margin: 4px 0px 4px 0px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonRED111:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #ff0000;
            border: 1px solid #ff0000;
            animation: pulseGlowRED 1.5s infinite;
        }

        .profile-buttonRED111::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #ff00004d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonRED111:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowRED {
            0% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
            50% {
                box-shadow: 0 0 30px rgb(255 0 0 / 50%);
            }
            100% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
}









































.user-petsTREANINGNEW-new {
            padding: 4px 0px 4px 0px;
            border-top: none;
            border-bottom: none;
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
}

.pets-imageTREANINGNEW-new {
            flex: 0 0 50px;
            background: #1b2429;
            border: 1px solid #384247;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            padding: 5px;
}

.pets-imageTREANINGNEW-new a {
            max-width: 104%;
}

.pets-imageTREANINGNEW-new a img {
            width: 50px;
            height: 50px;
            object-fit: contain;
            border-radius: 6px;
            border: 1px solid #3a4246;
            transition: transform 0.4s ease, filter 0.4s ease;
            filter: drop-shadow(3px 3px 3px #0000008a);
}

.pets-imageTREANINGNEW-new:hover {
            transform: scale(1.05);
            box-shadow: 0 0 15px #56708154;
}

.pets-imageTREANINGNEW-new:hover img {
            transform: scale(1.1);
            filter: brightness(1.2);
}

.pets-infoTREANINGNEW-new {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 4px;
}

.pets-infoTREANINGNEW-new div {
            background: #1b2429;
            padding: 6px;
            border: 1px solid #384247;
            border-radius: 6px;
            color: #a8b6c0;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.pets-infoTREANINGNEW-new div:hover {
            transform: scale(1.03);
            box-shadow: 0 0 12px #56708154;
            color: #00ffa2;
            border-image: linear-gradient(45deg, #567081, #3c4b55) 1;
}

.pets-infoTREANINGNEW-new div::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #4866799e 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
}

.pets-infoTREANINGNEW-new div:hover::after {
            opacity: 1;
}

.pets-infoTREANINGNEW-new div img {
            width: 14px;
            vertical-align: sub;
}

@keyframes glow {
            0% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
            50% {
                text-shadow: 0 0 15px rgba(117, 127, 134, 0.8);
            }
            100% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
}

@keyframes flicker {
            0% {
                opacity: 1;
}
            2% {
                opacity: 0.85;
            }
            4% {
                opacity: 1;
            }
            6% {
                opacity: 0.9;
            }
            8% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
}
















.profile-buttonGREENTREANINGNEW-new {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            margin: 4px 0px 4px 0px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonGREENTREANINGNEW-new:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #00ffa2;
            border: 1px solid #00ffa2;
            animation: pulseGlowGREEN 1.5s infinite;
        }

        .profile-buttonGREENTREANINGNEW-new::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #00ffa24d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonGREENTREANINGNEW-new:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowGREEN {
            0% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
            50% {
                box-shadow: 0 0 30px rgba(0, 255, 162, 0.5);
            }
            100% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
}





























.profile-buttonREDTREANINGNEW-new {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            margin: 4px 0px 4px 0px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonREDTREANINGNEW-new:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #ff0000;
            border: 1px solid #ff0000;
            animation: pulseGlowRED 1.5s infinite;
        }

        .profile-buttonREDTREANINGNEW-new::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #ff00004d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonREDTREANINGNEW-new:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowRED {
            0% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
            50% {
                box-shadow: 0 0 30px rgb(255 0 0 / 50%);
            }
            100% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
}



























.user-petsTREANINGNEW-new {
            padding: 4px 0px 4px 0px;
            border-top: none;
            border-bottom: none;
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
}

.pets-imageTREANINGNEW-new {
            flex: 0 0 50px;
            background: #1b2429;
            border: 1px solid #384247;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            padding: 5px;
}

.pets-imageTREANINGNEW-new a {
            max-width: 104%;
}

.pets-imageTREANINGNEW-new a img {
            width: 50px;
            height: 50px;
            object-fit: contain;
            border-radius: 6px;
            border: 1px solid #3a4246;
            transition: transform 0.4s ease, filter 0.4s ease;
            filter: drop-shadow(3px 3px 3px #0000008a);
}

.pets-imageTREANINGNEW-new:hover {
            transform: scale(1.05);
            box-shadow: 0 0 15px #56708154;
}

.pets-imageTREANINGNEW-new:hover img {
            transform: scale(1.1);
            filter: brightness(1.2);
}

.pets-infoTREANINGNEW-new {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 4px;
}

.pets-infoTREANINGNEW-new div {
            background: #1b2429;
            padding: 6px;
            border: 1px solid #384247;
            border-radius: 6px;
            color: #a8b6c0;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.pets-infoTREANINGNEW-new div:hover {
            transform: scale(1.03);
            box-shadow: 0 0 12px #56708154;
            color: #00ffa2;
            border-image: linear-gradient(45deg, #567081, #3c4b55) 1;
}

.pets-infoTREANINGNEW-new div::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #4866799e 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
}

.pets-infoTREANINGNEW-new div:hover::after {
            opacity: 1;
}

.pets-infoTREANINGNEW-new div img {
            width: 14px;
            vertical-align: sub;
}

@keyframes glow {
            0% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
            50% {
                text-shadow: 0 0 15px rgba(117, 127, 134, 0.8);
            }
            100% {
                text-shadow: 0 0 5px rgba(117, 127, 134, 0.5);
            }
}

@keyframes flicker {
            0% {
                opacity: 1;
}
            2% {
                opacity: 0.85;
            }
            4% {
                opacity: 1;
            }
            6% {
                opacity: 0.9;
            }
            8% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
}
















.profile-buttonGREENTREANINGNEW-new {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            margin: 4px 0px 4px 0px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonGREENTREANINGNEW-new:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #00ffa2;
            border: 1px solid #00ffa2;
            animation: pulseGlowGREEN 1.5s infinite;
        }

        .profile-buttonGREENTREANINGNEW-new::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #00ffa24d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonGREENTREANINGNEW-new:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowGREEN {
            0% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
            50% {
                box-shadow: 0 0 30px rgba(0, 255, 162, 0.5);
            }
            100% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
}





























.profile-buttonREDTREANINGNEW-new {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            margin: 4px 0px 4px 0px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonREDTREANINGNEW-new:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #ff0000;
            border: 1px solid #ff0000;
            animation: pulseGlowRED 1.5s infinite;
        }

        .profile-buttonREDTREANINGNEW-new::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #ff00004d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonREDTREANINGNEW-new:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowRED {
            0% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
            50% {
                box-shadow: 0 0 30px rgb(255 0 0 / 50%);
            }
            100% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
}



















.chat-msgIGNORLISTNEW-new {
            color: #969c9e;
            word-wrap: break-word;
}

.chat-msgIGNORLISTNEW-new img {
            padding: 0 0px;
}




















.GIFTNEW-new-new-Uhero-chat {
background: #131c21;
border: 2px solid #27343b;
border-radius: 8px;
padding: 8px;
margin: 5px 0;
position: relative;
box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
}

.GIFTNEW-new-new-Uhero-chat img {
            width: 50px;
            padding: 1px 0px;
}













.containerUSER-INFONEW-new {
  display: flex; /* Создает гибкий контейнер */
  align-items: center; /* Выравнивает элементы по центру по вертикали */
  gap: 10px; /* Отступ между картинкой и текстом */
}

.block-imageUSER-INFONEW-new {
  width: 30px; /* Задаем ширину картинки */
  height: 30px; /* Задаем высоту картинки */
  object-fit: cover; /* Масштабирует изображение, чтобы оно занимало все отведенное пространство */
}

.text-contentUSER-INFONEW-new {
  /* Дополнительные стили для текста */
}

.text-contentUSER-INFONEW-new p {
  margin: 0; /* Убирает стандартные отступы у параграфов */
  line-height: 1.2; /* Регулирует межстрочный интервал */
}


























.party_users_listCLANUSERNEW-new {
    background: #1b2429;
    padding: 0px;
    border: 1px solid #2a343b;
    border-left: 3px solid #1e8b3a;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 4px;
}

.party_users_listCLANUSERNEW-new:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(30, 139, 58, 0.3);
}

.party_users_listCLANUSERNEW-new::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 10% 10%, rgba(30, 139, 58, 0.2) 10%, transparent 50%);
    opacity: 0.4;
    z-index: -1;
    transition: opacity 0.3s ease;
}

.party_users_listCLANUSERNEW-new:hover::before {
    opacity: 0.6;
}

.party_users_listCLANUSERNEW-new a {
    color: #d3d3d3;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
}

.party_users_listCLANUSERNEW-new a:hover {
    color: #4caf50;
}

.party_users_listCLANUSERNEW-new a img {
    width: 8px;
    vertical-align: sub;
    margin-right: 10px;
    filter: drop-shadow(2px 2px 2px #0000004d);
}

.party_users_listCLANUSERNEW-new a span {
    margin-left: 3px;
}

.party_users_listCLANUSERNEW-new span {
    color: #adbac3;
    font-size: 0.9em;
}

.party_users_listCLANUSERNEW-new span font[color="lime"] {
    color: #1e8b3a;
    text-shadow: 0 0 3px rgba(30, 139, 58, 0.5);
}

.party_users_listCLANUSERNEW-new span img {
    width: 12px;
    vertical-align: baseline;
    margin: 0 3px;
    filter: drop-shadow(2px 2px 2px #0000004d);
}

.party_users_list:hover span {
    color: #ffffff;
}

















.chat-listCLANUSERNEW-NEW-new {
            padding: 8px;
            margin-top: 5px;
            margin-bottom: 5px;
            border-radius: 4px;
            position: relative;
            color: #8f989d;
            max-width: 100%;
            animation: flicker-in 0.8s ease-out;
}

.chat-listCLANUSERNEW-NEW-new::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIW2MMDQ39z8DAwMDAwAAAAP//AwC6s9cRAAAAAElFTkSuQmCC');
            opacity: 0.06;
            pointer-events: none;
}

.chat-listCLANUSERNEW-NEW-new.otherCLANUSERNEW-NEW-new {
            background: #1a252b;
            margin-right: auto;
            border-left: 3px solid #27343b;
            animation: slide-left 0.6s ease-out;
}

.chat-listCLANUSERNEW-NEW-new.mineCLANUSERNEW-NEW-new {
            background: #131c21;
            margin-left: auto;
            border-right: 3px solid #2a383f;
            animation: slide-right 0.6s ease-out;
}



















input[id="CLANUSERSbuttonRestorn"] {
    background: #152329;
    min-width: 100px;
    padding: 7px 20px;
    text-decoration: none !important;
    width: 118px;
    border: 2px solid #1e2f34 !important;
    display: inline-block;
    font-size: 15px;
    font-family: 't3' !important;
    color: #bebfbf;
    border: 1px solid #000000;
    box-shadow: inset 0 -15px #0000001c;
    border-radius: 4px;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    margin: 0px;
}

input[id="CLANUSERSbuttonRestorn"]:hover, input[id="CLANUSERSbuttonRestorn"]:active{
    transform: translateY(-2px);
}













.CLANUSERSbuttonRestornNEW-new {
    background: #152329;
    min-width: 90px;
    padding: 3px 3px;
    text-decoration: none !important;
    text-align: center;
    width: 8px;
    border: 2px solid #1e2f34 !important;
    display: inline-block;
    font-size: 15px;
    font-family: 't3' !important;
    color: #bebfbf;
    border: 1px solid #000000;
    box-shadow: inset 0 -15px #0000001c;
    border-radius: 4px;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    margin: 5px 0px 0px 0px;
}

.CLANUSERSbuttonRestornNEW-new:hover, .CLANUSERSbuttonRestornNEW-new:active{
    transform: translateY(-2px);
}



















.profile-buttonGREENCLANBUILD-new {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            margin: 4px 0px 0px 0px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonGREENCLANBUILD-new:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #00ffa2;
            border: 1px solid #00ffa2;
            animation: pulseGlowGREEN 1.5s infinite;
        }

        .profile-buttonGREENCLANBUILD-new::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #00ffa24d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonGREENCLANBUILD-new:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowGREEN {
            0% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
            50% {
                box-shadow: 0 0 30px rgba(0, 255, 162, 0.5);
            }
            100% {
                box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            }
}






































.profile-buttonREDCLANBUILD-new {
            background: linear-gradient(45deg, #1b2429, #2a343b);
            border: 1px solid #384247;
            border-radius: 10px;
            padding: 8px;
            margin: 4px 0px 0px 0px;
            text-align: center;
            color: #a8b6c0;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 8px rgba(117, 127, 134, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px #1e2b32;
            cursor: pointer;
        }

        .profile-buttonREDCLANBUILD-new:hover {
            transform: scale(1.03);
            box-shadow: 0 0 20px rgba(0, 255, 162, 0.3);
            color: #ff0000;
            border: 1px solid #ff0000;
            animation: pulseGlowRED 1.5s infinite;
        }

        .profile-buttonREDCLANBUILD-new::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #ff00004d 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .profile-buttonREDCLANBUILD-new:hover::after {
            opacity: 1;
        }

        @keyframes pulseGlowRED {
            0% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
            50% {
                box-shadow: 0 0 30px rgb(255 0 0 / 50%);
            }
            100% {
                box-shadow: 0 0 20px rgb(255 0 0 / 30%);
            }
}



















.mail_contentCLANHISTORYNEW-new {
    position: relative;
    background: #131c21;
    border: 1px solid #20292f;
    overflow: hidden;
    color: #bebfbf;
    border-radius: 10px;
    z-index: 1;
    padding: 10px;
    margin-bottom: 5px;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
}

.mail_contentCLANHISTORYNEW-new img {
    width: 12px;
    margin-right: 3px;
    padding-bottom: 1px;
}

















.forum_listCLANNEW-newNEW{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.forum_listCLANNEW-newNEW a{
    display: block;
    color: #8f989d;
    width: 100%;
    padding: 8px 8px 8px 15px;
    border: 1px solid #252b2d;
    background: linear-gradient(90deg, #131c21, #1a242b);
    box-sizing: border-box;
    transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
    position: relative;
}

.forum_listCLANNEW-newNEW a:hover {
    background: linear-gradient(90deg, #10171a, #1a242b);
    color: #71b38f;
    transform: translateX(5px);
    border-color: #71b38f40;
}

.forum_listCLANNEW-newNEW a img{
    width: 13.5px;
    margin-right: 3px;
    filter: drop-shadow(2px 2px 2px #00000061);
}

.forum_listCLANNEW-newNEW a:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.forum_listCLANNEW-newNEW a:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}



































.forum_them_textCLANFORUM-NEW-GORUMCLAN {
    padding: 10px;
    border-radius: 6px;
    line-height: 1.6;
    margin-bottom: 8px;
    color: #c7c9cc;
    background: linear-gradient(180deg, #131c21 0%, #172127 100%);
    border: 1px solid #1e252766;
    font-size: 13px;
    position: relative;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.forum_them_textCLANFORUM-NEW-GORUMCLAN::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(94, 167, 122, 0.15), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.forum_them_textCLANFORUM-NEW-GORUMCLAN:hover::before {
    opacity: 1;
}

.forum_them_textCLANFORUM-NEW-GORUMCLAN:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(94, 167, 122, 0.3);
    background: linear-gradient(180deg, #171d21 0%, #12171a 100%);
}













.NoAuto-auth_inputTEXRABOTINEW-new{
    background: #15272fc7 !important;
    color: #a0aaad !important;
    border: 2px solid #1a2c32 !important;
    padding: 5px!important;
    margin-bottom: 5px;
    border-radius: 8px;
    outline: none;
    box-shadow: inset 0px 0px 15px #00000091  !important;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}
.NoAuto-auth_inputTEXRABOTINEW-new:-webkit-autofill::first-line {
    color: #ffffff;
}
.NoAuto-auth_inputTEXRABOTINEW-new::-webkit-input-placeholder {
  color: #a0aaad;
}
















.NoAuto-auth_buttonNOREGNEW-new{
    display: block;
    background: #192d37c7;
    color: #a0aaad;
    padding: 8px 0px;
    width: 99%;
    border: 2px solid #00000061;
    border-radius: 5px;
    box-shadow: inset 0 -16px #0000001f;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
    font-weight: 500;
    letter-spacing: 1px;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    font-family: "Roboto", sans-serif;
}
.NoAuto-auth_buttonNOREGNEW-new:hover, .NoAuto-auth_buttonNOREGNEW-new:active{
    transform: translateY(-2px);
}










input[id="nicknewRestornGIFERSEEEEEE"] {
    background: #15272fc7 !important;
    border: 2px solid #1a2c32 !important;
    color: #a0aaad !important;
    padding: 8px 30px 8px 30px !important;
    margin-bottom: 0px;
    border-radius: 5px;
    outline: none;
    box-shadow: inset 0px 0px 15px #00000091  !important;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
}





input[id="NoAuto-auth_buttonRestornGIFERSEEEEEE"] {
    background: #27343b;
    min-width: 100px;
    padding: 7px 20px;
    text-decoration: none !important;
    width: 235px;
    display: inline-block;
    font-size: 15px;
    font-family: 't3' !important;
    color: #bebfbf;
    border: 1px solid #0e1316;
    box-shadow: inset 0 -15px #0000001c;
    border-radius: 4px;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    margin: 8px;
}

input[id="NoAuto-auth_buttonRestornGIFERSEEEEEE"]:hover, input[id="NoAuto-auth_buttonRestornGIFERSEEEEEE"]:active{
    transform: translateY(-2px);
}









.TASKSNEW-new-Uhero-chat122222222 {
background: #131c21;
border: 2px solid #27343b;
border-radius: 8px;
padding: 8px;
margin: 5px 0;
position: relative;
box-shadow: inset 0 0 10px rgb(0 0 0 / 56%), 0 0 6px #1e2b32;
}

.TASKSNEW-new-Uhero-chat122222222 img {
            padding: 1px 0px;
}





.b-noticeNEW-new-NEW {
    display: block;
    position: fixed;
    top: 0px;
    padding-top: 10px;
    width: 350px;
    -webkit-animation: noticeShow 4s linear forwards;
    animation: noticeShow 4s linear forwards;
    z-index: 10000;
    text-align: center;
    background: linear-gradient(to bottom, rgb(0 0 0 / 98%) 50%, rgba(0, 0, 0, 0) 110%);
}

@media screen and (max-width: 480px) {
	.b-noticeNEW-new-NEW {
		left: 0;
		width: 100%;
		margin: 0; } }

@-webkit-keyframes noticeShow {
	from {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	10%, 75% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px); }
	99% {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	to {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); } }
@keyframes noticeShow {
	from {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	10%, 75% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px); }
	99% {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	to {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); } 
}












































































.container-itemsUSERHERONEW-new-NEW-new {
            display: flex;
            border: 2px solid #ffffff00;
            background: #33212100;
            overflow: hidden;
            gap: 8px;
            padding: 8px;
            border-top: none;
            border-bottom: none;
            align-items: center;
}

.left-itemsUSERHERONEW-new-NEW-new, .right-itemsUSERHERONEW-new-NEW-new {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 8px;
}

.itemUSERHERONEW-new-NEW-new {
            flex: 1;
            background: #1b2429;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            padding: 12px;
            border: 1px solid #384247;
        }

        .itemUSERHERONEW-new-NEW-new img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: transform 0.4s ease;
            border-radius: 6px !important;
            border: 1px solid #3a4246;
        }

        .itemUSERHERONEW-new-NEW-new:hover {
            transform: scale(1.08);
            box-shadow: 0 0 15px #56708154;
        }

        .itemUSERHERONEW-new-NEW-new:hover img {
            transform: scale(1.15);
            filter: brightness(1.2);
        }

        .itemUSERHERONEW-new-NEW-new::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, #4866799e 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .itemUSERHERONEW-new-NEW-new:hover::after {
            opacity: 1;
        }

        .item-counterUSERHERONEW-new-NEW-new {
            position: absolute;
            top: 15px;
            left: 15px;
            color: #a8b6c0;
            font-size: 10px;
            font-weight: 700;
            background: rgba(20, 26, 30, 0.8);
            padding: 2px 6px;
            border-radius: 4px;
            border: 1px solid #2d393f;
            text-shadow: 0 0 5px rgba(0, 255, 162, 0.5);
            animation: flickers 3s infinite;
            z-index: 2;
        }

        .itemUSERHERONEW-new-NEW-new:hover .item-counterUSERHERONEW-new-NEW-new {
            transform: scale(1.1);
            filter: brightness(1.2);
        }

        .item-overlayUSERHERONEW-new-NEW-new {
            position: absolute !important;
            bottom: 15px;
            right: 15px;
            width: 12px !important;
            height: 12px !important;
            object-fit: contain;
            z-index: 2;
            border: 1px solid #2d393f;
            border-radius: 4px;
            background: rgba(20, 26, 30, 0.8);
            padding: 2px;
            box-shadow: 0 0 5px rgba(0, 255, 162, 0.5);
            animation: flickers 3s infinite;
            transition: transform 0.4s ease;
        }

        .itemUSERHERONEW-new-NEW-new:hover .item-overlayUSERHERONEW-new-NEW-new {
            transform: scale(1.1);
            filter: brightness(1.2);
}

.characterUSERHERONEW-new-NEW-new {
            flex: 2;
            background: #1b2429;
            color: #677178;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 12px;
            border-radius: 8px;
            border: 1px solid #2e393f;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            position: relative;
        }

        .characterUSERHERONEW-new-NEW-new .img-containerUSERHERONEW-new-NEW-new {
            width: 100%;
            height: 150px;
            overflow: hidden;
            border: 1px solid #384247;
            border-radius: 8px;
            position: relative;
        }

        .characterUSERHERONEW-new-NEW-new img {
            width: 100%;
            height: 150px;
            object-fit: contain;
            animation: breathe 4s infinite ease-in-out;
            display: block;
            transform-origin: center center;
        }

        @keyframes breathe {
            0% {
                transform: translate(0, 0);
            }
            50% {
                transform: translate(0, -2px);
            }
            100% {
                transform: translate(0, 0);
            }
        }

        .character-statusUSERHERONEW-new-NEW-new {
            position: absolute;
            top: -30px;
            left: 50%;
            transform: translateX(-50%);
            color: #00ffa2;
            font-size: 12px;
            font-weight: 700;
            background: rgba(20, 26, 30, 0.8);
            padding: 4px 8px;
            border-radius: 4px;
            border: 1px solid #2d393f;
            text-shadow: 0 0 5px rgba(0, 255, 162, 0.5);
            animation: flickers 3s infinite;
            z-index: 2;
            text-transform: uppercase;
        }

        .characterUSERHERONEW-new-NEW-new:hover .character-statusUSERHERONEW-new-NEW-new {
            transform: translateX(-50%) scale(1.1);
            filter: brightness(1.2);
        }

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






.AmuletANDRingNEW-newv2 {
    height: 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

.AmuletANDRingNEW-new {
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    background: rgb(255 255 255 / 0%);
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #ffffff00;
}







.AmuANDRinNEW-new {
            position: absolute;
            top: 230px;
            left: 52%;
            transform: translateX(-50%);
            font-size: 12px;
            background: rgb(255 255 255 / 0%);
            padding: 3px 8px;
            border-radius: 4px;
            border: 1px solid #ffffff00;
}







.pb5USER-gifts-NEW-GIFTS-new {padding-bottom: 0px}
.pt5USER-gifts-NEW-GIFTS-new {padding-top: 10px}
.w45USER-gifts-NEW-GIFTS-new {width: 45px}
.pl10USER-gifts-NEW-GIFTS-new {padding-left:10px;}
.transform-10USER-gifts-NEW-GIFTS-new {}
.transform-10USER-gifts-NEW-GIFTS-new:hover{
    transform: scale(1.1);
    transition: all 0.1s ease-in-out;
}
.br5-emptyUSER-gifts-NEW-GIFTS-new {
    border-radius: 5px;
    border: 1px
}
.blocks-m-cUSER-gifts-NEW-GIFTS-new {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
.h64USER-gifts-NEW-GIFTS-new {
    height: 44px;
    min-height: 44px;
    min-width: 44px;
}
.r3_type_1_activeUSER-gifts-NEW-GIFTS-new {
    border-radius: 50px 50px;
    box-shadow: 0 0 0 0px #212b33, 0 0 30px #384951;
    border: 2px solid #384247;
}






















































.chat-listCLAN-BOSS-NEW-new {
            padding: 10px;
            margin-top: 5px;
            margin-bottom: 5px;
            border-radius: 4px;
            color: #8f989d;
            position: relative;
            max-width: 100%;
            animation: flicker-in 0.8s ease-out;
}

.chat-listCLAN-BOSS-NEW-new::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIW2MMDQ39z8DAwMDAwAAAAP//AwC6s9cRAAAAAElFTkSuQmCC');
            opacity: 0.06;
            pointer-events: none;
}

.chat-listCLAN-BOSS-NEW-new.otherCLAN-BOSS-NEW-new {
            background: #1a252b;
            margin-right: auto;
            border-left: 3px solid #27343b;
            animation: slide-left 0.6s ease-out;
}

.chat-listCLAN-BOSS-NEW-new.mineCLAN-BOSS-NEW-new {
            background: #131c21;
            margin-left: auto;
            border-right: 3px solid #2a383f;
            animation: slide-right 0.6s ease-out;
}


@keyframes flicker-in {
            0% {
                opacity: 0;
            }
            50% {
                opacity: 0.4;
            }
            75% {
                opacity: 0.7;
            }
            100% {
                opacity: 1;
            }
        }

        @keyframes slide-left {
            from {
                opacity: 0;
                transform: translateX(-30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes slide-right {
            from {
                opacity: 0;
                transform: translateX(30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
}



.containerCLAN-BOSS-NEW-new {
  display: flex; /* Создает гибкий контейнер */
  align-items: center; /* Выравнивает элементы по центру по вертикали */
  gap: 10px; /* Отступ между картинкой и текстом */
}

.block-imageCLAN-BOSS-NEW-new {
  width: 50px; /* Задаем ширину картинки */
  height: 50px; /* Задаем высоту картинки */
  object-fit: cover; /* Масштабирует изображение, чтобы оно занимало все отведенное пространство */
}

.text-contentCLAN-BOSS-NEW-new {
  /* Дополнительные стили для текста */
}

.text-contentCLAN-BOSS-NEW-new p {
  margin: 0; /* Убирает стандартные отступы у параграфов */
  line-height: 1.2; /* Регулирует межстрочный интервал */
}

























.user-visitHEROINFOS-NEW-news {
            padding: 5px 0px 0px 0px;
            border-top: none;
            position: relative;
}

.user-visitHEROINFOS-NEW-news div {
            background: #1b2429;
            padding: 10px;
            border: 1px solid #384247;
            border-radius: 8px;
            color: #a8b6c0;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6), 0 0 8px #1e2b32;
            animation: flickers 4s infinite;
            font-size: 13px;
}

.user-visitHEROINFOS-NEW-news div:hover {
            transform: scale(1.02);
            box-shadow: 0 0 15px #56708154;
            border-image: linear-gradient(45deg, #567081, #3c4b55) 1;
}


























.HEROUSERLISTCNOPKA-NEW-newforum_listCLANNEW-newNEW{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    border-radius: 5px;
    padding: 5px 0px 0px 0px;
}

.HEROUSERLISTCNOPKA-NEW-newforum_listCLANNEW-newNEW a{
    display: block;
    color: #8f989d;
    width: 100%;
    padding: 8px 8px 8px 15px;
    border: 1px solid #384247;
    background: linear-gradient(90deg, #131c21, #1a242b);
    box-sizing: border-box;
    transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
    position: relative;
}

.HEROUSERLISTCNOPKA-NEW-newforum_listCLANNEW-newNEW a:hover {
    background: linear-gradient(90deg, #10171a, #1a242b);
    color: #71b38f;
    transform: translateX(5px);
    border-color: #71b38f40;
}

.HEROUSERLISTCNOPKA-NEW-newforum_listCLANNEW-newNEW a img{
    width: 13.5px;
    margin-right: 3px;
    filter: drop-shadow(2px 2px 2px #00000061);
}

.HEROUSERLISTCNOPKA-NEW-newforum_listCLANNEW-newNEW a:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.HEROUSERLISTCNOPKA-NEW-newforum_listCLANNEW-newNEW a:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}



















.metro-chat-divHEROUSER-NEW-NEWSKNOPKAS {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 4px;
            padding: 5px 0px 0px 0px;
        }

        .metro-chat-divHEROUSER-NEW-NEWSKNOPKAS div {
            width: 100%;
        }

        .cBtnHEROUSER-NEW-NEWSKNOPKAS {
            display: block;
            background: #27343b;
            color: #8f989d !important;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 10px;
            width: 100%;
            height: 34px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
            box-shadow: inset 0 -3px rgba(0, 0, 0, 0.5);
            text-decoration: none;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
        }

        .cBtnHEROUSER-NEW-NEWSKNOPKAS::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgb(91 138 154 / 30%), transparent);
            transition: left 0.4s;
        }

        .cBtnHEROUSER-NEW-NEWSKNOPKAS:hover::after {
            left: 100%;
        }

        .cBtnHEROUSER-NEW-NEWSKNOPKAS:hover {
            background: #304049;
        }

        .cBtnHEROUSER-NEW-NEWSKNOPKAS:active {
            transform: translateY(2px);
            box-shadow: inset 0 -2px rgba(0, 0, 0, 0.7);
}