/* выравнивание */
input, select {vertical-align:middle; margin:0px;}
img {vertical-align:middle; border:0px;}

/* ссылки  */
a,a:active{color:#000000;font: bold 13px Arial Black; text-decoration: none;}
a:hover{color:#600B0B;font: bold 13px Arial Black; text-decoration: none;}

/* кнопки, текстовые поля и селекторы */
input, select, textarea {margin-bottom: 2px; padding:4px 4px; border:1px #DAA520 solid;font-weight:bolder; border-radius:5px;background: linear-gradient(to top left, #ff8400a3, #9e9e9e);}
button, input, select, textarea {margin-bottom: 7px;}
input[type=checkbox] {vertical-align:middle;width:18px; height:18px; border:0px;box-shadow: 2px 2px 2px #000080;}
input[type=button], input[type=submit] {cursor:pointer;font: 12px Georgia; font-weight:bolder; padding:5px 7px; color:#000000; border-radius:7px;  border: 1px solid #000000;  background: linear-gradient(to bottom, #ff8400a3, #9e9e9e);}
input[type=button]:hover, input[type=submit]:hover { background: linear-gradient(to bottom,#B45F04 , #B45F04);}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {border:0; padding:0;}
.text1 {color: #000000; font: 13px Georgia; font-weight:bolder; background: #ffffff; border: 1px solid #000000; ;border-radius: 7px; box-shadow: 0px 0px 3px #FF9800; width:97px; height:26px; cursor: pointer;}
.text2 {color: #000000; font: 12px Georgia; font-weight:bolder; background: #ff8400a3, #9e9e9e;border:0px; border-radius: 7px; border: 1px solid #730400; width:80px; height:26px; cursor: pointer;}
.text3 {color: #000000; font: 12px Georgia; font-weight:bolder; background: #ff980091; border: 0px solid #000000; border-radius: 7px; box-shadow: 0px 0px 3px #000000; width:73px; cursor: pointer;}
.text4 {color: #000000; font: 12px Georgia; font-weight:bolder; background: #ffe397; border: 1px solid #841100 ;border-radius: 7px; box-shadow: 0px 0px 3px #000000;width:83px; height:21px;}

/* стиль никлиста */
#users table {width: 100%;text-align:left; font:11px Verdana;border-radius:0px; border:0px; border-collapse: collapse;box-shadow: 0 0 0px rgba(0,0,0,0.5);}
#users tr:nth-child(even) {box-shadow: 0 0 0px rgba(0,0,0,0.5);}
#users tr:nth-child(odd) {box-shadow: 0 0 0px rgba(0,0,0,0.5);}

/* стиль для игры - викторина */
#gamediv table {border-collapse:collapse; margin-left:20px;} 
#gamediv td {padding:2px; font:22px Arial Black; border: 2px solid #000000; text-align:center; width:17px; height:15px;}
#gamediv {background:#fff0f5;}
#gamediv a {color:#cd0000;font-weight:bolder;font:13px Arial Black;}

/* ползунки */
::-webkit-scrollbar {width: 9px;height: 9px;}
::-webkit-scrollbar-track-piece {background-color: rgb(158 158 158 / 51%);}
::-webkit-scrollbar-thumb:vertical {height: 30px;background-color:#fff; border-radius: 19px;}
::-webkit-scrollbar-thumb:horizontal {height: 30px;background-color:#fff; border-radius: 19px;}

/* стиль выводимого смайла */
.sm {cursor:pointer;}

/* стиль заголовка таблицы .title */
.low {color:#cd0000; font: normal 11px Arial Black;}

/* STYLESATOR */
.chat-body {
	background-image:url("/fony/фон0.png");
	background-repeat: no-repeat;
	background-position: auto 20%;
	background-size: cover;
	background-attachment: fixed;
}

.info-body{background-image:url("/fony/фон0.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;}

.admin-body {background-image:url("/fony/фон0.png");}
.gb-body { background:url("/img/fon/ "); }
.adm-body { background:url("/fony/фон0.png"); }
.smile-body { background:url("/fony/фон0.png"); }
.post-body { background:url("/fony/фон0.png"); }
.gallery-body { background:url("/fony/фон0.png"); }
.love-body { background:url("/fony/фон0.png"); }
.clan-body {background: url("/fony/фон0.png"); }
.forum-body { background:url("/img/fon/ "); }

.shop-body {
	background:url("/fony/фон0.png");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.set-body { background:url("/fony/фон0.png"); }

.turn:hover {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition:all 2000ms;   
    -moz-transition:all 2000ms;
    -o-transition:all 2000ms;
    transition:all 2000ms;  
}
.tablo_sb {
   background-color: #e3a63c;
   border: none;
   color: #FFFFFF;
   padding: 3px;
   border-radius: 36px;
}
.chatu_sb {
   background-color: rgba(0,127,255,0.7);
   border: none;
   color: #FFFFFF;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px #c7a600;
  border-radius: 8px;
  background: #dc9aa6;
  margin: 5px 0;
}
::-webkit-scrollbar-thumb {
  background: #d8a903;
  border-radius: 8px;  
  box-shadow: inset 0 0 5px #151414;
}
::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 10px #151414; }
::-webkit-scrollbar-button:hover { box-shadow: inset 0 0 3px #8a078a; background: pink;}

/* стиль настроек */
.set-body table {color: #000000; font: 14px Arial Black; background: #D8B1BF; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #B55489; border: 1px solid #131313; cursor: hand; }
.set-body td { color: #000000; font: 13px Arial Black; background: #F5F5DC; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #B55489; border: 1px solid #131313; cursor: hand; }
.set-body .text {background-color:#CAC4B0;color:#000000;cursor: pointer;font-family:Verdana;font-weight:bold;}
.set-body textarea {background-color:#CAC4B0;color:#000000;cursor: pointer;font-family:Verdana;font-weight:bold;}
.set-body a { color: #000000; font: bold 14px Arial Black; }

/* стиль клан */
.clan-body table {color: #0000ff; font: 12px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.clan-body td { color: #0000ff; font: 12px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.clan-body .input { color: #0000ff; font: 12px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.clan-body select { color: #0000ff; font: 12px Verdana; background: #20B2AA; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.clan-body a,a:active{color:#0000ff; font: bold 12px Verdana; font-weight:bolder; text-decoration: none;}
.clan-body a:hover{color:#cd0000; font: bold 12px Verdana; font-weight:bolder; text-decoration: underline;}
.clan-body textarea {background:#cfcfcf; color:#0000ff; cursor: pointer; font-family:Verdana; font-weight:bolder;}

/* стиль смайлы */
.smile-body table {color: #0000ff; font: 14px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.smile-body td { color: #0000ff; font: 14px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.smile-body select { color: #0000ff; font: 14px Arial Black; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; width:220px; height:30px;cursor: hand; }
.smile-body textarea { background:#cfcfcf; color:#0000ff; cursor: pointer; font-family:Verdana; font-weight:bolder;}
.smile-body a,a:active{color:#0000ff; font: bold 14px Verdana; font-weight:bolder; text-decoration: none;}
.smile-body a:hover{color:#cd0000; font: bold 14px Verdana; font-weight:bolder; text-decoration: underline;}

/* стиль админка */
.adm-body table {color: #080889; font: 13px Verdana; background: #cfcfcf;font-weight:bold; border-radius : 5px; padding:3px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; cursor: hand; }
.adm-body td { color: #080889; font: 13px Verdana; background: #cfcfcf;font-weight:bold; border-radius : 5px; padding:5px 3px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; cursor: hand; }
.adm-body textarea { background:#cfcfcf; color:#080889; cursor: pointer; font-family:Verdana; font-weight:bolder; }
.adm-body .text {color:#080889;background-color:#cfcfcf;border-radius : 5px; padding:4px 0 1px 0;  box-shadow: 0 0 2px #20B2AA; border: 1px solid #20B2AA;font-weight:bold; cursor: hand; }
.adm-body select {color: #080889;border-radius : 5px; padding:3px 1px;  box-shadow: 0 0 2px #20B2AA; border: 1px solid #20B2AA;font-weight:bold; cursor: hand; }

/* стиль форум */
.forum-body table {color: #191970; font: 14px Verdana; background: #FFFFF0; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.forum-body td { color: #191970; font: 13px Verdana; background: #FFFFF0; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.forum-body select { color: #191970; font: 13px Verdana; background: #FFFFF0; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.forum-body a,a:active{color:#191970; font: bold 12px Verdana; font-weight:bolder; text-decoration: none;}
.forum-body a:hover{color:#cd0000; font: bold 12px Verdana; font-weight:bolder; text-decoration: underline;}
.forum-body textarea {background:#E0FFFF; color:#191970; cursor: pointer; font-family:Verdana; font-weight:bolder;}
.forum-body input{color: #ffffff; font-weight:bolder;}

/* стиль магазин */
.shop-body table {color: #1c1c1c; font: 12px Verdana;font-weight:bolder;  background: #cfcfcf; border-radius : 6px; padding:6px;  box-shadow: 0 0 6px #20B2AA; border: 2px solid #20B2AA; cursor: hand;}
.shop-body td { color: #1c1c1c; font: 11px Verdana; font-weight:bolder; background: #cfcfcf; border-radius : 6px; padding:6px;  box-shadow: 0 0 6px #20B2AA; border: 2px solid #20B2AA; cursor: hand;}
.shop-body a { color: #1c1c1c; font: bold 14px Arial Black; }
.shop-body .text { color: #1c1c1c; font: 13px Arial Black; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; cursor: hand; }
.shop-body select { color: #1c1c1c; font: 13px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; cursor: hand; }

/* стиль поиск */
.search-body table {color: #000000; font: 14px Arial Black; background: #D8B1BF; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #B55489; border: 1px solid #131313; cursor: hand; }
.search-body td { color: #000000; font: 13px Arial Black; background: #F5F5DC; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #B55489; border: 1px solid #131313; cursor: hand; }
.search-body a { color: #000000; font: bold 14px Arial Black; }

/* стиль галерея */
.gallery-body {background:url("https://vmfile.com/upload/455/3043073438.jpg")no-repeat center center fixed;background-size: cover;}
.gallery-body table {color: #000000; font: 14px Arial Black; background: #D8B1BF; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #B55489; border: 1px solid #131313; cursor: hand; }
.gallery-body td { color: #160B3C; font: 13px Arial Black; background: #F5F5DC; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #B55489; border: 1px solid #131313; cursor: hand; }
.gallery-body .text {color:#000000;background-color:#CAC4B0;cursor: pointer;font-family:Verdana;font-weight:bold;}
.gallery-body input {background-color:#CECFF7;border: 1px solid #730400;border-radius:5px;padding:5px 0;cursor: pointer;font: 12px Verdana;font-weight:bold;}

/* стиль гостевая */
.gb-body table {color: #0000ff; font: 13px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.gb-body td { color: #0000ff; font: 13pxVerdana ; background: #cfcfcf; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.gb-body textarea {color:#0000ff;background:#cfcfcf; cursor: pointer; font-family:Verdana; font-weight:bolder;}

/* стиль топ100 */
.top100-body table {color: #1c1c1c; font: 14px Arial Black; background:rgba(207, 207, 207, 0.4); border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; cursor: hand; }
.top100-body td {color: #1c1c1c; font: 13px Arial Black; background:rgba(207, 207, 207, 0.4); border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; cursor: hand;  }
.top100-body a { color: #1c1c1c; font: bold 14px Arial Black; }

/* стиль кто был */
.who-body table {color: #1c1c1c; font: 14px Arial Black; background:rgba(207, 207, 207, 0.4); border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; cursor: hand; }
.who-body td {color: #1c1c1c; font: 13px Arial Black; background:rgba(207, 207, 207, 0.4); border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA; cursor: hand;   }
.who-body a { color: #1c1c1c; font: bold 14px Arial Black; }

/* стиль загс */
.love-body table {color: #0000ff; font: 15px Verdana; background-color:#ffffff; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #B55489; border: 1px solid #131313;font-weight:bolder; cursor: hand; }
.love-body td { color: #0000ff; font: 14px Verdana; background-color:#ffffff; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #B55489; border: 1px solid #131313;font-weight:bolder; cursor: hand; }
.love-body a { color: #0000ff; font: bold 12px Verdana;font-weight:bolder; }

/* стиль почта */
.post-body table {color: #0000ff; font: 12px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.post-body td { color: #0000ff; font: 12px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px 13px 5px 5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand; }
.post-body .text { color: #0000ff; font: 12px Verdana; background: #cfcfcf; border-radius : 5px; padding:5px;  box-shadow: 0 0 5px #20B2AA; border: 1px solid #20B2AA;font-weight:bolder; cursor: hand;width:180px; }
.post-body textarea { background:#cfcfcf; color:#0000ff; cursor: pointer; font-family:Verdana; font-weight:bolder; }
.post-body a { color: #0000ff; font: bold 12px Verdana;font-weight:bolder; }

/* ===== ОСНОВНЫЕ БЛОКИ ===== */
#leftdiv, #usersdiv, #privatdiv, #fastsmile, #bottomdiv, #topdiv {
    background: rgba(255, 255, 255, 0.20) !important;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 40, 80, 0.12);
}

/* ===== ГОРИЗОНТАЛЬНЫЙ ЛЕЙАУТ НИКЛИСТА ===== */
#usersdiv tr[id^="!"] td:nth-child(2) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 3px !important;
    background: transparent !important;
    border: none !important;
    padding: 3px 2px !important;
}

#usersdiv tr[id^="!"] td:nth-child(2) .nl-nick {
    width: 100% !important;
    text-align: center !important;
}

#usersdiv tr[id^="!"] td:nth-child(2) .nl-icons {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
}

#usersdiv .gnick-img {
    max-width: 160px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

#usersdiv tr[id^="!"] td:nth-child(3) img {
    width: 37px !important;
    height: 37px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}

#usersdiv tr[id^="!"] td:nth-child(2) .nl-icons img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}

#usersdiv tr[id^="!"] td,
#usersdiv tr[id] td[colspan],
#usersdiv tr[id] td[colspan] p {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#usersdiv table {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    table-layout: auto !important;
}

/* ===== СПИСОК ПОЛЬЗОВАТЕЛЕЙ (десктоп) ===== */
#usersdiv {
    position: absolute;
    width: 313px;
    top: 34px;
    right: 0px;
    bottom: 60px;
    padding: 5px;
    background: rgba(255, 255, 255, 0.22) !important;
    border-radius: 0 20px 20px 0;
    margin: 4px 4px 4px 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* ===== ЛЕВЫЙ ФРЕЙМ (сообщения) ===== */
#leftdiv {
    position: absolute;
    bottom: 60px !important;
    padding: 12px 10px !important;
    border-radius: 20px 0 0 20px;
    margin: 4px 0 4px 4px;
    background: rgba(255, 255, 255, 0.15) !important;
    left: 95px;
    right: 373px;
    top: 34px;
    overflow-y: scroll;
}

#usersdiv tr[id^="!"] td:first-child img {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
    border-radius: 50% !important;
}

/* ===== ТАБЛИЦЫ (безопасно, не ломает чат) ===== */
#leftdiv table,
#privatdiv table {
    border-collapse: collapse;
    border: none;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 60, 100, 0.06);
}

#leftdiv td,
#privatdiv td {
    border: none;
    padding: 6px 10px;
    border-bottom: 1px solid rgba(0, 150, 200, 0.05);
}
.title {
    background: linear-gradient(135deg, #1abc9c, #0e6655) !important;
    color: #fff !important;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.title a { color: #fff !important; }

a, a:active {
    color: #0b3b4a !important;
    font-weight: 600;
    text-decoration: none;
}
a:hover {
    color: #ff6b81 !important;
    text-decoration: underline;
}

.accordion__header {
    background: linear-gradient(135deg, #0b3b4a, #1a5a6a) !important;
    color: #fff !important;
    border-radius: 40px !important;
    padding: 10px 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.10);
}
.accordion__body {
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 0 0 20px 20px;
}

#privatdiv {
    background: rgba(0, 80, 120, 0.10) !important;
    border-radius: 20px 20px 0 0;
}
#pen_privat, #clear_privat {
    opacity: 0.5;
    transition: opacity 0.2s;
}
#pen_privat:hover, #clear_privat:hover { opacity: 1; }

.sm {
    max-width: 120px; max-height: 120px;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 80, 120, 0.10);
    transition: transform 0.2s;
}
.sm:hover { transform: scale(1.05) rotate(-2deg); }

input[type="checkbox"] {
    width: 18px !important; height: 18px !important;
    accent-color: #1abc9c;
    border: 1px solid rgba(0, 180, 200, 0.3);
    background: rgba(255,255,255,0.5);
    cursor: pointer;
}

.low { color: rgba(0, 40, 60, 0.5); font-size: 11px; }
.turn:hover {
    transform: rotate(360deg);
    transition: transform 2000ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ===== СМАЙЛЫ СЛЕВА ===== */
#fastsmile {
    position: absolute;
    left: 0px;
    width: 75px;
    top: 50px;
    bottom: 60px;
    overflow-y: scroll;
    padding-left: 0px;
    background: rgba(255, 255, 255, 0.20) !important;
    border-radius: 0 20px 20px 0;
}

/* ===== ФИКС: фиксированная ширина случайного фото ===== */
.randfoto-block {
  width: 200px !important;
  max-width: 200px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.randfoto-block img,
#randfoto img {
  width: 170px !important;
  max-width: 170px !important;
  height: 170px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
  margin: 0 auto 8px !important;
}

#randfoto {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  min-height: 200px !important;
}

/* Общая защита */
img {
  max-width: 100% !important;
  height: auto !important;
}