html, body {
	width:100%;
}
body {
	color:#FFFFE0;
	margin:0;
	background-color: rgb(1, 9, 1);
	font-family: tahoma,verdana,arial,sans-serif;
	word-wrap: break-word;
}
table {
	border-spacing: 1px;
}
a, .a {
	color:#d29746;
	text-decoration: none;
}
a:hover, a:hover .a-hover, .a:hover, .a:hover .a-hover, input[type=submit]:hover, button:hover {
	cursor: pointer;
	color: #FF6D19;
}
u, .u {
	text-decoration: underline;
}
b, .b {
	font-weight: bold;
}
i, .i {
	font-style: italic;
}
hr {
	border-top: 1px solid #545759;
	border-bottom: 1px solid #080808;
	border-right: none;
	border-left: none;
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.7);
	margin: 5px 10px;
	padding: 0;
}
 .wrapper {
     font-size: 15px;
     box-shadow: 0 -3px 6px -3px #D2AD92;
     margin: 0 auto;
      background-color: rgba(16, 31, 8, 0.81);
     min-width:240px;
     max-width:320px;
     position: relative;
     color: #BEBEBE;
     text-shadow: 1px 1px 1px black;
}
.header {
	display: table;
	table-layout: fixed;
	border-spacing: 2px 1px;
	width: 100%;
}
.header-line {
	display: table-row;
	width: 100%;
}
.header-left, .header-center, .header-right {
	display: table-cell;
	vertical-align: middle;
}
.header-left {
	width: 8%;
}
.header-center {
	width: 84%;
}
.header-right {
	width: 8%;
}
.header-left-mail {
	
}
.header-left-mail:hover {
	background-color: rgba(210, 173, 146, 0.3);
   background: linear-gradient(to top, #D2AD92, #FFA500);
}

/* для мелких расширений */
@media screen and (max-width: 260px){
	.wrapper {
		font-size: 0.8em;
		box-shadow: 0 2px 16px 1px #655f36;
		margin: 0 auto;
		background-color: #101f08a8;
		min-width:240px;
		max-width:320px;
		border-radius: 2%;
		position: relative;
		color: #BEBEBE;
		text-shadow: 1px 1px 1px black;
		background-color: #191919;
	}
}
/* === === === === */

 .card {
     display:inline-block;
     width:124px;
     height:158px;
     background-repeat:no-repeat;
     background-size:100% 100%;
     overflow:hidden;
     border-radius:5%;
     border:1px solid rgb(128, 128, 128);
     box-shadow: 1px 1px 2px 0px black;
}
 .card-top, .card-bottom {
     display:block;
     background-color:rgba(0,0,0,0.7);
     font-size:0.7em;
     padding:2px 1px;
}
 .card-top {
}
 .card-bottom {
     margin-top:92px;
}
 .card-button-buy {
     display:block;
     border: 1px solid rgba(117, 117, 117, 0.1);
     background-color:rgba(23,137,0,0.76);
     padding: 4px 2px;
     font-size:0.8em;
     font-weight:bold;
}
 .card-button-buy:hover {
     color:#FFB753;
     background-color:rgba(23,137,0,0.9);
}
 .advent-boss-cap {
     display:inline-block;
     width:130px;
     padding: 3px;
     border-top: 1px solid rgba(245, 245, 245, 0.1);
     border-bottom: 1px solid rgba(245, 245, 245, 0.1);
     border-left: 1px solid rgba(245, 245, 245, 0.1);
     border-right: 1px solid rgba(245, 245, 245, 0.1);
     padding: 6px;
     box-shadow: 0px 0px 55px -3px #103010 inset;
     color:#abac6d;
}
 .advent-boss-foot {
     display:inline-block;
     width:140px;
     padding: 5px;
     border-bottom-left-radius: 20%;
     border-bottom-right-radius: 20%;
     color:#E6E6E6;
     text-shadow:0px 0px 2px black;
}
 .bucks-color {
    color:#099C01
}
 .mutagen-color {
    color:lime
}
 .metal-color {
    color:#7CA0F2
}
 .pancers-color {
    color:#FF6D19
}
 .exp-color {
    color:#FFD83D
}
.right-koma {}
.right-koma > *:nth-last-child(n+2):after {
	color: #FFFFE0;
	content:", ";
}
.box-neutral {
   background-color:#2C3D34;
}
.textarea-default {
	width:100%;
	max-width:100%;
	min-width:100%;
	min-height: 45px;
	max-height: 90px;
	margin:0 auto;
}

.user-position-1 {
	color: rgb(90, 148, 150);
}
.user-position-2 {
	color:#FF5EDF;
}
.user-position-3 {
	color:#FF1131;
}

.right-koma{
}
.right-koma > span:nth-last-child(n+2):after {
	content:", ";
}
.right-komma > .koma:nth-last-child(n+2):after {
	content:", ";
}

 .item-health, .item-power, .item-agil, .item-intell {
     display: inline-block;
     width: 6px;
     height: 10px;
     border-radius: 30%;
     background-color: rgba(10,10, 10, 0.7);
     border: 1px solid rgb(61,61,61);
}
 .item-health {
     background-color: rgba(255,0,4, 0.5);
     border: 1px solid rgba(255,0,4, 0.6);
}
 .progress-bar {
     margin: 0 auto;
     border: 1px solid #3a3a3a;
     background-color: rgba(0,0,0,.2);
	  box-shadow: 0px 0px 3px 1px #507b50;
}
 .progress-bar, .progress {
     height: 8px;
}
 .progress._green {
     background: #059114 url('../icon/bar1.png') repeat-x;
}
 .te {
     color: #FFB753;
}
.click {
     width: 27px;
     height: 34px;
     background: url('../icon/click.png') no-repeat;
     position: absolute;
     z-index: 100;
}
 .snad{
     box-shadow: 0px 0px 10px 4px rgba(255,174,0, 0.9);
}
 .btn {
     border:0;
     outline:0;
     background-color: rgba(0, 0, 0, 0);
}
 .po{
     background-position:center;
     background-repeat: no-repeat;
     background-image: url('../tr.png');
     width:100%;
     height:100%;
     padding:7px 0px;
     text-align: center;
     color:#c0c0c0;
}
 .button_222 {
     display:inline-block;
     background-image: url('../button.png');
     background-size:100% 100%;
     background-color: rgba(0,0,0,0);
     border: 0;
     outline:0;
     width: 91%;
     height: 24px;
     font-weight: bold;
     color: white;
}
 .kn1 {
     text-align: center;
     background-image: url('../kn1.png');
     background-size:100% 100%;
     width: 100%;
     height: 24px;
     margin: 0 auto;
     padding-top: 9px;
     background-position: center;
}
 .vxot {
     color:#FFB753;
     text-align: center;
     background-image: url('../kn1.png');
     background-size:100% 100%;
     width: 50%;
     height: 32px;
     margin: 0 auto;
     padding-top: 3px;
}
 .kn2 {
     margin: 0 auto;
     text-align: center;
     display:inline-block;
     background-image: url('../ram/q1.png');
     background-size:100% 100%;
     border: 0;
     outline:0;
     width: 45%;
     height: 24px;
     margin-top: ;
     display: inline-block;
     padding-top: 9px;
}
 .kn3 {
     margin: 0 auto;
     text-align: center;
     display:inline-block;
     background-image: url('../kn3.png');
     background-size:100% 100%;
     border: 0;
     outline:0;
     width: 100%;
     height: 24px;
     margin-top: ;
     padding-top: 9px;
}
 .kn5 {
     margin: 0 auto;
     text-align: center;
     display: inline-block;
     background-image: url(../kn5.png);
     background-size: 100% 100%;
     border: 0;
     outline: 0;
     width: 100%;
     height: 29px;
     margin-top: ;
     padding-top: 10px;
}
 .kn4 {
     margin: 0 auto;
     text-align: center;
     display:inline-block;
     background-image: url('../kn4n.png');
     background-size:100% 100%;
     border: 0;
     outline:0;
     width: 100%;
     height: 24px;
     margin-top: ;
     padding-top: 9px;
}
 .kn17 {
     text-align: center;
     background-image: url('../kn17.png');
     background-size:100% 100%;
     width: 100%;
     height: 24px;
     margin: 0 auto;
     padding-top: 9px;
     background-position: center;
}
 .kn18 {
     text-align: center;
     background-image: url('../kn18.png');
     background-size:100% 100%;
     width: 100%;
     height: 24px;
     margin: 0 auto;
     padding-top: 9px;
     background-position: center;
}
 .kn19 {
     text-align: center;
     background-image: url('../kn19.png');
     background-size:100% 100%;
     width: 100%;
     height: 54px;
     margin: 0 auto;
     padding-top: 9px;
     background-position: center;
}
 .kn21 {
     display: inline-block;
     background-image: url(../stert.png);
     background-size: 100% 100%;
     width: 82%;
     height: 50px;
     margin-top: ;
     padding-top: 27px;
     color:#e4e4e4;
}
 .kn22 {
     background: rgba(2, 24, 2, 0);
     text-align: center;
     display: inline-block;
     background-image: url(../vx.png);
     background-size: 100% 100%;
     border: 0;
     outline: 0;
     width: 46%;
     height: 38px;
     border: 0;
     margin-top: ;
     font-weight: 600;
     color: #e4e4e4;
}
 .kn24 {
     text-align: center;
     background-image: url('../kn24.png');
     background-size:100% 100%;
     width: 100%;
     height: 24px;
     margin: 0 auto;
     padding-top: 9px;
     background-position: center;
}
 .kn25 {
     text-align: center;
     background-image: url(../kn25.png);
     background-size: 100% 100%;
     width: 100%;
     height: 26px;
     margin: 0 auto;
     padding-top: 9px;
     background-position: center;
}
 .kn26 {
     text-align: center;
     background-image: url('../kn26.png');
     background-size:100% 100%;
     width: 100%;
     height: 24px;
     margin: 0 auto;
     padding-top: 9px;
     background-position: center;
}
 .kn27{
     text-align: center;
     background-image: url('../up.png');
     background-size:100% 100%;
     width: 100%;
     height: 24px;
     margin: 0 auto;
     padding-top: 9px;
     background-position: center;
}
 .left {
     float: left;
}
 .right {
     float: right;
     text-align: right;
}
 .clear {
     clear: both;
}
 .blue, a.blue {
     color: #9CD0E0;
}
 .color3 {
     color: #e4d98d;
}
 .color2 {
     color: red;
}
 .color4{
     font-size: 14px;
     margin-top: 10px;
     color: #f3ac4e !important;
}
 .color5{
     font-size: 14px;
     color: #999999;
}
 .color6{
     color: #f3ac4e !important;
}
 .color7{
     font-size: 13px;
     color: #008080;
}
 .pr{
     padding-left: 2px;
     padding-right:
}
 .fon1 {
     background-position: 10% 44%;
     border-bottom-right-radius: 13%;
     border-top-right-radius: 13%;
     border-bottom-right-radius: 13%;
     border-top-left-radius: 13%;
     border-bottom-left-radius: 13%;
     background-color: #1d1d1d;
     border-bottom: 1px solid rgba(0, 0, 0, 0.55);
     border-top: 1px solid rgba(255, 255, 255, 0.4);
     box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.1) inset;
     background-size:100% 100%;
     padding-top: 4px;
     padding-bottom: 4px;
}
 .center {
     text-align: center;
}
 .pravo {
     float: right;
}
 .rating_fon {
     text-align: center;
     background-image: url('../fon/rating.png');
     background-size:100% 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     padding-top: 11px;
     padding-bottom: 11px;
     background-position: center;
}
 .hint_block {
     margin-top: 1px;
     margin-bottom: 5px;
     margin-left: 2px;
     background-image: url('../hint-shadow-full.png');
     background-position: left;
     background-repeat: no-repeat;
     min-height: 61px;
     background-size: 35% 105%;
     display: table;
}
 .icn-hint-border-top {
     background-image: url('../hint-border-top.png');
     background-position: left;
     background-repeat: no-repeat;
     height: 24px;
     top: 3px;
}
 .icn-hint-border-middle {
     background-image: url('../hint-border-medium.png');
     background-repeat: no-repeat;
     height: auto;
     top: 27px;
     bottom: 6px;
     z-index: 0;
}
 .icn-hint-border-bottom {
     background-image: url('../hint-border-bottom.png');
     background-position: left;
     background-repeat: no-repeat;
     height: 32px;
     bottom: -3px;
     z-index: 10;
}
 .hint_block2 {
     margin-top: -67px;
     margin-bottom: 5px;
     margin-left: -130px;
     background-image: url('../hint-shadow-full2.png');
     background-position: right;
     background-repeat: no-repeat;
     min-height: 61px;
     background-size: 35% 105%;
     width: 140%;
     display: table;
}
 .icn-hint-border-top2 {
     background-image: url('../hint-border-top2.png');
     background-position:right;
     background-repeat: no-repeat;
     height: 24px;
     top: 7px;
}
 .icn-hint-border-middle2 {
     background-image: url('../hint-border-medium2.png');
     background-repeat: no-repeat;
     height: auto;
     top: 27px;
     bottom: 6px;
     z-index: 0;
}
 .icn-hint-border-bottom2{
     background-image: url('../hint-border-bottom2.png');
     background-position: right;
     background-repeat: no-repeat;
     height: 32px;
     bottom: -3px;
     z-index: 10;
}
 .reward-chest {
     position: relative;
     width: 150px;
     height: 150px;
     background: url(/public/esesyn.png) 35% 35% no-repeat;
     background-position: center;
     z-index: 10010;
     filter: drop-shadow(0px 0px 10px #000000);
     -webkit-filter: drop-shadow(0px 0px 10px #000000);
}
 .reward-chest-light {
     background-image: url('../fon/boby.png');
     border: 0.1px solid #a79862;
     margin-left: 5px;
     display: inline-block;
     width: 46px;
     height: 49px;
}
 .knn1 {
     text-align: center;
     background-image: url('../knn2.png');
     background-size:100% 100%;
     width: 40%;
     height: 25px;
     padding-right: 5px;
     z-index: 100000;
     position: relative;
     margin: 0 auto;
     padding-top: 9px;
}
 .mt50{
     margin-top: -50px;
}
 .texleft{
     margin-left: 23px;
     margin-top: -2px;
}
 .texleft2{
     margin-left: -22px;
     margin-top: -21px;
}
 .b-parametrs_p {
     margin-top: -8px;
     margin-bottom: 4px;
     display: flex;
}
 .left-par-block_p {
     display: flex;
     width: 50%;
     justify-content: space-between;
     align-items: center;
     padding-right: 12px;
     padding-top: 9px;
}
 .b-param-noimg p {
     margin-left: 6px;
     padding-left: 0;
}
 .right-par-block_p {
     width: 50%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-top: 9px;
}
 .za_fon {
     text-align: center;
     background-image: url('../fon/za.jpg');
	  background-repeat: no-repeat;
     background-size:100% 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     padding-top: 6px;
     padding-bottom: 6px;
     background-position: center;
}
 .zvatka_fon {
     text-align: center;
     background-image: url('../fon/zvatka.jpg');
     background-size:100% 100%;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     padding-top: 6px;
     padding-bottom: 6px;
     background-position: center;
}
 @keyframes type{
     from {
         width: 0;
    }
}
 @-webkit-keyframes type{
     from {
         width: 0;
    }
}
 .b-yar_p {
     background-size: 100%;
     background-image: url('../fon/lab.png');
     height: 100%;
     width: 100%;
     position: relative;
     display: flex;
     filter: drop-shadow(0px 0px 5px #79bbae);
}
 .b-yar_p2 {
     background-repeat: no-repeat;
     background-size: 100%;
     background-image: url('../fon/fonkaz.png');
     height: 100%;
     width: 100%;
     position: relative;
     display: flex;
     filter: drop-shadow(0px 0px 5px #79bbae);
}
 .amulet-text_p {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
 .new{
     background-image: url('../kf-niumianjuyuan.png');
     height: 80px;
     width: 100%;
     background-repeat: no-repeat;
}
 .mb10 {
     margin-bottom: 10px;
}
 .mt2 {
     margin-bottom: 2px;
}
 .mr5 {
     margin-right: 5px;
}
 .fl {
     float: left;
}
 .mt10 {
     margin-top: 10px;
}
 .mt55{
     margin-top: 55px;
}
 .ml8 {
     margin-left: 8px;
}
 .c_99 {
     color: #999999 !important;
}
 .lh16 {
     line-height: 16px !important;
}
 .knclan {
     position: relative;
     top: -13px;
     text-align: center;
     display: inline-block;
     background-image: url(../knnew.png);
     background-size: 100% 100%;
     width: 70%;
     height: 29px;
     padding-top: 10px;
}
 .knclan3 {
     text-align: center;
     display:inline-block;
     background-image: url('../chongzhi2.png');
     background-size:100% 100%;
     width: 70%;
     height: 25px;
     padding-top: 9px;
     margin-top: -239px;
}
 .knclan2 {
     width: 100%;
     height: 20px;
     background-image: url('../ramka.png');
     background-size:100% 100%;
     padding-top: 6px;
}
 .block_p {
     border-top: 1px solid #505045;
     border-left: 1px solid #505045;
     border-bottom: 1px solid #505045;
     border-right: 1px solid #505045;
     background-color: #1d1d1d;
}
 .tg{
     text-shadow: 0 2px 2px #008000;
}
 .nav {
 background-color: #051705;
     border-left: 1px solid rgba(245, 245, 245, 0.1);
    border-right: 1px solid rgba(245, 245, 245, 0.1);
     padding:6px;
    padding-top:5px;
     font-size:12px;
}
 .menubloc {
     margin: 0 auto;
     background-image: url(../kn9.png);
     background-size: 100% 100%;
     height: 24px;
     margin-top: ;
     padding-top: 9px;
}
 .knatak {
     text-align: center;
     display: inline-block;
     background-image: url(../knatak.png);
     background-size: 100% 100%;
     width: 50%;
     height: 27px;
     margin-top: ;
     display: inline-block;
     padding-top: 9px;
}
.button-red-left {
	padding-left: 2px;
	display: inline-block;
	width: 30px;
	height: 31px;
	background-image: url('../ram/knatak_l.png');
	background-repeat: no-repeat;
}
.button-red-right {
	display: inline-block;
	width: 29px;
	height: 32px;
	background-image: url('../ram/knatak_r.png');
	background-repeat: no-repeat;
}
.button-red-content {
	color:#ffffe7;
	padding-top: 7px;
	display: inline-block;
	height: 25px;
	background-image: url('../ram/knatak_c.png');
	background-repeat: repeat-x;
}
 .fil {
     text-shadow: 0 2px 2px #1f7b92;
}
 .fil2 {
     text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
}
 textarea {
     box-sizing: border-box;
     width: 100%;
     height: 52px;
     padding: 2px;
     background-color: #0B160B;
     border: 1px solid #4E4E4E;
     color: #ffffff;
     outline: none;
}
 table {
     display: table;
     width: 100%;
}
 .button-green-left {
     display: inline-block;
     height: 37px;
     cursor: pointer;
     background-image: url('../ram/rkn2.png');
     background-repeat: no-repeat;
}
 .button-green-right {
     display: block;
     height: 37px;
     cursor: pointer;
     background-image: url('../ram/rkn3.png');
     background-repeat: no-repeat;
     background-position: 100% 0;
}
 .button-green-content {
     padding-top: 7px;
     margin: 0 25px;
     display: block;
     height: 25px;
     background-image: url('../ram/rkn1.png');
     background-repeat: repeat-x;
}
 .title {
    color: #abac6d;
    background-color: rgb(8, 35, 8);
    background: linear-gradient(to top, #021702, #022902);
    border: 1px solid #033703;
    padding: 6px;
    /* box-shadow: 0px 0px 7px 0px #022b2b inset; */
    text-align: center;
}
.button-new {
	display: block;
	color: #b7b96c;
	background-color: #072E07;
	border: 1px solid #000000;
	border-top: 1px solid #746e49;
	padding: 7px 4px;
}
.button-new:hover{
	color:#b7b96c;
	background-image: linear-gradient(to top, #0f3e0b 10%, #103f0e 25%, #18490c 50%, #174712 75%, #1d5b11 100%);
	border: 1px solid #000000;
	border-top: 1px solid #e6d478;
}
.button-new-deact, .button-new-deact:hover {
	background-color: #1C2A1C;
	color: #647464;
}


/* ужас !!! */
 i.icon-mail {
     background: url('../icon/knicon/mail.png');
}
 i.icon-collect {
     background: url('../icon/knicon/collect.png');
}
 i.icon-jurnal {
     background: url('../icon/knicon/jurnal.png');
}
 i.icon-setting {
     background: url('../icon/knicon/setting.png');
}
 i.icon-clanprik{
     background: url('../icon/knicon/clanprik.png');
}
 i.icon-exit {
     background: url('../icon/knicon/exit.png');
}
 i.icon-clanup {
     background: url('../icon/knicon/clanup.png');
}
 i.icon-clanex {
     background: url('../icon/knicon/clanex.png');
}
 i.icon-statik {
     background: url('../icon/knicon/statistika.png');
}
 i.icon-left{
     background: url('../icon/knicon/left.png');
}
 i.icon-building{
     background: url('../icon/knicon/building.png');
}
 i.icon-cazna{
     background: url('../icon/knicon/cazna.png');
}
 i.icon-resyrs{
     background: url('../icon/knicon/resyrs.png');
}
 i.icon-prem{
     background: url('../icon/knicon/prem.png');
}
 i.icon-clan{
     background: url('../icon/knicon/clan.png');
}
 i.icon-laba{
     background: url('../icon/knicon/laba.png');
}
 i.icon-im{
     background: url('../icon/knicon/im.png');
}
 i.icon-amy{
     background: url('../icon/knicon/amy.png');
}
/*  */


 .atom-m._icon._za {
     background-image: url('../icon/knicon/amy.png');
}
 .atom-m._icon._sx {
     background-image: url('../icon/knicon/statik.png');
}
 .atom-m._icon._la {
     background-image: url('../icon/knicon/laba.png');
}
.atom-m._icon._bank {
    background-image: url('../icon/knicon/bank.png');
}
 .atom-m._icon._cazna {
     background-image: url('../icon/knicon/cazna.png');
}
 .atom-m._icon._ogr {
     background-image: url('../icon/knicon/ogr.png');
}
 .atom-m._icon._adv {
     background-image: url('../icon/knicon/adv.png');
}
 .atom-m._icon._sh {
     background-image: url('../icon/knicon/sh.png');
}
 .atom-m._icon._ra {
     background-image: url('../icon/knicon/ra.png');
}
 .atom-m._icon._tr {
     background-image: url('../icon/knicon/tr.png');
}
 .atom-m._icon._ka {
     background-image: url('../icon/knicon/ztta.png');
}
 .atom-m._icon._sv{
     background-image: url('../icon/knicon/sv.png');
}
 .atom-m._icon._collect{
     background-image: url('../icon/knicon/collect.png');
}
 .atom-m._icon._resyrs{
     background-image: url('../icon/knicon/resyrs.png');
}
 .atom-m._icon._prem{
     background-image: url('../icon/knicon/prem.png');
}
 .atom-m._icon._hideout {
     background-image: url('../icon/home.png');
}
.atom-m._icon._setting {
     background-image: url('../icon/knicon/setting.png');
}
 .atom-m._icon {
     padding-left: 38px;
     background-size: 27px 27px;
     background-repeat: no-repeat;
}
 .atom-m._icon {
     background-position: 5px 50%;
     background-repeat: no-repeat;
}

/* удалить нахуй этот ужас !!! */
 i[class*=icon-] {
     display: inline-block;
     width: 16px;
     height: 16px;
     vertical-align: middle;
     margin-right: 0;
     background-size: 100% 100%;
}
 .button-new i {
     height: 27px;
     width: 27px;
}
 i[class*=icon-] {
     background-repeat: no-repeat;
     color: #abac6d;
}
/* === */

 .box-popeda{
     background-color: #185d18;
     border-top: 1px solid rgba(245, 245, 245, 0.1);
     border-bottom: 1px solid rgba(14, 138, 29, 0.82);
     padding: 5px;
     box-shadow: 0px 0px 55px -3px #000000 inset;
     text-align: center;
}
 .box-pora{
     background-color: #571515;
     border-top: 1px solid rgba(245, 245, 245, 0.1);
     border-bottom: 1px solid rgba(136, 0, 0, 0.82);
     padding: 5px;
     box-shadow: 0px 0px 55px -3px #000000 inset;
     text-align: center;
}
 .atom{
     text-align: center;
     font-size: 13px;
     padding: 5px 14px;
     font-weight: bold;
     display: inline-block;
     border-top-left-radius: 35%;
     color: rgba(255, 255, 255, 0.6);
     border-bottom-right-radius: 30%;
     background-color: #083209;
     border-bottom: 1px solid rgba(0, 0, 0, 0.55);
     border-top: 1px solid rgba(255, 255, 255, 0.4);
     box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.1) inset;
}
 .fon-tex {
   background-color: #011701;
   background: linear-gradient(to top, #011701, #0b270b);
   border-top: 1px solid rgba(192, 192, 192, 0.31);
   border-bottom: 1px solid rgba(0, 0, 0, 0.82);
   padding: 5px;
   box-shadow: 0px 0px 55px -3px #103010 inset;
   text-align: center;
}
 .fon-tex-info {
   background-color: rgb(12, 33, 5);
   border: 1px solid #3b3510;
   padding: 5px;
   box-shadow: 0px 0px 13px -2px #20590E inset;
   text-align: center;
   color: #b2b1b1;
}
 .fon-chat {
	background-color: #025002;
	background: linear-gradient(to top, #053605, #086608);
	color: #c0c0c0;
	border-top: 1px solid rgba(245, 245, 245, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.82);
	padding: 6px;
	-webkit-box-shadow: inset 0 0 7px 1px #131313;
	box-shadow: 0px 0px 55px -3px #131313 inset;
	text-align: center;
	border-right: 1px solid rgba(245, 245, 245, 0.1);
}
.fon-chat-mess {
	border-top: 1px solid rgba(245, 245, 245, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.82);
	background-color: #122408;
}
.chat-mess-text {
	color: sandyBrown;
}
.chat-mess-time {
	color: gray;
	font-size: 0.9em;
}
 .cht{
	background-color: #025002;
	background: linear-gradient(to top, #053605, #086608);
	border-top: 1px solid rgba(245, 245, 245, 0.1);
	border-left: 1px solid rgba(245, 245, 245, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.82);
	padding: 6px;
	-webkit-box-shadow: inset 0 0 7px 1px #131313;
	box-shadow: 0px 0px 55px -3px #131313 inset;
	text-align: center;
	border-right: 1px solid rgba(245, 245, 245, 0.1);
	color:#c0c0c0;
	width: 100%;
	margin: 0;
}
 .fon-tex-nav {
  -webkit-box-shadow: inset 0 0 7px 1px #055105;
    border: 1px solid #3b3510;
    background-color: #021c02;
    padding: 6px;
    box-shadow: 0px 0px 8px 0px #055105 inset;
    text-align: center;
    color: #b2b1b1;
   }
 .pag {
     background: url('../icon/naw1.png');
     background-size: 100% 100%;
     display: inline-block;
     padding: 3px 7px;
     margin: 0 1px;
     text-decoration: none !important;
     font-size: small;
     color: white !important;
     border: 1px solid #324049;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 a.pag:hover, span.pag {
     padding: 3px 7px;
     background: url('../icon/naw2.png');
     background-size: 100% 100%;
     border-color: #2c602c;
     background-color: #026702d6;
     color: white !important;
     font-weight: bold;
     text-shadow: 0 -1px 0 #14264e;
     font-size: small;
}
 .weapon{
     background: url('../icon/weapon/l.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-position: center;
     height: 110px;
     width: 100px;
     padding: 3px 2px 4px 7px;
     filter: drop-shadow(0px 0px 5px #369c35);
}
 .atom-green{
     border-left: 1px solid rgba(245, 245, 245, 0.1);
     border-right: 1px solid rgba(245, 245, 245, 0.1);
     background: linear-gradient(to top, #043304, #042f0b, #042e07, #042e0b);
     border-radius: 7%;
}
 .atom-grey{
     background-color: #26221e;
     border-radius: 7%;
     border-left: 1px solid rgba(245, 245, 245, 0.1);
     border-right: 1px solid rgba(245, 245, 245, 0.1);
}
 .atom-red{
     background: linear-gradient(to top, #781111, #7b0c0c, #790a0a, #742020);
     border-radius: 7%;
     border-left: 1px solid rgba(245, 245, 245, 0.1);
     border-right: 1px solid rgba(245, 245, 245, 0.1);
}
.atom-m{
	color: #abac6d;
	background-color:rgba(4, 40, 4,1);
	border-top: 1px solid rgba(245, 245, 245, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.82);
	padding: 9px 0px;
	box-shadow: 0px 0px 55px -3px #131313 inset;
	text-align: center;
	margin-bottom:1px;
}
 .atom-sin{
     box-shadow: 0px 0px 14px 0px rgb(7, 20, 25) inset;
     background-color: #153039;
     border-top-left-radius: 1%;
     border-bottom-right-radius: 1%;
}
 .rating-box{
     display: block;
     padding: 7px 0px;
     background-color: #0d170d;
     overflow: hidden;
     border-top: 1px solid #464343;
     color: rgb(90, 148, 150);
     border-bottom: 1px solid #000000;
     color: rgb(90, 148, 150);
}
 .rating-box-new{
     display: block;
     padding: 7px 6px;
     background-color: #1b1b1b;
     overflow: hidden;
     border-top: 1px solid #464343;
     color: rgb(90, 148, 150);
     border-bottom: 1px solid #000000;
     color: rgb(90, 148, 150);
     margin: 0px -4px;
     background: url('../qw.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .rating-box-new-no{
     display: block;
     padding: 7px 6px;
     background-color: #1b1b1b;
     overflow: hidden;
     border-top: 1px solid #464343;
     color: rgb(90, 148, 150);
     border-bottom: 1px solid #000000;
     color: rgb(90, 148, 150);
     margin: 0px -4px;
     background: url('../qw2.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .leo-icon, .raf-icon, .doni-icon, .miki-icon, .leo-icon-off, .raf-icon-off, .doni-icon-off, .miki-icon-off {
     display:inline-block;
     width:9px;
     height:9px;
     border:1px double rgba(220,220,220,0.9);
     border-radius:50%;
}
 .leo-icon-off, .raf-icon-off, .doni-icon-off, .miki-icon-off {
     border: 1px double rgba(176, 162, 162, 0.9);
}
 .leo-icon {
     background-color:#0053CC;
}
 .raf-icon {
     background-color:#FF0300;
}
 .doni-icon {
     background-color:#4C00FF;
}
 .miki-icon {
     background-color:#FF3D00;
}
 .leo-icon-off {
     background-color:#173056;
}
 .raf-icon-off {
     background-color:#491110;
}
 .doni-icon-off {
     background-color:#2D1D53;
}
 .miki-icon-off {
     background-color:#702108;
}
 .advent_ram{
     padding: 14px 27px;
     margin: 0 auto;
     background-color: rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 1px 2px rgba(154, 124, 124, 0.65), inset 0 -2px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.2);
     -webkit-box-shadow: inset 0 1px 2px rgba(154, 124, 124, 0.65), inset 0 -2px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.2);
     border-radius: 5px;
}
 .advent-fon{
     background: url('../fon/advent-fon.jpg');
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
.advent-ml {}
 .ml2-3{
      box-shadow: 0px 0px 55px -3px #131313 inset;
     background: url('../fon/fon3.png');
     background-repeat:no-repeat;
}
 .osvet-1{
       box-shadow: 0px 0px 55px -3px #131313 inset;
    background-color: rgb(41, 35, 30);
     background: radial-gradient(ellipse at center, rgba(3, 0, 212, 0.91) 0%, rgba(9, 7, 159, 0.14) 50%);
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .osvet-2{
       box-shadow: 0px 0px 55px -3px #131313 inset;
    background-color: rgb(41, 35, 30);
     background: url('../fon/osvet/2.png')rgba(64, 5, 5,0.27);
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .osvet-3{
       box-shadow: 0px 0px 55px -3px #131313 inset;
    background-color: rgb(41, 35, 30);
     background: url('../fon/osvet/3.png')rgba(18, 116, 6,0.15);
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .big-but {
    border-left: 1px solid rgba(245, 245, 245, 0.1);
    border-right: 1px solid rgba(245, 245, 245, 0.1);
    display: block;
    padding: 3px 0px;
    margin: 0 auto 0 auto;
    text-align: center;
    color: #bbb;
    font-size: 12px;
    position: center;
    background: linear-gradient(to top, #022009, #0b512d);
    border-top: 1px solid rgba(245, 245, 245, 0.33);
    border-bottom: 1px solid rgba(0, 0, 0, 0.82);
    box-shadow: 0px 0px 55px -3px #131313 inset;
}
 .big-but-grey{
     border-left: 1px solid rgba(245, 245, 245, 0.1);
     border-right: 1px solid rgba(245, 245, 245, 0.1);
     display: block;
     padding: 3px 0px;
     margin: 0 auto 0 auto;
     text-align: center;
     color: #bbb;
     font-size: 12px;
     position: center;
     background-color: #3c332c;
     border-top: 1px solid rgba(245, 245, 245, 0.1);
     border-bottom: 1px solid rgba(0, 0, 0, 0.82);
     box-shadow: 0px 0px 55px -3px #131313 inset;
}
 .batle-ram{
     border: 1px solid #57c15b;
     border-radius: 31px;
}
 .clanbu-fon{
     padding: 10px;
     margin: 5px 0px;
     position: relative;
     text-align: left;
     color: #e8c278;
     border: 1px solid #605736;
     background-color: #081f08;
     -webkit-box-shadow: inset 0 0 2px 1px #000;
     box-shadow: inset 0 0 2px 1px #000;
}
 .input-st{
     background-size: 100% 100%;
     text-align: center;
     background: url('../tr.png');
     box-sizing: border-box;
     padding: 6px 11px;
     width: 179px;
     height: 28px;
     color: #ffffff;
     outline: none;
     resize: none;
     border: 0;
}
 .fon-tex-histor {
     background-color: #29231e;
     border-top: 1px solid rgba(245, 245, 245, 0.1);
     border-bottom: 1px solid rgba(103, 104, 103, 0.67);
     padding: 6px;
     box-shadow: 0px 0px 55px -3px rgba(0,0,0,.2) inset;
     text-align: center;
}
 .fon-tex-nagr{
     background-color: rgba(9, 39, 9, 0.43);
     border-top: 1px solid rgba(7, 125, 7, 0.67);
     border-bottom: 1px solid rgba(7, 125, 7, 0.67);
     padding: 6px;
     box-shadow: 0px 0px 55px -3px #131313 inset;
     text-align: center;
}
 .fon-tex-skitka{
         background-color: rgba(74, 45, 6, 0.81);
     color: #ff8000;
     border-top: 1px solid rgba(103, 104, 103, 0.67);
     border-bottom: 1px solid rgba(0, 0, 0, 0.67);
     padding: 6px;
     box-shadow: 0px 0px 55px -3px #131313 inset;
     text-align: center;
}
 .line-hr {
     margin: 4px auto;
     width: 50%;
     border-top: 1px solid #131313 !important;
     border-bottom: 1px solid #343434 !important;
	  box-shadow: none;
}
 .special {
     font-size: 110%;
     text-shadow: none;
     background: -webkit-linear-gradient(left,#c6f2ff,#dc2424,#fff,#417be4,#a00000);
     background: linear-gradient(left,#c6f2ff,#dc2424,#fff,#417be4,#a00000);
     color: transparent;
     -webkit-background-clip: text;
}
 .coloros{
     color:#abac6d;
}
 .rang{
     margin: 0 auto;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 41px;
     height: 39px;
     display: block;
     filter: drop-shadow(0px 0px 5px red);
}
 .delim-title {
     padding: 2px 8px;
     border-left: 1px solid rgba(245, 245, 245, 0.1);
     border-right: 1px solid rgba(245, 245, 245, 0.1);
     border-top: 1px solid rgba(245, 245, 245, 0.1);
     border-radius: 4px;
     background-color: #312424;
}
 .con-delim-hr {
     text-align: center;
     margin-top: -25px;
     padding-top: 5px;
}
 .mt-24{
     margin-top: 24px;
}
 .pansd {
     margin: 5px;
     padding: 3px;
     border: 1px solid #433332;
     border-radius: 6px;
     background-color: #312424;
     box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
}
 p.speech {
     position: relative;
     height: 35px;
     text-align: center;
     line-height: 32px;
     background-color: #29262f;
     border: 1px solid #6f5f5f;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 6px;
    /* -webkit-box-shadow: 2px 2px 4px #888;
     */
     -moz-box-shadow: 2px 2px 4px #888;
    /* box-shadow: 0px 0px 0px 0px #888;
     */
}
 p.speech:before {
     content: ' ';
     position: absolute;
     width: 0px;
     height: 0px;
     left: 32px;
     top: 36px;
     border: 6px solid transparent;
     border-color: #484254 #ff0c0c00 #ffffff00 #544e60;
}
 .big-but-hover {
     border-left: 1px solid rgba(245, 245, 245, 0.1);
     border-right: 1px solid rgba(245, 245, 245, 0.1);
     display: block;
     padding: 4px 0px;
     margin: 0 auto 0 auto;
     text-align: center;
     color: #bbb;
     font-size: 12px;
     position: center;
     background-color:#3c332c;
     border-top: 1px solid rgba(79, 172, 62, 1);
     border-bottom: 1px solid rgba(79, 172, 62, 1);
     box-shadow: 0px 0px 55px -3px #131313 inset;
}

 .title1{
     background: url('../ram/a1.png') no-repeat left ,url('../ram/a2.png') no-repeat right ,url('../ram/a3.png') repeat-x;
     display: block;
     padding: 14px;
     padding-left: 20px;
     color: #F7E4BC;
     font-size: 14px;
     text-decoration: none;
}
 .fon2 {
     background-position: 10% 44%;
     border-bottom-right-radius: 13%;
     border-top-right-radius: 13%;
     border-bottom-right-radius: 13%;
     border-top-left-radius: 13%;
     border-bottom-left-radius: 13%;
     background-color: #06300b;
     border-bottom: 1px solid rgb(13, 11, 11);
     border-top: 1px solid rgba(255, 255, 255, 0.4);
     box-shadow: 0px 0px 14px 0px rgb(14, 57, 17) inset;
     background-size: 100% 100%;
     padding-top: 4px;
     padding-bottom: 4px;
}
.clanfon{
     background-color: #191816;
     color: #FDB94B;
     text-align: center;
     padding: 5px;
     padding-top: 10px;
     padding-bottom: 10px;
     text-decoration: none;
     border: 1px solid #3b3510;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
     -o-border-radius: 4px;
     margin: 3px;
}
.fon-tex-ml{
     background-color: rgb(28, 28, 27);
        border: 1px solid rgba(245, 245, 245, 0.1);
}
.borber-green{
   border-left:  1px solid rgba(0, 255, 0, 1);
}
.borber-red{
   border-left:  1px solid rgba(255, 0, 0, 1);
}
.profile-lvl{
   border-top: 1px solid rgba(245, 245, 245, 0.1);
   border-bottom: 1px solid rgba(0, 0, 0, 0.82);
}
.filter-green{
filter: drop-shadow(0px 0px 5px #369c35)
}
.color-table{
  color: #c18b41;
  font-size: 13px;
}
.input-text{
  box-sizing: border-box;
width: 59%;
height: 27px;
padding: 5px;
background-color: #1d1d1d;
border: 1px solid #4E4E4E;
color: #ffffff;
outline: none;
}
.input-save{
  border-right:  1px solid rgba(245, 245, 245, 0.1);
  border-left:  1px solid rgba(245, 245, 245, 0.1);
}
small {
    font-size: 12px;
}
.tex-nav{
    background-color: #000000;
}
.card-collect_right{
  display:inline-block;
  padding-left: 5px;
}
.card-collect_title{
color:#ba863e;
margin: 0 auto;
}
.card-collect_info{
  color: #abac6d;
}
.bar-red{
  background: url('../icon/bar-red.png');
}
.bar-green{
  background: url('../icon/bar-green.png');
}
.bar{
  background-color: #1a1512;
    border: 1px solid #000000;
}
.bar-red, .bar-green, .bar{
  height: 4px;
  width: 100%;
  background-size: contain;
}
.color-a{
      color: #d29746
}
.osvet-img{
margin: auto;
border-radius: 2px;
box-shadow: inset 0 0 16px 0 #a50a14;
background-size: 100%;
}
.osvet-red{
  width: 30px;
height: 30px;
margin: auto;
box-shadow: inset 0 0 16px 0 #a50a14;
background-size: 100%;
}
.osvet-skitka {
    border: 1px solid rgb(11, 56, 11);
    background-color: #151d05;
    margin: auto;
    box-shadow: inset 0 0 16px 0 #fd0000;
    background-size: 100%;
}
.tout {
    -webkit-animation: tout 1.8s linear infinite;
    animation: tout 1.8s linear infinite;
}
@keyframes tout{
50% {
    box-shadow: inset 0 0 1px 0 #000;
  }}
.log._robbery{
    background: url('../fon/ogra.jpg');
    background-size: 100% 100%;
  }
.log._cl1{
    background: url('../fon/sh.jpg');
    background-size: 100% 100%;
  }
  .log._ml1{
    background: url('../fon/ml1.jpg');
    background-size: 100% 100%;
  }
   .logo-home {
   width:100%;
   height:140px;
    background: url('../fon/home.jpg');
  }
  .log._clan{
    background: url('../fon/clan.jpg');
    background-size: 100% 100%;
  }
  .log._ml2{
    background: url('../fon/ml2-img.jpg');
    background-size: 100% 100%;
	 height: 125px;
  }
.log{
height: 160px;
border: 1px solid #222222;
border-top: 1px solid #4E4E4E;
border-bottom: 1px solid #4E4E4E;
background-position: 50% 50%;
}
.rating-ml {
  display: block;
  padding: 7px 0px;
      background-color: #0d170d;
      border-top: 1px solid #464343;
  color: rgb(90, 148, 150);
  border-bottom: 1px solid #000000;
  color: rgb(90, 148, 150);
}
.fon-header {
  border-left: 1px solid #393030;
  border-right: 1px solid #393030;
    background-color: #011701;
    border-top: 1px solid rgba(245, 245, 245, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.82);
    padding: 5px;
    text-align: center;
}
.fon-tex-footer {
  -webkit-box-shadow: inset 0 0 7px 1px #1a4400;
  background-color: rgb(12, 33, 5);
    background: linear-gradient(to top, #051705, #1a2406);
  border: 1px solid #3b3510;
    border-top: 1px solid #1a2705;
  padding: 5px;
  box-shadow: 0px 0px 7px 0px#1a4400 inset;
  text-align: center;
  color: #b2b1b1;
}
.fon-tex-jurnal {
    background: linear-gradient(to top, #111e05, #0d1c05);
    background-color: #011701;
    border-top: 1px solid rgba(192, 192, 192, 0.21);
    border-bottom: 1px solid rgb(0, 0, 0);
    padding: 5px;
    text-align: center;
}
 .title-res {
   font-size: 15px;
   background-repeat: repeat-x;
   color: #abac6d;
   background-color: rgba(4, 40, 4,1);
   background: linear-gradient(to top, #0c1b05, #021d02);
   border: 1px solid rgba(245, 245, 245, 0.1);
   border-top: 1px solid #094848;
   border-bottom: 1px solid #053c3c;
   padding: 6px;
   box-shadow: 0px 0px 7px 0px #132525 inset;
   text-align: center;
}
.fon-ml2-nav{
    background-color: rgb(12, 33, 5);
    background: linear-gradient(to top, #051505, #222004);
    border: 1px solid #3b3510;
   border-bottom: 1px solid #091604;
    padding: 5px;
    text-align: center;
    color: #b2b1b1;
	 background-size: 100% 100%;
}


/* главаная */

.home-menu {}
.home-num {
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 10px;
	font-size: 1.15em;
	font-weight: bold;
	color: #289F77;
	/* text-shadow: 0 0 3px rgba(255,233,64, 0.5); */
}


/* профиль */

.profile-menu {
	padding: 0px;
	font-size: 0.9em;
}
.profile-menu-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.profile-menu-item-row {
	display: table-row;
}
.profile-menu-item-cell {
	display: table-cell;
	width: 50%;
}
.profile-menu-item {}
.profile-menu .profile-menu-item:nth-last-child(n + 2) {
	margin-bottom: 2px;
}




/* TMNT hideout polish */
.hideout-overview {
    padding: 8px 6px;
}
.hideout-pills {
    margin-top: 6px;
}
.hideout-pill {
    display: inline-block;
    margin: 2px;
    padding: 4px 7px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(9, 35, 9, 0.85);
    box-shadow: inset 0 0 8px rgba(0,0,0,0.35);
    border-radius: 10px;
    font-size: 12px;
    color: #b7b96c;
}
.hideout-section {
    margin-top: 2px;
}
.hideout-card {
    padding: 7px;
    text-align: left;
}
.hideout-card-title {
    font-weight: bold;
    color: #d6d7b0;
}
.hideout-card-meta {
    font-size: 12px;
    color: #7ed37e;
    margin-top: 3px;
}
.hideout-card-note {
    font-size: 11px;
    color: #9e9e9e;
    margin-top: 2px;
}
.hideout-actions {
    margin-top: 6px;
}
.hideout-actions .atom {
    display: inline-block;
    min-width: 92px;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
}
.hideout-subline {
    font-size: 13px;
    color: #b7b96c;
    margin-top: 2px;
}
.hideout-grid-link {
    display: block;
    padding: 8px 6px;
    color: #b7b96c;
}
.hideout-grid-link small {
    float: right;
}
.hideout-empty {
    color: #8f8f8f;
    font-size: 12px;
}

/* зачистка */

.sweeping-enemy-img {
	padding: 1px 0;
}
.sweeping-enemy-img img {
	width: 100px;
	height: 125px;
	border-radius: 15%;
}
.sweeping-enemy-img:hover {
	border-radius: 15%;
	background-color: rgba(200, 200, 200, 0.2);
}
.sweeping-left {
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}


/* схватка */

.scramble-rang-icon {
	width: 36px;
	height: 36px;
}


/* ограбление */

.robbery-part, .robbery-mini-rait {
	display: table;
	width: 100%;
	text-align: left;
	table-layout: fixed;
}
.robbery-part-row, .robbery-mini-rait-row {
	display: table-row;
}
.robbery-part-cell-left, .robbery-part-cell-right, .robbery-mini-rait-cell-left, .robbery-mini-rait-cell-right {
	display: table-cell;
	text-align: center;
}
.robbery-part-cell-left {
	width: 80%;
}
.robbery-part-cell-right {
	width: 20%;
}
.robbery-mini-rait-cell-left {
	border-right: 1px solid #0E0E0E;
}
.robbery-score-last {
	display: inline-block;
	background-color: rgba(255,17,0, 0.1);
	font-size: 1.6em;
	font-weight: bold;
	text-shadow: 1px 1px 2px black;
}


/* канализация */

.ml2-list {
	width: 50%;
	/* height: 202px; */
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #050B02;
	border-bottom: 1px solid #050B02;
	overflow: hidden;
	/* margin-top: 40px; */
}
.ml2-list-name {
	height: 17px;
}
.ml2-list-content {
	/* height: 218px; */
}
.ml2-list-reward-1 {
	height: 16px;
	font-size: 0.8em;
}
.ml2-list-reward-2 {
	display: table-cell;
	height: 48px;
	width: 100%;
	vertical-align: middle;
}
.ml2-list-bottom {
	height: 70px;
}


/* рейтинг */

.rating {
	display: table;
	width: 100%;
}
.rating-place, .rating-name, .rating-score {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	
}
.rating-place {
	min-width: 3%;
	font-size: 0.8em;
	padding-left: 3px;
}
.rating-name {
	width: 50%;
	padding-left: 6px;
}
.rating-score {
	width: 40%;
	text-align: right;
}
.rating-score-score {
	vertical-align: middle;
}
.rating-score-percent {
	font-size: 0.8em;
	vertical-align: middle;
}


/* разное */


/* примечание */
.prim {
	color: olive;
}

/* иконки персов */
.pers-icon {
	display: inline-block;
	position: relative;
}
.pers-icon-leo-mini, .pers-icon-raf-mini, .pers-icon-doni-mini, .pers-icon-miki-mini, .pers-icon-leo-mini-off, .pers-icon-raf-mini-off, .pers-icon-doni-mini-off, .pers-icon-miki-mini-off {
	position: relative;
	width: 14px;
	height: 14px;
	box-shadow: 0px 0px 6px -1px black inset;
	border: 1px solid forestGreen;
	border-radius: 50%;
	padding: 1px;
}
.pers-icon-male, .pers-icon-female {
	position: absolute;
	width: 10px;
	z-index: 1;
	top: 13px;
	left: 8px;
}
.pers-icon-male {
	top: 12px;
}
.pers-icon-female {
	
}
.pers-icon-leo-mini-off, .pers-icon-raf-mini-off, .pers-icon-doni-mini-off, .pers-icon-miki-mini-off {
	border: 1px solid dimGray;
}

/* цвета параметров игрока */
.health-2-color {
	color: #90F418;
}
.damage-color {
	color: #389DE0;
}

.health-color {
	color: #D73112;
}
.power-color {
	color: #DAAC15;
}
.agil-color {
	color: #2296B8;
}
.intell-color {
	color: #8EC62E;
}
.fight-score-color, .robbery-score-last {
	color: #EE6700;
}


.icon-fon {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-image: url('../icon/icon-fon.png');
	width: 79px;
	height: 79px;
}

/* TMNT redesign: home / shop / profile */
.tmnt-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 8px 0;
}
.tmnt-grid-full { grid-column: 1 / -1; }
.tmnt-panel {
    display: block;
    position: relative;
    border: 1px solid #263226;
    border-top: 1px solid #4e4e4e;
    border-bottom: 1px solid #4e4e4e;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(6,12,6,.98), rgba(10,20,10,.96));
    box-shadow: inset 0 0 0 1px rgba(98, 121, 69, 0.08), 0 2px 10px rgba(0,0,0,.18);
    overflow: hidden;
}
.tmnt-card {
    min-height: 82px;
    padding: 10px 10px 10px 10px;
    color: #e2e0b7;
}
.tmnt-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.05), rgba(22,36,22,.18));
    pointer-events: none;
}
.tmnt-card-title { font-size: 1em; color: #ede7c0; display: flex; align-items: center; gap: 8px; position: relative; z-index: 1; }
.tmnt-card-title img { width: 25px; height: 25px; }
.tmnt-card-desc { position: relative; z-index: 1; margin-top: 6px; font-size: .82em; color: #9ea98f; line-height: 1.25; }
.tmnt-card-badge {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 1;
    font-size: .78em;
    color: #d8d8d8;
}
.tmnt-card-dot {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #52f652;
    box-shadow: 0 0 8px rgba(82,246,82,.8);
    z-index: 2;
}
.tmnt-card.tmnt-ready { box-shadow: inset 0 0 0 1px rgba(83, 173, 75, .20), 0 0 0 1px rgba(83, 173, 75, .08); }
.tmnt-card.tmnt-alert { box-shadow: inset 0 0 0 1px rgba(202, 172, 64, .18), 0 0 0 1px rgba(202,172,64,.08); }
.tmnt-card.tmnt-muted { opacity: .95; }
.tmnt-card.tmnt-bg-home { background-image: linear-gradient(180deg, rgba(8,12,8,.80), rgba(6,14,6,.92)), url('../fon/home.jpg'); background-size: cover; background-position: center; }
.tmnt-card.tmnt-bg-za { background-image: linear-gradient(180deg, rgba(8,12,8,.84), rgba(6,14,6,.92)), url('../fon/za.jpg'); background-size: cover; background-position: center; }
.tmnt-card.tmnt-bg-adv { background-image: linear-gradient(180deg, rgba(8,12,8,.84), rgba(6,14,6,.92)), url('../fon/advent-fon.jpg'); background-size: cover; background-position: center; }
.tmnt-card.tmnt-bg-ogr { background-image: linear-gradient(180deg, rgba(8,12,8,.84), rgba(6,14,6,.92)), url('../fon/ogra.jpg'); background-size: cover; background-position: center; }
.tmnt-card.tmnt-bg-sh { background-image: linear-gradient(180deg, rgba(8,12,8,.84), rgba(6,14,6,.92)), url('../fon/sh.jpg'); background-size: cover; background-position: center; }
.tmnt-card.tmnt-bg-ra { background-image: linear-gradient(180deg, rgba(8,12,8,.84), rgba(6,14,6,.92)), url('../fon/ml1.jpg'); background-size: cover; background-position: center; }
.tmnt-card.tmnt-bg-ka { background-image: linear-gradient(180deg, rgba(8,12,8,.84), rgba(6,14,6,.92)), url('../fon/ml2-img.jpg'); background-size: cover; background-position: center; }
.tmnt-card.tmnt-bg-shop { background-image: linear-gradient(180deg, rgba(8,12,8,.82), rgba(6,14,6,.92)), url('../fon/lab.png'); background-size: cover; background-position: center; }
.tmnt-banner {
    width: 100%;
    height: 150px;
    border: 1px solid #263226;
    border-top: 1px solid #4e4e4e;
    border-bottom: 1px solid #4e4e4e;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
}
.tmnt-banner._home { background-image: url('../fon/home.jpg'); }
.tmnt-banner._shop { background-image: linear-gradient(180deg, rgba(6,12,6,.35), rgba(6,12,6,.55)), url('../fon/lab.png'); }
.tmnt-banner._profile { background-image: linear-gradient(180deg, rgba(6,12,6,.45), rgba(6,12,6,.75)), url('../fon/home.jpg'); }
.tmnt-section-head { padding: 6px 2px 2px; color: #d6d7b0; font-size: .95em; }
.tmnt-mini-note { font-size: .8em; color: #98a18d; }
.tmnt-profile-header { padding: 12px; display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.tmnt-profile-name { font-size: 1.25em; color: #efe7b7; font-weight: bold; }
.tmnt-profile-sub { margin-top: 4px; color: #9aac88; font-size: .88em; }
.tmnt-level-badge { padding: 6px 10px; border: 1px solid #645a39; border-radius: 9px; color: #efe7b7; background: rgba(30,20,10,.35); font-weight: bold; }
.tmnt-profile-hero { padding: 0 10px 10px; }
.tmnt-profile-hero-inner {
    min-height: 150px;
    border-radius: 12px;
    border: 1px solid #223022;
    background: linear-gradient(180deg, rgba(8,12,8,.25), rgba(0,0,0,.72)), url('../fon/home.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.tmnt-profile-hero-inner .tmnt-turtle-icon { position: absolute; left: 12px; top: 12px; }
.tmnt-profile-hero-inner .tmnt-turtle-icon img { width: 34px; height: 34px; }
.tmnt-profile-hero-inner .tmnt-premium { position: absolute; right: 12px; top: 12px; }
.tmnt-profile-hero-inner .tmnt-premium img { width: 34px; }
.tmnt-profile-hero-inner .tmnt-weapon img { width: 105px; filter: drop-shadow(0 0 8px rgba(46,100,46,.5)); }
.tmnt-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 10px 10px; }
.tmnt-stat-box { padding: 10px; border-radius: 12px; background: rgba(0,0,0,.22); border: 1px solid rgba(99, 122, 69, .15); }
.tmnt-stat-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 0; font-size: .95em; }
.tmnt-stat-line .name { color: #c3c7c0; }
.tmnt-stat-line .value { color: #9ee59c; }
.tmnt-info-card { padding: 10px; margin-top: 8px; border-radius: 12px; background: rgba(0,0,0,.18); border: 1px solid rgba(99,122,69,.15); }
.tmnt-shop-weapon { padding: 10px; display: flex; align-items: center; gap: 10px; }
.tmnt-shop-weapon img { width: 26px; height: 26px; }
.tmnt-shop-weapon .title { color: #efe7b7; font-size: 1em; }
.tmnt-shop-weapon .sub { color: #98a18d; font-size: .82em; margin-top: 3px; }
.tmnt-shop-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.tmnt-shop-card { min-height: 106px; padding: 12px; border-radius: 14px; }
.tmnt-shop-card .head { display: flex; align-items: center; gap: 10px; color: #efe7b7; font-size: 1.02em; font-weight: bold; position: relative; z-index: 1; }
.tmnt-shop-card .head img { width: 28px; height: 28px; }
.tmnt-shop-card .desc { position: relative; z-index: 1; margin-top: 8px; font-size: .84em; color: #b3b7a7; line-height: 1.25; }
.tmnt-color-blue { box-shadow: inset 2px 0 0 #3d74ff; }
.tmnt-color-purple { box-shadow: inset 2px 0 0 #ad4bff; }
.tmnt-color-gold { box-shadow: inset 2px 0 0 #d3b72c; }
.tmnt-color-orange { box-shadow: inset 2px 0 0 #ff8a2a; }
.tmnt-color-green { box-shadow: inset 2px 0 0 #3ccc58; }
@media (max-width: 420px) {
    .tmnt-card { min-height: 74px; padding: 9px; }
    .tmnt-card-title { font-size: .95em; }
    .tmnt-card-desc { font-size: .78em; }
    .tmnt-shop-card { min-height: 98px; }
}


/* ===== TMNT exact mobile stage 1: home / shop / equipment ===== */
.tmobile-page-title{
    height:31px; line-height:31px; text-align:center; color:#d7d5d0;
    background:#191919; font-size:14px; font-weight:normal; text-shadow:none;
}
.tmobile-green-line{height:2px;background:#2fc238;margin:0 0 6px;}
.tmobile-city-banner,.tmobile-shop-banner{
    height:154px; margin:0 7px 7px; border:1px solid #272727; background-size:cover;
    background-position:center; box-sizing:border-box;
}
.tmobile-city-banner{background-image:url('../fon/home.jpg');}
.tmobile-shop-banner{height:126px;background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.20)),url('../fon/lab.png');}
.tmobile-notice{display:block;margin:3px 7px;padding:6px 8px;background:#151714;border:1px solid #333;color:#cfc9a2;font-size:12px;text-align:center;}
.tmobile-daily-wrap{margin:0 7px 7px;}
.tmobile-daily{
    position:relative;display:flex;align-items:center;min-height:45px;box-sizing:border-box;
    margin-top:5px;padding:5px 30px 5px 7px;border:1px solid #353530;border-radius:7px;
    background:linear-gradient(180deg,#101510,#080b08);color:#d9d3b3;text-shadow:none;
}
.tmobile-daily.ready{border-color:#315c35;box-shadow:inset 0 0 10px rgba(33,95,40,.22);}
.tmobile-daily-icon{width:31px;font-size:20px;text-align:center;flex:0 0 31px;}
.tmobile-daily-text{min-width:0;display:block;padding-left:5px;line-height:1.05;}
.tmobile-daily-text b{display:block;font-size:13px;color:#ddd7bc;font-weight:bold;}
.tmobile-daily-text small{display:block;margin-top:4px;font-size:11px;color:#999;}
.tmobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 7px 8px;}
.tmobile-menu-card{
    position:relative;display:block;height:72px;box-sizing:border-box;overflow:hidden;
    border:1px solid #34342d;border-radius:8px;color:#d7d0aa;text-shadow:1px 1px 1px #000;
    background-color:#0c0e0c;background-size:cover;background-position:center;
    padding:25px 5px 5px 48px;
}
.tmobile-menu-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.90),rgba(5,6,5,.62));}
.tmobile-card-icon{position:absolute;z-index:2;left:8px;top:25px;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 2px #000);}
.tmobile-card-copy{position:relative;z-index:2;display:block;min-width:0;}
.tmobile-card-copy b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:15px;color:#e2dcc1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.tmobile-card-copy small{display:block;margin-top:4px;font-size:10.5px;line-height:12px;color:#aaa99d;max-height:24px;overflow:hidden;}
.tmobile-card-badge{position:absolute;z-index:3;right:20px;top:5px;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#d6d6d6;text-shadow:1px 1px #000;}
.tmobile-dot{position:absolute;z-index:4;right:7px;top:7px;width:9px;height:9px;border-radius:50%;background:#42ff31;box-shadow:0 0 5px #42ff31;}
.tmobile-card-badge+.tmobile-card-copy{}
.tmobile-menu-full{grid-column:1/-1;height:65px;padding-top:22px;}
.tmobile-menu-full .tmobile-card-icon{top:18px;}
.tm-bg-za{background-image:url('../fon/za.jpg');}.tm-bg-scramble{background-image:url('../fon/ml1.jpg');}
.tm-bg-adv{background-image:url('../fon/advent-fon.jpg');}.tm-bg-ogr{background-image:url('../fon/ogra.jpg');}
.tm-bg-ra{background-image:url('../fon/ml1.jpg');}.tm-bg-sh{background-image:url('../fon/sh.jpg');}
.tm-bg-ka{background-image:url('../fon/ml2-img.jpg');}.tm-bg-dump{background-image:url('../fon/ml2.png');}
.tm-bg-home{background-image:url('../fon/home.jpg');}.tm-bg-shop{background-image:url('../fon/lab.png');}.tm-bg-bank{background:#0a0c0a;}

.tmobile-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 7px 8px;}
.tmobile-shop-card{
    min-height:73px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:8px;
    border:1px solid #34342d;border-radius:7px;background:linear-gradient(180deg,#101510,#080b08);
    color:#d5d0b0;text-shadow:none;overflow:hidden;
}
.tmobile-shop-card img{width:35px;height:35px;object-fit:contain;flex:0 0 35px;}
.tmobile-shop-card span{display:block;min-width:0;}
.tmobile-shop-card b{display:block;font-size:13px;line-height:14px;color:#a7c477;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tmobile-shop-card small{display:block;margin-top:4px;font-size:10.5px;line-height:12px;color:#aaa;}
.tmobile-shop-full{grid-column:1/-1;min-height:57px;}
.shop-blue{border-left:2px solid #3e7eff}.shop-purple{border-left:2px solid #a850ff}.shop-gold{border-left:2px solid #e0b718}.shop-orange{border-left:2px solid #e87932}.shop-green{border-left:2px solid #42b852}

.tmobile-set-list{margin:6px 7px 8px;}
.tmobile-set-row{display:flex;align-items:center;min-height:50px;box-sizing:border-box;margin-bottom:6px;padding:5px 7px;border:1px solid #2c312c;border-radius:6px;background:linear-gradient(180deg,#101510,#080b08);text-shadow:none;color:#aaa;}
.tmobile-set-row img{width:31px;height:31px;object-fit:contain;flex:0 0 31px;margin-right:8px;filter:drop-shadow(0 0 3px #000);}
.tmobile-set-name{flex:1;min-width:0;font-family:Georgia,'Times New Roman',serif;font-size:12px;line-height:14px;padding-right:5px;}
.tmobile-set-level{flex:0 0 62px;text-align:right;font-size:10.5px;color:#9a5e46;line-height:12px;}
.tmobile-set-row.current{border-color:#315837;box-shadow:inset 0 0 8px rgba(48,106,55,.22);}
.tmobile-set-row.current .tmobile-set-level{color:#75bc6c;}.tmobile-set-row.opened .tmobile-set-level{color:#777;}
.tmobile-set-row.locked{opacity:.58;}.tmobile-set-row.set-1 .tmobile-set-name{color:#c4c4c4}.tmobile-set-row.set-2 .tmobile-set-name{color:#989898}.tmobile-set-row.set-3 .tmobile-set-name{color:#3e8f4a}.tmobile-set-row.set-4 .tmobile-set-name{color:#4275b1}.tmobile-set-row.set-5 .tmobile-set-name{color:#9744a9}.tmobile-set-row.set-6 .tmobile-set-name{color:#9d5d28}.tmobile-set-row.set-7 .tmobile-set-name{color:#bba477}.tmobile-set-row.set-8 .tmobile-set-name{color:#a94242}
.tmobile-set-note{margin:0 7px 8px;padding:7px 8px;border:1px solid #312d25;background:#12110e;color:#8f8b7c;font-size:10.5px;line-height:13px;text-align:left;}
.tmobile-back{display:block;margin:0 7px 8px;padding:10px 8px;border:1px solid #453e2e;background:#14120f;color:#c9bd8d;font-family:Georgia,'Times New Roman',serif;font-size:12px;text-align:center;text-shadow:none;}

@media(max-width:280px){
 .tmobile-menu-card{height:68px;padding-left:43px}.tmobile-card-icon{left:6px;width:31px;height:31px}.tmobile-card-copy b{font-size:13px}.tmobile-card-copy small{font-size:10px}
 .tmobile-shop-card{padding:6px;gap:5px}.tmobile-shop-card img{width:30px;height:30px;flex-basis:30px}.tmobile-shop-card b{font-size:11px}.tmobile-shop-card small{font-size:9.5px}
}
/* ===== end exact mobile stage 1 ===== */

/* =========================================================
   HOME 2026 — mobile city dashboard (only main/home page)
   ========================================================= */
.page-home-modern {
    background:#030604;
    color:#d7d3b2;
}
.page-home-modern .wrapper {
    width:100%;
    max-width:430px;
    min-width:240px;
    margin:0 auto;
    background:#070a08;
    box-shadow:0 0 28px rgba(0,0,0,.85);
    overflow:hidden;
    color:#c9c7b3;
}
.page-home-modern .comp_menu_left,
.page-home-modern .comp_menu_right { display:none !important; }
.page-home-modern a { text-decoration:none; }

.hm-top-resources {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr)) 34px;
    gap:5px;
    padding:8px 9px 7px;
    background:linear-gradient(180deg,#070908,#020403);
    border-bottom:1px solid #2e321d;
}
.hm-res {
    min-width:0;
    height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    border:1px solid #292b20;
    border-radius:17px;
    background:linear-gradient(180deg,rgba(15,18,14,.96),rgba(3,5,4,.98));
    color:#d9d8cf;
    box-shadow:inset 0 0 10px rgba(0,0,0,.55);
    font-size:12px;
    text-shadow:none;
}
.hm-res img { width:18px; height:18px; object-fit:contain; }
.hm-res b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.hm-res-plus {
    height:31px;
    width:31px;
    border:1px solid #78b316;
    color:#8bd626 !important;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    line-height:1;
    background:#081006;
    box-shadow:0 0 10px rgba(101,210,20,.18),inset 0 0 10px rgba(60,130,12,.16);
}
.hm-city-title {
    padding:8px 0 7px;
    text-align:center;
    color:#e4d9a9;
    font-family:Georgia,'Times New Roman',serif;
    font-size:19px;
    letter-spacing:.2px;
    background:linear-gradient(180deg,#0b0d0b,#070807);
    border-bottom:1px solid #293117;
    position:relative;
}
.hm-city-title:before,.hm-city-title:after {
    content:"";
    position:absolute;
    top:50%; width:19%; height:1px;
    background:linear-gradient(90deg,transparent,#5a871d,transparent);
}
.hm-city-title:before { left:9%; }
.hm-city-title:after { right:9%; }

.page-home-modern .hm-event-panel {
    margin:7px 10px 8px !important;
    padding:11px 52px 10px 16px !important;
    min-height:58px;
    position:relative;
    border:1px solid #465218 !important;
    border-radius:10px;
    background:
      radial-gradient(circle at 32px 50%,rgba(99,184,14,.23),transparent 42px),
      linear-gradient(180deg,#0d140c,#070c08) !important;
    box-shadow:inset 0 0 15px rgba(51,96,17,.12),0 1px 5px rgba(0,0,0,.55) !important;
    color:#d4d4cb;
    text-align:left !important;
    font-size:13px !important;
}
.page-home-modern .hm-event-panel:before {
    content:none !important;
    display:none !important;
}
.page-home-modern .hm-event-panel:after {
    content:"◷";
    position:absolute;
    right:18px; top:17px;
    color:#405628;
    font-size:29px;
}
.page-home-modern .hm-event-panel > a:first-child {
    color:#86d925 !important;
    font-size:17px;
    font-weight:bold;
    line-height:1.25;
}
.page-home-modern .hm-event-panel a.u {
    color:#e3c867 !important;
    display:inline-block;
    margin-top:3px;
}

.hm-home { background:#050705; }
.hm-notice {
    display:flex; align-items:center; justify-content:center; gap:7px;
    margin:6px 10px;
    padding:7px 10px;
    border:1px solid #293c20;
    border-radius:8px;
    background:#0b140b;
    color:#b9db9c !important;
    font-size:12px;
}
.hm-notice b { color:#a7ef5b; }
.hm-compensation {
    margin:6px 10px;
    padding:8px 10px;
    display:flex; align-items:center; gap:8px;
    border:1px solid #514a20; border-radius:8px;
    background:#151307;
    font-size:12px;
}
.hm-compensation strong { flex:1; color:#e2cf83; }
.hm-compensation span { display:flex; align-items:center; gap:3px; }
.hm-compensation a { padding:5px 9px; border-radius:6px; background:#173a10; color:#a7e97b; }

.hm-hero {
    height:150px;
    width:100%;
    background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.16)),url('../fon/home_modern_hero.jpg');
    background-size:cover;
    background-position:center 51%;
    border-top:1px solid #1c2415;
    border-bottom:1px solid #31311e;
    box-shadow:inset 0 -22px 25px rgba(0,0,0,.30);
}
.hm-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:8px 10px 10px;
    background:linear-gradient(180deg,#070907,#050605);
}
.hm-card {
    min-width:0;
    height:67px;
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 30px 7px 9px;
    border:1px solid #303227;
    border-radius:11px;
    color:#ded5ab !important;
    overflow:hidden;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 2px 7px rgba(0,0,0,.32);
    background-color:#0b0d0b;
    background-size:cover;
    background-position:center;
    isolation:isolate;
}
.hm-card:before {
    content:"";
    position:absolute; inset:0; z-index:-1;
    background:linear-gradient(90deg,rgba(2,4,3,.975) 0%,rgba(2,4,3,.86) 54%,rgba(2,4,3,.68) 100%);
}
.hm-card:after {
    content:"";
    position:absolute; inset:0; z-index:-1;
    background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.22));
}
.hm-card.is-ready { border-color:#3d4e31; }
.hm-card:hover { border-color:#5f7444; color:#f5e9b8 !important; }
.hm-icon {
    flex:0 0 42px;
    width:42px; height:42px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:radial-gradient(circle at 50% 42%,rgba(49,76,24,.58),rgba(2,4,3,.92) 70%);
    border:1px solid #655f38;
    box-shadow:inset 0 0 8px #000,0 0 8px rgba(77,128,29,.10);
}
.hm-icon img { width:34px; height:34px; object-fit:contain; filter:drop-shadow(0 1px 2px #000); }
.hm-copy { min-width:0; display:block; flex:1; position:relative; z-index:2; }
.hm-copy b {
    display:block;
    color:#e1d8af;
    font-family:Georgia,'Times New Roman',serif;
    font-size:16px;
    line-height:1.05;
    font-weight:normal;
    white-space:normal;
}
.hm-copy b.hm-green,.hm-green { color:#93df3c !important; }
.hm-copy small {
    display:block;
    margin-top:4px;
    color:#8f9188;
    font-size:10.5px;
    line-height:1.12;
    text-shadow:1px 1px #000;
}
.hm-card em {
    position:absolute;
    right:8px; top:7px;
    color:#cfd0c8;
    font-size:10px;
    font-style:normal;
    text-shadow:1px 1px #000;
    z-index:3;
}
.hm-dot {
    position:absolute;
    right:8px; top:8px;
    width:9px; height:9px;
    border-radius:50%;
    background:#71ef23;
    box-shadow:0 0 7px #65ff18;
    z-index:4;
}
.hm-card .hm-dot + em { top:23px; }
.hm-new {
    position:absolute;
    right:8px; bottom:8px;
    padding:2px 6px;
    border-radius:10px;
    background:linear-gradient(180deg,rgba(63,150,39,.96),rgba(21,70,17,.96));
    border:1px solid rgba(145,255,111,.45);
    color:#d9ffb4;
    font-size:10px;
    font-weight:bold;
    letter-spacing:.4px;
    text-transform:uppercase;
    box-shadow:0 0 12px rgba(99,255,38,.28), inset 0 0 8px rgba(255,255,255,.08);
}
.hm-card-wide { grid-column:1/-1; height:64px; }
.hm-card-wide .hm-copy b { font-size:17px; }
.hm-card-wide .hm-copy small { font-size:11px; }

.hm-bg-sweep { background-image:url('../fon/za.jpg'); }
.hm-bg-fight { background-image:url('../img/scramble.jpg'); }
.hm-bg-training { background-image:url('../fon/home.jpg'); }
.hm-bg-patrol { background-image:url('../fon/home_modern_hero.jpg'); background-position:72% center; }
.hm-bg-showdown { background-image:url('../fon/ml1.jpg'); }
.hm-bg-robbery { background-image:url('../fon/ogra.jpg'); }
.hm-bg-advent { background-image:url('../fon/advent-fon.jpg'); }
.hm-bg-shredder { background-image:url('../fon/sh.jpg'); }
.hm-bg-sewer { background-image:url('../fon/ml2-img.jpg'); }
.hm-bg-hideout { background-image:url('../fon/home.jpg'); background-position:35% center; }
.hm-bg-dimension { background-image:url('../fon/home_modern_hero.jpg'); background-position:60% center; }
.hm-bg-dump { background-image:url('../fon/svalka/1.jpg'); }
.hm-bg-tasks { background-image:url('../fon/home_modern_hero.jpg'); background-position:35% center; }
.hm-bg-lab { background-image:url('../fon/lab.png'); }
.hm-bg-shop { background-image:url('../fon/lab.png'); }
.hm-bg-upgrades { background-image:url('../fon/ml2-img.jpg'); }
.hm-bg-bank { background-image:url('../fon/home_modern_hero.jpg'); background-position:center 65%; }
.hm-card-rich .hm-copy small{line-height:1.08!important}.hm-card-rich em{position:absolute;right:8px;top:8px;color:#d8d1b8;font:normal 8px Arial,sans-serif;letter-spacing:.4px}.hm-card-rich.has-reward{box-shadow:0 0 20px rgba(196,164,44,.15),inset 0 0 0 1px rgba(232,198,64,.08)!important}.hm-world-card-reward{position:absolute;right:40px;bottom:7px;font-size:14px;filter:drop-shadow(0 0 5px rgba(255,210,60,.25))}.hm-bg-worldcard{background-image:url('../fon/world_boss_cyber_v39.jpg');background-position:center 44%}.hm-card.hm-bg-worldcard{border-color:#665727!important;box-shadow:0 0 18px rgba(132,177,58,.12),inset 0 0 0 1px rgba(190,171,73,.08)!important}.hm-card.hm-bg-worldcard:before{background:linear-gradient(90deg,rgba(4,6,4,.98),rgba(5,9,5,.87) 48%,rgba(10,24,9,.62) 100%)!important}.hm-card.hm-bg-worldcard .hm-copy b{color:#b8ec78!important;text-shadow:0 0 9px rgba(124,225,80,.12)!important}.hm-card.hm-bg-worldcard .hm-copy small{color:#a5aaa0!important}.hm-card.hm-bg-worldcard .hm-icon{border-color:#7a5f2c!important;background:radial-gradient(circle,#4c1e17 0%,#17100c 47%,#070807 74%)!important;box-shadow:inset 0 0 8px #000,0 0 11px rgba(200,85,35,.16)!important}.hm-card.hm-bg-worldcard .hm-icon img{filter:drop-shadow(0 0 4px rgba(255,190,50,.18))}.hm-card.hm-bg-worldcard .hm-new{bottom:7px!important}.hm-card.hm-bg-worldcard .hm-dot{box-shadow:0 0 8px rgba(113,236,73,.42)!important}
.hm-bg-world { background-image:url('../fon/world_boss_cyber_v39.jpg'); background-position:center 45%; }
.hm-card.hm-bg-world{border-color:#6d5a24!important;box-shadow:0 0 18px rgba(145,189,58,.13),inset 0 0 0 1px rgba(195,177,73,.10),0 2px 7px rgba(0,0,0,.32)!important}.hm-card.hm-bg-world:before{background:linear-gradient(90deg,rgba(3,6,4,.98) 0%,rgba(6,12,5,.84) 42%,rgba(17,34,13,.58) 100%)!important}.hm-card.hm-bg-world .hm-copy b{color:#b5f06f!important;text-shadow:0 0 10px rgba(120,255,93,.14)!important}.hm-card.hm-bg-world .hm-copy small{color:#d9dfd0!important}.hm-card.hm-bg-world .hm-new{background:linear-gradient(180deg,rgba(113,205,58,.98),rgba(33,94,20,.98))!important;color:#efffd7!important;border-color:rgba(178,255,118,.55)!important}.hm-card.hm-bg-world .hm-dot{width:10px!important;height:10px!important;box-shadow:0 0 9px #74ff2b,0 0 15px rgba(116,255,43,.45)!important}.hm-card.hm-bg-world .hm-icon{border-color:#7f5a22!important;background:radial-gradient(circle at 50% 42%,rgba(83,24,24,.60),rgba(7,6,5,.95) 72%)!important;box-shadow:inset 0 0 8px #000,0 0 13px rgba(168,47,47,.15)!important}
.hm-icon-world{background:radial-gradient(circle at 50% 42%,rgba(76,25,87,.58),rgba(5,4,8,.94) 72%)!important;border-color:#7b4ba7!important;box-shadow:inset 0 0 8px #000,0 0 11px rgba(177,74,255,.16)!important}
.hm-icon-world img{filter:drop-shadow(0 1px 2px #000) saturate(1.08)!important}
.page-home-modern .hm-card,.page-home .hm-card{background-color:#070908!important}.page-home-modern .hm-card .hm-copy b,.page-home .hm-card .hm-copy b{color:#dfd5b2!important}.page-home-modern .hm-card .hm-copy small,.page-home .hm-card .hm-copy small{color:#8d9289!important}.page-home-modern .hm-card .hm-green,.page-home .hm-card .hm-green{color:#dfd5b2!important}
.hm-portal span {
    width:31px; height:31px; border-radius:50%;
    border:3px solid #6c29b4;
    box-shadow:0 0 10px #8c35df,inset 0 0 9px #421879;
    background:radial-gradient(circle,#030005 15%,#230238 45%,#6d19a1 68%,#0a0710 72%);
}

.hm-footer { position:relative; background:#070807; border-top:1px solid #3a3823; }
.hm-save-banner {
    margin:0 10px 8px;
    min-height:58px;
    display:flex; align-items:center; gap:9px;
    padding:7px 9px;
    border:1px solid #496222;
    border-radius:9px;
    background:linear-gradient(180deg,#10160e,#090d09);
    color:#d7d3ba !important;
    box-shadow:inset 0 0 14px rgba(79,131,30,.11);
}
.hm-save-lock {
    flex:0 0 42px; width:42px; height:42px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    border:1px solid #6f922d;
    color:#86d936;
    font-size:25px;
    box-shadow:0 0 9px rgba(111,203,31,.17),inset 0 0 8px rgba(82,139,30,.30);
}
.hm-save-copy { min-width:0; flex:1; }
.hm-save-copy b { display:block; color:#ff5d27; font-size:14px; text-align:center; }
.hm-save-copy small { display:block; margin-top:3px; font-size:12px; line-height:1.25; color:#d8d2a8; }
.hm-save-copy small img { width:16px;height:16px;vertical-align:-3px; }
.hm-save-copy strong { color:#81e239; }
.hm-save-arrow { color:#90da3e; font-size:25px; }
.hm-bottom-nav {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding:4px 8px 3px;
    gap:2px;
    border-top:1px solid #262518;
}
.hm-bottom-nav a { text-align:center; color:#b9aa78 !important; font-family:Georgia,'Times New Roman',serif; font-size:11px; position:relative; }
.hm-bottom-nav a > span {
    width:55px; height:55px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 3px;
    border-radius:50%;
    background:radial-gradient(circle,#15210d,#040504 72%);
    border:2px solid #665a35;
    box-shadow:inset 0 0 8px #000,0 0 4px rgba(164,132,54,.22);
}
.hm-bottom-nav img { width:41px; height:41px; object-fit:contain; }
.hm-bottom-nav b { font-weight:normal; }
.hm-bottom-nav .active { color:#9fe047 !important; }
.hm-bottom-nav .active > span { border-color:#6fa22a; box-shadow:0 0 8px rgba(105,184,29,.22),inset 0 0 8px #000; }
.hm-bottom-nav .has-event:after { content:"";position:absolute;right:15px;top:3px;width:8px;height:8px;border-radius:50%;background:#72ef2b;box-shadow:0 0 6px #72ef2b; }
.hm-bottom-resources {
    display:flex; justify-content:center; flex-wrap:wrap; gap:8px 11px;
    padding:5px 8px;
    background:#111411;
    border-top:1px solid #1d2217;
    border-bottom:1px solid #262922;
    color:#dadbd6;
    font-size:12px;
    text-shadow:none;
}
.hm-bottom-resources span { display:flex;align-items:center;gap:3px; }
.hm-bottom-resources img { width:17px;height:17px;object-fit:contain; }
.hm-footer-links {
    padding:7px 35px 9px 8px;
    text-align:center;
    line-height:1.65;
    font-size:11px;
    color:#5c604f;
}
.hm-footer-links a { color:#d0c58c !important; text-decoration:underline; }
.hm-footer-links a:first-child,.hm-footer-links a.fresh { color:#83db35 !important; }
.hm-footer-links a.admin { color:#f1a943 !important; }
.hm-footer-links i { margin:0 5px; font-style:normal; color:#535844; }
.hm-up {
    position:absolute;
    right:7px; bottom:8px;
    width:34px; height:34px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    border:1px solid #6b5f3b;
    background:#11130f;
    color:#8ee333 !important;
    font-size:24px;
    box-shadow:0 2px 8px #000;
}

@media (max-width:360px) {
    .hm-top-resources { gap:3px; padding-left:5px; padding-right:5px; grid-template-columns:repeat(5,minmax(0,1fr)) 30px; }
    .hm-res { font-size:10px; gap:2px; height:29px; }
    .hm-res img { width:15px;height:15px; }
    .hm-res-plus { width:29px;height:29px;font-size:24px; }
    .hm-grid { gap:5px; padding-left:7px; padding-right:7px; }
    .hm-card { height:64px; padding-left:7px; padding-right:24px; gap:6px; }
    .hm-icon { width:38px;height:38px;flex-basis:38px; }
    .hm-icon img { width:30px;height:30px; }
    .hm-copy b { font-size:14px; }
    .hm-copy small { font-size:9.5px; }
    .hm-card em { right:6px;font-size:9px; }
    .hm-dot { right:6px; }
    .hm-bottom-nav a > span { width:50px;height:50px; }
    .hm-bottom-nav img { width:37px;height:37px; }
}


/* === HOME COMPACT V3 — phone-first clean grid === */
.page-home-modern .wrapper{
    width:100%!important;
    max-width:720px!important;
    min-width:0!important;
    margin:0 auto!important;
    overflow:hidden!important;
}
/* top resources are intentionally removed on Home; resources stay in footer only */
.page-home-modern .hm-top-resources,
.page-home-modern .hm-res-plus{display:none!important;}
.page-home-modern .hm-city-title{
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:#171817!important;
    border-bottom:2px solid #43cf46!important;
    color:#d9d9d2!important;
    font-size:14px!important;
    font-family:Arial,Tahoma,sans-serif!important;
    line-height:30px!important;
}
.page-home-modern .hm-event-panel{
    margin:5px 8px!important;
    padding:5px 6px!important;
    min-height:45px!important;
    font-size:12px!important;
    line-height:1.2!important;
    border-radius:7px!important;
}
.page-home-modern .hm-hero{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    background-position:center 52%!important;
    border-top:0!important;
    box-shadow:inset 0 -15px 22px rgba(0,0,0,.35)!important;
}
.page-home-modern .hm-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
    padding:7px 8px 9px!important;
}
.page-home-modern .hm-card{
    height:49px!important;
    min-height:49px!important;
    max-height:49px!important;
    gap:6px!important;
    padding:5px 25px 5px 6px!important;
    border-radius:9px!important;
    border-width:1px!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.28),0 1px 4px rgba(0,0,0,.30)!important;
}
.page-home-modern .hm-card:before{
    background:linear-gradient(90deg,rgba(3,6,4,.92) 0%,rgba(3,6,4,.72) 54%,rgba(3,6,4,.42) 100%)!important;
}
.page-home-modern .hm-icon{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-width:1px!important;
    box-shadow:inset 0 0 5px #000,0 0 4px rgba(77,128,29,.08)!important;
}
.page-home-modern .hm-icon img{
    width:24px!important;
    height:24px!important;
}
.page-home-modern .hm-portal span{
    width:23px!important;
    height:23px!important;
    border-width:2px!important;
    box-shadow:0 0 7px #8c35df,inset 0 0 6px #421879!important;
}
.page-home-modern .hm-copy{
    min-width:0!important;
    overflow:hidden!important;
}
.page-home-modern .hm-copy b{
    font-size:13.5px!important;
    line-height:1.02!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    letter-spacing:0!important;
}
.page-home-modern .hm-copy b.hm-title-long{font-size:12.3px!important;}
.page-home-modern .hm-copy b.hm-title-nowrap{font-size:13.1px!important;white-space:nowrap!important;}
.page-home-modern .hm-copy small{
    margin-top:2px!important;
    font-size:8.8px!important;
    line-height:1.02!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.page-home-modern .hm-card em{
    right:6px!important;
    top:5px!important;
    max-width:62px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8.5px!important;
    line-height:1!important;
}
.page-home-modern .hm-dot{
    right:6px!important;
    top:5px!important;
    width:7px!important;
    height:7px!important;
    box-shadow:0 0 5px #65ff18!important;
}
.page-home-modern .hm-card .hm-dot + em{top:16px!important;}
.page-home-modern .hm-new{
    right:5px!important;
    bottom:5px!important;
    padding:2px 5px!important;
    font-size:8.5px!important;
    line-height:1.2!important;
}
.page-home-modern .hm-card-wide{
    grid-column:1/-1!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
}
.page-home-modern .hm-card-wide .hm-copy b{font-size:13.8px!important;}
.page-home-modern .hm-card-wide .hm-copy small{font-size:8.8px!important;}
.page-home-modern .hm-save-banner{
    min-height:49px!important;
    margin:0 8px 6px!important;
    padding:5px 7px!important;
    gap:6px!important;
    border-radius:7px!important;
}
.page-home-modern .hm-save-lock{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    font-size:18px!important;
}
.page-home-modern .hm-save-copy b{font-size:12.5px!important;line-height:1.05!important;}
.page-home-modern .hm-save-copy small{font-size:10px!important;margin-top:2px!important;white-space:nowrap!important;}
.page-home-modern .hm-save-copy small img{width:13px!important;height:13px!important;}
.page-home-modern .hm-save-arrow{font-size:18px!important;}
.page-home-modern .hm-bottom-nav{
    padding:3px 7px 2px!important;
}
.page-home-modern .hm-bottom-nav a{
    font-size:9.5px!important;
    line-height:1.05!important;
}
.page-home-modern .hm-bottom-nav a > span{
    width:43px!important;
    height:43px!important;
    margin-bottom:2px!important;
    border-width:1px!important;
}
.page-home-modern .hm-bottom-nav img{
    width:32px!important;
    height:32px!important;
}
.page-home-modern .hm-bottom-nav .has-event:after{
    right:19%!important;
    top:2px!important;
    width:6px!important;
    height:6px!important;
}
.page-home-modern .hm-bottom-resources{
    gap:5px 9px!important;
    padding:4px 6px!important;
    font-size:10px!important;
    line-height:1!important;
}
.page-home-modern .hm-bottom-resources img{
    width:14px!important;
    height:14px!important;
}
.page-home-modern .hm-footer-links{
    padding:5px 28px 7px 6px!important;
    font-size:9.5px!important;
    line-height:1.45!important;
}
.page-home-modern .hm-up{
    right:5px!important;
    bottom:6px!important;
    width:29px!important;
    height:29px!important;
    font-size:20px!important;
}
@media(max-width:380px){
    .page-home-modern .hm-grid{gap:5px!important;padding-left:6px!important;padding-right:6px!important;}
    .page-home-modern .hm-card{height:47px!important;min-height:47px!important;max-height:47px!important;padding-right:22px!important;gap:5px!important;}
    .page-home-modern .hm-icon{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important;}
    .page-home-modern .hm-icon img{width:22px!important;height:22px!important;}
    .page-home-modern .hm-copy b{font-size:12.8px!important;}
    .page-home-modern .hm-copy b.hm-title-long{font-size:11.7px!important;}
    .page-home-modern .hm-copy small{font-size:8.2px!important;}
    .page-home-modern .hm-card em{font-size:8px!important;max-width:54px!important;}
    .page-home-modern .hm-hero{height:102px!important;min-height:102px!important;max-height:102px!important;}
}

/* === BATTLE MOD — compact phone UI === */
.hm-bg-mod { background-image:url('../fon/ml2-img.jpg'); background-position:center 48%; }
.hm-bg-mod .hm-icon img { border-radius:50%; }

.page-mod-modern .wrapper{
    width:100%!important;
    max-width:720px!important;
    min-width:0!important;
    margin:0 auto!important;
    overflow:hidden!important;
    background:#070907!important;
}
.page-mod-modern .hm-city-title{
    border-bottom-color:#66dc28!important;
}
.page-mod-modern .hm-event-panel{
    margin:5px 8px!important;
    border:1px solid #385d22!important;
    background:linear-gradient(180deg,#10200e,#0a1209)!important;
    box-shadow:inset 0 0 14px rgba(71,199,35,.10)!important;
}
.mod-page{
    padding:7px 8px 8px;
    background:
      radial-gradient(circle at 78% 8%,rgba(91,28,119,.13),transparent 30%),
      linear-gradient(180deg,#080a09,#060706 58%,#070907);
    color:#d9d6c9;
}
.mod-shell{
    border:1px solid #4b3a54;
    border-radius:12px;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(18,12,21,.98),rgba(7,9,8,.98));
    box-shadow:inset 0 0 20px rgba(107,37,129,.08),0 2px 10px rgba(0,0,0,.45);
}
.mod-hero{
    min-height:78px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    position:relative;
    overflow:hidden;
    background:
      linear-gradient(90deg,rgba(10,8,13,.96),rgba(11,8,17,.78) 58%,rgba(5,7,8,.40)),
      url('../fon/ml2-img.jpg') center 48%/cover no-repeat;
    border-bottom:1px solid #4e3f2b;
}
.mod-hero:after{
    content:"";
    position:absolute;
    inset:-50% -10%;
    background:linear-gradient(110deg,transparent 42%,rgba(142,65,183,.08) 49%,transparent 56%);
    animation:modScan 7s linear infinite;
    pointer-events:none;
}
.mod-hero-icon{
    flex:0 0 54px;
    width:54px;height:54px;
    display:flex;align-items:center;justify-content:center;
    border:2px solid #6d397c;
    border-radius:50%;
    background:radial-gradient(circle,#43214f 0,#1a0e21 56%,#080808 75%);
    box-shadow:0 0 12px rgba(169,69,208,.26),inset 0 0 12px #000;
    color:#c06be2;
    font-size:29px;
    animation:modPulse 2.8s ease-in-out infinite;
}
.mod-hero-copy{min-width:0;position:relative;z-index:1;}
.mod-hero-copy h1{
    margin:0 0 4px!important;
    padding:0!important;
    color:#c97bea!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:19px!important;
    line-height:1!important;
    text-align:left!important;
}
.mod-hero-copy p{margin:0;color:#bbb7ad;font-size:11px;line-height:1.2;}
.mod-list{padding:7px;display:grid;gap:6px;}
.mod-card{
    min-height:75px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 92px;
    align-items:center;
    gap:8px;
    padding:7px 8px;
    border:1px solid #423a27;
    border-radius:10px;
    background:linear-gradient(180deg,#0e100d,#090a08);
    box-shadow:inset 0 0 10px rgba(96,74,24,.05);
    position:relative;
    overflow:hidden;
}
.mod-card.is-active{
    border-color:#4d722d;
    box-shadow:inset 0 0 13px rgba(93,202,39,.09),0 0 8px rgba(88,209,35,.08);
}
.mod-card.is-active:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(110deg,transparent 45%,rgba(111,237,47,.055) 50%,transparent 55%);
    animation:modScan 5s linear infinite;
}
.mod-card-icon{
    width:46px;height:46px;border-radius:50%;overflow:hidden;
    border:1px solid #695d34;
    background:#030403;
    box-shadow:inset 0 0 7px #000,0 0 7px rgba(152,125,50,.10);
    position:relative;z-index:1;
}
.mod-card-icon img{width:100%;height:100%;object-fit:cover;display:block;}
.mod-card-copy{min-width:0;position:relative;z-index:1;}
.mod-card-copy h2{
    margin:0!important;padding:0!important;
    font-family:Georgia,'Times New Roman',serif!important;
    color:#e1ca73!important;
    font-size:14px!important;line-height:1.08!important;text-align:left!important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mod-card-copy p{
    margin:3px 0 4px!important;
    color:#868982!important;font-size:9px!important;line-height:1.12!important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mod-card-copy strong{font-size:9px;font-weight:normal;}
.mod-status-active{color:#73e83f;}
.mod-status-ready{color:#cbbd79;}
.mod-status-off{color:#858781;}
.mod-card-action{position:relative;z-index:2;text-align:center;min-width:0;}
.mod-card-action form{margin:0;}
.mod-btn{
    width:100%;min-height:29px;padding:5px 3px;
    border:1px solid #58a92d;border-radius:7px;
    background:linear-gradient(180deg,#173516,#0d210d);
    box-shadow:inset 0 0 9px rgba(90,209,43,.11),0 0 7px rgba(83,205,36,.06);
    color:#e6d99b;font-family:Georgia,'Times New Roman',serif;
    font-size:10.5px;line-height:1;cursor:pointer;
    animation:modButtonGlow 3.2s ease-in-out infinite;
}
.mod-btn-active{color:#98e668;border-color:#5b8c3c;background:#102511;animation:none;opacity:1;}
.mod-cost{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:3px;color:#cfc6a3;font-size:9px;line-height:1;}
.mod-cost img{width:13px;height:13px;object-fit:contain;}
.mod-cost-ok{color:#6d9360;}
.mod-tip{
    margin-top:7px;padding:7px 9px;
    display:flex;align-items:center;gap:9px;
    border:1px solid #5b4b25;border-radius:10px;
    background:linear-gradient(180deg,#11110d,#0b0b09);
}
.mod-tip img{
    width:47px;height:47px;object-fit:cover;border-radius:50%;
    border:1px solid #84672a;box-shadow:0 0 7px rgba(204,161,57,.14);
}
.mod-tip div{min-width:0;}
.mod-tip b{display:block;color:#e5c859;font-size:11px;margin-bottom:2px;}
.mod-tip p{margin:0;color:#b8b7af;font-size:9.5px;line-height:1.25;}
.mod-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;}
.mod-actions a{
    min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;
    border:1px solid #6a5429;border-radius:8px;
    background:linear-gradient(180deg,#19130b,#0d0b08);
    color:#d9c77f!important;font-family:Georgia,'Times New Roman',serif;font-size:11px;
}
.mod-actions a span{font-size:14px;}
.mod-rules{
    margin-top:7px;padding:8px 10px;border:1px solid #283929;border-radius:9px;
    background:#0a0e0a;color:#949991;font-size:9px;line-height:1.35;
}
.mod-rules>b{display:block;color:#9bdc66;font-size:10.5px;margin-bottom:4px;}
.mod-rules p{margin:2px 0!important;font-size:9px!important;color:#9ea29b!important;}
.mod-rules p strong{color:#d4c77c;}
.mod-rules small{display:block;margin-top:5px;color:#6f756d;font-size:8.2px;}
.page-mod-modern .hm-footer{margin-top:0!important;}
.page-mod-modern .hm-save-banner{margin-top:0!important;}
@keyframes modPulse{0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(169,69,208,.18),inset 0 0 12px #000;}50%{transform:scale(1.035);box-shadow:0 0 16px rgba(169,69,208,.33),inset 0 0 12px #000;}}
@keyframes modButtonGlow{0%,100%{box-shadow:inset 0 0 9px rgba(90,209,43,.10),0 0 5px rgba(83,205,36,.04);}50%{box-shadow:inset 0 0 12px rgba(90,209,43,.17),0 0 9px rgba(83,205,36,.11);}}
@keyframes modScan{0%{transform:translateX(-35%);}100%{transform:translateX(35%);}}
@media(max-width:380px){
    .mod-page{padding-left:6px;padding-right:6px;}
    .mod-card{grid-template-columns:43px minmax(0,1fr) 84px;gap:6px;padding:6px;min-height:69px;}
    .mod-card-icon{width:41px;height:41px;}
    .mod-card-copy h2{font-size:12.5px!important;}
    .mod-card-copy p{font-size:8.2px!important;}
    .mod-btn{font-size:9.5px;min-height:27px;}
    .mod-hero{min-height:70px;padding:8px 9px;}
    .mod-hero-icon{width:48px;height:48px;flex-basis:48px;font-size:25px;}
    .mod-hero-copy h1{font-size:17px!important;}
    .mod-tip p{font-size:8.7px;}
}
@media(prefers-reduced-motion:reduce){
    .mod-hero:after,.mod-card.is-active:after,.mod-hero-icon,.mod-btn{animation:none!important;}
}

/* ===== PATROL COMPACT + INLINE BATTLE MOD (2026-08-13) ===== */
.page-patrol-modern .wrapper{max-width:430px!important;margin:0 auto!important;background:#0a0c0a!important;box-shadow:0 0 28px rgba(0,0,0,.72);min-height:100vh;}
.page-patrol-modern .hm-city-title{font-size:15px!important;line-height:34px!important;height:34px!important;border-bottom:2px solid #37b942;background:#181a19!important;color:#d7d7d4!important;}
.page-patrol-modern .hm-event-panel{margin:0 8px 7px!important;border:1px solid #334032!important;border-radius:7px!important;background:linear-gradient(180deg,#122019,#0d1511)!important;font-size:12px!important;line-height:16px!important;padding:6px!important;}
.page-patrol-modern .hm-footer{margin-top:8px!important;}
.pt-page{padding:0 8px 8px;background:#0a0c0a;color:#c7c5bd;font-family:Georgia,'Times New Roman',serif;}
.pt-charges{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #3c3328;border-radius:7px;background:linear-gradient(180deg,#17130f,#0e0c0a);padding:8px 10px;margin-bottom:7px;box-shadow:inset 0 0 16px rgba(160,113,35,.05);}
.pt-charge-copy{display:flex;align-items:center;gap:8px;font-size:13px}.pt-charge-copy b{font-weight:normal;color:#d0cbc0}.pt-charge-copy strong{color:#8f8b76;font-size:12px}.pt-charge-cells{display:flex;gap:4px}.pt-charge-cells i{width:12px;height:12px;border-radius:4px;background:#332b17;border:1px solid #69531e;box-shadow:inset 0 0 4px #000}.pt-charge-cells i.on{background:#ffc400;border-color:#ffdf59;box-shadow:0 0 8px rgba(255,207,37,.72);animation:ptCharge 1.8s ease-in-out infinite alternate}.pt-shards{display:flex;align-items:center;gap:5px;color:#e1b32d;font-size:15px}.pt-shards span{color:#a82aff;text-shadow:0 0 7px #7024b9}.pt-zones{display:grid;gap:7px}.pt-zone{position:relative;overflow:hidden;min-height:112px;border:1px solid #3a3a33;border-radius:10px;padding:8px 10px;background:#0e100e center/cover no-repeat;box-shadow:inset 0 0 45px rgba(0,0,0,.72)}.pt-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,6,.93) 0%,rgba(5,8,6,.72) 54%,rgba(5,8,6,.34) 100%);pointer-events:none}.pt-zone>*{position:relative;z-index:1}.pt-zone.is-open{border-color:#667239;box-shadow:inset 0 0 45px rgba(0,0,0,.64),0 0 8px rgba(93,157,40,.13)}.pt-zone.is-locked{filter:saturate(.65);opacity:.82}.pt-zone-port{background-image:url('../fon/home_modern_hero.jpg')}.pt-zone-roofs{background-image:url('../fon/ml1.jpg')}.pt-zone-industrial{background-image:url('../fon/ogra.jpg')}.pt-zone-sewer{background-image:url('../fon/ml2-img.jpg')}.pt-zone-tech{background-image:url('../fon/lab.png')}.pt-zone-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pt-zone h2{margin:0!important;color:#d9d2bb!important;font-size:15px!important;line-height:18px!important}.pt-stars{color:#d1aa54;font-size:15px;white-space:nowrap;text-shadow:0 0 5px rgba(222,178,77,.25)}.pt-rich{color:#44a54a;font-size:10px;margin:3px 0}.pt-enemies{display:flex;gap:3px;margin-top:6px}.pt-enemies img{width:28px!important;height:28px!important;object-fit:cover;border:1px solid #51493b;background:#080908;padding:1px;border-radius:2px}.pt-zone-desc{margin-top:3px;color:#8e8e86;font:10px/12px Arial,sans-serif;max-width:68%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-lock{position:absolute;right:9px;top:48px;padding:7px 9px;border:1px solid #5a513d;border-radius:6px;background:rgba(23,21,16,.88);color:#bdb398;font-size:11px}.pt-zone-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px -10px -8px;padding:5px 10px;border-top:1px solid rgba(141,122,60,.28);background:rgba(7,9,7,.72);font-size:10px;color:#c3b997}.pt-zone-foot small{color:#b2a772}.pt-zone-foot form{margin:0}.pt-run{border:1px solid #648b3e!important;border-radius:4px!important;background:linear-gradient(#173c19,#0f2711)!important;color:#dce8cd!important;font:10px Georgia,serif!important;padding:4px 9px!important;min-width:70px!important;height:auto!important;box-shadow:0 0 6px rgba(76,174,74,.12)}.pt-zone-foot em{font-style:normal;color:#8d6262}.pt-mod{margin-top:8px;border:1px solid #493c55;border-radius:10px;background:linear-gradient(180deg,#111012,#090a09);overflow:hidden;box-shadow:0 0 12px rgba(108,43,139,.09)}.pt-mod-head{display:flex;align-items:center;gap:9px;padding:9px;background:radial-gradient(circle at 86% 20%,rgba(102,20,134,.22),transparent 45%),linear-gradient(180deg,#151319,#0d0d0f);border-bottom:1px solid #433348}.pt-mod-orb{width:40px;height:40px;flex:0 0 40px;border:1px solid #79528b;border-radius:50%;display:grid;place-items:center;color:#c469ef;font-size:23px;background:#1c0d24;box-shadow:0 0 10px rgba(166,67,209,.25);animation:ptOrb 2.4s ease-in-out infinite alternate}.pt-mod-head h2{margin:0!important;color:#c778e8!important;font-size:15px!important;line-height:18px!important}.pt-mod-head p{margin:2px 0 0!important;color:#aaa49d!important;font:9.5px/12px Arial,sans-serif!important}.pt-mod-list{display:grid;gap:5px;padding:6px}.pt-mod-card{display:grid;grid-template-columns:42px minmax(0,1fr) 84px;align-items:center;gap:7px;min-height:61px;padding:6px;border:1px solid #413b2d;border-radius:7px;background:linear-gradient(100deg,#12110e,#0b0c0b);position:relative}.pt-mod-card.is-active{border-color:#4f8d36;box-shadow:inset 0 0 18px rgba(57,153,44,.1)}.pt-mod-icon{width:40px;height:40px;border:1px solid #66543b;border-radius:50%;overflow:hidden;box-shadow:0 0 8px rgba(212,164,66,.11)}.pt-mod-icon img{width:100%!important;height:100%!important;object-fit:cover!important}.pt-mod-copy{min-width:0}.pt-mod-copy b{display:block;color:#d9be67;font-size:11.5px;line-height:14px}.pt-mod-copy small{display:block;margin-top:3px;color:#858580;font:9px Arial,sans-serif}.pt-mod-card.is-active .pt-mod-copy small{color:#62dc45}.pt-mod-action{text-align:center}.pt-mod-action form{margin:0}.pt-mod-action button{width:100%;min-height:27px;border:1px solid #4f8e31!important;border-radius:5px!important;background:linear-gradient(#1d451c,#122c12)!important;color:#e2d7a6!important;font:9.5px Georgia,serif!important;padding:4px!important}.pt-mod-action button[disabled]{opacity:1;color:#75df51;background:#173218!important}.pt-mod-action em{display:flex;justify-content:center;align-items:center;gap:3px;margin-top:3px;color:#c2b790;font:8.5px Arial,sans-serif;font-style:normal}.pt-mod-action em img{width:12px!important;height:12px!important;object-fit:contain!important}.pt-task{display:flex;gap:8px;align-items:center;margin-top:8px;padding:8px;border:1px solid #806a31;border-radius:8px;background:linear-gradient(100deg,#1a140d,#0d0d0b)}.pt-task-icon{width:42px;height:42px;flex:0 0 42px;border:1px solid #8c713d;border-radius:50%;overflow:hidden}.pt-task-icon img{width:100%!important;height:100%!important;object-fit:cover!important}.pt-task-copy{min-width:0}.pt-task-copy h3{margin:0 0 2px!important;color:#e7bc3d!important;font-size:12px!important}.pt-task-copy p{margin:1px 0!important;color:#c7c1b5!important;font:9.5px/12px Arial,sans-serif!important}.pt-task-copy div{margin-top:3px;color:#e0b644;font:9px Arial,sans-serif}.pt-task-copy div span{color:#67dc4b}.pt-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.pt-actions a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:33px;border:1px solid #75562d;border-radius:6px;background:linear-gradient(#1c160f,#100c09);color:#d9c995!important;text-decoration:none!important;font-size:11px}.pt-help{margin-top:7px;border:1px solid #394c65;border-radius:6px;background:#0c1118;color:#b8bec4}.pt-help summary{list-style:none;cursor:pointer;padding:8px;text-align:center;color:#cbbd96;font-size:11px}.pt-help summary::-webkit-details-marker{display:none}.pt-help div{padding:0 9px 9px;color:#92999e;font:9.5px/13px Arial,sans-serif}.page-patrol-modern .hm-bottom-nav a.active b{color:#8cda59!important}.page-patrol-modern .hm-bottom-nav a:first-child b{color:#b8ad8d!important}.page-patrol-modern .hm-bottom-nav a:first-child span{filter:none!important}.page-patrol-modern .hm-bottom-resources{margin-top:0!important}
@keyframes ptCharge{from{filter:brightness(.9)}to{filter:brightness(1.2)}}@keyframes ptOrb{from{box-shadow:0 0 6px rgba(166,67,209,.18)}to{box-shadow:0 0 15px rgba(166,67,209,.4)}}
@media(max-width:350px){.pt-page{padding-left:6px;padding-right:6px}.pt-zone{min-height:105px;padding:7px 8px}.pt-zone h2{font-size:14px!important}.pt-enemies img{width:25px!important;height:25px!important}.pt-lock{right:7px}.pt-zone-foot{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.pt-mod-card{grid-template-columns:38px minmax(0,1fr) 78px;gap:5px}.pt-mod-icon{width:36px;height:36px}.pt-mod-copy b{font-size:10.5px}.pt-mod-action button{font-size:8.7px}.pt-charge-copy{gap:5px}}
@media(prefers-reduced-motion:reduce){.pt-charge-cells i.on,.pt-mod-orb{animation:none!important}}

/* ===== SHOWDOWN / РАЗБОРКИ COMPACT ELITE UI (2026-08-13) ===== */
#rb-showdown{width:100%;max-width:430px;margin:0 auto;background:#090b09;color:#bbb7aa;font-family:Georgia,'Times New Roman',serif;box-sizing:border-box;overflow:hidden;text-shadow:none}
#rb-showdown *{box-sizing:border-box}
.rb-title{height:38px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,#1b1d1c,#151716);border-bottom:2px solid #36bd42;color:#dfdfdc;font-size:16px;letter-spacing:.1px}
.rb-title .rb-signal{position:absolute;right:11px;top:9px;width:13px;height:13px;border-radius:50%;background:#79ef35;border:1px solid #a8ff70;box-shadow:0 0 8px #60dc26,0 0 16px rgba(89,226,36,.38);animation:rbPulse 1.8s ease-in-out infinite alternate}
.rb-hero{height:164px;background:#111 url('../fon/ml1_elite_banner.jpg') center/cover no-repeat;border-bottom:1px solid #303530;box-shadow:inset 0 -24px 35px rgba(0,0,0,.35)}
.rb-sector{margin:8px 9px 7px;min-height:54px;display:grid;grid-template-columns:minmax(0,1fr) auto 46px;align-items:center;gap:7px;border:1px solid #32322d;border-left:2px solid #f0a012;border-radius:7px;background:linear-gradient(180deg,#101210,#090b09);box-shadow:inset 0 0 18px rgba(0,0,0,.55)}
.rb-sector-main{display:flex;align-items:center;gap:8px;min-width:0;padding-left:12px;color:#c9c6ba;font-size:14px}
.rb-sector-main strong{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-lock{font-size:20px;filter:drop-shadow(0 0 4px rgba(255,181,28,.18))}
.rb-timer{min-width:68px;padding:8px 6px;border:1px solid #554526;border-radius:6px;background:#17140e;color:#e1c16b;text-align:center;font-size:14px;white-space:nowrap}
.rb-refresh{align-self:stretch;display:flex;align-items:center;justify-content:center;border-left:1px solid #292d29;color:#a7bfd6!important;text-decoration:none!important;font:27px/1 Arial,sans-serif;background:linear-gradient(180deg,#111412,#0b0d0c);transition:.18s ease}
.rb-refresh:active{transform:rotate(50deg);color:#75dc49!important}
.rb-reward{margin:0 9px 7px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid #3d6237;border-radius:7px;background:linear-gradient(180deg,#102016,#0a120d)}
.rb-reward div{flex:1;min-width:0}.rb-reward b{display:block;color:#bcd8b6;font-size:11px}.rb-reward span{display:block;margin-top:2px;color:#78df58;font:10px Arial,sans-serif}.rb-reward a{padding:6px 9px;border:1px solid #4d9439;border-radius:5px;background:#153819;color:#dce9d6!important;text-decoration:none!important;font-size:10px}
.rb-radar{position:relative;overflow:hidden;margin:0 9px 8px;padding:10px 12px;border:1px solid #25352b;border-radius:7px;background:radial-gradient(circle at 92% 45%,rgba(27,93,50,.18),transparent 36%),linear-gradient(180deg,#0d130f,#09100c)}
.rb-radar:after{content:"";position:absolute;right:-44px;top:-40px;width:150px;height:150px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(55,158,65,.09) 0 1px,transparent 1px 23px);opacity:.7;pointer-events:none}
.rb-radar-title{position:relative;z-index:1;color:#6ecb58;font-size:13px}.rb-radar-title span{font-family:Arial,sans-serif;color:#55ff4d;font-size:18px;vertical-align:-1px}
.rb-locator-player{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin-top:8px;color:#62b7d1!important;text-decoration:none!important;font:14px Arial,sans-serif}
.rb-avatar{display:inline-grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:1px solid #4e8cad;border-radius:50%;background:#0a1112;overflow:hidden;box-shadow:0 0 7px rgba(41,143,187,.14)}
.rb-avatar img{width:29px!important;height:29px!important;max-width:none!important;object-fit:cover!important;margin:0!important;border-radius:50%!important}
.rb-radar-empty{position:relative;z-index:1;margin-top:7px;color:#777d78;font:10px/14px Arial,sans-serif}
.rb-elite-title{display:flex;align-items:center;justify-content:center;gap:7px;margin:9px 9px 6px;color:#d07a34;letter-spacing:2px;font-size:13px}.rb-elite-title span{letter-spacing:0;font-size:17px}.rb-elite-title b{font-weight:normal}
.rb-elite-list{margin:0 9px;display:grid;gap:5px}
.rb-elite-row{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 64px 92px;align-items:center;gap:7px;min-height:48px;padding:7px 8px;border:1px solid #282c28;border-left:2px solid #b7822b;border-radius:6px;background:linear-gradient(180deg,#0e110e,#090b09);color:#bfc0b7!important;text-decoration:none!important;overflow:hidden}
.rb-elite-row:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(84,118,67,.045),transparent 40%);pointer-events:none}
.rb-place-2{border-left-color:#43b35a}.rb-place-3{border-left-color:#9a5d8e}
.rb-player-name{min-width:0;color:#65b8cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.rb-score{padding:5px 4px;border-radius:4px;background:#060907;color:#52c4d4;text-align:center;font:12px Arial,sans-serif;white-space:nowrap}
.rb-role{text-align:right;color:#9a9588;font:bold 9px/12px Arial,sans-serif;white-space:nowrap}.rb-role i{font-style:normal;margin-left:3px;font-size:13px}
.rb-full-rating{display:block;margin:6px 9px 8px;padding:6px;text-align:center;border:1px solid #2d382e;border-radius:5px;background:#0c100d;color:#9fae91!important;text-decoration:none!important;font-size:10px}
.rb-no-elite{padding:10px;border:1px dashed #343a34;border-radius:6px;color:#7f837e;text-align:center;font:10px/14px Arial,sans-serif}
.rb-league{margin:0 9px 8px;min-height:42px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #292d29;border-radius:6px;background:#0c0f0c;font-size:10px;color:#8d8b83}.rb-medal{font-size:19px}.rb-league b{color:#9b978b;letter-spacing:.4px}.rb-league b strong{color:#ddd;font-size:12px}.rb-league>span:last-child{margin-left:auto;white-space:nowrap}.rb-league em{font-style:normal;color:#d2aa35;font-weight:bold}
.rb-regulations{margin:0 9px 8px;display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;padding:10px 10px;border:1px solid #26342a;border-left:3px solid #f3c300;border-radius:7px;background:radial-gradient(circle at 94% 85%,rgba(56,119,42,.1),transparent 30%),linear-gradient(180deg,#101511,#0a0e0b)}
.rb-warning{width:34px;height:34px;margin-top:9px;display:grid;place-items:center;border:1px solid #a57922;border-radius:7px;background:#2a200d;color:#ffc92c;font:bold 18px Arial,sans-serif}.rb-regulations b{color:#e9c739;font-size:11px}.rb-regulations p{margin:4px 0 0!important;color:#a9aba5!important;font:10px/15px Arial,sans-serif!important;text-align:left!important}
.rb-status-line{display:flex;justify-content:space-between;gap:8px;margin:0 9px 9px;padding:6px 9px;border-top:1px solid #242824;color:#6f756e;font:9px Arial,sans-serif}.rb-status-line b{color:#9caa94;font-weight:normal}
@keyframes rbPulse{from{transform:scale(.92);opacity:.72}to{transform:scale(1.08);opacity:1}}
@media(max-width:360px){.rb-hero{height:145px}.rb-sector{grid-template-columns:minmax(0,1fr) 61px 40px}.rb-sector-main{font-size:12px;padding-left:8px}.rb-timer{min-width:57px;font-size:11px}.rb-elite-row{grid-template-columns:29px minmax(0,1fr) 52px 72px;gap:5px;padding:6px}.rb-avatar{width:28px;height:28px;flex-basis:28px}.rb-avatar img{width:26px!important;height:26px!important}.rb-player-name{font-size:10.5px}.rb-score{font-size:10px}.rb-role{font-size:7.5px}.rb-regulations p{font-size:9px!important;line-height:13px!important}}
@media(prefers-reduced-motion:reduce){.rb-signal{animation:none!important}.rb-refresh{transition:none!important}}

/* V17: крупная награда Разборок как на мобильном референсе */
#rb-showdown .rb-reward-vault{margin:8px 10px 10px;padding:12px 10px 10px;border:1px solid #75613a;border-radius:14px;background:linear-gradient(180deg,#15120e,#0b0a08);box-shadow:inset 0 0 0 1px rgba(213,181,91,.05),0 9px 22px rgba(0,0,0,.28);text-align:center;position:relative;overflow:hidden}
#rb-showdown .rb-reward-vault:before,#rb-showdown .rb-reward-vault:after{content:"";position:absolute;width:18px;height:18px;border-color:#d7ba6f;opacity:.85}#rb-showdown .rb-reward-vault:before{left:8px;top:8px;border-left:2px solid;border-top:2px solid}#rb-showdown .rb-reward-vault:after{right:8px;bottom:8px;border-right:2px solid;border-bottom:2px solid}
#rb-showdown .rb-reward-title{padding-bottom:8px;border-bottom:1px solid #3a3227;color:#d9c592;letter-spacing:3px;font-size:12px;line-height:16px}
#rb-showdown .rb-reward-value{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 7px;color:#4cf252;font:18px Arial,sans-serif}#rb-showdown .rb-reward-value img{width:23px!important;height:23px!important;object-fit:contain!important}#rb-showdown .rb-reward-value b{font-weight:normal}
#rb-showdown .rb-reward-vault a{display:block!important;width:220px;max-width:74%;margin:0 auto!important;padding:10px 8px!important;border:1px solid #49a959!important;border-radius:8px!important;background:linear-gradient(180deg,#15451f,#0b2a11)!important;color:#f0ead7!important;text-decoration:none!important;font:bold 12px Georgia,serif!important;letter-spacing:1.3px;box-shadow:0 5px 13px rgba(0,0,0,.25)}
/* V17: единая шапка для Разборок и Схватки — заголовок, затем компактный таймер события */
.hm-city-title + .hm-event-panel{margin:0 8px 7px!important;padding:7px 9px!important;border:1px solid #344335!important;border-radius:8px!important;background:linear-gradient(180deg,#132019,#0c140f)!important;color:#d2d1cb!important;text-align:center!important;font-size:12px!important;line-height:16px!important;box-shadow:inset 0 0 15px rgba(64,139,62,.06)!important}
.hm-city-title + .hm-event-panel a:first-child{font-size:13px!important;color:#55ee57!important;text-decoration:none!important}.hm-city-title + .hm-event-panel a.u{color:#dbc77f!important}


/* V52 — special world event card on Home */
.hm-world-event{grid-column:1/-1;position:relative;min-height:88px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;padding:9px 55px 9px 10px;border:1px solid #665727;border-radius:11px;overflow:hidden;color:#e5dec5!important;text-decoration:none!important;background-image:linear-gradient(90deg,rgba(4,6,4,.98) 0%,rgba(5,9,5,.87) 48%,rgba(10,24,9,.62) 100%),url('../fon/world_boss_cyber_v39.jpg');background-size:cover;background-position:center 44%;box-shadow:0 0 18px rgba(132,177,58,.12),inset 0 0 0 1px rgba(190,171,73,.08);isolation:isolate}
.hm-world-event:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 48%,rgba(82,178,47,.12),transparent 33%)}
.hm-world-symbol{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #7a5f2c;border-radius:50%;background:radial-gradient(circle,#4c1e17 0%,#17100c 47%,#070807 74%);color:#ffd35d;font-size:20px;text-shadow:0 0 8px rgba(255,190,50,.48);box-shadow:inset 0 0 8px #000,0 0 11px rgba(200,85,35,.16)}
.hm-world-copy{display:block;min-width:0}.hm-world-kicker{display:block;color:#9ba990;font:700 7.5px/1 Arial,sans-serif;letter-spacing:.9px}.hm-world-kicker i{display:inline-block;margin-left:4px;padding:1px 4px;border-radius:6px;background:#203719;color:#9bec6f;font-style:normal;letter-spacing:.5px}.hm-world-copy>b{display:block;margin-top:3px;color:#b8ec78;font:normal 16px/1.05 Georgia,serif;text-shadow:0 0 9px rgba(124,225,80,.12)}.hm-world-copy>small{display:block;margin-top:3px;color:#a5aaa0;font-size:9px;line-height:1.1}
.hm-world-progress{display:block;height:5px;margin-top:7px;border:1px solid #39442f;border-radius:6px;background:#050705;overflow:hidden}.hm-world-progress i{display:block;height:100%;background:linear-gradient(90deg,#7b9d31,#82df50);box-shadow:0 0 7px rgba(113,236,73,.25)}.hm-world-meta{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:#8e968b;font-size:7.5px;white-space:nowrap}.hm-world-event>em{position:absolute;right:8px;top:8px;color:#d8d1b8;font:normal 8px Arial,sans-serif}.hm-world-event>.hm-new{right:7px;bottom:7px!important}.hm-world-reward{position:absolute;right:34px;bottom:7px;font-size:14px;filter:drop-shadow(0 0 5px rgba(255,210,60,.25))}
.hm-world-event.has-reward{border-color:#826c28;box-shadow:0 0 22px rgba(196,164,44,.17),inset 0 0 0 1px rgba(232,198,64,.10)}
@media(max-width:360px){.hm-world-event{min-height:82px;grid-template-columns:38px minmax(0,1fr);padding-left:8px;padding-right:49px;gap:7px}.hm-world-symbol{width:35px;height:35px;font-size:17px}.hm-world-copy>b{font-size:14px}.hm-world-copy>small{font-size:8px}.hm-world-meta{font-size:6.8px}.hm-world-kicker{font-size:6.8px}}
/* V54 raid home card */
.hm-bg-raid{background-image:url('../fon/raid/technokrang.jpg');background-position:center 44%}
.hm-card.hm-bg-raid{border-color:#5c3769!important;box-shadow:0 0 14px rgba(171,66,199,.12),inset 0 0 0 1px rgba(190,92,214,.07)!important}.hm-card.hm-bg-raid:before{background:linear-gradient(90deg,rgba(4,4,5,.98),rgba(10,5,12,.85) 55%,rgba(28,8,32,.45))!important}.hm-card.hm-bg-raid .hm-copy b{color:#e3c7eb!important}.hm-icon-raid{font-size:18px!important;color:#db83ef!important;border-color:#754681!important;background:radial-gradient(circle,#32143a,#080709 72%)!important}
.hm-bg-tournament{background-image:linear-gradient(90deg,rgba(5,10,4,.2),rgba(0,0,0,.05)),url('../fon/home_modern_hero.jpg');background-position:center 50%}.hm-card.hm-bg-tournament{border-color:#62652d!important;box-shadow:0 0 15px rgba(155,176,56,.12),inset 0 0 0 1px rgba(203,181,72,.07)!important}.hm-card.hm-bg-tournament:before{background:linear-gradient(90deg,rgba(3,5,3,.98),rgba(8,13,5,.84) 52%,rgba(25,33,10,.50))!important}.hm-card.hm-bg-tournament .hm-copy b{color:#e0cb73!important}.hm-icon-tournament{font-size:19px!important;color:#e1c85d!important;border-color:#77703c!important;background:radial-gradient(circle,#352e0e,#080806 72%)!important;box-shadow:0 0 11px rgba(211,186,65,.15),inset 0 0 7px #000!important}

/* V59 — City Alert */
.page-home .hm-bg-alert{background-image:linear-gradient(90deg,rgba(12,4,4,.96),rgba(23,7,7,.82)),url('../fon/home_modern_hero.jpg')!important;background-position:center 40%!important;border-color:#7c352f!important;box-shadow:inset 0 0 0 1px rgba(160,57,52,.10),0 2px 8px rgba(0,0,0,.25)!important}
.page-home .hm-icon-alert{font-size:17px!important;color:#ff6c63!important;border-color:#7e3b38!important;background:radial-gradient(circle,#361010 0%,#0b0909 72%)!important;box-shadow:0 0 10px rgba(255,78,69,.14),inset 0 0 7px #000!important}
.page-home .hm-bg-alert .hm-copy b{color:#f3b5ad!important}.page-home .hm-bg-alert .hm-copy small{color:#e7d6d0!important}

.alert59{padding:8px 6px 14px;color:#e7ddcb}.alert59-head{display:flex;align-items:center;gap:10px;padding:8px 4px 10px}.alert59-head-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #71413a;background:radial-gradient(circle,#2f0e0d 0%,#080808 74%);font-size:21px;box-shadow:0 0 12px rgba(255,73,63,.14)}.alert59-head-copy small{display:block;color:#8d8175;font:11px Arial,sans-serif;letter-spacing:.9px}.alert59-head-copy h1{margin:1px 0 1px;color:#ff5d53;font:700 30px/1.02 Arial,sans-serif;text-transform:uppercase}.alert59-head-copy p{margin:0;color:#d6c7bf;font:18px/1.08 Arial,sans-serif}.alert59-new{margin-left:auto}
.alert59-hero{position:relative;overflow:hidden;border:1px solid #7a342e;border-radius:12px;min-height:250px;background:linear-gradient(180deg,rgba(13,4,4,.95),rgba(12,7,7,.80)),url('../fon/home_modern_hero.jpg') center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(152,57,54,.08),0 2px 10px rgba(0,0,0,.28)}.alert59-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.2))}.alert59-hero.won{border-color:#4b7a39}.alert59-badges{position:absolute;left:10px;right:10px;top:10px;display:flex;justify-content:space-between;gap:10px;z-index:2}.alert59-live,.alert59-timer{display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,111,104,.35);background:rgba(28,9,9,.88);font:700 12px Arial,sans-serif;color:#ff7f76;letter-spacing:.5px}.alert59-timer{margin-left:auto}.alert59-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 12px;background:linear-gradient(180deg,rgba(9,8,8,0) 0%,rgba(8,8,8,.78) 34%,rgba(8,8,8,.94) 100%)}.alert59-boss-title{font:700 19px/1.1 Arial,sans-serif;color:#efd8cd;margin-bottom:9px}.alert59-progress{height:18px;border-radius:10px;background:#1e1e1f;border:1px solid #433;overflow:hidden;box-shadow:inset 0 0 7px rgba(0,0,0,.45)}.alert59-progress i{display:block;height:100%;background:linear-gradient(90deg,#ff4f46 0%,#ff675d 56%,#d83e36 100%);box-shadow:0 0 14px rgba(255,89,82,.25)}.alert59-progress-line{margin-top:7px;display:flex;justify-content:space-between;gap:8px;color:#d9ccc2;font:12px Arial,sans-serif}.alert59-progress-line b{font-size:18px;color:#ff7168}
.alert59-stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;margin-top:10px}.alert59-stat{min-height:84px;border:1px solid #2b332c;border-radius:10px;background:linear-gradient(180deg,#101411 0%,#070907 100%);padding:10px;box-shadow:inset 0 0 12px rgba(75,139,69,.03),0 2px 8px rgba(0,0,0,.16)}.alert59-stat small{display:block;color:#9f9384;font:11px Arial,sans-serif;margin-bottom:6px}.alert59-stat b{display:block;color:#eadbb8;font:700 24px/1 Arial,sans-serif}.alert59-stat span,.alert59-stat div{display:block;margin-top:6px;color:#c7c0ac;font:15px/1.15 Arial,sans-serif}.alert59-stat.rewards b{font-size:18px}
.alert59-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.alert59-actions form{margin:0}.alert59-btn,.alert59-clan{display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:12px;text-decoration:none;font:700 18px/1 Arial,sans-serif;border:1px solid #5f2a25;color:#ffe1cc;background:linear-gradient(180deg,#601915 0%,#2a0f0f 100%);box-shadow:inset 0 0 14px rgba(255,84,75,.08),0 2px 8px rgba(0,0,0,.22)}.alert59-btn.attack{background:linear-gradient(180deg,#78211c 0%,#321010 100%)}.alert59-btn.claim{background:linear-gradient(180deg,#5c3a12 0%,#2b1c0b 100%);border-color:#7e5d28}.alert59-btn.disabled{opacity:.7}.alert59-clan{border-color:#415534;color:#d9dfc6;background:linear-gradient(180deg,#132111 0%,#0b1008 100%)}
.alert59-stage-wrap,.alert59-log{margin-top:12px;border:1px solid #2b322c;border-radius:10px;background:linear-gradient(180deg,#0f130f 0%,#070907 100%);padding:10px;box-shadow:inset 0 0 14px rgba(75,139,69,.03),0 2px 8px rgba(0,0,0,.16)}.alert59-stage-wrap h3,.alert59-log h3{margin:0 0 10px;color:#ff675d;font:700 18px/1.1 Arial,sans-serif}.alert59-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.alert59-stage{border:1px solid #4d2d29;border-radius:10px;padding:10px;background:linear-gradient(180deg,#120b0b 0%,#0a0909 100%)}.alert59-stage.done{border-color:#3b6730;background:linear-gradient(180deg,#0d140d,#090b09)}.alert59-stage.active{box-shadow:0 0 12px rgba(255,79,70,.13)}.alert59-stage-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #6e3832;color:#ff6b62;font:700 16px Arial,sans-serif;margin-bottom:8px}.alert59-stage-copy b{display:block;color:#e4d8c5;font:700 17px/1.15 Arial,sans-serif;min-height:40px}.alert59-stage-copy span{display:block;margin-top:8px;color:#9eca69;font:700 14px Arial,sans-serif}.alert59-stage.active .alert59-stage-copy span{color:#ff8a80}.alert59-logrows{display:flex;flex-direction:column;gap:7px}.alert59-logrow{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:0 8px;border:1px solid #232a23;border-radius:9px;background:linear-gradient(180deg,#0b0f0c 0%,#080a08 100%)}.alert59-logdot{width:8px;height:8px;border-radius:50%;background:#ff564d;box-shadow:0 0 8px rgba(255,86,77,.32)}.alert59-logrow span{color:#dbd2bf;font:16px/1.1 Arial,sans-serif}.alert59-logrow small{color:#9f9588;font:14px Arial,sans-serif;white-space:nowrap}
@media (max-width: 820px){.alert59-head-copy h1{font-size:24px}.alert59-head-copy p{font-size:14px}.alert59-stats{grid-template-columns:1fr}.alert59-actions{grid-template-columns:1fr}.alert59-stages{grid-template-columns:1fr}.alert59-hero{min-height:180px}.alert59-stage-copy b{min-height:0}}

/* V60 — City Alert clan contribution + rare drop */
.alert60-rare{display:inline-block!important;margin-top:5px!important;color:#ff8f87!important;font:700 11px/1.1 Arial,sans-serif!important}
.alert60-clans{margin-top:12px;border:1px solid #3a3427;border-radius:10px;background:linear-gradient(180deg,#11130f 0%,#080907 100%);padding:10px;box-shadow:inset 0 0 14px rgba(188,150,62,.035),0 2px 8px rgba(0,0,0,.18)}
.alert60-clan-head{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:9px}.alert60-clan-head h3{margin:0;color:#e5c96a;font:700 18px/1 Arial,sans-serif}.alert60-clan-head small{color:#8f8a77;font:10px Arial,sans-serif;text-align:right}
.alert60-my-clan{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;padding:7px 9px;margin-bottom:8px;border:1px solid #4d492c;border-radius:9px;background:linear-gradient(180deg,#16180e,#0c0e09)}.alert60-my-clan span{color:#99917e;font:10px Arial,sans-serif}.alert60-my-clan b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7ddbb;font:700 14px Arial,sans-serif}.alert60-my-clan em{color:#a8d96c;font:normal 11px Arial,sans-serif;white-space:nowrap}
.alert60-no-clan{display:block;padding:9px;border:1px solid #343827;border-radius:8px;color:#c8c096!important;text-decoration:none!important;font:11px/1.2 Arial,sans-serif;background:#0d100b}
.alert60-clan-top{display:flex;flex-direction:column;gap:5px}.alert60-clan-top>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:34px;padding:4px 7px;border-radius:8px;background:#0b0e0b;border:1px solid #252b22}.alert60-clan-top strong{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;border:1px solid #60572f;color:#e0c65f;font:700 11px Arial,sans-serif}.alert60-clan-top span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8d1bd;font:12px Arial,sans-serif}.alert60-clan-top small{color:#899183;font:10px Arial,sans-serif;white-space:nowrap}
@media(max-width:520px){.alert60-clan-head{align-items:start;flex-direction:column}.alert60-clan-head small{text-align:left}.alert60-my-clan{grid-template-columns:auto minmax(0,1fr)}.alert60-my-clan em{grid-column:2}.alert60-clan-top>div{grid-template-columns:22px minmax(0,1fr)}.alert60-clan-top small{grid-column:2;white-space:normal}}

/* V61 — ultra compact mobile City Alert */
@media (max-width:820px){
  .alert59{padding:3px 4px 8px!important}
  .alert59-head{gap:6px!important;padding:3px 2px 5px!important}
  .alert59-head-icon{width:28px!important;height:28px!important;font-size:14px!important;box-shadow:none!important}
  .alert59-head-copy small{font-size:7px!important;letter-spacing:.4px!important}
  .alert59-head-copy h1{font-size:17px!important;line-height:1!important;margin:1px 0!important}
  .alert59-head-copy p{font-size:9px!important;line-height:1.05!important}
  .alert59-new{font-size:7px!important;padding:2px 5px!important}

  .alert59-hero{min-height:112px!important;border-radius:8px!important}
  .alert59-badges{left:6px!important;right:6px!important;top:6px!important;gap:5px!important}
  .alert59-live,.alert59-timer{padding:3px 5px!important;border-radius:6px!important;font-size:8px!important;letter-spacing:.1px!important}
  .alert59-overlay{padding:7px 7px!important}
  .alert59-boss-title{font-size:11px!important;margin-bottom:4px!important}
  .alert59-progress{height:8px!important;border-radius:5px!important}
  .alert59-progress-line{margin-top:3px!important;font-size:8px!important}
  .alert59-progress-line b{font-size:11px!important}

  .alert59-stats{grid-template-columns:.8fr .9fr 1.5fr!important;gap:4px!important;margin-top:5px!important}
  .alert59-stat{min-height:48px!important;padding:5px 6px!important;border-radius:7px!important}
  .alert59-stat small{font-size:7px!important;margin-bottom:2px!important}
  .alert59-stat b{font-size:14px!important}
  .alert59-stat span,.alert59-stat div{margin-top:2px!important;font-size:8px!important;line-height:1.05!important}
  .alert60-rare{margin-top:2px!important;font-size:7px!important}

  .alert60-clans{margin-top:5px!important;padding:5px 6px!important;border-radius:7px!important}
  .alert60-clan-head{display:flex!important;flex-direction:row!important;align-items:center!important;margin-bottom:4px!important;gap:4px!important}
  .alert60-clan-head h3{font-size:11px!important;white-space:nowrap!important}
  .alert60-clan-head small{font-size:7px!important;text-align:right!important;margin-left:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .alert60-my-clan{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;min-height:28px!important;padding:3px 5px!important;margin-bottom:4px!important;border-radius:6px!important;gap:4px!important}
  .alert60-my-clan span{font-size:7px!important}
  .alert60-my-clan b{font-size:10px!important}
  .alert60-my-clan em{grid-column:auto!important;font-size:8px!important}
  .alert60-no-clan{padding:5px!important;font-size:8px!important;border-radius:6px!important}
  .alert60-clan-top{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important}
  .alert60-clan-top>div{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;min-height:25px!important;padding:2px 3px!important;gap:2px!important;border-radius:5px!important}
  .alert60-clan-top strong{width:15px!important;height:15px!important;font-size:7px!important}
  .alert60-clan-top span{font-size:7px!important}
  .alert60-clan-top small{grid-column:2!important;font-size:6px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  .alert59-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-top:5px!important}
  .alert59-actions form{min-width:0!important}
  .alert59-btn,.alert59-clan{min-height:34px!important;border-radius:7px!important;font-size:9px!important;line-height:1!important;padding:0 3px!important;text-align:center!important}
  .alert59-btn.disabled{grid-column:span 2!important}

  .alert59-stage-wrap,.alert59-log{margin-top:5px!important;padding:5px!important;border-radius:7px!important}
  .alert59-stage-wrap h3,.alert59-log h3{font-size:11px!important;margin:0 0 4px!important}
  .alert59-stages{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important}
  .alert59-stage{padding:4px!important;border-radius:6px!important;min-width:0!important}
  .alert59-stage-num{width:18px!important;height:18px!important;font-size:9px!important;margin:0 0 3px!important}
  .alert59-stage-copy b{font-size:8px!important;line-height:1.05!important;min-height:24px!important}
  .alert59-stage-copy span{margin-top:3px!important;font-size:7px!important}

  .alert59-logrows{gap:3px!important}
  .alert59-logrow{grid-template-columns:6px minmax(0,1fr) auto!important;gap:4px!important;min-height:27px!important;padding:2px 4px!important;border-radius:5px!important}
  .alert59-logdot{width:5px!important;height:5px!important}
  .alert59-logrow span{font-size:8px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .alert59-logrow small{font-size:6px!important}
}

/* V62 — Manual bank: PSB / Sber / WebMoney + admin-managed offers */
.bank62{padding:5px 6px 14px;color:#ddd5c4}.bank62-head{display:flex;align-items:center;gap:8px;padding:5px 3px 7px}.bank62-icon{width:34px;height:34px;border:1px solid #5b5336;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#2c2811,#080908 72%);font-size:16px}.bank62-head small{display:block;color:#898273;font:7px Arial,sans-serif;letter-spacing:.8px}.bank62-head h1{margin:0;color:#e5d7a6;font:700 18px/1 Arial,sans-serif}.bank62-head p{margin:2px 0 0;color:#9f9a8d;font:9px/1.15 Arial,sans-serif}.bank62-empty{padding:9px;border:1px solid #33392f;border-radius:7px;background:#0d110e;color:#bcb7aa;font:10px/1.25 Arial,sans-serif}.bank62-methods,.bank62-offers,.bank62-orders{margin-top:7px}.bank62 h3{margin:0 0 5px;color:#cfc18d;font:700 11px/1 Arial,sans-serif}.bank62-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.bank62-method{min-width:0;padding:6px;border:1px solid #353b2f;border-radius:7px;background:linear-gradient(180deg,#10130f,#080a08)}.bank62-method-top{display:flex;justify-content:space-between;gap:5px;align-items:center}.bank62-method-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ded3ad;font:700 9px Arial,sans-serif}.bank62-method-top span{font-size:12px}.bank62-req{margin-top:4px;color:#f0e2bd;font:700 9px/1.1 Arial,sans-serif;word-break:break-all}.bank62-method small,.bank62-method em{display:block;margin-top:3px;color:#8f9189;font:7px/1.2 Arial,sans-serif;font-style:normal}.bank62-method em{color:#a8a081}.bank62-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.bank62-offer{position:relative;padding:7px;border:1px solid #343b2f;border-radius:8px;background:linear-gradient(180deg,#101410,#080a08);box-shadow:0 2px 6px rgba(0,0,0,.16)}.bank62-offer-title{display:flex;align-items:center;gap:5px;min-width:0}.bank62-offer-title img{width:15px;height:15px;object-fit:contain}.bank62-offer-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dcd3b9;font:700 9px Arial,sans-serif}.bank62-amount{margin-top:5px;color:#b8e47e;font:700 13px/1 Arial,sans-serif}.bank62-amount span{color:#888f82;font:7px Arial,sans-serif}.bank62-price{position:absolute;right:7px;top:29px;color:#e6c86c;font:700 11px Arial,sans-serif}.bank62-offer select,.bank62-offer input[type=text]{box-sizing:border-box;width:100%;height:27px;margin-top:5px;padding:0 6px;border:1px solid #303a2d;border-radius:5px;background:#080b08;color:#cfc9b7;font:8px Arial,sans-serif;outline:none}.bank62-offer button{width:100%;height:29px;margin-top:5px;border:1px solid #436535;border-radius:5px;background:linear-gradient(180deg,#173316,#0d1e0d);color:#c9e8a4;font:700 9px Arial,sans-serif}.bank62-help{margin-top:6px;padding:6px;border:1px solid #2d342d;border-radius:6px;background:#0a0d0a;color:#979b90;font:8px/1.3 Arial,sans-serif}.bank62-help b{color:#d9ca88}.bank62-order{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 6px;align-items:center;padding:6px 7px;margin-bottom:4px;border:1px solid #30362e;border-radius:6px;background:#0c100d}.bank62-order>span{grid-row:1/3;color:#6f776f;font:7px Arial,sans-serif}.bank62-order>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4ceb8;font:700 9px Arial,sans-serif}.bank62-order>small{grid-column:2;color:#777f78;font:7px Arial,sans-serif}.bank62-order>em{grid-column:3;grid-row:1/3;font:700 8px Arial,sans-serif;font-style:normal;color:#dfbd5a}.bank62-order.approved>em{color:#79d765}.bank62-order.rejected>em{color:#e5736a}
.adminbank62-note{margin:4px 0 7px;padding:7px;border:1px solid #31392f;border-radius:6px;background:#0b0f0c;color:#9c9f94;font:9px/1.3 Arial,sans-serif}.adminbank62-card{font-size:10px!important}.adminbank62-card .input-text{box-sizing:border-box;max-width:100%;height:31px!important;font-size:10px!important}.adminbank62-check{display:block;margin-top:7px;color:#b9b49f;font-size:10px}.adminbank62-actions{display:flex;gap:5px;align-items:center;margin-top:6px}.adminbank62-actions form{margin:0;flex:1}.adminbank62-actions .atom,.adminbank62-actions button{width:100%}.adminbank62-order{font-size:10px!important}.adminbank62-order .gray{font-size:8px}
@media(max-width:430px){.bank62-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bank62-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank62-method{padding:5px}.bank62-method-top b{font-size:8px}.bank62-req{font-size:8px}.bank62-price{font-size:10px}.bank62-offer{padding:6px}.bank62-amount{font-size:11px}}
@media(max-width:330px){.bank62-method-grid{grid-template-columns:1fr}.bank62-offer-grid{grid-template-columns:1fr}}