/* ===== БАЗОВЫЕ НАСТРОЙКИ И ТЕЛО ===== */
body {
    color: #000000;
    font: 12px Verdana;
    background-color: #eef2ff !important; 
    margin: 0;
    padding: 0;
    overflow: hidden;
}

input, select { vertical-align: middle; margin: 0px; }
img { vertical-align: middle; border: 0px; }

/* ===== ФОН ЧАТА ===== */
.chat-body {
    background-color: #eef2ff !important; 
    
    background-image: url("https://euphoria.mpchat.com/IMG/e5274e289d5211f182653aa928861e5d_1.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    will-change: transform;
}

.adm-body { background-image: url("https://chat56310.mpchat.com/fony/Adminca.jpg"); }
.info-body { background-image: url("https://chat56310.mpchat.com/fony/Butt.jpg"); }
.love-body { background-image: url("https://chat56310.mpchat.com/fony/ZAGS.jpg"); }
.forum-body { background-image: url("https://chat56310.mpchat.com/fony/Forum.jpg"); }
.gallery-body { background-image: url("https://chat56310.mpchat.com/fony/Gallery.jpg"); }
.post-body { background-image: url("https://chat56310.mpchat.com/fony/Post.jpg"); }
.set-body { background-image: url("https://chat56310.mpchat.com/fony/Settings.jpg"); }

/* ===== ОСНОВНЫЕ ЭЛЕМЕНТЫ ИНТЕРФЕЙСА ===== */
#leftdiv {
    background-color: rgba(238, 242, 255, 0.4) !important; 
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* ВАЖНО: здесь БОЛЬШЕ НЕТ transform — выезд никлиста работает через right */
#usersdiv {
    background-color: rgba(238, 242, 255, 0.4) !important;
    overflow-x: hidden;
}

#bottomdiv {
    background: linear-gradient(135deg, rgba(253, 251, 255, 0.95) 0%, rgba(243, 229, 245, 0.95) 50%, rgba(225, 190, 231, 0.95) 100%) !important;
    backdrop-filter: blur(5px);
    transform: translate3d(0, 0, 0);
}

#fastsmile {
    background-color: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(3px);
}

/* ===== ВИКТОРИНА ===== */
#gamediv table { border-collapse: collapse; }
#gamediv td { padding: 2px; font: 18px Verdana; text-align: center; width: 20px; height: 15px; }

/* ===== ССЫЛКИ ===== */
a, a:active { color: #005DB5; font: bold 12px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }

/* ===== ТАБЛИЦЫ ===== */
table { border: 1px #7897BB solid; border-collapse: collapse; }
td { color: #000000; background-color: #f3f3f3; font: 12px Verdana; padding: 4px; border: 1px #7897BB solid; }

/* ===== ПОЛЯ ВВОДА И КНОПКИ ===== */
input, select, textarea {
    margin-bottom: 2px; padding: 4px 4px; border: 1px #131211 solid;
    font-weight: bolder; border-radius: 5px;
    background: linear-gradient(to top left, #a29b9457, white);
}
input[type=checkbox] { width: 16px; height: 16px; border: 7px; }
input[type=file] { border: 0px; }

input[type=button], input[type=submit] {
    cursor: pointer; padding: 3px 2px; color: #ffffff; font-weight: 900;
    border: 0px;
    background: linear-gradient(to bottom, #6943bc, #a58aec);
}
input[type=button]:hover, input[type=submit]:hover {
    background-color: #bdbdf2; 
    background: linear-gradient(to bottom, #f00, #cc7231);
}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: 0; padding: 0; }

.text3 {
    color: #ffffff; font-weight: bolder; background: #C71585;
    border: 0px; border-radius: 8px; width: 93px; height: 25px; cursor: pointer;
}

/* ===== СКРОЛЛБАРЫ ===== */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: #f3e5f5; border-radius: 10px; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d1c4e9 0%, #b39ddb 100%);
    border-radius: 10px; border: 3px solid #f3e5f5;
    box-shadow: 0 0 5px rgba(179, 157, 219, 0.5);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ab47bc 0%, #8e24aa 100%);
    box-shadow: 0 0 12px rgba(142, 36, 170, 0.8);
}
::-webkit-scrollbar-corner { background: #f3e5f5; }

* { scrollbar-width: thin; scrollbar-color: #b39ddb #f3e5f5; }
html { scroll-behavior: smooth; }

/* ===== ИКОНКА ЗАГРУЗКИ ФАЙЛА ===== */
.file {
    vertical-align: middle; display: inline-block; overflow: hidden;
    width: 16px; height: 16px; background-image: url(//mpchat.com/blank/img/image.png);
}
.file input {
    cursor: pointer; width: 16px; height: 16px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
}

/* ===== ЗАГОЛОВКИ ТАБЛИЦ ===== */
.title { color: white; background-color: #7897BB; font-weight: bold; }
.title a { color: white; }
.title a:active { color: white; }
.title a:hover { color: white; }
.low { color: gray; font: normal 11px Verdana; } 

/* ===== НИКЛИСТ ===== */
#users table { border: 15px; background: #00EE0A00; border-radius: 8px; }
#users td { border: 15px; }
#users a { font: normal 15px Verdana; }
#users td { border: 2px; background: url(''); }

/* ===== СМАЙЛЫ ===== */
.sm {
    cursor: pointer; height: auto; width: auto;
    max-width: 150px; max-height: 150px;
}

/* ===== МЕНЮ (ВЕРХНЕЕ) ===== */
.top-menu-wrapper {
    position: absolute; top: 0; left: 0; right: 0; height: 42px; z-index: 100;
    display: flex; align-items: center; padding: 0 10px;
    background: linear-gradient(135deg, #fdfbff 0%, #f3e5f5 50%, #e1bee7 100%);
    border-bottom: 2px solid #ce93d8;
    box-shadow: 0 4px 15px rgba(186, 104, 200, 0.15);
}
.menu-toggle-btn {
    background: linear-gradient(135deg, #e1bee7 0%, #ce93d8 100%);
    border: 1px solid #ba68c8; color: #4a148c;
    padding: 6px 14px; border-radius: 20px; cursor: pointer;
    font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 6px;
    transition: all 0.3s ease; white-space: nowrap;
}
.menu-toggle-btn:hover {
    background: linear-gradient(135deg, #ce93d8 0%, #ba68c8 100%);
    color: #fff; box-shadow: 0 0 15px rgba(186, 104, 200, 0.4); transform: translateY(-1px);
}
.dropdown-menu-container {
    display: none; position: absolute; top: 46px; left: 10px; z-index: 1000;
    animation: menuSlideDown 0.3s ease;
}
@keyframes menuSlideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
.dropdown-menu-container.active { display: flex; gap: 0; }
.menu-column {
    background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px);
    border: 1px solid #e1bee7; border-radius: 12px; padding: 12px 0;
    min-width: 220px; box-shadow: 0 8px 32px rgba(186, 104, 200, 0.2);
}
.menu-column:first-child { border-radius: 12px 0 0 12px; border-right: none; }
.menu-column:last-child { border-radius: 0 12px 12px 0; }
.menu-section-title {
    color: #8e24aa; font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 1px; padding: 8px 16px 12px; display: flex; align-items: center; gap: 8px;
    border-bottom: 1px solid rgba(206, 147, 216, 0.3); margin-bottom: 8px;
}
.menu-section-title .icon { font-size: 14px; }
.menu-item {
    display: flex; align-items: center; gap: 10px; padding: 10px 16px;
    color: #6a1b9a; text-decoration: none; font-size: 13px; font-weight: 500;
    cursor: pointer; transition: all 0.2s ease; border: none; background: none;
    width: 100%; text-align: left; font-family: inherit; border-radius: 0;
}
.menu-item:hover {
    background: linear-gradient(90deg, rgba(206, 147, 216, 0.3) 0%, rgba(206, 147, 216, 0.05) 100%);
    color: #4a148c; padding-left: 20px;
}
.menu-item .item-icon { font-size: 16px; width: 20px; text-align: center; }
.menu-item.exit-item {
    color: #d81b60; border-top: 1px solid rgba(206, 147, 216, 0.3);
    margin-top: 8px; padding-top: 12px;
}
.menu-item.exit-item:hover {
    background: linear-gradient(90deg, rgba(244, 143, 177, 0.3) 0%, rgba(244, 143, 177, 0.05) 100%);
    color: #880e4f;
}
.menu-item.dj-item { color: #8e24aa; }
.menu-item.dj-item:hover {
    background: linear-gradient(90deg, rgba(206, 147, 216, 0.3) 0%, rgba(206, 147, 216, 0.05) 100%);
    color: #4a148c;
}
.menu-divider { height: 1px; background: rgba(206, 147, 216, 0.3); margin: 8px 16px; }
.clear-frame-btn {
    margin-left: auto; display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border-radius: 50%; background: #f3e5f5;
    border: 1px solid #ce93d8; cursor: pointer; transition: all 0.3s ease; text-decoration: none;
}
.clear-frame-btn:hover {
    background: #ce93d8; border-color: #ba68c8; box-shadow: 0 0 12px rgba(186, 104, 200, 0.4);
}
.clear-frame-btn svg { stroke: #8e24aa; }
.clear-frame-btn:hover svg { stroke: #fff; }

/* ===== НИЖНЯЯ ПАНЕЛЬ ===== */
#bottomdiv {
    position: absolute; max-height: 28px; height: auto; left: 0px; right: 0px; bottom: 0px;
    border-top: 2px solid #ce93d8;
    display: flex; align-items: center; padding: 8px 10px; gap: 8px;
    box-shadow: 0 -4px 15px rgba(186, 104, 200, 0.15);
}
#bottomdiv form { display: flex; align-items: center; gap: 8px; width: 100%; margin: 0; flex-wrap: wrap; }

.chat-select {
    padding: 7px 6px; border-radius: 20px; border: 1px solid #ce93d8;
    background: #ffffff; color: #6a1b9a; cursor: pointer; font-size: 12px;
    outline: none; transition: all 0.3s;
}
.chat-select:hover, .chat-select:focus { border-color: #ab47bc; box-shadow: 0 0 8px rgba(171, 71, 188, 0.3); }
.chat-select option { background: #ffffff; color: #6a1b9a; }

.chat-input-nick {
    padding: 7px; border-radius: 20px; border: 1px solid #ce93d8;
    background: #ffffff; color: #8e24aa; cursor: pointer; font-size: 12px;
    text-align: center; outline: none; transition: all 0.3s;
}
.chat-input-nick:hover, .chat-input-nick:focus { border-color: #ab47bc; box-shadow: 0 0 8px rgba(171, 71, 188, 0.3); }

.chat-input-text {
    flex-grow: 1; min-width: 200px; padding: 8px 15px; border-radius: 20px;
    border: 1px solid #ce93d8; background: #ffffff; color: #4a148c;
    font-size: 14px; outline: none; transition: all 0.3s;
}
.chat-input-text:focus { border-color: #ab47bc; box-shadow: 0 0 10px rgba(171, 71, 188, 0.3); }

.chat-btn-submit {
    padding: 8px 18px; border-radius: 20px; border: 1px solid #ba68c8;
    background: linear-gradient(135deg, #ce93d8 0%, #ba68c8 100%);
    color: #fff; font-weight: 600; font-size: 13px; cursor: pointer;
    transition: all 0.3s; box-shadow: 0 2px 8px rgba(186, 104, 200, 0.3); white-space: nowrap;
}
.chat-btn-submit:hover {
    background: linear-gradient(135deg, #ba68c8 0%, #ab47bc 100%);
    box-shadow: 0 4px 12px rgba(171, 71, 188, 0.5); transform: translateY(-1px);
}

.chat-btn-icon {
    padding: 7px 10px; border-radius: 20px; border: 1px solid #ce93d8;
    background: #ffffff; color: #8e24aa; cursor: pointer; font-size: 14px;
    transition: all 0.3s; white-space: nowrap;
}
.chat-btn-icon:hover {
    background: #f3e5f5; border-color: #ab47bc; color: #6a1b9a; transform: translateY(-1px);
}

/* ===== ЗАГОЛОВКИ СЕКЦИЙ НИКЛИСТА ===== */
.section-title {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 90%; margin: 18px auto 10px auto; padding: 8px 12px;
    background: linear-gradient(135deg, rgba(225, 190, 231, 0.5) 0%, rgba(243, 229, 245, 0.8) 100%);
    border: 1px solid rgba(206, 147, 216, 0.5); border-radius: 20px;
    color: #6a1b9a; font-size: 12px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.8px; box-shadow: 0 2px 8px rgba(186, 104, 200, 0.1);
    transition: all 0.3s ease;
}
.section-title:hover {
    background: linear-gradient(135deg, rgba(206, 147, 216, 0.6) 0%, rgba(225, 190, 231, 0.9) 100%);
    border-color: #ba68c8; box-shadow: 0 4px 12px rgba(186, 104, 200, 0.2); transform: translateY(-1px);
}
.section-title .icon { font-size: 16px; }

.bg-thumb {
    border-radius: 8px; cursor: pointer; border: 2px solid #e1bee7;
    width: 42px; height: 42px; object-fit: cover; transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.bg-thumb:hover {
    border-color: #ab47bc; transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(171, 71, 188, 0.3);
}

/* ===== МОДАЛЬНЫЕ ОКНА ===== */
#wrap {
    display: none; opacity: 0.8; position: fixed; left: 0; right: 0; top: 0; bottom: 0;
    padding: 16px; background-color: rgba(1, 1, 1, 0.725); z-index: 2; overflow: auto;
}
#window {
    width: 400px; height: 340px; margin: 50px auto; display: none;
    background-color: rgba(255, 255, 255, 0.95); z-index: 2;
    position: fixed; left: 0; right: 0; top: 0; bottom: 0; padding: 16px;
    border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}
.close {
    margin-left: 364px; margin-top: 4px; cursor: pointer;
    border: 2px solid #f8bbd0; color: #880e4f; background: #f48fb1;
    padding: 10px 14px; border-radius: 30px; font-weight: bold;
}
.close:hover { color: #fff; background: #ec407a; }

button#zayavka-fahcize {
    position: center; right: 5px; bottom: 1px;
    background: linear-gradient(to bottom, #ce93d8 0%, #ab47bc 100%);
    color: #fff; font-size: 20px; text-shadow: 0 1px 0 #8e24aa;
    padding: 4px 0 5px 0; margin: 0; cursor: pointer; border: 0;
    border-top: 1px solid #e1bee7; border-right: 1px solid #ba68c8;
    border-left: 1px solid #ba68c8; border-bottom: 1px solid #ba68c8;
    box-shadow: 0 -1px 0 #ba68c8, 0 1px 0 #fff; width: 200px; border-radius: 8px;
}
button#zayavka-fahcize:hover {
    background: linear-gradient(to bottom, #ba68c8 0%, #ab47bc 100%);
}

#stretch {
    position: absolute; height: 16px; width: 16px; right: 455px; bottom: 115px;
    padding-bottom: 19px; display: block; cursor: s-resize;
    background: url(); background-repeat: no-repeat; z-index: 2;
}
#privleft {
    position: absolute; height: 5px; left: 0; right: 430px;
    background: linear-gradient(to left, #e1bee7, #ce93d8); bottom: 185px; 
}
.iksweb {
    display: inline-block; cursor: pointer; font-size:16px; text-decoration:none;
    padding:1px 6px; color:#4a148c; background:#f3e5f5; border-radius:60px;
    border:1px solid #e1bee7; transition: all 0.2s ease;
}
.iksweb:hover { background:#e1bee7; color:#fff; border-color:#ce93d8; }

.mp_record {
    display:inline-flex; background: url("Chat_inside/Design/Microphone.gif") no-repeat 50% 50%; 
    width: 28px; height: 28px; line-height:28; background-size: contain;
    cursor: pointer; text-align:center; color:white; font:normal 11px Verdana; vertical-align: middle;
}
.mp_recording { border-radius:14px; background:#f48fb1; background-image: none; }
#fastsmile img { width:92px !important; }

.log-body {
    font-weight: bold;
    color: #f0f0f0 !important;
    overflow: auto;
}
.adm-body {
overflow:auto;
}
#leftdiv img{max-width:150px; max-height: 150px;}
.smile-body{overflow:auto}
.log-body{overflow:auto}
.who-body{overflow:auto}
.gallery-body{overflow:auto}
.clan-body{overflow:auto}
.gb-body{overflow:auto}
.shop-body{overflow:auto}
.admin-body{overflow:auto}
.top100-body{overflow:auto}

/* ============================================================
   🐱 ШКАТУЛКА ПАНДОРЫ — картинка в чате
   ============================================================ */
.cat-event{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 6px auto;
    padding: 10px 14px 12px;
    background: linear-gradient(160deg, #fff8dc 0%, #ffe9a8 45%, #f7c96b 100%);
    border: 2px solid #d4a017;
    border-radius: 16px;
    box-shadow:
        0 0 0 3px rgba(255, 215, 0, .25),
        0 6px 18px rgba(0, 0, 0, .25),
        inset 0 1px 0 rgba(255, 255, 255, .6);
    cursor: pointer;
    user-select: none;
    position: relative;
    overflow: hidden;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
    animation: catPulse 2.2s ease-in-out infinite;
    max-width: 220px;
}

@keyframes catPulse{
    0%,100%{
        box-shadow:
            0 0 0 3px rgba(255, 215, 0, .25),
            0 6px 18px rgba(0, 0, 0, .25),
            0 0 22px rgba(255, 200, 60, .55),
            inset 0 1px 0 rgba(255,255,255,.6);
    }
    50%{
        box-shadow:
            0 0 0 3px rgba(255, 215, 0, .55),
            0 6px 22px rgba(0, 0, 0, .3),
            0 0 34px rgba(255, 200, 60, .95),
            inset 0 1px 0 rgba(255,255,255,.7);
    }
}

.cat-event::after{
    content: "";
    position: absolute;
    top: -60%;
    left: -70%;
    width: 40%;
    height: 220%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: rotate(20deg);
    animation: catShine 3.2s linear infinite;
    pointer-events: none;
}
@keyframes catShine{
    0%   { left: -70%; }
    60%  { left: 130%; }
    100% { left: 130%; }
}

.cat-event:hover{
    transform: translateY(-2px) scale(1.04);
    filter: brightness(1.06);
}
.cat-event:active{
    transform: translateY(0) scale(.98);
}

.cat-event-img{
    display: block;
    width: 92px;
    height: 92px;
    object-fit: contain;
    filter: drop-shadow(0 3px 6px rgba(120, 80, 0, .45));
    animation: catBounce 1.6s ease-in-out infinite;
    pointer-events: none;
}
@keyframes catBounce{
    0%,100% { transform: translateY(0) rotate(-2deg); }
    50%     { transform: translateY(-6px) rotate(2deg); }
}

.cat-event-text{
    margin-top: 6px;
    font: bold 13px/1.2 Arial, sans-serif;
    color: #7a4a00;
    text-shadow: 0 1px 0 #fff8c4, 0 -1px 0 rgba(0,0,0,.08);
    letter-spacing: .3px;
    text-align: center;
    pointer-events: none;
}

.cat-event.disabled{
    filter: grayscale(.85) brightness(.9);
    cursor: default;
    animation: none;
}
.cat-event.disabled .cat-event-img{ animation: none; }


/* ============================================================
   💸 АНОНС ВЫИГРЫША
   ============================================================ */
.cat-win-announcement{
    display: block;
    margin: 8px auto;
    padding: 10px 16px;
    max-width: 420px;
    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.55), transparent 60%),
        linear-gradient(135deg, #ffe259 0%, #ffa751 55%, #ff7b00 100%);
    border: 2px solid #fff3c4;
    border-radius: 14px;
    color: #4a2600;
    font: bold 14px/1.35 Arial, sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.55);
    box-shadow:
        0 6px 20px rgba(255, 140, 0, .45),
        inset 0 1px 0 rgba(255,255,255,.75);
    letter-spacing: .2px;
    word-break: break-word;
    animation: catWinAppear .5s ease-out, catWinGlow 1.8s ease-in-out infinite .5s;
    position: relative;
    overflow: hidden;
}
.cat-win-announcement::before{
    content: "💸";
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    opacity: .35;
    animation: coinFly 2.6s linear infinite;
}
@keyframes coinFly{
    0%   { left: -30px; opacity: 0; }
    15%  { opacity: .55; }
    85%  { opacity: .55; }
    100% { left: 105%; opacity: 0; }
}
@keyframes catWinAppear{
    0%   { transform: scale(.7) translateY(8px); opacity: 0; }
    60%  { transform: scale(1.05) translateY(0); opacity: 1; }
    100% { transform: scale(1); }
}
@keyframes catWinGlow{
    0%,100% { box-shadow: 0 6px 20px rgba(255, 140, 0, .45), inset 0 1px 0 rgba(255,255,255,.75); }
    50%     { box-shadow: 0 6px 26px rgba(255, 170, 0, .85), inset 0 1px 0 rgba(255,255,255,.9); }
}

/* ============================================
   ГОЛОС С НЕБЕС — светлый стиль
   ============================================ */

.gv-box {
    position: relative;
    margin: 18px auto;
    padding: 22px 26px 24px;
    max-width: 720px;

    background: radial-gradient(ellipse at top,
        #fffdf7 0%,
        #fff4dc 50%,
        #ffe9c2 100%);
    border: 1.5px solid rgba(210, 150, 60, 0.55);
    border-radius: 18px;

    box-shadow:
        0 4px 18px rgba(200, 140, 50, 0.18),
        0 0 40px rgba(255, 210, 130, 0.35),
        inset 0 0 30px rgba(255, 240, 200, 0.6);

    animation: gv-pulse 3.2s ease-in-out infinite,
               gv-fadein 0.5s ease-out;

    text-align: center;
    font-family: Georgia, 'Times New Roman', serif;
    overflow: hidden;

    transition: opacity 0.6s ease, transform 0.6s ease;
}

.gv-eyebrow {
    font-size: 15px;
    letter-spacing: 8px;
    text-transform: uppercase;
    color: #a87a3a;
    margin-bottom: 8px;
    font-family: 'Trebuchet MS', sans-serif;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.gv-title {
    font-size: 42px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 3px;
    line-height: 1.1;
    margin: 6px 0 4px;

    background: linear-gradient(90deg,
        #c46a00, #e0a850, #b8860b, #e0a850, #c46a00);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    filter: drop-shadow(0 2px 3px rgba(180, 120, 40, 0.35));
    animation: gv-shine 4s linear infinite;
}

.gv-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 14px 0 16px;
    color: #c9922e;
    font-size: 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}
.gv-divider::before,
.gv-divider::after {
    content: '';
    flex: 1;
    max-width: 120px;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(200, 150, 70, 0.7),
        transparent);
}
.gv-divider::before { margin-right: 12px; }
.gv-divider::after  { margin-left: 12px; }

.gv-text {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.55;
    color: #4a2f14;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
    padding: 0 8px;
    word-wrap: break-word;
}

@keyframes gv-pulse {
    0%, 100% {
        box-shadow:
            0 4px 18px rgba(200, 140, 50, 0.18),
            0 0 40px rgba(255, 210, 130, 0.35),
            inset 0 0 30px rgba(255, 240, 200, 0.6);
    }
    50% {
        box-shadow:
            0 6px 26px rgba(200, 140, 50, 0.28),
            0 0 70px rgba(255, 200, 100, 0.55),
            inset 0 0 45px rgba(255, 245, 215, 0.85);
    }
}
@keyframes gv-shine {
    0%   { background-position: -200% center; }
    100% { background-position:  200% center; }
}
@keyframes gv-fadein {
    from { opacity: 0; transform: translateY(-8px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 640px) {
    .gv-box { padding: 16px 16px 18px; border-radius: 14px; margin: 12px auto; }
    .gv-title { font-size: 28px; letter-spacing: 2px; }
    .gv-eyebrow { font-size: 11px; letter-spacing: 5px; }
    .gv-text { font-size: 17px; }
}
@media (max-width: 400px) {
    .gv-title { font-size: 22px; }
    .gv-text { font-size: 15px; }
    .gv-eyebrow { font-size: 10px; letter-spacing: 4px; }
}

.gv-vsem {
    --gv-accent: #c9922e;
    --gv-accent-soft: rgba(200, 150, 70, 0.7);
    --gv-bg-1: #fffdf7; --gv-bg-2: #fff4dc; --gv-bg-3: #ffe9c2;
    --gv-title-1: #c46a00; --gv-title-2: #e0a850; --gv-title-3: #b8860b;
    --gv-eyebrow: #a87a3a;
    --gv-glow: rgba(255, 210, 130, 0.35);
    --gv-glow-strong: rgba(255, 200, 100, 0.55);
}

.gv-dev {
    --gv-accent: #d16b9a;
    --gv-accent-soft: rgba(220, 130, 170, 0.7);
    --gv-bg-1: #fff7fb; --gv-bg-2: #ffe9f2; --gv-bg-3: #ffd6e6;
    --gv-title-1: #c23f7a; --gv-title-2: #e87bb0; --gv-title-3: #ff9cc6;
    --gv-eyebrow: #b05a85;
    --gv-glow: rgba(255, 180, 220, 0.4);
    --gv-glow-strong: rgba(255, 150, 200, 0.6);
}
.gv-dev .gv-text { color: #6b1f45; }
.gv-dev .gv-title::before { content: '❀ '; }
.gv-dev .gv-title::after  { content: ' ❀'; }

.gv-parn {
    --gv-accent: #5b7cc9;
    --gv-accent-soft: rgba(110, 140, 210, 0.7);
    --gv-bg-1: #f7faff; --gv-bg-2: #e9f0ff; --gv-bg-3: #d6e3ff;
    --gv-title-1: #3f5fc2; --gv-title-2: #7b9be8; --gv-title-3: #9cb8ff;
    --gv-eyebrow: #5a75b0;
    --gv-glow: rgba(160, 190, 255, 0.4);
    --gv-glow-strong: rgba(130, 170, 255, 0.6);
}
.gv-parn .gv-text { color: #1f3566; }
.gv-parn .gv-title::before { content: '⚔ '; }
.gv-parn .gv-title::after  { content: ' ⚔'; }

.gv-adm {
    --gv-accent: #8a5bc9;
    --gv-accent-soft: rgba(150, 110, 210, 0.7);
    --gv-bg-1: #faf7ff; --gv-bg-2: #efe9ff; --gv-bg-3: #dfd6ff;
    --gv-title-1: #6a3fc2; --gv-title-2: #a07be8; --gv-title-3: #bc9cff;
    --gv-eyebrow: #7a5ab0;
    --gv-glow: rgba(190, 160, 255, 0.4);
    --gv-glow-strong: rgba(170, 130, 255, 0.6);
}
.gv-adm .gv-text { color: #35204f; }
.gv-adm .gv-title::before { content: '⚜ '; }
.gv-adm .gv-title::after  { content: ' ⚜'; }

/* ============================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ ВЫДВИЖНОГО НИКЛИСТА
   ============================================================ */
@media (max-width: 700px) {
    #usersdiv {
        width: min(82vw, 300px) !important;
        padding: 8px !important;
    }
    .top-menu-wrapper {
        padding: 0 6px !important;
        gap: 5px !important;
    }
    .menu-toggle-btn,
    .smile-menu-btn,
    .users-menu-btn {
        flex-shrink: 0;
        padding: 5px 10px !important;
        font-size: 11px !important;
        gap: 4px !important;
    }
}

@media (max-width: 420px) {
    #usersdiv {
        width: 88vw !important;
    }
    .menu-toggle-btn,
    .smile-menu-btn,
    .users-menu-btn {
        padding: 5px 8px !important;
        font-size: 10px !important;
    }
}
.adm-body img{max-width:150px;}
/* Плавное сжатие левого дива */
#leftdiv,
#privatdiv,
#gamediv {
    transition: left 0.3s ease, right 0.35s ease;
    will-change: left, right;
}