html, body {
    background: url('/gui/design/background.jpg');
    background-position-x: center;
    margin: 0 auto;
    max-width: 600px;
    font-size: 13px;
    font-family: arial, verdana, tahoma, sans-serif;
    color: #999;
}
.progress_indicators {
    width: 100%;
    height: 20px;
    background: #444;
    border-radius: 3px;
    overflow: hidden;
}

.progress_indicators_ {
    height: 100%;
    transition: width 0.3s ease;
}
.bt
{
  text-align: center;
  background: #303030 url('/gui/style/bt.png');
  padding: 12px;
}
.indexUL {
    background: url(/gui/style/bt.png) repeat-x;
    height: 47px;
    text-align: center;
    color: #927553;
    text-shadow: 2px 2px 0 #222;
    margin-left: -7px;
    margin-right: -7px;
}
.gray_lin {
	border-top: 1px solid #54544;
	background: url(/gui/style/fon_bottom2.png);
}
span.vip {
	background-color: #a32c06;
	border-radius: 10px 100px / 120px;
    font-size: 10px;
    color: #fff;
	padding: 2px;
	margin-left:2px;
}
.indexBg {
    padding: 8px;
    background-color: #2A2E2D;
    background-image: url(/gui/style/main_menu1.jpg);
}
.new_content {
    background: #080808e8;
    border-top: 1px solid #222;
    border-left: 2px solid #242424;
    border-right: 2px solid #242424;
    border-bottom: 2px solid #222;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.block_6 {
	margin: 5px;
	margin-top: 0px;
	background-color: #151311;
	padding: 7px;
	font-size: 13px;
	border-bottom: 1px solid #2f281f;
}
.global-background {
	background: url("https://stalkers.mobi/theme/bg/4.jpg");
	background-repeat: no-repeat;background-size:cover;
	text-shadow: 2px 0 2px #000, 0 2px 2px #000, -2px 0 2px #000, 0 -2px 2px #000;
	position: relative;
	margin-top: 0px;
	background-size: 100% 100%;
	min-height: 99vh;
}
.map-game {
	font-size: 0px;
	width: 98%;
	position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 3px solid #242422;
    border-image: url('/gui/map/ramka.png') 3 round round;
    -o-border-image: url('/gui/map/ramka.png') 3 round round;
    -webkit-border-image: url('/gui/map/ramka.png') 3 round round;
    -moz-border-image: url('/gui/map/ramka.png') 3 round round;
}
.batlpas{
	color: #BCB6AD;
	margin:-px -px 0px -px;
	border-bottom: 1px solid #4C4B47;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000000,  0px 0px 10px #000000, 0px 0px 10px #bcb6ad;
	background-image: url(/gui/battpass/5.png);
	background-repeat: no-repeat;background-size: 700px 110px;
}
.arrow_up {
    margin-top: 5px;
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -11px;
}

.arrow_left {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 5px;
    z-index: 100;
}
.arrow_right {
    z-index: 100;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 0px;
}
.arrow_down {
    margin-top: -20px;
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -12px;    
}
.cell {
	margin: 0px;
	padding:0px;
	background-size: cover;
	width: 100%;
	padding-top: 100%;
	display: inline-block;
	position: relative;
}
.object {
	padding-top: 22.6%;
	margin-left: 22.6%;
	width: 59.8%;
	position: absolute;
	top: 0;
}

::-webkit-scrollbar {
            width: 0;
        }

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: rgba(48, 48, 50, 0.8);
}

a {
    text-decoration: none;
    color: #CF950E;
}
.obnova{
	color: #BCB6AD;
	margin:-1px -8px 0px -8px;
	border-bottom: 1px solid #4C4B47;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000000,  0px 0px 10px #000000, 0px 0px 10px #bcb6ad;
	background-image: url(/style/img/fon8.png);
	background-repeat: no-repeat;background-size: 550px 110px;
}
.obnovav{
	color: #BCB6AD;
	margin:-px -px 0px -px;
	border-bottom: 1px solid #4C4B47;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000000,  0px 0px 10px #000000, 0px 0px 10px #bcb6ad;
	background-image: url(/gui/style/7_medium.jpg);
	background-repeat: no-repeat;background-size: 700px 110px;
}

.obnovavv{
	color: #BCB6AD;
	margin:-px -px 0px -px;
	border-bottom: 1px solid #4C4B47;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000000,  0px 0px 10px #000000, 0px 0px 10px #bcb6ad;
	background-image: url(/gui/style/btn1.jpg);
	background-repeat: no-repeat;background-size: 700px 110px;
}
.silka{
	padding:7px 0px 7px 0px;
    display: block;
    color: #ddd;
    font-family: stalker;
	font-size: 13px;
}a.silka:hover {
	color: #FFFCEE;
}
.active {
    display: block;
    background: #0e0e0e;
    padding: 8px;
    border-color: #333333;
    border-bottom: 1px solid #1c1c1c;
    border-top: 1px solid #1c1c1c;
    color: #BCA78A;
    font-weight: bold;
    text-shadow: 1px 1px 3px black;
}

img {
    vertical-align: sub;
    height: 18px;
}
imgs {
    vertical-align: sub;
    height: 100px;
}
.chat {
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background-color: rgba(20, 20, 20, 0.3);
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.photo {
    padding-right: 2px !important;
}

.chat_photo {
    width: 28px;
    height: 28px;
    border-radius: 4px;
}

.chat_info {
    padding-left: 4px !important;
    text-shadow: 1px 1px 3px black;
    font-size: 0.90em;
}

.chat_info_ {
    padding-bottom: 2px !important;
}

.chat_time {
    color: rgba(255, 255, 255, 0.8) !important;
}

.chat_icon {
    display: inline-block !important;
    text-shadow: 1px 1px 3px black;
    font-size: 0.90em;
}

.chat_icon_ {
    border-radius: 4px !important;
    opacity: 0.5;
    vertical-align: bottom;
    height: 12px;
}

.chat_nickname {
    display: inline-block !important;
    color: #939a9f !important;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 3px black;
}

.chat_violet {
    color: #bfaaff;
}
.chat_yellow {
    color: #fff282;
}
.chat_red {
    color: #DF2020;
}
.chat_apple {
    color: #b7ff82;
}

.chat_answer {
    display: inline-block !important;
    color: #939a9f !important;
    font-weight: bold;
    border-radius: 2px !important;
    background-color: #313335 !important;
    font-size: 1em;
    text-shadow: 1px 1px 3px black;
}

.chat_answer_ {
    padding-left: 4px !important;
    padding-right: 4px !important;
    background-color: rgba(0, 0, 0, 0.25);
    color: #939a9f !important;
    font-size: 1em;
    text-shadow: 1px 1px 3px black;
}

.chat_message {
    color: rgba(255, 255, 255, 0.7) !important;
    text-shadow: 1px 1px 3px black;
}

.chat_form {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-right: 2px !important;
    padding-left: 4px !important;
    margin-top: 2px !important;
    margin-left: 2px !important;
    text-shadow: 1px 1px 3px black;
    background-color: rgba(20, 20, 20, 0.3) !important;
    border-bottom: 1px solid rgba(120, 120, 120, 0.1) !important;
}

.chat_input {
    min-width: 40%;
    max-width: 50%;
    color: rgba(255, 255, 255, 0.8) !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding: 4px !important;
    text-shadow: 1px 1px 3px black;
    border-radius: 2px !important;
    border-color: #333333 !important;
    background-color: #242628;
    border: 1px solid black;
}

.chat_select {
    color: #878e94 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding: 4px !important;
    text-shadow: 1px 1px 3px black;
    background-color: #303234;
    border: 0 !important;
}

.chat_send {
    color: #878e94 !important;
    padding: 4px !important;
    text-shadow: 1px 1px 3px black;
    border-color: #333333 !important;
    background-color: #303234;
    border: 1px solid black;
}

.footer_info {
    text-align: center;
    margin: 10px 0;
}

.footer_profile {
    color: #aaa;
}

.main_buttons {
    background-image: url('/gui/design/bg-1.png');
    background-size: 100%;
    border-top: 1px solid #4D4D4D;
    border-bottom: 1px solid #4D4D4D;
}

.main_buttons_ {
    padding-bottom: 2px !important;
    text-align: center !important;
}

.main_stat {
    color: #BCA78A;
    font-size: 1.09em;
    font-weight: bold;
    text-shadow: 1px 1px 3px black;
}

.main_hp {
    max-width: 100%;
    height: 3px;
    background-color: #d02222;
}

.block_life {
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background-color: rgba(20, 20, 20, 0.3);
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.block_life_title {
    text-align: center;
    font-weight: bold;
    font-size: 1.14em;
    color: #BCA78A;
    text-shadow: 1px 1px 1px black;
    font-style: italic;
}

.life_icon {
    width: 24px;
    height: 24px;
}

.life_text {
    color: #BCA78A;
    font-weight: bold;
}

.life_users {
    background: #1c1c1c;
    border-radius: 4px;
    padding: 4px;
    -moz-box-shadow: 0 2px 0 #000;
    box-shadow: 0 2px 0 #000;
}

.life_users_ {
    width: 99%;
    margin-bottom: 4px;
    background: #222;
    padding: 3px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 0 #000;
    box-shadow: 0 2px 0 #000;
}

.life_hp {
    max-width: 99%;
    background: red;
    padding: 2px;
    border-radius: 4px;
}

.life_food {
    max-width: 99%;
    background: #8e7302;
    padding: 2px;
    border-radius: 4px;
}

.life_rad {
    max-width: 99%;
    background: yellow;
    padding: 2px;
    border-radius: 4px;
}

.life_vin {
    max-width: 99%;
    background: #7caed9;
    padding: 2px;
    border-radius: 4px;
}

.pda_message_new {
    color: #79a55e;
}

.mail {
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background-color: rgba(20, 20, 20, 0.3);
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.mail_photo {
    width: 45px;
    height: 45px;
    border-radius: 2px;
}

.mail_info {
    padding-left: 4px !important;
    text-shadow: 1px 1px 3px black;
    font-size: 0.90em;
}

.mail_info_ {
    padding-bottom: 2px !important;
}

.mail_time {
    color: rgba(255, 255, 255, 0.8) !important;
}

.mail_icon {
    display: inline-block !important;
    text-shadow: 1px 1px 3px black;
    font-size: 0.90em;
}

.mail_icon_ {
    border-radius: 4px !important;
    opacity: 0.5;
    vertical-align: bottom;
    height: 12px;
}

.mail_nickname {
    display: inline-block !important;
    color: #939a9f !important;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 3px black;
    margin: 2px 0;
}

.mail_delete {
    padding-top: 15px;
    width: 12px;
    height: 12px;
}

.mail_new {
    color: #79a55e;
}

.pagination {
    font-weight: bold;
    background-color: #111;
}

.pagination_left {
    background-color: #222;
    display: block;
    max-width: 40px;
    padding: 8px 6px;
    text-align: center;
    border-radius: 4px;
    margin: 5px;
}

.pagination_right {
    background-color: #222;
    display: block;
    max-width: 40px;
    padding: 8px 6px;
    text-align: center;
    border-radius: 4px;
    margin: 5px;
}

.pagination_active {
    background-color: #D2691E !important;
    color: #fff !important;
}

.pagination_button {
    background-color: #222;
    display: block;
    padding: 8px 6px;
    text-align: center;
    border-radius: 4px;
    margin: 5px;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 1px 1px 1px black;
}

.pagination_list {
    background: none !important;
}

.mes {
    font-weight: bold;
    background-color: #111;
}

.mes_ {
    display: block;
    text-align: center;
    font-size: 1.2em;
    padding: 5px;
    border-bottom: 1px solid #1c1c1c;
    border-top: 1px solid #1c1c1c;
    color: #E17100 !important;
}

.mes_form {
    padding: 4px;
}

.mes_textarea {
    width: 99%;
    background: #222;
    border: 1px solid #555;
    color: #ccc;
    margin: 0px;
}

.mes_input {
    width: 100%;
    padding: 4px;
    background: #1a1a1a;
    border: 1px solid #b28420;
    color: #b28420;
}

.mes_left {
    text-align: center;
    padding-left: 4px;
}

.mes_center {
    text-align: center;
    padding: 0 2px;
}

.mes_right {
    text-align: center;
    padding-right: 4px;
}

.mes_a {
    display: block;
    color: #aaa;
    background: #2a2a2a;
    padding: 4px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px black;
    font-style: italic;
    font-size: 14px;
}

.mes_warning {
    display: block;
    padding: 4px;
    border-bottom: 1px solid #1c1c1c
}

.mes_time {
    color: #757575bd;
}

.mes_message {
    color: rgba(255, 255, 255, 0.7) !important;
    text-shadow: 1px 1px 3px black;
}

.input_new {
    display: block;
    color: #ccc;
    margin: 3px;
    padding: 6px;
    min-width: 128px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 2px;
    border-bottom: 1px solid #E8A308;
    background-color: #333;
}

.input_new_submit {
    color: white;
    margin: 3px;
    display: inline-block;
    padding: 6px;
    min-width: 128px;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 2px black;
    border-radius: 2px;
    border: 1px solid #E8A308;
    background-color: #333;
}

.gps {
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background-color: rgba(20, 20, 20, 0.3);
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.gps_info {
    padding: 4px;
    font-weight: bold;
    color: #79a55e;
    text-shadow: 1px 1px 1px black;
    font-size: 0.95em;
}

.awards {
    background: #0e0e0e;
    padding: 8px;
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
}

.awards_title {
    text-align: center;
    font-weight: bold;
    font-size: 1.14em;
    color: #BCA78A;
    text-shadow: 1px 1px 1px black;
    font-style: italic;
}

.awards_icon {
    width: 50px;
    height: 50px;
    padding: 4px;
    border-radius: 2px;
    background-color: #303234;
}

.awards_name {
    color: #ffa500;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
}

.awards_block {
    border-top: 1px solid rgba(120, 120, 120, 0.1);
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background: #1c1c1c;
    padding: 8px;
}

.awards_progress {
    width: 99%;
    max-width: 99%;
    margin-bottom: 4px;
    background: #2a2a2a;
    padding: 3px;
    border-radius: 4px;
    -moz-box-shadow:0 2px 0 #000;
    box-shadow:0 2px 0 #000;
}

.awards_progress_ {
    background: #FF9900;
    max-width: 99%;
    padding: 2px;
    border-radius: 4px;
}

.awards_percent {
    float: right;
    font-weight: bold;
}

.awards_icons {
    width: 18px;
    height: 18px;
}

.a_warning {
    display: block;
    max-width: max-content;
    color: rgba(255, 255, 255, 0.9) !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding: 8px !important;
    text-shadow: 1px 1px 3px black;
    font-weight: bold;
    border-radius: 2px !important;
    background-color: #f89406 !important;
    margin: 4px 0;
}

.a_success {
    display: block;
    max-width: max-content;
    color: rgba(255, 255, 255, 0.9) !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding: 8px !important;
    text-shadow: 1px 1px 3px black;
    font-weight: bold;
    border-radius: 2px !important;
    background-color: #62c462 !important;
    margin: 4px 0;
}

.point {
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background-color: rgba(20, 20, 20, 0.3);
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.point_info {
    padding: 4px;
    font-weight: bold;
    color: #79a55e;
    text-shadow: 1px 1px 1px black;
    font-size: 0.95em;
}

.channel {
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background-color: rgba(20, 20, 20, 0.3);
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.channel_info {
    padding: 4px;
    font-weight: bold;
    color: #79a55e;
    text-shadow: 1px 1px 1px black;
    font-size: 0.95em;
}

.channel_title {
    text-align: center;
    font-weight: bold;
    font-size: 1.14em;
    color: #BCA78A;
    text-shadow: 1px 1px 1px black;
    font-style: italic;
}

.channel_title_ {
    font-weight: bold;
    font-size: 0.95em;
    color: #BCA78A;
    text-shadow: 1px 1px 1px black;
    margin: 4px;
}

.pda_avatar {
    width: 70px;
    height: 70px;
    border-radius: 4px;
}

.actions {
    background-color: #111;
    border-top: 1px solid #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
}

.actions_ {
    background-color: #141414;
    border-top: 1px solid #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
}

.actions_icon {
    width: 54px;
    height: 54px;
    padding: 4px;
    border-radius: 2px;
    background-color: #303234;
}

.actions_icons {
    width: 12px;
    height: 12px;
}

.actions_time {
    text-shadow: 1px 1px 3px black;
    font-size: 0.90em;
    padding-left: 2px;
    color: #516a83;
    font-weight: bold;
}

.email {
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background-color: rgba(20, 20, 20, 0.3);
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.email_info {
    padding: 4px;
    font-weight: bold;
    color: #79a55e;
    text-shadow: 1px 1px 1px black;
    font-size: 0.95em;
}

.ruck_delete_icon {
    height: 12px !important;
    vertical-align: sub;
}

.items {
    background: #222;
    padding: 2px;
    border: 1px solid #333;
}

.items_point {
    height: 12px;
    vertical-align: middle;
}

.items_icon {
    height: 18px;
    vertical-align: sub;
}

.web_main_top {
    width: 620px;
    height: 38px;
    position: absolute;
    background-image: url('/gui/design/_web_main_top.png');
    background-repeat: no-repeat;
    margin-top: -7px;
    margin-left: -30px;
    z-index: 2;
}

.web_main_body {
    width: 620px;
    min-height: 300px;
    padding-left: 36px;
    background-image: url('/gui/design/_web_main_top_left.png'), url('/gui/design/_web_main_body.png');
    background-repeat: no-repeat, repeat-y;
    background-position: top, center;
    margin-top: 0px;
    margin-left: -18px;
    z-index: 1;
}

.web_main_body_content {
    width: 550px;
    max-width: 550px !important;
    margin-left: 17px;
    padding-top: 28px;
}

.web_main_bottom {
    width: 620px;
    height: 47px;
    background-image: url('/gui/design/_web_main_bottom.png');
    margin-top: -20px;
    margin-left: 0px;
    z-index: 1;
}

.web_stat {
    width: 270px;
    height: 34px;
    position: absolute;
    margin-left: 390px;
    margin-top: 1px;
    background-image: url('/gui/design/_web_stat.png');
    z-index: 10;
}

.web_stat_hp {
    margin-left: 38px;
    text-align: center;
    display: block;
    width: 30px;
    height: 18px;
    opacity: 0.7;
    margin-top: 9px;
    position: absolute;
    font-size: 12px;
    color: red;
    font-family: rentgen;
    font-weight: bold;
}

.web_stat_rad {
    margin-left: 101px;
    text-align: center;
    display: block;
    width: 30px;
    height: 18px;
    opacity: 0.6;
    margin-top: 9px;
    position: absolute;
    font-size: 12px;
    color: yellow;
    font-family: rentgen;
    font-weight: bold;
}

.web_stat_vin {
    margin-left: 165px;
    text-align: center;
    display: block;
    width: 30px;
    height: 18px;
    opacity: 0.9;
    margin-top: 9px;
    position: absolute;
    font-size: 12px;
    color: #183B9E;
    font-family: rentgen;
    font-weight: bold;
}

.web_stat_food {
    margin-left: 230px;
    text-align: center;
    display: block;
    width: 30px;
    height: 18px;
    opacity: 0.8;
    margin-top: 9px;
    position: absolute;
    font-size: 12px;
    color: #685122;
    font-family: rentgen;
    font-weight: bold;
}

@font-face {
   font-family: 'rentgen';
   src: url('/gui/style/dot_digital.ttf');
}

@font-face {
   font-family: stalker;
   src: url('/gui/style/amas.ttf');
}

.web_logo {
    width: 1047px;
    height: 160px;
    margin-left: -242px;
    background-image: url('/gui/design/_web_logo.png');
}

.web_home {
    position: absolute;
    margin-left: 340px;
    display: block;
    height: 120px;
    width: 273px;
    background: rgba(255, 0, 0, 0);
}

.web_top_buttons {
    position: absolute;
    margin-left: 615px;
    display: block;
    height: 60px;
    width: 324px;
    background: rgba(0, 255, 0, 0);
    background-image: url('/gui/design/_web_top_buttons.png');
}

.web_top_button {
    position: absolute;
    height: 60px;
    width: 100px;
    margin-left: 6px;
}

.web_clock {
    position: absolute;
    display: block;
    text-align: center;
    margin-left: 20px;
    height: 100px;
    width: 100px;
    font-family: rentgen;
    background-image: url('/gui/design/_web_clock.png');
    background-repeat: no-repeat;
    background-position: center;
}

.web_profile {
    position: absolute;
    margin-left: 28px;
    margin-top: 115px;
    display: block;
    height: 28px;
    font-style: italic;
    background: rgba(255, 0, 0, 0);
    font-family: rentgen;
    font-size: 28px;
    color: #aaa;
}

.web_social {
    display: block;
    height: 50px;
    width: 50px;
    margin-left: 92.4%;
    background: rgba(255, 0, 0, 0);
}

.web_backpack {
    display: block;
    width: 235px;
    height: 60px;
    position: absolute;
    margin-left: 826px;
    margin-top: 5px;
    background-image: url('/gui/design/_web_backpack.png');
}

.web_pda_mech {
    width: 99px;
    height: 52px;
    position: absolute;
    margin-left: 50px;
    margin-top: 1px;
    background-image: url('/gui/design/_web_pda_mech.png');
}

.web_pda_top {
    z-index: 10;
    width: 242px;
    height: 50px;
    position: absolute;
    margin-top: 28px;
    background-image: url('/gui/design/_pda_top.png');
    margin-left: -250px;
    margin-top: 38px;
}

.web_pda {
    width: 242px;
    min-height: 150px;
    position: absolute;
    margin-top: 84px;
    background-repeat: repeat-y;
    z-index: 1;
    margin-left: -250px;
    margin-top: 98px;
}

.web_pda_wrap {
    background-image: url('/gui/design/_pda_body.png');
    padding-bottom: 14px;
}

.web_pda_body {
    width: 198px;
    height: 100%;
    margin-left: 13px;
}

.web_pda_bottom {
    width: 242px;
    height: 68px;
    margin-top: -10px;
    background-image: url('/gui/design/_pda_bottom.png');
}

.web_online {
    font-family: stalker;
    width: 244px;
    height: 95px;
    position: absolute;
    margin-top: 401px;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    padding-top: 13px;
    background-image: url('/gui/design/_web_online.png');
    background-repeat: no-repeat;
    color: rgba(150, 150, 150, 0.8);
    margin-left: -251px;
}

.web_bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    background-image: url('/gui/design/_web_bottom.png');
    height: 132px;
    width: 76px;
}

.web_bottom_art {
    position: fixed;
    bottom: 0;
    right: 0;
    background-image: url('/gui/design/_web_bottom_art.png');
    height: 248px;
    width: 1170px;
    z-index: 0;
}

.web_right_menu {
    margin-left: 630px;
    background: rgba(100, 0, 0, 0.5);
}

.web_chat_top {
    width: 260px;
    height: 16px;
    position: absolute;
    background-image: url('/gui/design/_web_chat_top.png');
    background-repeat: no-repeat;
    margin-top: 57px;
    margin-left: -60px;
}

.web_chat_body {
    width: 260px;
    height: 400px;
    overflow: hidden;
    background-image: url('/gui/design/_web_chat_body.png');
    background-repeat: repeat-y;
    position: relative;
    margin-top: 16px;
}

.web_chat_content {
    width: 219px;
    margin-left: 29px;
    margin-top: -4px;
    z-index: -1;
    padding-left: 1px;
}

.web_chat_scroll {
    max-height: 400px;
    width: 240px;
    position: absolute;
    overflow-y: scroll;
    padding-right: 50px;
}

.web_chat_post {
    background: #222 url('/gui/design/46.gif');
    padding: 4px;
    border: 1px solid #333;
    opacity: 0.9;
    z-index: 0;
    color: #ddd;
    font-size: 0.8em;
    position: relative;
    width: 90.7%;
}

.web_chat_icons {
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.web_chat_bottom {
    width: 260px;
    height: 146px;
    background-image: url('/gui/design/_web_chat_foot.png');
    background-repeat: repeat-y;
    margin-top: -110px;
    position: relative;
    z-index: 1;
}

.forum_progress {
    width: 120px;
    height: 8px;
    -webkit-mask: linear-gradient(90deg, #000 70%, #0000 0) 0 / 5%;
    display: inline-block;
}

.chat_line {
    display: block;
    background: #222;
    background-image: url('/gui/design/line.png');
    color: #ddd;
    padding: 8px;
    border-top: 1px solid #3E3D36;
}

.device_background {
    background: url('/gui/design/device_background.jpg') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 192px;
}

.small_device_hp {
    background: url('/gui/design/small_device_hp.png') no-repeat;
    width: 155px;
    height: 72px;
    position: relative;
    left: 11px;
    top: 9px;
}

.small_device_food {
    background: url('/gui/design/small_device_food.png') no-repeat;
    width: 155px;
    height: 72px;
    position: relative;
    left: 11px;
    top: 9px;
}

.small_device_rad {
    background: url('/gui/design/small_device_rad.png') no-repeat;
    width: 155px;
    height: 72px;
    position: relative;
    left: 11px;
    top: 9px;
}

.small_device_vin {
    background: url('/gui/design/small_device_vin.png') no-repeat;
    width: 155px;
    height: 72px;
    position: relative;
    left: 11px;
    top: 9px;
}

.small_device_arrow {
    background: url('/gui/design/small_device_arrow.gif') no-repeat;
    width: 5px;
    height: 43px;
    position: absolute;
    left: 113px;
    top: 18px;
    background-size: 100% 63%;
}

.back_big_device {
    background: url('/gui/design/back_big_device.png') no-repeat;
    width: 173px;
    height: 164px;
    position: absolute;
    left: 16em;
    top: 1em;
}

.back_big_front {
    background: url('/gui/design/front_big_device.png') no-repeat;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
}

.big_device_arrow {
    background: url('/gui/design/big_device_arrow — копия.png') no-repeat center;
    width: 5px;
    height: 96px;
    position: absolute;
    top: 16px;
    left: 86px;
    background-size: 100% 63%;
}

.back_big_tablo {
    position: absolute;
    top: 114px;
    left: 55px;
    font-family: rentgen;
    font-size: 17px;
    color: #5b666d94;
    text-shadow: 1px 1px 1px black;
    font-weight: bold;
}

.back_big_tablo_number {
    position: absolute;
    top: 135px;
    left: 70px;
    font-size: 16px;
    color: #87a36a94;
    text-shadow: 1px 1px 1px black;
    font-weight: bold;
    font-family: rentgen;
}

@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}
.anim_block4 {
    position: relative;
    z-index: 0;
    border-radius: 2px;
    overflow: hidden;
    padding: 2px;
}
.anim_block4::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #222;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#F89406, #F89406), linear-gradient(#222, #222), linear-gradient(#F89406, #F89406), linear-gradient(#222, #222);
    animation: rotate 5s linear infinite;
}
.anim_block4 img{ vertical-align: bottom;}
.anim_block4::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: white;
    border-radius: 5px;
    animation: opacityChange 3s infinite alternate;
}
@keyframes opacityChange {
    50% {
        opacity: 1;
    }
}

.profile_grad {
    margin-bottom: 2px;
    background-image: -moz-linear-gradient(left, rgba(31, 31, 31, 100) 10%, rgba(10, 10, 10, 0.1) 80%);
    background-image: -webkit-linear-gradient(left, rgb(157 40 40) 10%, rgb(239 0 0) 80%);
    background-image: -o-linear-gradient(left, rgba(31, 31, 31, 100) 10%, rgba(10, 10, 10, 0.1) 80%);
    background-image: linear-gradient(to right, rgb(85 85 85 / 17%) 10%, rgb(0 0 0 / 0%) 80%);
}

.profile_avatar_st {
    margin-left: 0px;
    margin-right: -1px;
}

.profile {
    background: #171818;
    padding: 2px;
    border: 1px solid #333;
}

.profile_info {
    background: #171818;
}

.stalker-view {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    filter: drop-shadow(3px 3px 10px #0000008a);
}

.stalker-left, .stalker-right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.stalker-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: grid;
}

.stalker-column {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px #0000005e;
    background: #00000038;
    margin-top: 4px;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
}

.stalker-column_art {
    display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px #0000005e;
    background: #00000038;
    margin-top: 4px;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
}

.stalker-person {
    text-align: center;
}

.stalker-tab {
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px #0000005e;
    background: #00000066;
    margin: 1px 0;
}

.profile-st {
    height: 230px;
    opacity: 0.6;
}

.profile-background {
    background: url('/gui/design/profile-background.gif') no-repeat;
    background-size: cover;
}
.laba {
    background: url('/gui/design/laba.png') no-repeat;
    background-size: cover;
    min-height: 250px; /* Добавьте минимальную высоту */
    padding: 15px;
}

.main-lab-block {
    height: auto;
    padding: 15px;
}
.profile_img_tab {
    height: 50px;
}

.profile_img_art {
    height: 32px;
}

.cloud {
    background: url('/gui/design/cloud.png') 0 -224px / 221% repeat-x;
    animation: keyFramesCloudNew 30s forwards linear infinite;
}

@keyframes keyFramesCloudNew {
    0% {
        background-position-x: -500%, 0;
    }
    100% {
        background-position-x: 0%, 0;
    }
}

.hp_avatar_battle {
    bottom: -5.9em;
    right: 0;
    padding: 1px 4px;
    border-radius: 6px 0 0 0;
    background: #333333;
    text-shadow: 1px 1px 1px black;
    border-top: 1px solid #252525;
    border-left: 1px solid #252525;
}

.hp_npc_battle {
    bottom: -3.6em;
    right: 0;
    padding: 1px;
    border-radius: 6px 0 0 0;
    background: #333333;
    text-shadow: 1px 1px 1px black;
    border-top: 1px solid #252525;
    border-left: 1px solid #252525;
    font-size: 11px;
}

.battle_icon {
    display: inline-block !important;
    text-shadow: 1px 1px 3px black;
    font-size: 0.90em;
}

.battle_icon_ {
    border-radius: 4px !important;
    opacity: 0.5;
    vertical-align: bottom;
    height: 14px;
}

.battle_icon_info {
    background: #212121;
    margin: 1px -5px;
    border-radius: 10px 0px 0px 10px;
    padding-bottom: 1px;
    padding-left: 12px;
    padding-right: 3px;
    border: 1px solid #252525;
    text-shadow: 1px 1px 1px black;
    color: #7d7e8091;
    font-weight: bold;
}

.battle-view {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 5px;
    filter: drop-shadow(3px 3px 10px #0000008a);
}

.battle-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: grid;
}

.battle-column_slot {
    display: grid;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px #0000005e;
    background: #00000038;
    margin-top: 4px;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
}

.battle-column_slot_active {
    display: grid;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px #695839;
    background: #00000038;
    margin-top: 4px;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
}

.battle-slot-count {
    font-size: 10px;
    left: 0;
    top: 23px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    bottom: -17px;
    text-shadow: 1px 1px 1px black;
    background: #33333314;
    color: #afafaf9c;
}

.battle-slot-time {
    font-size: 10px;
    left: 0;
    top: 23px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    bottom: -17px;
    text-shadow: 1px 1px 1px black;
    background: #33333314;
    color: #afafaf9c;
}

.profile_grad_battle {
    margin-bottom: 2px;
    background-image: -moz-linear-gradient(left, rgba(31, 31, 31, 100) 10%, rgba(10, 10, 10, 0.1) 80%);
    background-image: -webkit-linear-gradient(left, rgb(157 40 40) 10%, rgb(239 0 0) 80%);
    background-image: -o-linear-gradient(left, rgba(31, 31, 31, 100) 10%, rgba(10, 10, 10, 0.1) 80%);
    background-image: linear-gradient(to left, rgb(85 85 85 / 17%) 10%, rgb(0 0 0 / 0%) 80%);
}

.text-mir {
    color: #8abc8c94 !important;
}

.text-vrag {
    color: #d7594282 !important;
}

.text-mutant {
    color: #bc8a8aad !important;
}

.vrag-slot {
    width: 38px;
    height: 38px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px #0000005e;
    background: #00000038;
    display: inline-block;
    text-align: center;
}

.battle_chat {
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    background-color: rgba(20, 20, 20, 0.3);
    padding-bottom: 2px !important;
    padding-right: 4px !important;
    margin-top: 2px !important;
}

.battle_chat_form {
    padding-bottom: 4px !important;
    padding-right: 2px !important;
    margin-top: 2px !important;
    text-shadow: 1px 1px 3px black;
    background-color: rgba(20, 20, 20, 0.3) !important;
    border-bottom: 1px solid rgba(120, 120, 120, 0.1) !important;
}

.battle_chat_input {
    min-width: 40%;
    max-width: 50%;
    color: rgba(255, 255, 255, 0.8) !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding: 4px !important;
    text-shadow: 1px 1px 3px black;
    border-radius: 2px !important;
    border-color: #333333 !important;
    background-color: #242628;
    border: 1px solid black;
}

.take_a_click {
    border: 0;
    height: 22px;
    width: 52px;
    color: #d5d5d5;
    background-color: #4a4a50;
    box-shadow: 0px 2px 2px #111;
    text-shadow: 1px 1px 3px black;
    border-radius: 2px !important;
}
/* Admin Panel Styles */
.admin-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background: rgba(20, 20, 20, 0.8);
border-radius: 5px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.admin-header {
background: #1a1a1a;
padding: 15px 20px;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #333;
margin-bottom: 20px;
}

.admin-header h1 {
color: #BCA78A;
text-shadow: 1px 1px 1px black;
margin: 0;
display: flex;
align-items: center;
}

.admin-header h1 i {
margin-right: 10px;
}

.admin-tabs {
display: flex;
margin-top: 15px;
border-bottom: 1px solid #333;
}

.admin-tabs a {
padding: 8px 15px;
color: #999;
text-decoration: none;
margin-right: 5px;
border-radius: 3px 3px 0 0;
background: #222;
}

.admin-tabs a.active {
background: #333;
color: #BCA78A;
border-bottom: 2px solid #BCA78A;
}

.admin-content {
display: flex;
gap: 0px;
}

.admin-column {
flex: 1;
}

.admin-card {
background: #1a1a1a;
border-radius: 5px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.admin-card h2 {
color: #BCA78A;
font-size: 18px;
margin-top: 0;
margin-bottom: 15px;
display: flex;
align-items: center;
}

.admin-card h2 i {
margin-right: 8px;
}

/* Таблица квестов */
.quests-table {
overflow-x: auto;
}

.quests-table table {
width: 100%;
border-collapse: collapse;
}

.quests-table th {
background: #333;
color: #BCA78A;
padding: 10px;
text-align: left;
}

.quests-table td {
padding: 10px;
border-bottom: 1px solid #333;
color: #999;
}

.quests-table tr:hover {
background: #222;
}

.quest-type-main {
color: #79a55e;
}

.quest-type-side {
color: #f89406;
}

.quest-type-daily {
color: #7caed9;
}

.quest-type-group {
color: #bfaaff;
}

/* Форма квеста */
.quest-form .form-group {
margin-bottom: 15px;
}

.quest-form label {
display: block;
margin-bottom: 5px;
color: #BCA78A;
}

.quest-form input,
.quest-form textarea,
.quest-form select {
width: 100%;
padding: 8px;
background: #222;
border: 1px solid #333;
color: #ddd;
border-radius: 3px;
}

.quest-form textarea {
min-height: 100px;
}

.form-actions {
display: flex;
gap: 10px;
margin-top: 20px;
}

.btn-primary {
background: #BCA78A;
color: #111;
border: none;
padding: 8px 15px;
border-radius: 3px;
cursor: pointer;
font-weight: bold;
}

.btn-secondary {
background: #333;
color: #ddd;
border: none;
padding: 8px 15px;
border-radius: 3px;
cursor: pointer;
text-decoration: none;
}

/* Иконки действий */
.actions {
display: flex;
gap: 5px;
}

.btn-edit, .btn-delete {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
color: white;
text-decoration: none;
}

.btn-edit {
background: #f89406;
}

.btn-delete {
background: #d75942;
}

/* Стили для квестов */
.quest {
    background: #1a1a1a;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #333;
}

.quest h3 {
    color: #BCA78A;
    margin-top: 0;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.quest-steps {
    margin: 15px 0;
}

.step {
    padding: 8px;
    margin: 5px 0;
    background: #222;
    border-radius: 3px;
    border-left: 3px solid #444;
}

.step.completed {
    border-left-color: #79a55e;
    color: #79a55e;
}

.step.current {
    border-left-color: #f89406;
    color: #f89406;
}

.progress_indicators {
    width: 100%;
    height: 20px;
    background: #444;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 5px;
}

.progress_indicators_ {
    height: 100%;
    background: #f89406;
    text-align: center;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    transition: width 0.3s ease;
}

.quest-reward {
    background: #2a2a2a;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
    border-left: 3px solid #f89406;
}

.btn-primary {
    display: inline-block;
    padding: 8px 15px;
    background: #f89406;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

.btn-primary:hover {
    background: #e08605;
}

/* Анимация для новых квестов */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(249, 148, 6, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(249, 148, 6, 0); }
    100% { box-shadow: 0 0 0 0 rgba(249, 148, 6, 0); }
}

.quest.new {
    animation: pulse 2s infinite;
}

/* Стили для системы поддержки */
.support-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 15px;
    background: rgba(20, 20, 20, 0.7);
    border-radius: 5px;
    border: 1px solid #333;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.support-header {
    background: #1a1a1a;
    padding: 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}

.support-header h1 {
    color: #BCA78A;
    text-shadow: 1px 1px 1px black;
    margin: 0;
    display: flex;
    align-items: center;
}

.support-tabs {
    display: flex;
    margin-top: 15px;
    border-bottom: 1px solid #333;
}

.support-tabs a {
    padding: 8px 15px;
    color: #999;
    text-decoration: none;
    margin-right: 5px;
    border-radius: 3px 3px 0 0;
    background: #222;
}

.support-tabs a.active {
    background: #333;
    color: #BCA78A;
    border-bottom: 2px solid #BCA78A;
}

.ticket-form {
    background: #1a1a1a;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #333;
}

.ticket-form h3 {
    color: #BCA78A;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    color: #BCA78A;
}

.form-group input,
.form-group textarea,
.form-group select {
    width: 100%;
    padding: 8px;
    background: #222;
    border: 1px solid #333;
    color: #ddd;
    border-radius: 3px;
}

.form-group textarea {
    min-height: 150px;
    resize: vertical;
}

.form-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.btn-primary {
    background: #BCA78A;
    color: #111;
    border: none;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
}

.btn-secondary {
    background: #333;
    color: #ddd;
    border: none;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
}

.ticket-list {
    background: #1a1a1a;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #333;
}

.ticket-item {
    background: #222;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #333;
}

.ticket-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}

.ticket-title {
    color: #BCA78A;
    margin: 0;
    font-size: 16px;
}

.ticket-meta {
    display: flex;
    gap: 15px;
    color: #999;
    font-size: 12px;
}

.ticket-status {
    padding: 3px 8px;
    border-radius: 3px;
    font-weight: bold;
}

.status-open {
    background: #79a55e;
    color: #fff;
}

.status-in_progress {
    background: #f89406;
    color: #fff;
}

.status-closed {
    background: #d75942;
    color: #fff;
}

.ticket-message {
    color: #ddd;
    margin-bottom: 15px;
    line-height: 1.5;
}

.ticket-replies {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #333;
}

.reply-item {
    background: #1a1a1a;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    border-left: 3px solid #444;
}

.reply-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 12px;
}

.reply-author {
    color: #BCA78A;
    font-weight: bold;
}

.reply-date {
    color: #999;
}

.reply-message {
    color: #ddd;
    line-height: 1.5;
}

.admin-reply {
    border-left-color: #f89406;
}

.user-reply {
    border-left-color: #7caed9;
}

.no-tickets {
    text-align: center;
    color: #999;
    padding: 30px;
}

.staff-member {
    background: #1a1a1a;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #333;
    display: flex;
    align-items: center;
}

.staff-avatar {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    margin-right: 15px;
}

.staff-info {
    flex: 1;
}

.staff-name {
    color: #BCA78A;
    margin: 0 0 5px 0;
    font-size: 16px;
}

.staff-role {
    color: #d75942;
    margin: 0 0 5px 0;
    font-size: 14px;
}

.staff-duties {
    color: #999;
    margin: 0;
    font-size: 12px;
}

.staff-status {
    margin-left: 15px;
    font-size: 12px;
    font-weight: bold;
}

.status-online {
    color: #79a55e;
}

.status-offline {
    color: #d75942;
}


.niz_panel{
background: url(/gui/style/niz_panel.png)repeat-x top;
padding-top:14px;
margin-left: 2px;
margin-right: 2px;

text-align: center;
}	
.panel	{
	display:inline-block;
	margin-right:4px;
	width:15%;
	margin-top: 4px;
	color: #645d5d;
	font-size: 12px;
	font-weight: bold;
}
/* Стили для фиксированной нижней панели навигации */
  .chat_actions {
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
    }
    .chat_report, .chat_like {
        display: inline-block;
        margin-right: 5px;
        opacity: 0.7;
        transition: opacity 0.3s;
    }
    .chat_report:hover, .chat_like:hover {
        opacity: 1;
    }
    .likes_count {
        font-size: 12px;
        color: #c8b070;
        margin-left: 2px;
    }
    .clear-chat-btn {
        background: linear-gradient(to bottom, #6c5b3b, #4a3c25);
        border: 1px solid #9e8e66;
        color: #e0c080;
        padding: 6px 12px;
        border-radius: 3px;
        cursor: pointer;
        margin: 10px 0;
    }
    .clear-chat-btn:hover {
        background: linear-gradient(to bottom, #7c6b4b, #5a4c35);
    }
    .toggle-chat-btn {
        background: linear-gradient(to bottom, #5c4b37, #3e3121);
        border: 1px solid #8a7958;
        color: #e0c080;
        padding: 6px 12px;
        border-radius: 3px;
        cursor: pointer;
        margin: 10px 5px;
    }
    .toggle-chat-btn:hover {
        background: linear-gradient(to bottom, #6c5b47, #4e412f);
    }
    .weather-effect {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 6;
        opacity: 0.5;
    }

    .weather-effect[data-weather-type="1"] {
        background: url(/gui/weather/rain.png);
        animation: rainAnim 0.5s infinite linear;
    }

    .weather-effect[data-weather-type="2"] {
        background: url(/gui/weather/wind.png);
        animation: windAnim 2s infinite linear;
    }

    .weather-effect[data-weather-type="3"] {
        background: url(/gui/weather/fog.png);
        animation: fogAnim 30s infinite linear;
    }

    .weather-effect[data-weather-type="4"] {
        background: url(/gui/weather/storm.png);
        animation: stormAnim 5s infinite linear;
    }

    .weather-effect[data-weather-type="5"] {
        background: rgba(255, 165, 0, 0.2);
        animation: heatAnim 3s infinite alternate;
    }

    .weather-effect[data-weather-type="6"] {
        background: radial-gradient(circle, rgba(255,255,0,0.3) 0%, transparent 70%);
        animation: sunAnim 10s infinite linear;
    }

    .radiation-effect {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 255, 0, 0.1);
        pointer-events: none;
        z-index: 7;
        animation: radiationPulse 2s infinite alternate;
    }

    @keyframes rainAnim {
        from { background-position: 0 0; }
        to { background-position: 100px 100px; }
    }

    @keyframes windAnim {
        from { background-position: 0 0; }
        to { background-position: 100px 0; }
    }

    @keyframes stormAnim {
        0% { opacity: 0.6; }
        50% { opacity: 0.8; }
        100% { opacity: 0.6; }
    }

    @keyframes heatAnim {
        from { opacity: 0.3; }
        to { opacity: 0.5; }
    }

    @keyframes sunAnim {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }

    @keyframes radiationPulse {
        from { opacity: 0.1; }
        to { opacity: 0.3; }
    }

    .admin-panel {
        position: fixed;
        top: 60px;
        right: 10px;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.8);
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #5c4b37;
        display: none;
    }

    .admin-btn {
        display: block;
        width: 100%;
        padding: 5px;
        margin: 5px 0;
        background: linear-gradient(to bottom, #6c5b3b, #4a3c25);
        border: 1px solid #9e8e66;
        color: #e0c080;
        cursor: pointer;
        border-radius: 3px;
    }

    .admin-btn:hover {
        background: linear-gradient(to bottom, #7c6b4b, #5a4c35);
    }
    
    .admin-panel-toggle {
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 1001;
        background: rgba(0, 0, 0, 0.8);
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #5c4b37;
        cursor: pointer;
        color: #e0c080;
        font-size: 20px;
    }
    
    @keyframes radiationFloat {
        0% { transform: translateY(0) translateX(0); opacity: 0; }
        50% { transform: translateY(-20px) translateX(10px); opacity: 1; }
        100% { transform: translateY(-40px) translateX(20px); opacity: 0; }
    }

    .vibros-effect .cell {
        filter: hue-rotate(90deg) brightness(1.2);
    }

    .vibros-effect .object {
        animation: radiationGlow 2s infinite alternate;
    }
    
    .location-info {
        position: absolute;
        top: 10px;
        left: 10px;
        background: rgba(0, 0, 0, 0.7);
        color: #e0c080;
        padding: 5px 10px;
        border-radius: 5px;
        z-index: 10;
        font-size: 14px;
        border: 1px solid #5c4b37;
    }
    
    .radiation-icon {
        position: absolute;
        top: 10px;
        right: 50px;
        z-index: 10;
        background: rgba(0, 0, 0, 0.7);
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #5c4b37;
    }
    
    .radiation-icon img {
        width: 24px;
        height: 24px;
    }
    
    .dynamic-transition {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0;
        z-index: 9999;
        transition: opacity 0.5s;
        pointer-events: none;
    }

    /* Стили для ответов в чате */
    .chat-reply {
        background-color: #1a3a5f;
        border-left: 3px solid #2a6bbe;
        padding: 5px 10px;
        margin-bottom: 5px;
        border-radius: 3px;
        font-size: 12px;
        color: #a0c0e0;
    }

    /* Стили для панели управления */
    .control-panel {
        position: fixed;
        bottom: 60px;
        right: 10px;
        background: rgba(0,0,0,0.8);
        padding: 10px;
        border-radius: 5px;
        z-index: 1000;
        display: none;
        border: 1px solid #5c4b37;
    }

    .control-panel h4 {
        color: #e0c080;
        margin: 0 0 10px 0;
        font-size: 14px;
    }

    .control-panel-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    .control-btn {
        background: linear-gradient(to bottom, #6c5b3b, #4a3c25);
        border: 1px solid #9e8e66;
        color: #e0c080;
        padding: 5px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 12px;
        text-align: center;
    }

    .control-btn:hover {
        background: linear-gradient(to bottom, #7c6b4b, #5a4c35);
    }
    
    /* Стили для эффекта выброса */
    .vibros-radiation-effect {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 8;
        background: rgba(0, 255, 0, 0.1);
        animation: radiationPulse 2s infinite alternate;
    }
    
    .radiation-particle {
        position: absolute;
        width: 10px;
        height: 10px;
        background: rgba(0, 255, 0, 0.6);
        border-radius: 50%;
        pointer-events: none;
        z-index: 9;
        animation: radiationFloat 3s infinite;
    }
    
    @keyframes radiationFloat {
        0% { transform: translateY(0) translateX(0); opacity: 0; }
        50% { transform: translateY(-20px) translateX(10px); opacity: 1; }
        100% { transform: translateY(-40px) translateX(20px); opacity: 0; }
    }
	
.night-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 30, 0.7);
    z-index: 15;
    pointer-events: none;
}