html , body {
     
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    line-height: normal;
     
    color:#111;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#preloader_table {
	background-color: #fff;
	position: absolute;
	z-index: 1000000000;
}

 

 

 

html , body {
     
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    line-height: normal;
    font-size: 10pt;
    color:#111;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}






.stminiIcon {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 35px;
	height: 40px;
	position: relative;
	vertical-align: top;
	margin-right: 2px;
}

.stminiIcon img {
	width: 35px;
	height: 24px;
	flex-shrink: 0;
	margin-top: 2px;
	object-fit: contain;
	margin-bottom: 3px;
}

.stminiIconTitle {
	background-color: rgba(154,142,142,0.17);
	border-radius: 3px;
	font-size: 9px;
	line-height: 12px;
	height: 14px;
	width: 35px;
	text-align: center;
	cursor: default;
	pointer-events: none;
	padding: 1px 0;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	flex-shrink: 0;
	margin-top: auto;
}







.user-id-nologin {
    color:red;
    background-color: rgba(255,0,0,0.11);
    display: inline-block;
    padding: 0 5px;
}

.vam { vertical-align: middle !important; }
.vams img { vertical-align: middle; }
.vab { vertical-align: bottom !important; }
.vabs img { vertical-align: bottom; }

.btnimg {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
}

:root {
  --loading-grey: #ededed;
}

.loading {
  background-color: var(--loading-grey);
  background: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, .5) 50%,
    rgba(255, 255, 255, 0) 60%
  ) var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}

.loading {
  animation-delay: .05s;
}

.slowUpload {
	 
}

.eff-mnb {
    width: 40px;
    height: 25px;
    display: inline-block;
}

.eff-block {
    width: 40px;
    height: 25px;
    display: inline-block;
	position: relative;
}

.eff-size0 {
    width: 40px;
    height: 25px;
     
}

.eff-size1 {
    width: 30px;
    height: 19px;
     
}

.eff-x {
    font-size: 10px;
    right: 1px;
    bottom: 1px;
    color: #fefefe;
    cursor: default;
	position: absolute;
    text-shadow: #000 1px 0,#000 1px 1px,#000 0 1px,#000 -1px 1px,#000 -1px 0,#000 -1px -1px,#000 0 -1px,#000 1px -1px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px;
}

.prm-zd {
    font-size: 9px;
    left: 2px;
    bottom: 2px;
    color: #fefefe;
    cursor: default;
	position: absolute;
	display: inline-block;
	width: 40px;
	text-align: center;
	z-index: 1;
    text-shadow: #57524F 1px 0,#57524F 1px 1px,#57524F 0 1px,#57524F -1px 1px,#57524F -1px 0,#57524F -1px -1px,#57524F 0 -1px,#57524F 1px -1px,#57524F 0 0 3px,#57524F 0 0 3px,#57524F 0 0 3px,#57524F 0 0 3px,#57524F 0 0 3px;
}

.ui-widget.ui-widget-content {
    border:1px solid #222;
    border-top-color:#777;
    border-left-color:#777;
    cursor: default;
}

.ui-tooltip {
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    line-height: normal;
    font-size: 8.5pt;
    color:#444;    
    border-radius: 0px;
    text-transform: none;
    box-shadow: none;
    padding: 4px;
    margin: none;
    background-color: #fff;
    max-width: 500px;
    color:#333;
    cursor: default;
}

.ui-tooltip-yellow {
    background-color: rgb(255, 255, 204);
    border-color: rgb(102, 102, 102);
    padding: 2px;
    max-width: 300px;
}

small {
    font-size: smaller;
}

.small_b {
    display: inline-block;
}

a, abcd:visited { text-decoration: none; FONT-WEIGHT: bold; color: #003388; }
a:active	{ color: #6F0000}
a:hover		{ color: #0066FF; text-decoration: none; }

.date1		{ font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000}
.date12		{ font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #700000; background-color: #ffcfed}
.date2		{ font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000; background-color: #00FFAA}
.date3	    { font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #B00000}

.imgv {
    vertical-align: text-bottom;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
}

.dimg {
    max-width: none;
}

.itm-sm-txt1 { color: #A52A2A; }

 
.ioe:nth-child(even) {
    background-color: #d5d5d5;
}

.box_inv {
    border-bottom: 1px solid #a5a5a5;
}

.box_inv_l {
    text-align: center;
    width: 160px;
    padding: 2px;
    display:flex;
    align-items:center;
}

.box_inv_l div {
    width: 100%;
}

.box_inv_r {
    border-left: 1px solid #a5a5a5;
    padding: 2px;
}

 
.pi_block {
    width: 240px;
    min-height: 280px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #FFFFFF;
    padding: 2px;
}
.pi_login {
    display: inline-block;
    width: 240px;
    text-align: center;
    margin-bottom: 2px;
    height: 20px;
}
.pi_hr {
    border-bottom:1px solid #9a9a9a;
    margin-top: 6px;
    margin-bottom: 6px;
}
.pi_hr_m2 {
    width: calc(100% - 8px);
}

.itm-a {
    display: inline-block;
    position: relative;
}

.itm_loader_in {
    position: absolute;
    width:15px;
    height:15px;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    color:#000;
}

 
.iloc_sel1 {
    background-color: rgba(0,41,200,0.39);
}
.locsnow {
	position: absolute;
	z-index: 1000;  
}
.eloc_bg {
    display:inline-block;
    background-size:cover;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.eloc_obj {
    display:inline-block;
    background-size:cover;
    cursor: pointer;
    position: absolute;
    border:2px solid rgba(255,255,255,0.00);
}


 

.scrollbar , .scrollbar-2 , .scrollbar-3 , .scrollbar-4 , .scrollbar-5 , .scrollbar-6 {
    scrollbar-width: thin;
}

.scrollbar::-webkit-scrollbar {
    background-color:#f2f0f0;
    width:16px;
}
.scrollbar::-webkit-scrollbar-track {
    background-color:#f2f0f0;
}
.scrollbar::-webkit-scrollbar-track:hover {
     
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #f2f0f0;
     
min-height: 30px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f2f0f0
}
.scrollbar::-webkit-scrollbar-button {
    display:none;
}
 
.scrollbar-2::-webkit-scrollbar {
    background-color:#faf2f2;
    width:16px;
}
.scrollbar-2::-webkit-scrollbar-track {
    background-color:#faf2f2;
}
.scrollbar-2::-webkit-scrollbar-track:hover {
     
}
.scrollbar-2::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #faf2f2;
     
min-height: 30px;
}
.scrollbar-2::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #faf2f2
}
.scrollbar-2::-webkit-scrollbar-button {
    display:none;
}
 
.scrollbar-3::-webkit-scrollbar {
    background-color:#dedede;
    width:16px;
}
.scrollbar-3::-webkit-scrollbar-track {
    background-color:#dedede;
}
.scrollbar-3::-webkit-scrollbar-track:hover {
     
}
.scrollbar-3::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #dedede;
     
min-height: 30px;
}
.scrollbar-3::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #dedede
}
.scrollbar-3::-webkit-scrollbar-button {
    display:none;
}
 
.scrollbar-4::-webkit-scrollbar {
    background-color:#faf2f2;
    width:16px;
}
.scrollbar-4::-webkit-scrollbar-track {
    background-color:#EBE8E8;
}
.scrollbar-4::-webkit-scrollbar-track:hover {
     
}
.scrollbar-4::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #EBE8E8;
     
min-height: 30px;
}
.scrollbar-4::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #EBE8E8
}
.scrollbar-4::-webkit-scrollbar-button {
    display:none;
}
 
.scrollbar-5::-webkit-scrollbar {
    background-color:#f5f5f5;
    width:16px;
}
.scrollbar-5::-webkit-scrollbar-track {
    background-color:#f5f5f5;
}
.scrollbar-5::-webkit-scrollbar-track:hover {
     
}
.scrollbar-5::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #f5f5f5;
     
min-height: 30px;
}
.scrollbar-5::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f5f5f5;
    cursor: default;
}
.scrollbar-5::-webkit-scrollbar-button {
    display:none;
}
 
.scrollbar-6::-webkit-scrollbar {
    background-color:#fff6dd;
    width:16px;
}
.scrollbar-6::-webkit-scrollbar-track {
    background-color:#fff6dd;
}
.scrollbar-6::-webkit-scrollbar-track:hover {
     
}
.scrollbar-6::-webkit-scrollbar-thumb {
    background-color:#CCC3AA;
    border-radius:16px;
    border:5px solid #fff6dd;
     
min-height: 30px;
}
.scrollbar-6::-webkit-scrollbar-thumb:hover {
    background-color:#BAAE8D;
    border:4px solid #fff6dd;
    cursor: default;
}
.scrollbar-6::-webkit-scrollbar-button {
    display:none;
}

 
.scrollbar-7::-webkit-scrollbar {
    background-color:#fff6dd;
    width:16px;
}
.scrollbar-7::-webkit-scrollbar-track {
    background-color:#f4f0e4;
}
.scrollbar-7::-webkit-scrollbar-track:hover {
     
}
.scrollbar-7::-webkit-scrollbar-thumb {
    background-color:#d8cda9;
    border-radius:16px;
    border:5px solid #f4f0e4;
     
min-height: 30px;
}
.scrollbar-7::-webkit-scrollbar-thumb:hover {
    background-color:#d8cda9;
    border:4px solid #f4f0e4;
    cursor: default;
}
.scrollbar-7::-webkit-scrollbar-button {
    display:none;
}

input::placeholder {
  color: rgba(22,22,22,0.4);
}

.noselect {
  -webkit-touch-callout: none;  
    -webkit-user-select: none;  
     -khtml-user-select: none;  
       -moz-user-select: none;  
        -ms-user-select: none;  
            user-select: none;  
}

.pos-rel {
    position: relative;
}

.gm-img {
    display:inline-block;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.fl { float: left; }
.fr { float: right; }

.gm-anm-05 {
    transition: all 0.5s;
}

.cp { cursor: pointer; }

.hop50 { }
.hop50:hover { opacity: 0.5; }

 

.btn-a {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 9pt;
    background-color: rgba(239, 239, 239, 1);
    color:rgba(25, 25, 112, 1);
    padding: 2px 10px;
    border: 1px solid rgba(176, 176, 176, 1);
    cursor: pointer;
}

.btn-a:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-a:hover {
    background-color: rgba(244,244,244,1.00);
}

 
.uk-radio:focus,
.uk-checkbox:focus {
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  border-color: #92663c;
}
 
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: #92663c;
  border-color: transparent;
}
.uk-checkbox , .uk-radio {
  border: 1px solid #92663c;
}
 
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #92663c;
}

.gm-input {
    color:#DFDDD3;
    background-color:#151616;
    border:1px double #92663c;
    padding: 3px;
    margin: 2px;
    font-size: 11pt;
}

.a-btn {
    padding:0;
    margin: 0;
    text-decoration: none;
}
.a-btn:hover {
    text-decoration: none;
    font-size: 11pt;
}

.gm-btn-default {
    color: #f6ffe4;
    border: 1px double #A1A443;
    background: rgba(166,205,108,1.00);
    background: linear-gradient(180deg, rgb(177,191,94) 0%, rgb(116,143,57) 100%);
    -webkit-box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    -moz-box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    border-radius: 3px;
    padding: 5px 10px;
    margin: 2px;
    cursor: pointer;
    text-decoration: none;
    font-size: 11pt;
}
.gm-btn-default:hover {
	color: #FFF;
	border: 1px double #ADB12D;
	background: rgba(183,219,129,1.00);
	background: linear-gradient(180deg, rgba(191,203,124,1.00) 0%, rgba(141,173,69,1.00) 100%);
}
.gm-btn-default:active {
    transform: scale(0.5);
	background-color: red;
}




.gm-btn-winter {
    color: #e0f9fc;
    border: 1px double #4fa0e7;
    background: rgb(43, 66, 222);
    background: linear-gradient(180deg, rgb(26,19,218) 0%, rgb(102,222,237) 100%);
    -webkit-box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    -moz-box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    border-radius: 3px;
    padding: 5px 10px;
    margin: 2px;
    cursor: pointer;
    text-decoration: none;
    font-size: 11pt;
}
.gm-btn-winter:hover {
	color:#C7F4F9;
	border: 1px double #4fa0e7;	
	background: rgb(43,66,222);
	background: linear-gradient(180deg, rgba(8,0,255,0.90) 0%, rgba(99,196,208,0.90) 100%);
}
.gm-btn-winter:active {
    transform: scale(0.5);
	background-color: red;
}


.gm-btn-spring {
	filter: hue-rotate(-5deg);
    color: #f6ffe4;
    border: 1px double #A1A443;
    background: rgba(166,205,108,1.00);
    background: linear-gradient(180deg, rgb(177,191,94) 0%, rgb(116,143,57) 100%);
    -webkit-box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    -moz-box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    box-shadow: 0px 0px 3px 3px rgba(117, 138, 143, 0.4);
    border-radius: 3px;
    padding: 5px 10px;
    margin: 2px;
    cursor: pointer;
    text-decoration: none;
    font-size: 11pt;
}
.gm-btn-spring:hover {
	color: #FFF;
	border: 1px double #ADB12D;
	background: rgba(183,219,129,1.00);
	background: linear-gradient(180deg, rgba(191,203,124,1.00) 0%, rgba(141,173,69,1.00) 100%);
}
.gm-btn-spring:active {
    transform: scale(0.5);
	background-color: red;
}


 

 
.ach-panel {
     
    text-align: center;
}

 
.ach-head {
    background: rgba(180, 180, 180, 0.3);
    border: 1px solid #999;
    padding: 6px 10px;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 13pt;
    color: #333;
    text-transform: uppercase;
}

 
.ach-legend {
    background: #e0e0e0;
    border: 1px solid #b0b0b0;
    padding: 4px 8px;
    margin-bottom: 8px;
    font-size: 8pt;
    color: #555;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    align-items: center;
}

.ach-legend b {
    color: #333;
}

.ach-legend-item {
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

.ach-legend-badge {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid;
    display: inline-block;
    flex-shrink: 0;
}

 
.ach-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    padding-right: 4px;
    padding: 14px;
     
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

 
.ach-list::-webkit-scrollbar {
    background-color: #dedede;
    width: 16px;
}

.ach-list::-webkit-scrollbar-track {
    background-color: #dedede;
}

.ach-list::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #dedede;
    min-height: 30px;
}

.ach-list::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 4px solid #dedede;
}

.ach-list::-webkit-scrollbar-button {
    display: none;
}

 
.ach-item {
    display: flex;
    align-items: center;
    gap: 8px;
     
    padding: 5px 7px;
    cursor: default;
    position: relative;
    transition: all 0.2s ease;
    user-select: none;
    -webkit-user-select: none;
    border-radius: 0px;
}

 

 

 
 

 
.ach-item[data-lvl="7"] {
    animation: ach-diamond-shine 3s infinite alternate;
}

@keyframes ach-diamond-shine {
    0% { background: linear-gradient(90deg, rgba(122,184,200,0.1) 0%, #e0e0e0 8%); }
    100% { background: linear-gradient(90deg, rgba(160,210,225,0.25) 0%, #eaeaea 8%); }
}

.ach-item[data-lvl="7"]:nth-child(even) {
    animation: ach-diamond-shine-even 3s infinite alternate;
}

@keyframes ach-diamond-shine-even {
    0% { background: linear-gradient(90deg, rgba(122,184,200,0.1) 0%, #d5d5d5 8%); }
    100% { background: linear-gradient(90deg, rgba(160,210,225,0.25) 0%, #dfdfdf 8%); }
}

 
.ach-item.ach-ready {
    border-color: #b8a038;
    background-color: rgba(184,160,56,0.21);
    box-shadow: 0 0 8px rgba(184, 160, 56, 0.4);
    animation: ach-ready-glow 1.5s infinite alternate;
     
}

@keyframes ach-ready-glow {
    0% { box-shadow: 0 0 6px rgba(184, 160, 56, 0.3); }
    100% { box-shadow: 0 0 14px rgba(184, 160, 56, 0.6); }
}

 
.ach_icon_inf {
    position: relative;
    display: inline-block;
    height: 48px;
    width: 48px;
    background-position: center center;
	filter: grayscale(0.21);
}
.ach_icon_inf_in {
    width: 48px;
    height: 48px;
    position: absolute;
    top:0px;
    left:0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    filter: invert(90%);
}
.ach_icon_inf2 {
     
    transition: all 0.3s linear;
}
.ach_icon_inf2:hover {
     
    transform: scale(1.77);
	filter: grayscale(0);
	opacity: 1;
}
.ach_icon_inf2:hover .ach_icon_inf_in {
    filter: invert(0%);
}

.ach-icon {
    width: 128px;
    height: 128px;
     
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ach-icon img {
    width: 76px;
    height: 76px;
    object-fit: contain;
    filter: grayscale(1) opacity(0.35);
    transition: all 0.3s ease;
}

 
.ach-item[data-lvl="1"] .ach-icon img { filter: grayscale(0.6) opacity(0.7); }
.ach-item[data-lvl="2"] .ach-icon img { filter: grayscale(0.4) opacity(0.8); }
.ach-item[data-lvl="3"] .ach-icon img { filter: grayscale(0.2) opacity(0.9); }
.ach-item[data-lvl="4"] .ach-icon img,
.ach-item[data-lvl="5"] .ach-icon img,
.ach-item[data-lvl="6"] .ach-icon img { filter: grayscale(0) opacity(1); }
.ach-item[data-lvl="7"] .ach-icon img {
    filter: grayscale(0) opacity(1) drop-shadow(0 0 3px rgba(122,184,200,0.6));
    animation: ach-icon-sparkle 1.5s infinite;
}

@keyframes ach-icon-sparkle {
    0%, 100% { filter: grayscale(0) opacity(1) drop-shadow(0 0 2px rgba(122,184,200,0.5)); }
    50% { filter: grayscale(0) opacity(1) drop-shadow(0 0 6px rgba(160,210,225,0.8)); }
}

 
.ach-info {
    flex: 1;
    min-width: 0;
}

.ach-name {
    font-weight: bold;
     
    color: #333;
    margin-bottom: 2px;
}

.ach-lvl-badge {
    display: inline-block;
     
    padding: 1px 5px;
     
    font-weight: bold;
     
    margin-left: 4px;
    white-space: nowrap;
}

.ach-progress {
     
    color: #666;
    margin-bottom: 5px;
}

.ach-progress strong {
    color: #003388;
}

.ach-reward {
    font-size: 8pt;
    color: #555;
     
    padding: 1px 5px;
     
    display: inline-block;
    margin-bottom: 2px;
}

.ach-reward.ach-claimable {
    background: rgba(184, 160, 56, 0.25);
    border-color: #b8a038;
    color: #6a5a20;
    animation: ach-claim-pulse 1s infinite alternate;
}

@keyframes ach-claim-pulse {
    0% { background: rgba(184, 160, 56, 0.2); }
    100% { background: rgba(184, 160, 56, 0.4); }
}

 
.ach-bar {
    width: 100%;
    height: 12px;
    background: #b0b0b0;
    border-top: 1px solid #999;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #999;
    overflow: hidden;
}

.ach-bar-fill {
    height: 100%;
    background: linear-gradient(180deg, #1B8E17, #21ad1d);
    border-right: 1px solid #158a11;
    transition: width 0.4s ease;
}

.ach-item.ach-ready .ach-bar-fill {
    background: linear-gradient(180deg, #c8a840, #a08020);
}

.ach-item[data-lvl="7"] .ach-bar-fill {
    background: linear-gradient(180deg, #7ab8c8, #5a98a8);
}

 
.ach-lvl-right {
    width: 36px;
    text-align: center;
    flex-shrink: 0;
}

.ach-lvl-icon {
    font-size: 15pt;
}

.ach-lvl-txt {
    font-size: 7pt;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
}

 
.ach-claim-btn {
    position: absolute;
    right: 50px;
    top: 40px;
    font-size: 7pt;
    padding: 8px 16px;
    border-radius: 3px;
    border: 1px double #b8a038;
    background: linear-gradient(180deg, #ffe08a, #c8a020);
    color: #4a3800;
    cursor: pointer;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    z-index: 5;
    animation: ach-claim-bounce 0.8s infinite alternate;
}

.ach-claim-btn:hover {
    background: linear-gradient(180deg, #ffeaa0, #dab030);
}

@keyframes ach-claim-bounce {
    0% { transform: translateY(0); }
    100% { transform: translateY(-3px); }
}

 
.ach-confetti {
    position: absolute;
    top: 2px;
    right: 42px;
    font-size: 13pt;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
}

.ach-item.ach-lvl-up .ach-confetti {
    opacity: 1;
    animation: ach-float-up 1.2s ease-out forwards;
}

@keyframes ach-float-up {
    0% { transform: translateY(0) scale(0.5); opacity: 1; }
    100% { transform: translateY(-28px) scale(1.6); opacity: 0; }
}

.ach-item.ach-lvl-up {
    animation: ach-pulse 0.8s ease-out;
}

@keyframes ach-pulse {
    0% { background-color: #e8e8e8; }
    100% { background-color: #e0e0e0; }
}

 
.ach-error {
    display: none;
    padding: 5px;
     
    color: red;
    font-size: 9pt;
}

 
.ach-btns {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #b0b0b0;
    flex-wrap: wrap;
    align-items: center;
}

.ach-hint {
    font-size: 8pt;
    color: #777;
    margin-right: auto;
    font-style: italic;
}

.ach-btn {
    color: #333;
    border: 1px double #888;
    background: linear-gradient(180deg, #d2d2d2, #a0a0a0);
    box-shadow: 0 0 3px 3px rgba(100, 100, 100, 0.3);
    border-radius: 3px;
    padding: 5px 10px;
    margin: 2px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 11pt;
}

.ach-btn:hover {
    color: #111;
    border-color: #666;
    background: linear-gradient(180deg, #e1e1e1, #afafaf);
}

 
@media (max-width: 600px) {
    .ach-item {
        flex-wrap: wrap;
        gap: 4px;
        padding: 4px;
    }
    .ach-icon {
        width: 34px;
        height: 34px;
    }
    .ach-icon img {
        width: 28px;
        height: 28px;
    }
    .ach-lvl-right {
        width: 28px;
    }
    .ach-claim-btn {
        right: 4px;
        bottom: 4px;
    }
}


 

 

 

@font-face {
    font-family: 'password-font-bk2-ru';
    src:url('/static/font/password-font-bk2-ru.eot'),
        url('/static/font/password-font-bk2-ru.ttf'),
        url('/static/font/password-font-bk2-ru.svg');
    font-weight: normal;
    font-style: normal;
}

:focus-visible {
    border: 1px solid rgb(75, 149, 224)!important;
    outline: 0px !important;
    box-shadow: none !important;
}

.noselect {
  -webkit-touch-callout: none;  
    -webkit-user-select: none;  
     -khtml-user-select: none;  
       -moz-user-select: none;  
        -ms-user-select: none;  
            user-select: none;  
}

.emoji {
    font-size: 18pt;
    cursor: pointer;
}


#ruins_turnir_wrap img { 
    max-width: none; 
    height: auto;
}
#ruins_turnir_wrap table img { 
    max-width: none;
    display: inline-block;
    height: auto;
    vertical-align: top;
}
#nav_r {
    background-image: url("/static/img/nav/right_0.jpg");
}
#nav_t {
    background-image: url("/static/img/nav/up_0.jpg");
}
#nav_l {
    background-image: url("/static/img/nav/left_0.jpg");
}
#nav_d {
    background-image: url("/static/img/nav/down_0.jpg");
}
#nav_c {
    background-image: url("/static/img/nav/center.jpg");
}
#nav_r img , #nav_l img , #nav_t img , #nav_d img {
    cursor: pointer;
    transition: transform 0.1s ease;
}
#nav_r:active img , #nav_l:active img , #nav_t:active img , #nav_d:active img , #nav_c:active img {
    transform: scale(0.95);
}

.res_filter1 , .res_filter0 {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 3px;
}
.res_filter1 {
    background-color: rgba(255,255,255,0.25);
}
.res_filter0 {
    background-color: rgba(255,255,255,0.05);
}

.dng-g10hv {
    border-radius: 50%;
    transition: box-shadow 0.3s ease;
    overflow: hidden;
    object-fit: cover;
}
.dng-g10hv:hover {
    box-shadow: 0 0 5px 3px #bab5a5;
    transform: scale(1.05);
}
.dng-g10hv:active {
    box-shadow: 0 0 3px 5px #bab5a5;
    transform: scale(0.91);
}


.ahref1 {
    color: #3b3b3b;
    text-decoration: underline;
}
.ahref1:hover {
    color: #000000;
    text-decoration: none;
}
.ahref2 {
    color: #BE151A;
    text-decoration: none;
}
.ahref2:hover {
    color: #981115;
    text-decoration: none;
}






















 
.ruins-profils-container {
    padding: 10px;
}

 
.ruins-section-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
    color: #333;
}

 
.ruins-table {
    width: 100%;
    border-bottom: 1px solid #ccc3aa;
    border-left: 1px solid #ccc3aa;
    border-collapse: collapse;
    margin: 10px 0;
}

.ruins-th {
    background: #e6deca;
    padding: 8px 5px;
    font-weight: bold;
    border-top: 1px solid #ccc3aa;
    border-right: 1px solid #ccc3aa;
    text-align: center;
}

.ruins-td {
    background: #fcf6e8;
    padding: 8px 5px;
    border-top: 1px solid #ccc3aa;
    border-right: 1px solid #ccc3aa;
}

.ruins-stats-table .ruins-td:first-child {
    text-align: left;
}

.ruins-stats-table .ruins-td:last-child {
    text-align: center;
}

 
.ruins-divider {
    border-top: 1px solid #ccc;
    margin: 20px 0;
}

 
.ruins-form-group {
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.ruins-label {
    margin-right: 10px;
    font-weight: bold;
    min-width: 80px;
}

 
.ruins-input-text {
    flex: 1;
    padding: 8px;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    font-size: 14px;
}

.ruins-input-stat {
    width: 64px;
    padding: 5px;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
}

.ruins-input-disabled {
    background: #f0f0f0;
    color: #666;
    cursor: not-allowed;
}

 
.ruins-form-actions {
    margin-top: 15px;
    text-align: center;
}

.ruins-btn-save {
    padding: 10px 30px;
    background: #808080;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}

.ruins-btn-save:hover {
    background: #666;
}

.ruins-btn-save:active {
    background: #555;
}

















.xz_use_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 100%;
}

.xz_useItem {
    display: flex;
    flex-direction: column;
    border: 1px solid #a5a5a5;
    background-color: #d5d5d5;
    border-radius: 3px;
    padding: 8px;
    text-align: center;
    position: relative;
    min-height: 120px;
}

.xz_useItem_itm {
    flex: 1; 
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}

.xz_useItem_itm img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}

.xz_useItem_rep {
    margin-top: 5px;
    color: #666;
    flex-shrink: 0;
}

.xz_useItem_close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1;
}

.xz_useItem_close img {
    width: 13px;
    height: 13px;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.xz_useItem_close img:hover {
    opacity: 1;
}






.resac-menu {
  display: flex;
  width: 100%;
  gap: 10px;
}
.resac-menu-left {
  width: 60%;
  padding: 5px;
}
.resac-menu-right {
  width: 40%;
  padding: 5px;
}

.resac_blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.resac_block {
    border: 1px solid grey;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 4px;
    position: relative;
}
.resac_block_bad {
    border: 1px solid grey;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 4px;
    position: relative;
}
.resac_block:hover {
     
}
.resac_block.selected {
    background-color: #d9e3da;
    border: 1px solid #2e7d32;
}
.resac_itm {
    display: inline-block;
    position: relative;
    width: auto;
    line-height: 0;
    margin-right: 5px;
}
.resac_itm_x {
    position: absolute;
    bottom: 1px;
    right: 1px;
    font-size: 10px;
    line-height: normal;
    background-color: #eee;
    padding: 1px 4px;
}
 
.resac_radio {
    display: none;
}
.resac_block_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    position: relative;
}
 
.resac_choose_btn {
    transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
}
 
.resac_checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #2e7d32;
    font-weight: bold;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}
 
.resac_block.selected .resac_choose_btn {
    opacity: 0;
    visibility: hidden;
}
.resac_block.selected .resac_checkmark {
    opacity: 1;
    visibility: visible;
}
 
.resac_block:not(.selected) .resac_choose_btn {
    opacity: 1;
    visibility: visible;
}
.resac_block:not(.selected) .resac_checkmark {
    opacity: 0;
    visibility: hidden;
}
.resac_block_footer {
    text-align: center;
}
.resac-box1 {
    border: 1px solid grey;
    border-radius: 3px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    vertical-align: top;
}
.resac-box1-title {
    background-color: grey;
    color:#fff;
    padding: 3px 10px;
    font-size: 11px;
}
.resac-box1-body {
    padding: 5px;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.resac-box1-footer {
    background-color: #cdcdcd;
    color:#222;
    font-size: 11px;
    white-space: nowrap;
}
.resac-box1-footer-title {
    padding: 3px 10px;
}
.resac-box1-footer-tr {
    padding: 3px 10px;
}
.resac-box1-footer-tr:hover {
    background-color: #BFBFBF;
}
.resac-box-row {
    display: flex;
    align-items: center;
    gap: 15px;
     
    margin: 10px 0;
}
.resac-arrow {
    flex-shrink: 0;
    font-size: 24px;
    color: #666;
    padding: 0 5px;
}







.itm_block_tur {
    width: 48px;
    height: 48px;
    margin: 12px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
}
.itm_block_tur img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.itm_block_tur_x {
    position: absolute;
    bottom: 1px;
    right: 1px;
    background-color: #fff;
    font-size: 7pt;
    padding: 1px 3px;
    z-index: 2;
}
.itm_block_tur {
    border: 1px solid #808080;
    background-color: #80808017;
    border-radius: 2px;
    box-sizing: border-box;
}
.itm_block_tur::before {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}





 
 
 

.div_sendvoice {
    display: block;
    position: relative;
}

.div_sendvoice_btnMicro {
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 5px;
    border-radius: 30px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: linear-gradient(135deg, #ff7676 0%, #ff3d3d 50%, #ff0a0a 100%);
    box-shadow: 0 4px 15px rgba(255, 61, 61, 0.4);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
}

.div_sendvoice_btnMicro:active {
    opacity: 1;
    animation: pulseAndShow 1.5s ease-in-out forwards;
}

.div_sendvoice_btnMicro img {
    pointer-events: none;
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

@keyframes pulseAndShow {
    0% {
        transform: scale(1);
        opacity: 0.3;
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    }
    70% {
        transform: scale(1.1);
        opacity: 0.8;
        box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    }
    100% {
        transform: scale(1);
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

.div_sendvoice_btnStop {
    cursor: pointer;
    background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 25%, #e8e8e8 50%, #f5f5f5 75%, #e0e0e0 100%);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    position: absolute;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    transition: all 0.3s ease;
}

.div_sendvoice_btnStop:hover {
    animation: pulse-hover 1.5s ease-in-out infinite;
}

@keyframes pulse-hover {
    0% {
        transform: scale(1);
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
        background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 25%, #e8e8e8 50%, #f5f5f5 75%, #e0e0e0 100%);
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
        background: linear-gradient(135deg, #f5f5f5 0%, #e5e5e5 25%, #d5d5d5 50%, #e5e5e5 75%, #cccccc 100%);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
        background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 25%, #e8e8e8 50%, #f5f5f5 75%, #e0e0e0 100%);
    }
}

.div_sendvoice_btnStop img {
    pointer-events: none;
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.voice-recording-panel {
    position: absolute;
    left: 40px;
    top: -45px;
    background: linear-gradient(135deg, #ff6b6b 0%, #ff3d3d 50%, #ff1a1a 100%);
    border-radius: 20px;
    padding: 8px 15px;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
    border: 2px solid #fff;
    z-index: 1000;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 12px;
    display: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 15px;
}

.recording-indicator {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.recording-dot {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    animation: pulse-recording 1.5s infinite;
}

@keyframes pulse-recording {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.recording-timer {
    font-weight: bold;
    font-size: 14px;
    font-family: 'Courier New', monospace;
    flex-shrink: 0;
}

.recording-timer.warning {
    color: #ffeb3b;
    animation: blink-warning 1s infinite;
}

@keyframes blink-warning {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.recording-max-time {
    font-size: 10px;
    opacity: 0.8;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .voice-recording-panel {
        left: 10px;
        top: -50px;
        padding: 6px 12px;
        font-size: 11px;
        gap: 10px;
    }
    
    .recording-timer {
        font-size: 12px;
    }
}

.voice-playback-panel {
    position: absolute;
    left: 1px;
    top: -44px;
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 50%, #388E3C 100%);
    border-radius: 20px;
    padding: 4px 5px;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
    border: 1px solid #fff;
    z-index: 1001;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 12px;
    display: none;
    white-space: nowrap;
}

.playback-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.play-pause-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.play-pause-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.play-pause-btn:active {
    transform: scale(0.95);
}

.playback-timer, .duration-timer {
    font-weight: bold;
    font-size: 12px;
    font-family: 'Courier New', monospace;
    width: 35px;
    flex-shrink: 0;
}

.waveform-container {
    width: 60px;  
    height: 30px;
    position: relative;
    cursor: pointer;
}

.waveform {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 1px;
    justify-content: space-between;  
}

.wave-bar {
    flex: 1;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 1px;
    transition: all 0.2s ease;
    min-height: 2px;
    max-width: 2px;  
}

.wave-bar.active {
    background: rgba(255, 255, 255, 0.9);
}

.wave-bar:hover {
    background: white;
}

.wave-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    pointer-events: none;
    border-radius: 2px;
    transition: width 0.1s linear;  
}

.close-btn {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.waveform {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5px;  
}

.wave-bar {
    flex: 1;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0.5px;
    transition: all 0.3s ease;
    min-height: 3px;
    max-width: 1px;
    margin-right: 1px;
    cursor: pointer;
}

.wave-bar:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: scaleX(1.5);  
}

.wave-bar.active {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
}

 
@media (max-width: 768px) {
    .waveform-container {
        width: 50px;  
    }
    
    .wave-bar {
        max-width: 1px;
    }
}

.close-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

 
.voice-playback-panel.playing .play-pause-btn {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

@media (max-width: 768px) {
    .voice-playback-panel {
        left: 10px;
        top: -50px;
        padding: 6px 12px;
        gap: 8px;
    }
    
    .waveform-container {
        width: 150px;
    }
    
    .playback-timer, .duration-timer {
        font-size: 11px;
        width: 30px;
    }
}

 
.send-to-chat-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.send-to-chat-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.send-to-chat-btn:active {
    transform: scale(0.95);
}

.send-to-chat-btn svg {
    pointer-events: none;
}

 
.send-to-chat-btn.sending {
    background: rgba(76, 175, 80, 0.6);
    animation: pulse-send 0.6s ease-in-out;
}

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

 
.playback-controls {
    display: flex;
    align-items: center;
    gap: 10px;  
}

 
@media (max-width: 768px) {
    .playback-controls {
        gap: 8px;
    }
    
    .send-to-chat-btn,
    .close-btn {
        width: 26px;
        height: 26px;
    }
    
    .send-to-chat-btn svg {
        width: 14px;
        height: 14px;
    }
}

.audio-mini-player {
    display: inline-flex;
    align-items: center;
    height: 24px;
    width: 150px;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 0 8px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 2px;
}

.audio-mini-player::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
    opacity: 0.3;
    transition: width 0.3s ease;
    z-index: 1;
}

.audio-mini-player.playing::before {
    width: var(--progress, 0%);
}

.audio-mini-player-content {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.play-pause-btn-mini {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #4CAF50;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.play-pause-btn-mini:hover {
    background: #45a049;
    transform: scale(1.1);
}

.play-icon-mini, .pause-icon-mini {
    width: 8px;
    height: 8px;
    fill: white;
}

.pause-icon-mini {
    display: none;
}

.audio-mini-player.playing .play-icon-mini {
    display: none;
}

.audio-mini-player.playing .pause-icon-mini {
    display: block;
}

.timer-mini {
    font-family: 'Courier New', monospace;
    font-size: 9px;
    color: #333;
    font-weight: bold;
    min-width: 25px;
}

.audio-title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    font-size: 9px;
}

.audio-mini-player.loading .play-pause-btn-mini {
    background: #999;
}

.audio-mini-player.loading .play-icon-mini {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.audio-mini-player.error {
    background: #ffebee;
    border-color: #f44336;
}

.audio-mini-player.error .audio-title {
    color: #d32f2f;
}


.audio-mini-player {
    display: inline-flex;
    align-items: center;
    height: 24px;
    min-width: 150px;
    max-width: 150px;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 0 8px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 2px;
    box-sizing: border-box;
    flex-shrink: 0;
    vertical-align: middle;
}

.audio-mini-player::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
    opacity: 0.3;
    transition: width 0.3s ease;
    z-index: 1;
}

.audio-mini-player.playing::before {
    width: var(--progress, 0%);
}

.audio-mini-player-content {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    position: relative;
    z-index: 2;
    min-width: 0;
}

.play-pause-btn-mini {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 50%;
    background: #4CAF50;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.play-pause-btn-mini:hover {
    background: #45a049;
}

.timer-mini {
    font-family: 'Courier New', monospace;
    font-size: 9px;
    color: #333;
    font-weight: bold;
    min-width: 25px;
    flex-shrink: 0;
}

.audio-title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    font-size: 9px;
    min-width: 0;
}

 
.audio-mini-player * {
    box-sizing: border-box;
}

 
.audio-mini-player {
    line-height: 1;
    contain: layout style;
}



















html , body {
     
}

 
.table-bk-style1 tr:nth-child(even) {
    background-color: #D5D5D5;
}
.table-bk-style1 tr:nth-child(odd) {
    background-color: #C7C7C7;
}


.constructorExchange {
    max-height: 300px;
    overflow: auto;
}

.constructorExchangetr:hover tr {
    background-color: #f0e5c7;
}

.constructorExchangetr_okeyBad {
    opacity: 0.5;
    filter: grayscale(1);
    background-color: #F0D6C7;
}
.constructorExchangetr_okeyBad:hover tr {
    background-color: #F0D6C7;
}

.tritems1list {
    display: inline-block;
    padding: 2px;
    position: relative;
}
.tritems1list_x {
    position: absolute;
    bottom: 3px;
    right: 3px;
    background-color: #fff;
    font-size: 11px;
    padding: 1px 3px;
}

.selectMr {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0 0 0 2px grey;
}
.selectMr::after {
  content: "";
  position: absolute;
  top: 0.9em;
  right: 1.5em;
  z-index: 1;
  height: 0.7em;
  width: 0.7em;
  transform: rotate(45deg);
  box-shadow: 2px 2px 0 grey;
  pointer-events: none;
}
.selectMr input {
  display: none;
}
.colorMr {
  display: flex;
  align-items: center;
  height: 0;
  overflow: hidden;
}
.selectMr:hover .colorMr {
  min-height: 3em;
  height: auto;
}
.selectMr input:checked+.colorMr {
  z-index: 1;
  order: -1;
  height: auto;
  box-shadow: 0 0 0 2px grey;
}
.selectMr input:not(:checked)+.colorMr:hover {
  background-color: #eee;
  cursor: pointer;
}
.colorMr img {
  margin: 0.5em 1em;
  height: 2em;
  width: 3em;
}
.selectMr .placeholdMr {
  z-index: 1;
  display: flex;
  align-items: center;
  order: -1;
  min-height: 3em;
  padding-left: 1em;
  box-shadow: 0 0 0 2px grey;
}
.selectMr input:checked~.placeholdMr {
  display: none;
}



.selectMr2 {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0 0 0 2px grey;
}
.selectMr2::after {
  content: "";
  position: absolute;
  top: 0.9em;
  right: 1.5em;
  z-index: 1;
  height: 0.7em;
  width: 0.7em;
  transform: rotate(45deg);
  box-shadow: 2px 2px 0 grey;
  pointer-events: none;
}
.selectMr2 input {
  display: none;
}
.colorMr2 {
  display: flex;
  align-items: center;
  height: 0;
  overflow: hidden;
}
.selectMr2:hover .colorMr2 {
  min-height: 3em;
  height: auto;
}
.selectMr2 input:checked+.colorMr2 {
  z-index: 1;
  order: -1;
  height: auto;
  box-shadow: 0 0 0 2px grey;
}
.selectMr2 input:not(:checked)+.colorMr2:hover {
  background-color: #eee;
  cursor: pointer;
}
.colorMr2 img {
  margin: 0.5em 1em;
  height: 2em;
  width: 3em;
}
.selectMr2 .placeholdMr2 {
  z-index: 1;
  display: flex;
  align-items: center;
  order: -1;
  min-height: 3em;
  padding-left: 1em;
  box-shadow: 0 0 0 2px grey;
}
.selectMr2 input:checked~.placeholdMr2 {
  display: none;
}


















.youtube-link {
  background-color: rgba(255,0,0,0.05);
  border-left: 3px solid #ff0000;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
}
.vk-link {
  background-color: rgba(0,119,255,0.05);
  border-left: 3px solid #0077ff;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
}
.default-link {
  background-color: rgba(0,0,0,0.05);
  border-left: 3px solid #E4E4E4;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
}


.sup_line1 {
    padding: 10px;
    border-bottom: 1px solid #c3c1c1;
    cursor: pointer;
}
.sup_line1:hover {
    background-color: rgba(0,0,0,0.05);
}

.sup_msg_body0 {
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
}
.sup_msg_body1 {
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.50);
    display: inline-block;
    float: right;
    clear: both;
}
.sup_msg_body2 {
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: #a9afc0;
    color:#00094d;
    display: inline-block;
    float: left;
    clear: both;
}

.lotto_date {
    font-family: Courier;
    font-size: 10pt;
    text-decoration: none;
    font-weight: 600;
    color: #007000;
}
.lotto_show_result_combination {
	COLOR: #8f0000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
}
.lotto_show_result_table {
	margin: 10px 0;
	width: 600px;
}

.rec_itm_v {
	display: inline-block;
	position: relative;
}
.rec_item > div:first-child img {
    display: block;
}
.rec_itm_v a img {
    display: block;
}
.rec_itm_vx {
	position: absolute;
	background-color: #fff;
	right: 0px;
	bottom: 0px;
	padding: 1px 2px;
	font-size: 7.5pt;
}



.lotto_buy_ticket_table{
    border-bottom: 1px solid #b0b0b0;
    border-left: 1px solid #b0b0b0;
    user-select: none;
}
.lotto_buy_ticket_table td{
    text-align: center;
    background-color: #e5e5e5;
    padding: 3px 6px;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    color: #494949;
    border-top: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
    cursor: pointer;
    font-size: 9pt;
}
.lotto_buy_ticket_table td:hover{
    background-color: #f5f5f5;
    color: #353535;
}
.lotto_buy_ticket_table td.active{
    color: #fff;
    background-color: #222;
}



.rec_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.rec_item {
    width: 80px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.rec_item div {
    text-align: center;
}

.fw_slot_s {
	display: inline-block;
	width: 40px;
	height: 25px;
	border-bottom: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
	margin: 2px;
	background-image: url(/static/img/slot.gif);
	opacity: 0.5;
	cursor: pointer;
}
.fw_slot_s:hover {
	opacity: 0.75;
}
.fw_slot_s_ok {
	display: inline-block;
	width: 40px;
	height: 25px;
	border-bottom: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
	margin: 2px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.fw_slot_s_ok:hover {
	background-color:rgb(187,177,157,0.3);
	outline: 2px solid rgba(0,0,0,0.30);
	border-radius: 2px;
}
.fw_slot_s_inodet {
    outline: 1px solid #ffffff;
    background-color: rgba(255,255,255,0.80);
    border-radius: 2px;
}
.fw_slot_s_inodet:hover {
    outline: 2px solid #ffffff;
    background-color: rgba(255,255,255,0.80);
    border-radius: 2px;
}


.grid-container {
    display: grid;  
}

.left {
    background-color: #f0f0f0;  
}

.right {
    background-color: #d0d0d0;  
}

.btn-s {
	background-color:#A9AFC0;
}
.btn-s:hover {
	background-color:#B2B8C7;
}
.bonus_table{
  width: 100%;
}
.bonus_table > thead > tr > td,
.bonus_table > tbody > tr > td{
  height: 30px;
  text-align: center;
}
.bonus_table > thead > tr > td{
  color: #222;
}
.bonus_table > tbody > tr > td{
  background: #e7e7e7;
}
.bonus_table > tbody > tr > td.active{
  color: #339900;
  font-weight: 900;
}

.zvidnew {
	 
	 
}
.zvidnew:hover {
	 
}

.miniPickItems {
	position: absolute;
	background-color: #d2d0d0;
	border: 1px solid #222;
	outline: 3px solid rgba(91,91,91,0.50);
    z-index: 100;
}
.mpig_left {
	border: 1px solid #000;
	border-right: none;
}
.mpig_right {
	border: 1px solid #000;
	border-left: none;
}
.mpig_left:hover , .mpig_right:hover {
	background-color: #E1DFDF;
}
.mpig_img img {
	cursor: pointer;
}
.mpig_img img:hover {
	background-color: #E1DFDF;	
}
.mpig_left img {
	display: inline-block;
	width: 20px;
	height: 60px;
}
.mpig_right img {
	display: inline-block;
	width: 20px;
	height: 60px;
	transform: scale(-1, 1);
}

#pch-btn-sound {
	background-repeat: no-repeat;
}

.hidden-spellaf {
	display: none;
}

.hidden-spellaf2 {
	display: none;
}

.ttleff_b {
	display: inline-block;
	width: 40px;
	height: 25px;
	position: relative;
}

.effttlbtl1 {
    font-size: 10px;
    right: 1px;
    bottom: 1px;
    color: #fefefe;
    cursor: default;
    position: absolute;
    text-shadow: #000 1px 0,#000 1px 1px,#000 0 1px,#000 -1px 1px,#000 -1px 0,#000 -1px -1px,#000 0 -1px,#000 1px -1px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px;
}

.add180win {
	position: absolute;
    background-color: #FFF6DD;
    border: 1px solid #CCC3AA;
	width: 140px;
	padding: 5px 10px 5px 5px;
	z-index: 1000;
}

.add180win input {
	width:55px;
}

.add180win button {
	width:40px;
}

.add180win-title {
	font-size: 9pt;
	padding-bottom: 5px;
}

.mf_dot_inv {
	display:block;
	padding-bottom:2px;
    text-decoration: none;
    border-bottom: 1px dotted rgba(8,8,8,0.20);
	cursor:pointer;
}
.mf_dot_inv:hover {
    border-bottom: 1px dotted rgba(8,8,8,0.20);
	background-color:rgba(190,190,190,0.49);
}
.mfdib {
	display: inline-block;
	width: 65px;
}
.mfdib2 {
	display: inline-block;
	width: 35px;
	text-align: right;
}
.mf_dot_inv_box {
	margin-bottom: 3px;
}

.usr-tur-good {
	display: inline-block;
	padding: 1px 3px;
	border:1px solid rgba(65,208,37,1.00);
	color:green;
	border-radius: 3px;
}

.btnimg {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.usr-tur-bad {
	display: inline-block;
	padding: 1px 3px;
	border:1px solid rgba(195,195,195,1.00);
	color:grey;
	border-radius: 3px;
}

.btl_ln1 { display:block;border-bottom:none; padding-top: 1px; }
.btl_ln1.btl_sep { border-bottom:1px solid rgba(176,176,176,1); }
 
.mylogsee3 .date1 , .mylogsee3 .date2 , .mylogsee3 .date3 { background-color: #00FFAA; }

 

.i_radio {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(/static/img/radio.gif);
	cursor: pointer;
}

.i_check {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(/static/img/check.gif);
	cursor: pointer;
}

.i_on_r {
	background-position: 18px 0;
}

.i_on_c {
	background-position: right;
}

.hotkeys_block {
	padding: 3px;
}
.hotkey {
	width: 40px;
	height: 25px;
	background-image: url(/static/img/pr_clear.gif);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	user-select: none !important;
    cursor: pointer !important;
}
.hotkey_btn {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 3px;
    right: 3px;
    height: 20px;
    line-height: 18px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: #444;
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    background: -webkit-linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    background: -o-linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    background: linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    font-family: sans-serif;
    transition: box-shadow 0.3s ease, transform 0.15s ease;
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

.hotkey_btn:focus , .hotkey_btn:hover {
	color: #222;
	background: -webkit-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: -o-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 4px 0 #C0C0C0, 0 2px 35px rgba(#444, 0.3), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 7px 4px rgba(#444, 0.1);
}

.hotkey_btn:active {
	color: #222;
	background: -webkit-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: -o-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 0 0 #C0C0C0, 0 0px 30px rgba(#444, 0.15), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 0px 4px rgba(#444, 0.25);
	top:3px;
	left:4px;
	right:4px;
	height: 19px;
}

.hotkey_btn_active {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 3px;
    right: 3px;
    height: 20px;
    line-height: 18px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    font-family: sans-serif;
    transition: box-shadow 0.3s ease, transform 0.15s ease;
    color: #222;
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 0 0 #C0C0C0, 0 0px 30px rgba(#444, 0.15), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 0px 4px rgba(#444, 0.25);
    transform: translateY(1px);	
    background: -webkit-linear-gradient(#ffc8c5 0%, #c88d88 100%);
    background: -o-linear-gradient(#ffc8c5 0%, #c88d88 100%);
    background: linear-gradient(#ffc8c5 0%, #c88d88 100%);
    border-color: #9e716c;
}






.wrapper {
	width: 100%;
	min-width: 800px;
	position: relative;
}

.maroontext {
	font-weight: bolder;
	color: #8f0000;
	font-size:12pt;
}

.asel {
	background-color:#e5e1e2;
	padding:5px 10px 5px 10px;
	color:#000;
}

.asel a {
	color:#000;
}

.unasel {
	padding:5px 10px 5px 10px;
}


 
.middle {
	width: 100%;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
}
.content {
	padding: 0 0 0 0;
	display:block;
}
.borderandpadding5px {
	padding:5px;
	 
}
.borderitem {
	border-right:solid 1px #a5a5a5;
}
.borderandpadding0px {
	padding:0px;
	border:solid 1px #a5a5a5;
}
.px3px {
	padding:3px;
}
.brd1top {
	border-top:solid 1px #a5a5a5;
}


 
.right-sidebar {
	float: left;
	width: 150px;
	margin-left: -150px;
	position: relative;
}

 

#error_auction {
	color:red;
	padding:5px;
	display:none;
}

.auc_ln1 {
	padding:10px;
	border-top:1px solid #a5a5a5;
}
.auc_ln2 {
	padding:10px;
	border-left:1px solid #a5a5a5;
	border-top:1px solid #a5a5a5;
}

#auction_title {
	background-color:#d2d2d2;
	text-align:center;
	padding:5px 5px 0 5px;
	display:block;
}

#auction_content {
	 
	display:block;
}

.auction_menu_point {
	padding:1px 10px 1px 0;
	border-bottom:1px solid #E2E0E0;
}

.auction_menu_point:hover {
	cursor:pointer;
	background-color:#c7c7c7;
}

.auction_unhide {
	background-color:#c7c7c7;
}





































.auction_menu_point {
	padding:1px 10px 1px 0;
	border-bottom:1px solid #E2E0E0;
}

.auction_menu_point:hover {
	cursor:pointer;
	background-color:#c7c7c7;
}

.auction_unhide {
	background-color:#c7c7c7;
}


.dng-obj {
    position: absolute;
}

.dng-obj-pos-0-0-r {  
    width:255px;height:171px;top:27px;left:204px;position:absolute;
    transform: perspective(690px) translateX(4px) translateY(4px) translateZ(250px) scaleX(4) scaleY(0.82) rotateY( -86.9deg )  rotateZ( 4.4deg );
}
.dng-obj-pos-1-0-r {
    width:255px;height:171px;top:20px;left:122px;position:absolute;
    transform: perspective(690px) translateX(13px) translateY(5px) translateZ(251px) scaleX(4) scaleY(0.75) rotateY( -88.3deg )  rotateZ( 3.2deg );
}
.dng-obj-pos-2-0-r {
    width:255px;height:171px;top:-4px;left:76px;position:absolute;
    transform: perspective(675px) translateX(25px) translateY(13px) translateZ(242px) scaleX(0.04) scaleY(0.45) rotateY( 132.1deg )  rotateZ( 0.7deg );
}
.dng-obj-pos-3-0-r {
    width:255px;height:171px;top:25px;left:19px;position:absolute;
    transform: perspective(675px) translateX(83px) translateY(-15px) translateZ(18px) scaleX(0.04) scaleY(0.55) rotateY( 41.1deg )  rotateZ( -3.3deg );
}
.dng-obj-pos-3-1-r {
    width:255px;height:171px;top:28px;left:20px;position:absolute;
    transform: perspective(681px) translateX(158px) translateY(-15px) translateZ(99px) scaleX(0.14) scaleY(0.50) rotateY( 50.1deg )  rotateZ( -3.3deg );
}
.dng-obj-pos-2-1-r , .dng-obj-pos-1-1-r { display:none; }

.dng-obj-pos-0-0-l {  
    width:255px;height:171px;top:37px;left:-107px;position:absolute;
    transform: perspective(690px) translateX(-4px) translateY(-4px) translateZ(250px) scaleX(4) scaleY(0.82) rotateY( 86.9deg )  rotateZ( -4.4deg );
}
.dng-obj-pos-1-0-l {
    width:255px;height:171px;top:37px;left:-25px;position:absolute;
    transform: perspective(690px) translateX(-13px) translateY(-5px) translateZ(251px) scaleX(4) scaleY(0.75) rotateY( 88.3deg )  rotateZ( -3.7deg );
}
.dng-obj-pos-2-0-l {
    width:255px;height:171px;top:38px;left:20px;position:absolute;
    transform: perspective(675px) translateX(-25px) translateY(-14px) translateZ(252px) scaleX(0.04) scaleY(0.45) rotateY( 57.1deg )  rotateZ( -5.7deg );
}
.dng-obj-pos-3-0-l {
    width:255px;height:171px;top:25px;left:19px;position:absolute;
    transform: perspective(675px) translateX(-24px) translateY(-14px) translateZ(18px) scaleX(0.04) scaleY(0.55) rotateY( 36.1deg )  rotateZ( -2.7deg );
}
.dng-obj-pos-3--1-l {
    width:255px;height:171px;top:28px;left:20px;position:absolute;
    transform: perspective(681px) translateX(-134px) translateY(-12px) translateZ(103px) scaleX(0.14) scaleY(0.50) rotateY( 71.1deg )  rotateZ( -2.7deg );
}
.dng-obj-pos-2--1-l , .dng-obj-pos-1--1-l { display:none; }

.dng-obj-pos-2--1-r , .dng-obj-pos-1--1-r { display: none; }

.dng-obj-pos-1-1-l , .dng-obj-pos-2-1-l { display: none; }

.dng-obj-pos-3-1-l , .dng-obj-pos-3--1-r { display: none; }


.dng-obj-pos-0-1 {  width:255px;height:171px;top:25px;left:453px;position:absolute; transform: scale(0.98);  }
.dng-obj-pos-0--1 {  width:255px;height:171px;top:25px;left:-344px;position:absolute; transform: scale(0.98);  }


.dng-obj-pos-0-0-f { display: none; }

.dng-obj-pos-0-0 {  width:255px;height:171px;top:23px;left:49px;position:absolute;  }

.dng-obj-pos-1-0 , .dng-obj-pos-1-0-f {  width:255px;height:171px;top:23px;left:49px;position:absolute;  }

.dng-obj-pos-2-0 , .dng-obj-pos-2-0-f {  width:255px;height:171px;top:14px;left:49px;position:absolute; transform: scale(0.65);  }

.dng-obj-pos-3-0 , .dng-obj-pos-3-0-f {  width:255px;height:171px;top:10px;left:49px;position:absolute; transform: scale(0.465); opacity: 0.85; }

.dng-obj-pos-4-0 , .dng-obj-pos-4-0-f {  width:255px;height:171px;top:8px;left:49px;position:absolute; transform: scale(0.381); opacity: 0.65;  }

.dng-obj-r {
    width:255px;height:171px;top:27px;left:204px;position:absolute;
    transform: perspective(690px) translateX(4px) translateY(4px) translateZ(250px) scaleX(4) scaleY(0.82) rotateY( -86.9deg )  rotateZ( 4.4deg );
}

.dng-obj-l {
    transform: perspective(690px) translateX(4px) translateY(4px) translateZ(250px) scaleX(4) scaleY(0.82) rotateY( -86.9deg )  rotateZ( 4.4deg );
}




.dng-obj-pos-z-1 {
    position:absolute;transform:scale(0.62);left:3px;top:-9px;width:255px;height:171px;
}

.dng-obj-pos-z-2 {
    position:absolute;transform:scale(0.71);left:2px;top:-5px;width:255px;height:171px; opacity: 0.90;
}

.dng-obj-pos-z-3 {
    position:absolute;transform:scale(0.73);left:3px;top:-1px;width:255px;height:171px; opacity: 0.80;
}







.dng-obj-pos-1--1 {  width:255px;height:171px;top:24px;left:-206px;position:absolute;  }

.dng-obj-pos-2--1 {  width:255px;height:171px;top:16px;left:-116px;position:absolute; transform: scale(0.65); }

.dng-obj-pos-3--1 {  width:255px;height:171px;top:12px;left:-74px;position:absolute; transform: scale(0.465); opacity: 0.85; }


.dng-obj-pos-1-1 {  width:255px;height:171px;top:24px;left:305px;position:absolute; }

.dng-obj-pos-2-1 {  width:255px;height:171px;top:16px;left:214px;position:absolute; transform: scale(0.65); }

.dng-obj-pos-3-1 {  width:255px;height:171px;top:12px;left:170px;position:absolute; transform: scale(0.465); opacity: 0.85; }






.itsuser-hp {
    position: absolute;
    top:0px;
    left:0px;
    text-align: left;
    width: 100%;
    height: 1%;
    background-color: #008000;  
    display: inline-block;
}

.itsuser-hp-line {
    position: absolute;
    top:0px;
    left:0px;
    text-align: left;
    width: 100%;
    height: 1%;
    background-color: #00FF00;
    display: inline-block;
}

.dng-shop-layer {
    width: 80px;
    height: 88px;
    background-image: url(/static/img/dng/old/layer.gif);
    background-position: bottom center;
    position: relative;
}

.dng-shop-layer-r {
    cursor: pointer;
    width: 19px;
    height: 33px;
    background-image: url(/static/img/dng/old/navigatin_58.gif);
    background-position: bottom center;
    position: absolute;
    top:33px;
    left:31px;
}

.dng-shop-layer-bd {
    cursor: pointer;
    width: 19px;
    height: 22px;
    background-image: url(/static/img/dng/old/navigatin_67.gif);
    background-position: bottom center;
    position: absolute;
    top:66px;
    left:31px;
}

.dng-shop-layer-bt {
    cursor: pointer;
    width: 19px;
    height: 22px;
    background-image: url(/static/img/dng/old/navigatin_52.gif);
    background-position: bottom center;
    position: absolute;
    top:11px;
    left:31px;
}

.dng-shop-layer-bl {
    cursor: pointer;
    width: 21px;
    height: 20px;
    background-image: url(/static/img/dng/old/navigatin_59.gif);
    background-position: bottom center;
    position: absolute;
    top:39px;
    left:0px;
}

.dng-shop-layer-br {
    cursor: pointer;
    width: 22px;
    height: 21px;
    background-image: url(/static/img/dng/old/navigatin_62.gif);
    background-position: bottom center;
    position: absolute;
    top:39px;
    left:58px;
}

.dng-shop-layer-bsr {
    cursor: pointer;
    width: 21px;
    height: 20px;
    background-image: url(/static/img/dng/old/navigatin_62a.gif);
    background-position: bottom center;
    position: absolute;
    top:19px;
    left:50px;
}

.dng-shop-layer-bsl {
    cursor: pointer;
    width: 22px;
    height: 20px;
    background-image: url(/static/img/dng/old/navigatin_61a.gif);
    background-position: bottom center;
    position: absolute;
    top:19px;
    left:9px;
}

.dng-bot {
    position: absolute;
}

.menu-bot {
    position: absolute;
    background-color: #DEDEE2;
    border: 1px solid #222;
    z-index: 1000;
    text-align: left;
    padding: 2px 4px;
    cursor: default;
}

.dropShAn1 {
    animation-duration: 3s;
    animation-name: dropShAn1go;
    animation-iteration-count: infinite;
}
@keyframes dropShAn1go {
    0% {
        filter:drop-shadow(rgb(255, 255, 255, 1) 0px 0px 1px);
    }
    
    50% {
        filter:drop-shadow(rgb(255, 255, 255, 0.3) 0px 0px 5px);
    }
    
    100% {
        filter:drop-shadow(rgb(255, 255, 255, 1) 0px 0px 1px);
    }
}

.dropShAn2 {
    animation-duration: 2s;
    animation-name: dropShAn2go;
    animation-iteration-count: infinite;
}
@keyframes dropShAn2go {
    0% {
        filter:drop-shadow(rgb(0, 236, 255, 0.5) 0px 0px 1px);
    }
    
    50% {
        filter:drop-shadow(rgb(0, 236, 255, 0.1) 0px 0px 5px);
    }
    
    100% {
        filter:drop-shadow(rgb(0, 236, 255, 0.5) 0px 0px 1px);
    }
}

.dropShAn3 {
    animation-duration: 3s;
    animation-name: dropShAn3go;
    animation-iteration-count: infinite;
}
@keyframes dropShAn3go {
    0% {
        filter:drop-shadow(rgb(236, 255, 0, 0.5) 0px 0px 1px);
    }
    
    50% {
        filter:drop-shadow(rgb(236, 255, 0, 0.1) 0px 0px 5px);
    }
    
    100% {
        filter:drop-shadow(rgb(236, 255, 0, 0.5) 0px 0px 1px);
    }
}

.dng-clickobj {
    opacity: 0;
    z-index: 1000;
}

.dng-clickobj img {
     
    cursor: pointer;
}

.dng-bot-pos-1l-0 {  width: 87px; height: 161px; left: -57px; top: 24px;   }
.dng-bot-pos-1-0  {  width: 87px; height: 161px; left: 132px; top: 41px; }
.dng-bot-pos-1r-0 {  width: 87px; height: 161px; left: 327px; top: 24px;   }

.dng-bot-pos-2l-0 {  width: 58px; height: 107px; left: 21px; top: 46px;   }
.dng-bot-pos-2-0  {  width: 58px; height: 107px; left: 148px; top: 55px; }
.dng-bot-pos-2r-0 {  width: 58px; height: 107px; left: 274px; top: 46px;   }

.dng-bot-pos-3l-0 {  width: 44px; height: 81px; left: 55px; top: 57px;   }
.dng-bot-pos-3-0  {  width: 44px; height: 81px; left: 154px; top: 61px; }
.dng-bot-pos-3r-0 {  width: 44px; height: 81px; left: 253px; top: 57px;   }


.dng-bot-vis-1-4 {
    position: absolute;
    left:-67%;
    top:0%;
}
.dng-bot-vis-2-4 {
    position: absolute;
    left:67%;
    top:0%;
}
.dng-bot-vis-3-4 {
    position: absolute;
    left:-40%;
    top:-5%;
    transform: scale(0.85);
}
.dng-bot-vis-4-4 {
    position: absolute;
    left:35%;
    top:-5%;
    transform: scale(0.85);
}

.dng-bot-vis-1-3 {
    position: absolute;
    left:-67%;
    top:0%;
}
.dng-bot-vis-2-3 {
    position: absolute;
    left:67%;
    top:0%;
}
.dng-bot-vis-3-3 {
    position: absolute;
    left:5%;
    top:5%;
    transform: scale(0.85);
}

.dng-bot-vis-1-2 {
    position: absolute;
    left:-67%;
    top:0%;
}
.dng-bot-vis-2-2 {
    position: absolute;
    left:67%;
    top:0%;
}


.dng_fpv {
    width: 352px;
    height: 240px;
     
    position: absolute;
    top:10px;
    left: 10px;
}

.dng_fpv_in {
    width: 352px;
    height: 240px;
    position: relative;
    overflow: hidden;
}

.dng_fpv_div {
    width: 352px;
    height: 240px;
    position:absolute;
}

.layer10 { z-index: 0; }
.layer9  { z-index: 1; }
.layer8  { z-index: 2; }
.layer7  { z-index: 3; }
.layer6  { z-index: 4; }
.layer5  { z-index: 5; }
.layer4  { z-index: 6; }
.layer3  { z-index: 7; }
.layer2  { z-index: 8; }
.layer1  { z-index: 9; }
.layer0  { z-index: 10; }

.DNGSEE-U-1 {
    top:2px;
    left:2px;
    z-index: 100;
}

.DNGSEE-U-2 {
    top:14px;
    left:14px;
    z-index: 100;
}

.DNGSEE-U-3 {
    top:2px;
    left:14px;
    z-index: 100;
}

.DNGSEE-U-4 {
    top:14px;
    left:2px;
    z-index: 100;
}

.DNGSEE-FRONT {
    transform: rotate(180deg);
}
.DNGSEE-BACK {
    transform: rotate(0deg);
}
.DNGSEE-LEFT {
    transform: rotate(90deg);
}
.DNGSEE-RIGHT {
    transform: rotate(-90deg);
}
.dng-btn {
    
}
.dng-btn:active {
    transition: 0.05s all linear;
    transform: scale(0.98);
    border-radius: 5px;
}

.crs_ln {
    
}
.crs_ln:hover {
    background-color: rgba(252,252,252,0.28);
    cursor: default;
    border-radius: 2px;
}

.shp_menu_a {
    text-align: left;
    font-weight: bolder;
    color: #003388;
    font-size: 9pt;
    cursor: pointer;
}
.shp_menu_a:hover {
    color:#0066FF;
    background-color: rgba(227,227,227,0.47);
}

.shp_menu_a_sel {
    text-align: left;
    font-weight: bolder;
    color: #003388;
    font-size: 9pt;
    cursor: pointer;
    background-color: #C7C7C7;
}
.shp_menu_a_sel:hover {
    color:#0066FF;
    background-color: #D3D3D3;
}

.eloc {
    background-repeat: no-repeat;
    background-size: cover;
}

.MoveLine {
    position: absolute;
    top:-3px;
    left:0px;
    background-image: url(/static/img/micro/wait2.gif);
}
.links_a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.links_a img { padding-right: 4px; padding-left: 3px; }
.links_a a {
    font-size: 7.5pt;
    color:#3b3936;
}
.links_a a:hover {
    color:#77736D;
}


.radio-btl {
	width:18px;
	height:18px;
	background-image:url("/static/img/misc/radio.gif");
}

.rm_btns_a {
    font-size: 7pt;
    color:#D8D8D8;
    padding-right: 12px;
}

.rm_btns_a_dis , .rm_btns_a_dis:hover {
    font-size: 7pt;
    color:#D8D8D8;
    padding-right: 12px;
    opacity: 0.5;
}

.rm_btns_a:hover {
    color:#fff;
}

.radio-off {
	background-position:0px;
}

.radio-on {
	background-position:18px;
}

.radio-pick {
	background-color:rgb(176,176,176);
}



.tur_a {
	color:#2e2e2e;	
	display:inline-block;
	padding-bottom:4px;
}

.tur_a:hover {
	color:#585858;	
}

.tur_a1 {
	color:#fff;	
	display:inline-block;
	padding-bottom:4px;
}

.tur_a1:hover {
	color:#e2e2e2;	
}

.bid_pr_prms {
	position:absolute;
	width:34px;
	height:22px;
	border:3px solid rgba(255,51,102,0.3);
	background-color:rgba(255,51,102,0.1);
	top:0px;
	left:0px;
	z-index:1;
}

.tur_itm_sel {
	background-color:rgba(0,0,0,0.05);
	display:inline-block;
	padding:1px;
}

.tur_itm_sel2 {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(255, 0, 34, 0.75) inset;
	-moz-box-shadow: 0px 0px 10px 3px rgba(255, 0, 34, 0.75) inset;
	box-shadow: 0px 0px 10px 3px rgba(255, 0, 34, 0.75) inset;
	background-color: rgba(136,136,136,0.25);
}

.tur_itm_sel3 {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(34, 255, 0, 0.75) inset;
	-moz-box-shadow: 0px 0px 10px 3px rgba(34, 255, 0, 0.75) inset;
	box-shadow: 0px 0px 10px 3px rgba(34, 255, 0, 0.75) inset;
	background-color: rgba(136,136,136,0.25);
}

.tur_itm_sel4 {
opacity:0.7;
}

.tur_itm_sel:hover {
	background-color:rgba(0,0,0,0.11);
}

.bid_pr_see_block {
	position:absolute;
	width:321px;
	border:1px solid rgba(0,0,0,0.85);
	background-color:rgba(0,0,0,0.55);
	border-radius:2px;
	bottom:25px;
	left:0px;
	z-index:2;
	padding:5px;
	overflow:hidden;
}

.bid_pr_pref {
	padding:1px;
	cursor:pointer;
	opacity:1;
}

.bid_pr_pref:hover {
	cursor:pointer;
	opacity:0.55;
	background-color:red;
}

.zv_rz1 {
	background-color:#99CCCC;
	padding:2px;
	font-weight: bolder;
	color:#003388;
}

.zv_rzs {
	
}

.zv_rzs:hover {
	 
	color:#0066FF;
}

.zv_rz_sel {
	background-color: #BBDDDD;
	color: #003388;
	 
}

.zv_fld {
	border:1px solid #333;
	border-radius:3px;
	display:inline-block;
}

.hpmpblock .hpval {
	height:9px;
	font-size:10px;
	display:inline-block;
	margin-left:5px;
}

.hpmpblock .hpline {
	width:120px;
	height:9px;
	background-color:#333;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}

.inv-zna { background-color: #a5a5a5; }
.inv-zn {
    cursor: pointer;
    color:#003388;
    font-weight: bolder;
}

.inv-zn:hover {
    color:#0066ff;
}

#online_list_room {
    display: block;
    padding: 5px 7px;
    color:#8f0000;
}

.skills_menu1 {
	color:#033395;
	font-weight:bold;
	border-left:1px solid #dddddd;
}
.skills_menu1:hover {
	background-color:#bfbfbf;
	cursor:pointer;
	color:#033395;
}
.skills_menu1_sel {
	background-color:#a5b0c5;
}
.skills_menu1_sel:hover {
	background-color:#a5b0c5;
}

.skills_pm_no {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

.skills_priem {
	padding-right:2px;
}

.shiny-effect {
    position: relative;  
    color: #fff;  
    overflow: hidden;  
    display: inline-block;
    vertical-align: middle;
}

.shiny-effect::after {
    content: '';
    position: absolute;
    top: -100%;  
    left: -200%;  
    width: 400%;  
    height: 100%;  
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2));
    transform: rotateZ(60deg) translate(-5em, 7.5em);  
    animation: sheen 5s infinite;  
}

@keyframes sheen {
    0% {
        transform: rotateZ(60deg) translate(-10em, 7.5em);  
        opacity: 1;
    }
    100% {
        transform: rotateZ(60deg) translate(10em, -15.5em);  
        opacity: 0;
    }
}

.ch-opc1 {
    border-radius: 5px;
}
.ch-opc1:hover {
    opacity: 0.8;
    outline: 1px solid #747474;
}

.ch-news {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #020404;
    background-color: #d7cece;  
    padding-left: 3px;
    padding-right: 3px;
    padding-top:2px;
    padding-bottom:2px;
    border-radius: 3px;
}

.ch-reward {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #294A42;
    background-color: #afefdf;
    padding-left: 3px;
    padding-right: 3px;
}

.ch-rews {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #bf2929;
    background-color: #f2f0f0;
    padding: 5px 15px;
}

.ch-noob {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #00ffaa;
    background-color: #009b3c;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 15px;
}

.ch-badip {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #fffdde;
    background-color: #b38956;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 15px;
}

.ch-spam {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #ffdede;
    background-color: #d60000;
    padding-left: 3px;
    padding-right: 3px;
}

.ch-msg img {
    vertical-align: bottom;
}

.ch-msg .vam {
    vertical-align: middle;
}

.ch-w {
     
    color:rgba(255,0,0,1.00);
}

.ch-msg-text {
    word-break: break-all;
}

#hover-menu {
    background-color: #d2d0d0;
    border-color: #ffffff #626060 #626060 #ffffff;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    font-size: 9px;
    z-index: 100;
}

.drop-box-target.ch-login {
    color: #fff;
}

#hover-menu a {
    border: 0px solid #000000;
    color: #003388;
    display: block;
    font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 12px 2px 8px;
    text-decoration: none;
    cursor:pointer;
}

#hover-menu a:hover,
#hover-menu a.hover {
    background-color: #a2a2a2;
    color: #0066FF;
}

#hover-menu a.ignor_is_true {
    background-color: #daaaaa;
    color:#B80707;
}

#hover-menu a:hover.ignor_is_true {
    background-color: #b38585;
    color:#D50000;
}

.ch-msg {
    padding-left:2px;
}

.ch-msg-noread {
	background-color: rgba(0,0,0,0.05);
	transition: 0.3s all linear;
}

.ch-msg-read {
	background-color: transparent;
	transition: 0.3s all linear;
}

.ch-p {
    font-weight:bold;
    color: #FF0000;
    background-color: #FAE0E0;
}
 
.ch-p.team1 { color: #6666CC; }
.ch-p.team2 { color: #B06A00; }
.ch-p.team3 { color: #258F87; }
.ch-p.team4 { color: #9FAE26; }
.ch-p.team5 { color: #1579D1; }
.ch-p.team6 { color: #D75D24; }
.ch-p.team7 { color: #5B8230; }
.ch-p.team8 { color: #832B60; }
.ch-p.team9 { color: #05037E; }
.ch-p.team10 { color: #DABD14; }
.ch-p.team11 { color: #D47D0A; }
.ch-p.team12 { color: #B42E05; }
.ch-p.team13 { color: #DA2426; }
.ch-p.team14 { color: #A30CD6; }
.ch-p.team15 { color: #1B84D1; }
.ch-p.team16 { color: #00DC97; }
.ch-p.team17 { color: #650000; }
.ch-p.team18 { color: #989866; }
.ch-p.team19 { color: #6698CB; }
.ch-p.team20 { color: #983202; }
.ch-p.team21 { color: #340597; }
.ch-p.team22 { color: #FF7B7F; }
.ch-p.team23 { color: #009898; }
.ch-p.team24 { color: #3B553D; }
.ch-p.team25 { color: #C3E25C; }
.ch-p.team26 { color: #D00AC0; }
.ch-p.team27 { color: #1415AE; }
.ch-p.team28 { color: #74B41E; }
.ch-p.team29 { color: #00DA52; }
.ch-p.team30 { color: #FF3303; }
.ch-p.team31 { color: #E8117A; }
.ch-p.team32 { color: #7F0100; }


.ch-klan {
    font-weight:bold;
    color: #005000; 
    background-color: #e5efe5
}

.ch-klan-0 {
    font-weight:bold;
    color: #1a365d;  
    background-color: #e8edf7;
}

.ch-klan-1 {
    font-weight:bold;
    color: #702459;  
    background-color: #f5e8f2;
}

.ch-klan-2 {
    font-weight:bold;
    color: #744210;  
    background-color: #f7f1e8;
}

.ch-klan-3 {
    font-weight:bold;
    color: #0c4a6e;  
    background-color: #e8f2f7;
}

.ch-klan-4 {
    font-weight:bold;
    color: #6d1d41;  
    background-color: #f7e8ed;
}

.ch-klan-5 {
    font-weight:bold;
    color: #374151;  
    background-color: #f0f2f5;
}

.ch-klan-6 {
    font-weight:bold;
    color: #065f46;  
    background-color: #e8f7f1;
}

.ch-klan-7 {
    font-weight:bold;
    color: #7c2d12;  
    background-color: #f7ece8;
}

.ch-klan-8 {
    font-weight:bold;
    color: #3730a3;  
    background-color: #ece8f7;
}

.ch-klan-9 {
    font-weight:bold;
    color: #5d3209;  
    background-color: #f7f1e8;
}

.ch-p .user-login-move {
    color:#ff0000;
}

.ch-p .user-login-move:hover {
    color:#FF4343;
}

.ch-pr-u {
    cursor: pointer;
}

.ch-pr-u:hover , .ch-p.ch-pr-u:hover {
    opacity: 0.5;
}

.pr {
    position: relative;
}

.ch-news-text {
    color: #D7133A;
}

.ch-news-text a {
    color: #D7133A;
    text-decoration: underline;
}

.ch-news-text a:hover {
    color: #EB1F48;
}


.i-inf {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}

.i-inf2 {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: baseline !important;
    border: 0;
}

.teeth-a a {
    color:#333333;
    opacity: 0.7;
}
.teeth-a a:hover {
    color:#676767;
}
.teeth-a img {
    filter: grayscale(1);
}

.ch_o_list {
    padding-left: 10px;
    white-space: nowrap;
}

.ch_o_list a {
    color:#003388;
}

.ui-user-move {
    z-index: 1000;
}

.drop-box-target {
    color:#E6F2FC;
    background-color: rgba(212,208,200,0.91);
    background: linear-gradient(180deg, rgba(138,196,246,1) 0%, rgba(80,143,193,1) 23%, rgba(117,177,227,1) 96%, rgba(66,131,180,1) 100%);
    border-radius: 3px;
    padding: 0px 7px;
    font-size: 8pt;
    border:1px solid #5492C8;
    font-family: verdana;
}

#drop-menu-box {
    position: absolute;
    bottom:60px;
    left:8px;
    width: calc(100vw - 34px);
    height: 60px;
    z-index: 3;
    text-align: center;
}

.drop-menu-box-in {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    border-radius: 50px;
    border:5px solid #222;
    background-color: rgba(236,236,236,0.84);
    transition: 0.3s transform;
    position: relative;
}

.drop-menu-box-in span {
    position: absolute;
    top:-35px;
    width:100px;
    left:-30px;
    font-size: 7pt;
    text-align: center;
    background-color: #222;
    color:#F4F4F4;
    border-radius: 3px;
    display:none;
    white-space: nowrap;
    padding: 2px 5px;
}

.drop-menu-box-in.ui-droppable-hover {
    border:color:red;
    transform: scale(1.15);
}

.drop-menu-box-in.ui-droppable-hover span {
    display: inline-block;
}

.ui-droppable-hover {
    background-color: aquamarine;
}

.ch_o_list a:hover {
    color:#0066FF;
    text-decoration: none;
}

.chat-panel-smiles {
    position: absolute;
    bottom: 4px;
    right: 16px;
    height: 340px;
    width: 366px;
    background-color: rgba(235,232,232,1.00);
    border: solid 1px rgba(210,203,203,1.00);
    border-radius: 2px;
    z-index: 10000;
}

.smiles-standart , .smiles-buy {
    height: 300px;
    width: 366px;
    overflow: auto;
}

.smiles-menu {
    padding: 10px;
    border-top:1px solid #D0D0D4;
    cursor: move;
}

.sm-sel {
    cursor: pointer;
    transition: background-color 0.2s;
    padding: 2px;
    margin: 1px;
    border-radius: 2px;
    display: inline-block;
}

.sm-sel:hover {
    background-color: #f2f0f0;
    border: 1px solid #d8d9dd;
    margin: 0px;
}

.chdelr {
	padding: 0 3px;
}
.chdelr:hover {
	background-color:rgba(255,178,178,1.00);
	border-radius: 3px;
}

.clock-main-div {
    width: 80px;
    height: 30px;
    overflow: hidden;
}

.clock-main-div svg {
    display: inline-block;
    width: 240px;
    height:30px;
}

.pch-block {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.pch-multi {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.pch-multi {
    transition: 0.1s scale,opacity linear;
}

.pch-multi img {
    transition: 0.3s all linear;
}

.pch-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.pch-btn:hover , .pch-multi[status="0"]:hover {
    filter: saturate(3);
}
.pch-block:hover {
    filter: saturate(3);
}

.pch-btn {
    transition: 0.1s all linear;
}

.pch-btn img {
    transition: 0.3s all linear;
}

.pch-btn:active {
    transform: scale(0.9);
}

.pch-btn:active img {
    opacity:0;
}

.pchat-msg {
    height: 16px;
     
    border:1px solid #B0B0B0;
    border-radius: 3px;
    width: 99.33%;
}

.pchat-msg:active, .pchat-msg:hover, .pchat-msg:focus {
    outline: 0;
    outline-offset: 0;
}

#timers {
    border-right: 1px solid #979797;
}

.timers_body {
    display: inline-block;
    margin-right: 10px;
    font-weight: bolder;
}

.timers_icon {
    display: inline-block;
    background-image: url( /static/img/tur/turnir_timer.png );
    background-repeat: no-repeat;
}

.game-menu {
    line-height: 12px;
    font-size: 10px;
}

.game-menu-top-box {
    width: auto;
    display: inline-block;
    text-align: right;
    background-image: url(/static/img/des/city/15.gif);
    height: 14px;
}

.timers_body img {
    vertical-align: middle;
}

.game-menu-top-box a {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    color:#F0F0F0;
    text-decoration: none;
    font-weight: bold;
    line-height: 15px;
}

.game-menu-top-box a:hover {
    color:#fff;
}

.gm-top-m {
    display: inline-block;
    text-align: center;
}

.gm-top-m a {
    color:#292725;
    text-decoration: none;
    font-weight: bolder;
    padding: 0 3px;
}

.gm-top-m a:hover {
    color:#7A7770;
}

.game-menu-top-box .brdrn {
    border-right: 1px solid #979797;
}

.game-menu-top-box .gmtb-selected {
    background-color: #404040;
}

.chln {
    white-space: nowrap;
}

.chln-pre {
    white-space: pre-line;
}

.chat-block {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.chat-canal {
    margin-top: 24px;  
}

.chat-panel-menu {
    height: 21px;
    width: auto;
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 2px;
    text-align: right;
}

.chat-panel-menu canvas {
    height: 21px;
}

#main {
    width: 100%;
    height: 100%;
    overflow: auto;
}

#reline-h {
    width: 100%;
    height: 2px;
    z-index: 4;
    position: absolute;
    padding: 4px 0;
    left:0px;
    top:-3px;
    cursor: ns-resize;
}

#reline-h linehv {
    background-color: #A0A0A0;
    width:100%;
    height: 2px;
    display: block;
    opacity: 0;
}

#reline-v {
    width: 2px;
    height: 100%;
    z-index: 3;
    position: absolute;
    padding: 0 4px;
    left:-3px;
    top:1px;
    cursor: ew-resize;
}

#reline-v linehv {
    background-color: #A0A0A0;
    width:2px;
    height: 100%;
    display: block;
    opacity: 0;
}

.resizeline-h {
    width: 100%;
    height: 2px;
    background-color: #A0A0A0;
    border-style: solid;
    border-color: #C0C0C0 #808080 #808080 #C0C0C0;
    border-width: 1px 0px 1px 0px;
    position: absolute;
    z-index: 2;
    left:0px;
    top:0px;
}

.resizeline-v {
    width: 2px;
    height: 100%;
    background-color: #A0A0A0;
    border-style: solid;
    border-color: #C0C0C0 #808080 #808080 #C0C0C0;
    border-width: 0px 1px 0px 1px;
    position: absolute;
    z-index: 1;
    left:0px;
    top:0px;
}

TD.SPACE {
	padding: 0px 2px 1px 2px;
	border-left:	2px solid #909090;
}
TD.SPACE2 {
	border-left:	2px solid #909090;
	border-top:	2px solid #909090;
	width:	50%;
}
TD.SPACE3 {
	border-left:	2px solid #909090;
	border-top:	2px solid #909090;
	width:	50%;
	border-bottom:	2px solid #909090;
}

.border-line-bottom {
    background-image: url("/static/img/des/buttons/border-line-bottom.png");
}

.border-line-left {
    background-image: url("/static/img/des/buttons/border-line-left.gif");
}

.border-line-right {
    background-image: url("/static/img/des/buttons/border-line-right.gif");
}

.panel-chat {
    background-image: url("/static/img/des/buttons/panel-chat-bg.gif");
}

.vam { vertical-align: middle !important; }
.vams img { vertical-align: middle; }














.player {
    box-sizing: border-box;
    width: 220px;
    max-width: 220px;
	margin-top:4px;
    min-width: 100px;
    border-radius: 5px;
    height: 21px;
    background: linear-gradient(-180deg, #808080, #a0a0a0);
    display: flex;
    align-items: center;
    padding: 0 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    font-family: Arial, sans-serif;
     
     
    transition: 
            background 1s ease-in-out, 
            box-shadow 0.3s ease;
}

.player_border {
    display: inline-block;
    
background: radial-gradient(circle at 100% 100%, rgba(253,253,253,0) 0, rgba(253,253,253,0) 2px, transparent 2px) 0% 0%/5px 5px no-repeat,
            radial-gradient(circle at 0 100%, rgba(253,253,253,0) 0, rgba(253,253,253,0) 2px, transparent 2px) 100% 0%/5px 5px no-repeat,
            radial-gradient(circle at 100% 0, rgba(253,253,253,0) 0, rgba(253,253,253,0) 2px, transparent 2px) 0% 100%/5px 5px no-repeat,
            radial-gradient(circle at 0 0, rgba(253,253,253,0) 0, rgba(253,253,253,0) 2px, transparent 2px) 100% 100%/5px 5px no-repeat,
            linear-gradient(rgba(253,253,253,0), rgba(253,253,253,0)) 50% 50%/calc(100% - 6px) calc(100% - 10px) no-repeat,
            linear-gradient(rgba(253,253,253,0), rgba(253,253,253,0)) 50% 50%/calc(100% - 10px) calc(100% - 6px) no-repeat,
            linear-gradient(rgba(255,255,255,0) 0%, #777 100%);
border-radius: 5px;
padding: 2px;
box-sizing: border-box;
    
    position: absolute;
    top: 0px;
    left: 270px;
}

.player[activated="true"] {
    transition: 
            background 1s ease-in-out, 
            box-shadow 0.3s ease;
    background: linear-gradient(0deg, #a0a0a0, #88959e , #7b9bbc);
}
.player[activated="true"] .play-btn {
    background: #518dd9;
}

.player .track-info {
    flex-grow: 1;
    color: #444444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
     
    border-radius: 3px;
}

.player .marquee {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.player .controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.player button {
    background: #7d7d7d;
    border: none;
    color: #ddd;
    width: 32px;
    height: 18px;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: background 0.35s;
}

.player button:hover {
    background: #555;
}

.player .volume-container {
    position: relative;
    z-index: 1000;
}

.player .volume-slider {
    position: absolute;
    top: 20px;
    right: 0;
    width: 32px;
    height: 0px;
    overflow: hidden;
    background: #3a3a3a;
    border-radius: 3px;
    transition: height 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.player .volume-container:hover .volume-slider {
    height: 80px;
    margin-bottom: 40px;
}

.player input[type="range"] {
    -webkit-appearance: none;
    width: 70px;
    height: 4px;
    transform: rotate(-90deg);
    background: #555;
    outline: none;
}

.player input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: #ddd;
    border-radius: 50%;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .player .track-info {
        display: none !important;
    }
    .player {
        max-width: 100px;
        min-width: 100px;
        width: 100px;
        padding-left: 15px;
    }
}

 

 

th { font-weight: normal; }

.battle-effects-enabled .stll_btl_v1, .battle-effects-enabled .stll_btl_v2, .battle-effects-enabled .stll_btl_v3,
.battle-effects-enabled .stll_btl_v4, .battle-effects-enabled .stll_btl_v5, .battle-effects-enabled .stll_btl_v6, 
.battle-effects-enabled .stll_btl_v7 { 
     
     
}
 
.battle-effects-enabled .stll_btl_v1 { 
    color: #8B7355;
    text-shadow: 0 0 3px rgba(195,169,0,0.50);
}

 
.battle-effects-enabled .stll_btl_v2 { 
    color: #2D5A27;
    text-shadow: 0 0 3px rgba(70, 140, 70, 0.4);
}

 
.battle-effects-enabled .stll_btl_v3 { 
     
    color: #4A3B6E;
    text-shadow: 0 0 3px rgba(140, 100, 200, 0.4);
}

 
.battle-effects-enabled .stll_btl_v4 { 
    color: #2A4E77;
    text-shadow: 0 0 3px rgba(60, 120, 200, 0.4);
}

 
.battle-effects-enabled .stll_btl_v5 { 
    color: #2A4E77;
    text-shadow: 0 0 3px rgba(60, 120, 200, 0.4);
}


.blink_red {
  -webkit-animation: blinker_red 3s infinite;   
  -moz-animation: blinker_red 3s infinite;   
  -o-animation: blinker_red 3s infinite;   
  animation: blinker_red 3s infinite;   
}

@-webkit-keyframes blinker_red {
  0% {
    background-color: rgba(255,0,0,0);
  }
  35% {
    background-color: rgba(255,0,0,0.17);
  }
  100% {
    background-color: rgba(255,0,0,0);
	
  }
}

.blink_blue {
  -webkit-animation: blinker_blue 3s infinite;   
  -moz-animation: blinker_blue 3s infinite;   
  -o-animation: blinker_blue 3s infinite;   
  animation: blinker_blue 3s infinite;   
}

@-webkit-keyframes blinker_blue {
  0% {
    background-color: rgba(0,0,255,0);
  }
  35% {
    background-color: rgba(0,0,255,0.17);
  }
  100% {
    background-color: rgba(0,0,255,0);
  }
}

.dib {
	display: inline-block;
}

.ttl_box {
    position: absolute;
    z-index: 10000000;
    
    border:1px solid #222;
    border-top-color:#777;
    border-left-color:#777;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    line-height: normal;
    font-size: 8.5pt;
    color:#444;    
    border-radius: 0px;
    text-transform: none;
    box-shadow: none;
    padding: 4px;
    margin: none;
    background-color: #fff;
    max-width: 500px;
    color:#333;
    cursor: default;
}

.a-und-line .date1 {
    border-bottom:1px solid rgba(0,0,0,0);
}

.a-und-line:hover .date1 {
    border-bottom:1px solid #007000;
    cursor: pointer;
}

.ttl_yellow {
    background-color: rgb(255, 255, 204);
    border-color: rgb(102, 102, 102);
    padding: 2px;
    max-width: 300px;
}

.ttl_yellow-max {
    background-color: rgb(255, 255, 204);
    border-color: rgb(102, 102, 102);
    padding: 2px;
    max-width: auto;
}

.btn-win-oc {
    cursor: pointer;
    border-radius: 2px;
}
.btn-win-oc:active {
    transform: scale(0.95);
}

.windows_box {
    position: absolute;
    top:0;
    left:0;
    z-index: 2000;
    width: 1px;
    height: 1px;
}

.win_pos {
    position: absolute;
    z-index: 2001;
}

.win_btn_yes , .win_btn_no {
    width:80%;
}


.win_s2_box {
    background-color: #DDD5BF;
    font-size: 9pt;
    cursor: default;
}
.win_s2_title {
    background-color: #b1a993;
    color:#003388;
    padding: 2px 5px;
    padding-right: 45px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 10pt;
    position: relative;
    text-align: left;
}
.win_s2_close {
    width: 13px;
    height: 13px;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: absolute;
    right:4px;
    top:4px;
}
.win_s2_main {
    font-size: 12px;
    font-weight: normal;
    size:11px;
    padding: 5px;
}

.win_s2_main th {
    font-weight: normal;
}

.win_s1_box {
    background-color: #FFF6DD;
    border: 1px solid #CCC3AA;
    font-size: 9pt;
    cursor: default;
}
.win_s1_title {
    background-color: #CCC3AA;
    padding: 5px;
    padding-left: 15px;
    padding-right: 45px;
    white-space: nowrap;
    font-weight: bold;
    position: relative;
}
.win_s1_close {
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: absolute;
    right:4px;
    top:4px;
}
.win_s1_main {
    margin: 5px;
}

.win_btn1 {
    width:25px;
    height:18px;
    cursor: pointer;
    vertical-align: text-bottom;
}
.win_btn1:active {
    transform: scale(0.95);
}

.iico {
    display: inline-block;
    vertical-align: baseline;
}

.msm_title {
    background-image: url("/static/img/back.gif");
    background-position: 0px -2px;
    width: 100%;
    min-width: 244px;
    position: relative;
    margin-bottom: 3px;
}

.msm_title_r {
    position: absolute;
    top:0px;
    right: 28px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #e2e0e0;
}

.msm_minus , .msm_plus {
    position: absolute;
    left:1px;
    top:3px;
    cursor: pointer;
}

.msm_up , .msm_down {
    position: absolute;
    top:3px;
    cursor: pointer;
}

.msm_up {
    right: 12px;
}

.msm_down {
    right: 1px;
}

.msm_title b {
    background-color: #e2e0e0;
    margin-left: 19px;
    padding-left: 3px;
    padding-right: 3px;
    display: inline-block;
}

.pui-chk {
    vertical-align: text-top;
}

.pui-chk2 {
    vertical-align: middle;
}

.pui-field {
    border:1px solid #818181;
    border-radius: 3px;
}

.pui-field legend {
    font-weight: bold;
    color:#333;
}

.pui-field2 {
    border:1px solid #aeaeae;
    border-radius: 3px;
}

.pui-field2 legend {
    font-weight: bold;
    color:#8f0000;
	font-size:11pt;
	padding-left: 5px;
	padding-right: 5px;
}

.pui-field3 {
    border:1px solid #aeaeae;
    border-radius: 3px;
}

.pui-field3 legend {
    font-weight: bold;
    color:#222;
	padding-left: 5px;
	padding-right: 5px;
}

.pui-bp5 {
    padding: 5px;
    padding-top: 0px;
}

.pui-h3 {
    color:#8f0000;
    font-size: 12pt;
    font-weight: bold;
    font-family: Arial;
}

.pui-h3c {
    text-align: center;
    margin: 11px 0;
}

.pui-mr {
    position: absolute;
    right: 5px;
    top: 0px;
}

.pui-ml {
    position: absolute;
    left: 5px;
    top: 0px;
}

.pui-btn1 {
    border: solid 1px #B0B0B0;
    color: #191970;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    margin-bottom: 2px;
    margin-top: 1px;
    padding: 3px 10px 3px 10px;  
    background-color: #e5e5e5;
}

.pui-btn1:disabled {
    opacity:0.5;
}

.pui-btn1:enabled:hover {
    cursor: pointer;
    background-color: #EBEBEB;
}

.pui-btn1:enabled:active {
    background-color: #EFEFEF;
    transform: scale(0.98);
}

.pui-btn2 {
    border: solid 1px #9a9996;
    color: #dfdfdf;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    margin-bottom: 2px;
    margin-top: 1px;
    padding: 3px 10px 3px 10px;  
    background-color: #504F4C;
}

.pui-btn2:disabled {
    opacity:0.5;
}

.pui-btn2:enabled:hover {
    cursor: pointer;
    background-color: #454441;
}

.pui-btn2:enabled:active {
    background-color: #504F4C;
    transform: scale(0.98);
}

table.pui-tbl {
  background-color: #D3D2D0;
  border-collapse: collapse;
}
table.pui-tbl td, table.pui-tbl th {
  border: 1px solid #AAAAAA;
  padding: 3px 3px;
}
table.pui-tbl tfoot td {
  font-size: 14px;
}

.pui-width-1-1 {
    display: block;
    width: 100%;
    margin: 10px;
}
    
.pui-inp {
    border:1px solid #B0B0B0;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    color: #191970;
    background-color: #F5F5F5;
    vertical-align: middle;
}  

.pui-inp.ui-droppable-hover {
    background-color: aquamarine;
}

.pui-inp[type=password]:not(:placeholder-shown) {
    font-family: "password-font-bk2-ru";
	speak: none;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 1px;
    font-size: 11px;
    height: 13px;
    line-height: 12px;
}


 
#ui-my-info-inv .pi_block .shadow-pers,
#main_tbl_inventory .pi_block .shadow-pers { cursor: pointer; }
#ui-my-info-inv .pi_block .shadow-pers .shadow-effs,
#main_tbl_inventory .pi_block .shadow-pers .shadow-effs { cursor: default; }

.shadow-pers {
    width: 120px;
    height: 220px;
    background-repeat: no-repeat;
    background-position: center center;    
	position: relative;
}

.shadow-title {
	position: absolute;
	width: 120px;
	height: 220px;
	top:0px;
	left: 0px;
	z-index: 1;
}

.shadow-effs {
	position: absolute;
	width: 120px;
	height: 1px;
	top:0px;
	left: 0px;
	z-index: 2;
	word-break:normal;
}

.shadow-pers-bg {
    background-repeat: no-repeat;
    background-position: bottom; 
}
    
.hp_line_none {
    width: 100%;
    height: 9px;
    font-size: 9px;
    background: url('/static/img/hmp.gif');
    background-repeat: repeat-x;
    background-position: 0 -36px;
    position: relative;
} 

.hp_line_bg {
    height: 9px;
    font-size: 9px;
    background: url('/static/img/hmp.gif');
    background-repeat: repeat-x;
    position: relative;
}

.hp_line_title {
    color:#fff;
    line-height: 9px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 5px;
}

.hp_line_1 {
    background-position: 0 -18px;
}

.hp_line_2 {
    background-position: 0 -27px;
}

.hp_line_3 {
    background-position: 0 0px;
}

.mp_line_none {
    width: 100%;
    height: 9px;
    font-size: 9px;
    background: url('/static/img/hmp.gif');
    background-repeat: repeat-x;
    background-position: 0 -36px;
    position: relative;
     
} 

.mp_line_bg {
    height: 9px;
    font-size: 9px;
    background: url('/static/img/hmp.gif');
    background-repeat: repeat-x;
    position: relative;
}

.mp_line_title {
    color:#80ffff;
    line-height: 9px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 5px;
}

.bkii-hp-line {
	background: rgb(101,101,101);
	background: linear-gradient(0deg, rgba(101,101,101,1) 0%, rgba(56,56,56,1) 99%, rgba(101,101,101,1) 100%);
	height:9px;
	position:relative;
	width:100%;
	cursor:default;
}

.bkii-hp-line span {
	color:#fff;
	position:absolute;
	left:5px;
	top:-1px;
	font-weight:bolder;
	font-size:9px;
}

.hp-in {
	height:9px;
	top:0;
	left:0;
	position:absolute;
	transition:all 0.3s ease-in-out;
}

.bkii-hp-green {
	background: rgb(4,132,15);
	background: linear-gradient(0deg, rgba(4,182,33,1) 0%, rgba(4,132,15,1) 100%);
}

.bkii-hp-yellow {
	background: rgb(164,115,0);
	background: linear-gradient(0deg, rgba(216,151,0,1) 0%, rgba(164,115,0,1) 100%);
}

.bkii-hp-red {
	background: rgb(181,1,1);
	background: linear-gradient(0deg, rgba(239,3,3,1) 0%, rgba(181,1,1,1) 100%);
}

.hp-in2 {
	background-color:rgba(255,0,0,0.55);
	height:7px;
	top:1px;
	left:0;
	position:absolute;
	border-radius:2px;
	transition:all 1s ease-in-out;
}

.bkii-mp-line {
	background: rgb(101,101,101);
	background: linear-gradient(0deg, rgba(101,101,101,1) 0%, rgba(56,56,56,1) 99%, rgba(101,101,101,1) 100%);
	height:9px;
	position:relative;
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
	cursor:default;
}

.bkii-mp-line span {
	color:#8fffff;
	position:absolute;
	left:5px;
	top:-1px;
	font-weight:bolder;
	font-size:9px;
}

.mp-in {
	background: rgb(8,102,183);
	background: linear-gradient(0deg, rgba(8,102,183,1) 0%, rgba(0,67,132,1) 99%, rgba(32,97,154,1) 100%);
	height:9px;
	top:0;
	left:0;
	position:absolute;
	transition:all 0.3s ease-in-out;
}

.mp-in2 {
	background-color:rgba(50,227,255,0.35);
	height:7px;
	top:1px;
	left:0;
	position:absolute;
	border-radius:2px;
	transition:all 1s ease-in-out;
}


.inf_regen_box {
    background-color: #e2e0e0;
}

.mp_line_1 {
    background-position: 0 -9px;
}

.mp_line_2 {
    background-position: 0 -9px;
}

.mp_line_3 {
    background-position: 0 -9px;
}
    

.osttlvk {
	padding: 3px 2px;
}
.osttlvk:hover {
	background-color: #EFEFEF;
	cursor: default;
}

.osob1lsv {
	padding-top: 5px;
	padding-bottom: 15px;
}
.osob1lsv small {
	 
}
    
    
.lngsklww1 {
	padding: 3px 3px 3px 7px;
}
.sstkv table {
    width: 100%;
    border-collapse: collapse;
	font-size: 8pt;
}
.sstkv th , .sstkv td {
    text-align: left;
    border: 1px solid #dee2e6;
}
.sstkv th {
    background-color: #d5d5d5;
    color: #222;
}
.sstkv tr:hover {
    background-color: #EFEFEF;
	cursor: default;
}
.sstkv .highlight1 {
    color: #AB0000;
}
.sstkv .highlight2 {
    color: #ab7000;
}
.sstkv .highlight3 {
    color: #024787;
}
.sstkv .highlight5 {
    color: #CC14C5;
}
    
    
  
.wi1s0 {
	width:5px;
	height:6px;
	background:url(/static/img/misc/dmagic/bneitral_03.gif) 1px 0px no-repeat;
}
.wi1s1 {
	height:6px;
	background:url(/static/img/misc/dmagic/bneitral_05.gif);
}
.wi1s2 {
	width:5px;
	height:6px;
	background:url(/static/img/misc/dmagic/bneitral_03.gif) -2px 0px no-repeat;
}
.wi1s3 {
	width:5px;
	background:url(/static/img/misc/dmagic/bneitral_17.gif) 1px 0px repeat-y;
}
.wi1s4 {
	width:5px;
	background:url(/static/img/misc/dmagic/bneitral_19.gif) -1px 0px repeat-y;
	background-position:right;
	background-color:#675600;
}
.wi1s5 {
	width:5px;
	background:url(/static/img/misc/dmagic/bneitral_19.gif) 0px 0px repeat-y;
}
.wi1s6 {
	height:6px;
	background:url(/static/img/misc/dmagic/bneitral_05.gif);
}
.wi1s7 {
	background:#ddd5bf;
}

.wi1s8 {
	background:url(/static/img/misc/dmagic/bneitral_05.gif);
}
.wi1s9 {
	width:5px;
	height:6px;
	background:url(/static/img/misc/dmagic/bneitral_19.gif);
}
.wi1s10 {
	background-color:#b1a993;
	white-space:nowrap;
	color:#003388;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi1s10 text {
	cursor:move;
}
.wi1s10 img {
	cursor:pointer;
}
.wi1s11 {

}
.wi1s12 {

}
  
.wi2s0 img {
	width:57px;
	height:30px;
	background:url(/static/img/misc/dmagic/bfire_03.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-11px;
}
.wi2s1 {
	background:url(/static/img/misc/dmagic/bfire_05.gif);
	height:25px;
}
.wi2s2 img {
	width:33px;
	height:30px;
	background:url(/static/img/misc/dmagic/bfire_07.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-16px;
}
.wi2s3 {
	background:url(/static/img/misc/dmagic/bfire_17.gif) 0px 0px repeat-y;
	background-position:right;
	width:5px;
}
.wi2s4 {
	background:url(/static/img/misc/dmagic/bfire_19.gif) 0px 0px repeat-y;
	width:5px;
}
.wi2s5 img {
	width:20px;
	height:14px;
	background:url(/static/img/misc/dmagic/bfire_27.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-11px;
}
.wi2s6 {
	height:14px;
	background:url(/static/img/misc/dmagic/bfire_29.gif);
}
.wi2s7 {
	background:#d3cec8;
}

.wi2s8 img {
	width:21px;
	height:14px;
	background:url(/static/img/misc/dmagic/bfire_31.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-4px;
}
.wi2s9 {
	background:url(/static/img/misc/dmagic/bfire_19.gif);
}
.wi2s10 {
	background-color:#aca396;
	white-space:nowrap;
	color:#900;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi2s10 text {
	cursor:move;
}
.wi2s10 img {
	cursor:pointer;
}
.wi2s11 {

}
.wi2s12 {

}
  
.wi2s0 img {
	width:57px;
	height:30px;
	background:url(/static/img/misc/dmagic/bfire_03.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-11px;
}
.wi2s1 {
	background:url(/static/img/misc/dmagic/bfire_05.gif);
	height:25px;
}
.wi2s2 img {
	width:33px;
	height:30px;
	background:url(/static/img/misc/dmagic/bfire_07.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-16px;
}
.wi2s3 {
	background:url(/static/img/misc/dmagic/bfire_17.gif) 0px 0px repeat-y;
	background-position:right;
	width:5px;
}
.wi2s4 {
	background:url(/static/img/misc/dmagic/bfire_19.gif) 0px 0px repeat-y;
	width:5px;
}
.wi2s5 img {
	width:20px;
	height:14px;
	background:url(/static/img/misc/dmagic/bfire_27.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-11px;
}
.wi2s6 {
	height:14px;
	background:url(/static/img/misc/dmagic/bfire_29.gif);
}
.wi2s7 {
	background:#d3cec8;
}

.wi2s8 img {
	width:21px;
	height:14px;
	background:url(/static/img/misc/dmagic/bfire_31.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-4px;
}
.wi2s9 {
	background:url(/static/img/misc/dmagic/bfire_19.gif);
}
.wi2s10 {
	background-color:#aca396;
	white-space:nowrap;
	color:#900;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi2s10 text {
	cursor:move;
}
.wi2s10 img {
	cursor:pointer;
}
.wi2s11 {

}
.wi2s12 {

}
  
.wi3s0 img {
	width:57px;
	height:30px;
	background:url(/static/img/misc/dmagic/bair_03.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-11px;
}
.wi3s1 {
	background:url(/static/img/misc/dmagic/bair_05.gif);
	height:25px;
}
.wi3s2 img {
	width:33px;
	height:30px;
	background:url(/static/img/misc/dmagic/bair_07.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-16px;
}
.wi3s3 {
	background:url(/static/img/misc/dmagic/bair_17.gif) 0px 0px repeat-y;
	background-position:right;
	width:5px;
}
.wi3s4 {
	background:url(/static/img/misc/dmagic/bair_19.gif) 0px 0px repeat-y;
	width:5px;
}
.wi3s5 img {
	width:20px;
	height:14px;
	background:url(/static/img/misc/dmagic/bair_27.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-11px;
}
.wi3s6 {
	height:14px;
	background:url(/static/img/misc/dmagic/bair_29.gif);
}
.wi3s7 {
	background:#cfe1ea;
}

.wi3s8 img {
	width:21px;
	height:14px;
	background:url(/static/img/misc/dmagic/bair_31.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-4px;
}
.wi3s9 {
	background:url(/static/img/misc/dmagic/bair_19.gif);
}
.wi3s10 {
	background-color:#aec0c9;
	white-space:nowrap;
	color:#66C;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi3s10 text {
	cursor:move;
}
.wi3s10 img {
	cursor:pointer;
}
.wi3s11 {

}
.wi3s12 {

}

  
.wi4s0 img {
	width:57px;
	height:30px;
	background:url(/static/img/misc/dmagic/bwater_03.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-11px;
}
.wi4s1 {
	background:url(/static/img/misc/dmagic/bwater_05.gif);
	height:25px;
}
.wi4s2 img {
	width:33px;
	height:30px;
	background:url(/static/img/misc/dmagic/bwater_07.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-16px;
}
.wi4s3 {
	background:url(/static/img/misc/dmagic/bwater_17.gif) 0px 0px repeat-y;
	background-position:right;
	width:5px;
}
.wi4s4 {
	background:url(/static/img/misc/dmagic/bwater_19.gif) 0px 0px repeat-y;
	width:5px;
}
.wi4s5 img {
	width:20px;
	height:14px;
	background:url(/static/img/misc/dmagic/bwater_27.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-11px;
}
.wi4s6 {
	height:14px;
	background:url(/static/img/misc/dmagic/bwater_29.gif);
}
.wi4s7 {
	background:#bdcddb;
}

.wi4s8 img {
	width:21px;
	height:14px;
	background:url(/static/img/misc/dmagic/bwater_31.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-4px;
}
.wi4s9 {
	background:url(/static/img/misc/dmagic/bwater_19.gif);
}
.wi4s10 {
	background-color:#96b0c6;
	white-space:nowrap;
	color:#036;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi4s10 text {
	cursor:move;
}
.wi4s10 img {
	cursor:pointer;
}
.wi4s11 {

}
.wi4s12 {

}
  
.wi5s0 img {
	width:57px;
	height:30px;
	background:url(/static/img/misc/dmagic/bearth_03.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-11px;
}
.wi5s1 {
	background:url(/static/img/misc/dmagic/bearth_05.gif);
	height:25px;
}
.wi5s2 img {
	width:33px;
	height:30px;
	background:url(/static/img/misc/dmagic/bearth_07.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-17px;
	left:-16px;
}
.wi5s3 {
	background:url(/static/img/misc/dmagic/bearth_17.gif) 0px 0px repeat-y;
	background-position:right;
	width:5px;
}
.wi5s4 {
	background:url(/static/img/misc/dmagic/bearth_19.gif) 0px 0px repeat-y;
	width:5px;
}
.wi5s5 img {
	width:20px;
	height:14px;
	background:url(/static/img/misc/dmagic/bearth_27.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-11px;
}
.wi5s6 {
	height:14px;
	background:url(/static/img/misc/dmagic/bearth_29.gif);
}
.wi5s7 {
	background:#d6cebd;
}

.wi5s8 img {
	width:21px;
	height:14px;
	background:url(/static/img/misc/dmagic/bearth_31.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-7px;
	left:-4px;
}
.wi5s9 {
	background:url(/static/img/misc/dmagic/bearth_19.gif);
}
.wi5s10 {
	background-color:#aaa291;
	white-space:nowrap;
	color:#630;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi5s10 text {
	cursor:move;
}
.wi5s10 img {
	cursor:pointer;
}
.wi5s11 {

}
.wi5s12 {

}
  
.wi6s0 img {
	width:51px;
	height:30px;
	background:url(/static/img/misc/dmagic/bwhite_03.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-19px;
	left:-5px;
}
.wi6s1 {
	background:url(/static/img/misc/dmagic/bwhite_05.gif);
	height:21px;
}
.wi6s2 img {
	width:46px;
	height:25px;
	background:url(/static/img/misc/dmagic/bwhite_07.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-14px;
	left:-36px;
}
.wi6s3 {
	background:url(/static/img/misc/dmagic/bwhite_17.gif) 0px 0px repeat-y;
	background-position:right;
	width:5px;
}
.wi6s4 {
	background:url(/static/img/misc/dmagic/bwhite_19.gif) 0px 0px repeat-y;
	width:5px;
}
.wi6s5 img {
	width:44px;
	height:10px;
	background:url(/static/img/misc/dmagic/bwhite_27.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-5px;
	left:-5px;
}
.wi6s6 {
	height:10px;
	background:url(/static/img/misc/dmagic/bwhite_29.gif);
}
.wi6s7 {
	background:#f4f4f4;
}

.wi6s8 img {
	width:44px;
	height:10px;
	background:url(/static/img/misc/dmagic/bwhite_31.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-5px;
	left:-34px;
}
.wi6s9 {
	background:url(/static/img/misc/dmagic/bwhite_19.gif);
}
.wi6s10 {
	background-color:#bcbbb6;
	white-space:nowrap;
	color:#333;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi6s10 text {
	cursor:move;
}
.wi6s10 img {
	cursor:pointer;
}
.wi6s11 {

}
.wi6s12 {

}
  
.wi7s0 img {
	width:51px;
	height:30px;
	background:url(/static/img/misc/dmagic/bblack_03.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-19px;
	left:-5px;
}
.wi7s1 {
	background:url(/static/img/misc/dmagic/bblack_05.gif);
	height:21px;
}
.wi7s2 img {
	width:46px;
	height:25px;
	background:url(/static/img/misc/dmagic/bblack_07.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-14px;
	left:-36px;
}
.wi7s3 {
	background:url(/static/img/misc/dmagic/bblack_17.gif) 0px 0px repeat-y;
	background-position:right;
	width:5px;
}
.wi7s4 {
	background:url(/static/img/misc/dmagic/bblack_19.gif) 0px 0px repeat-y;
	width:5px;
}
.wi7s5 img {
	width:44px;
	height:10px;
	background:url(/static/img/misc/dmagic/bblack_27.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-5px;
	left:-5px;
}
.wi7s6 {
	height:10px;
	background:url(/static/img/misc/dmagic/bblack_29.gif);
}
.wi7s7 {
	background:#a6a6a0;
}

.wi7s8 img {
	width:44px;
	height:10px;
	background:url(/static/img/misc/dmagic/bblack_31.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-5px;
	left:-34px;
}
.wi7s9 {
	background:url(/static/img/misc/dmagic/bblack_19.gif);
}
.wi7s10 {
	background-color:#72726b;
	black-space:nowrap;
	color:#eee;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi7s10 text {
	cursor:move;
}
.wi7s10 img {
	cursor:pointer;
}
.wi7s11 {

}
.wi7s12 {

}
  
.wi8s0 img {
	width:51px;
	height:30px;
	background:url(/static/img/misc/dmagic/bgray_03.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-19px;
	left:-5px;
}
.wi8s1 {
	background:url(/static/img/misc/dmagic/bgray_05.gif);
	height:21px;
}
.wi8s2 img {
	width:46px;
	height:25px;
	background:url(/static/img/misc/dmagic/bgray_07.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-14px;
	left:-36px;
}
.wi8s3 {
	background:url(/static/img/misc/dmagic/bgray_17.gif) 0px 0px repeat-y;
	background-position:right;
	width:5px;
}
.wi8s4 {
	background:url(/static/img/misc/dmagic/bgray_19.gif) 0px 0px repeat-y;
	width:5px;
}
.wi8s5 img {
	width:44px;
	height:10px;
	background:url(/static/img/misc/dmagic/bgray_27.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-5px;
	left:-5px;
}
.wi8s6 {
	height:10px;
	background:url(/static/img/misc/dmagic/bgray_29.gif);
}
.wi8s7 {
	background:#e6e6e6;
}

.wi8s8 img {
	width:44px;
	height:10px;
	background:url(/static/img/misc/dmagic/bgray_31.gif) 0px 0px no-repeat;
	position:absolute;
	bottom:-5px;
	left:-34px;
}
.wi8s9 {
	background:url(/static/img/misc/dmagic/bgray_19.gif);
}
.wi8s10 {
	background-color:#969592;
	gray-space:nowrap;
	color:#222;
	padding:2px 2px 2px 7px;
	min-width:140px;
}
.wi8s10 text {
	cursor:move;
}
.wi8s10 img {
	cursor:pointer;
}
.wi8s11 {

}
.wi8s12 {

}  
    
.wiDefaulImgsWH img {
    max-width: none !important;   
}

 
 *.css).
 * Здесь: адаптации «Размера интерфейса» (--sizerem), стили прелоадера,
 * чат-панели, мобильной оболочки и COMPAT-стили уже портированных модулей
 * (их при порте модуля переносить в /modules/<name>/<name>.css).
 *
 * client.html должна подключать этот файл (добавляет другая сессия):
 *   <link rel="stylesheet" href="/static/css/mpg-platform.css">
 * ==================================================================== */

 
html {
     
    --sizerem: 1;
}

html , body {
     
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    line-height: normal;
    font-size: 1rem;  
    color:#111;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: 20px 0;
}

a { cursor: pointer; }

 
.mpg-spinner{width:2.75rem;height:2.75rem;margin:0 auto;border:0.25rem solid #d9d9d9;border-top-color:#8a2b2b;border-radius:50%;animation:mpgspin .9s linear infinite;}
@keyframes mpgspin{to{transform:rotate(360deg)}}
#preloader_line{font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;font-size:1rem;color:#444;}

 
.msg-line { padding-bottom: calc(2px * var(--sizerem)); padding-top: calc(1px * var(--sizerem));}

.date1		{ font-family: Courier; font-size: 0.8rem; text-decoration:none; font-weight:normal; color: #007000}

 
.date12 {
    font-family: Courier;
    font-size: 0.8rem;
    text-decoration: none;
    font-weight: normal;
    color: #003233;
    background-color: rgb(206, 242, 229);
}

.date2		{ font-family: Courier; font-size: 0.8rem; text-decoration:none; font-weight:normal; color: #007000; background-color: #00FFAA}

.date3	    { font-family: Courier; font-size: 0.8rem; text-decoration:none; font-weight:normal; color: #B00000}

.date_s0 { font-family: Courier; font-size: 0.8rem; text-decoration:none; font-weight:normal; color: #007000; }

.date_s1 { font-family: Courier; font-size: 0.8rem; text-decoration:none; font-weight:normal; color: #700000; }

.date_s2 { font-family: Courier; font-size: 0.8rem; text-decoration:none; font-weight:normal; color: #B00000; }

.date_s0.date_forMe { color:#000800; background: linear-gradient(90deg, rgba(0,255,170,0.95) 5%, rgba(0, 255, 170, 0.15) 100%); }

.date_s0.date_fromMe { 
	 
	 
	background: linear-gradient(90deg, rgba(0, 255, 170, 0) 10%, rgb(255 71 0 / 25%) 100%);
	color:#6b450b;
}
.bg-mirrored {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.uo_hide {
	 
	display: none;
}

.uo_user {
	margin-left: calc( 8px * var(--sizerem) );
	margin-bottom: 0.2rem;
	white-space: nowrap;
}

.uo_user img {
	padding: 0;
	border: 0;
}

.uo_img_inf {
	width:calc( 12px * var(--sizerem) );
	height:calc( 11px * var(--sizerem) );
	 
}

.uo_img_lock {
	width:calc( 20px * var(--sizerem) );
	height:calc( 15px * var(--sizerem) );
	margin-bottom:calc( -3px * var(--sizerem) );
}

.uo_clan0 , .uo_clan1 {
	width:calc( 24px * var(--sizerem) );
	height:calc( 15px * var(--sizerem) );
}

.uo_align0 , .uo_align1 {
	width:calc( 12px * var(--sizerem) );
	height:calc( 15px * var(--sizerem) );
}

.uo_align0 , .uo_clan0 {
	display:none !important;
}

#online_list_room {
    display: block;
    padding: calc( 5px * var(--sizerem) ) calc( 7px * var(--sizerem) );
    color:#8f0000;
	margin-bottom: 0.5rem;
	white-space: nowrap;
}

.ch-tob {
	font-weight: bolder;
}

.ch-u {
	cursor: pointer;
}

.ch-u:hover {
	opacity: 0.5;
}

.ch-msg {
    padding-left:2px;
	margin-top: 0.15rem;
}

.ch-msg-noread {
	background-color: rgba(0,0,0,0.05);
	 
}

.ch-msg-read {
	background-color: transparent;
	 
}

.ch_o_list {
	margin-top: 0.15rem;
    padding-left: 10px;
    white-space: nowrap;
}

.chat-panel-smiles {
    position: absolute;
    bottom: calc(4px * var(--sizerem));
    right: min(calc(16px * var(--sizerem)), 2vw);
    height: min(calc(340px * var(--sizerem)), 60vh);
    width: min(calc(366px * var(--sizerem)), 94vw);
    background-color: rgba(235,232,232,1.00);
    border: solid 1px rgba(210,203,203,1.00);
    border-radius: 2px;
    z-index: 10000;
}

.smiles-standart , .smiles-buy {
    width: 100%;
    height: min(calc(300px * var(--sizerem)), 52vh);
    overflow: auto;
    scrollbar-gutter: stable;
}

.clock-main-div svg {
    display: inline-block;
    width: 80px;
    height:30px;
}

.pch-multi {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.pch-multi img {
     
}

.pch-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.pch-btn img {
     
}

.timers_body {
    display: inline-block;
    margin-right: calc(10px * var(--sizerem));
    font-weight: bolder;
}

.game-menu-top-box a {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    color:#F0F0F0;
    text-decoration: none;
    font-weight: bold;
    line-height: 14px;
}

.chat-block {
    height: 100%;
    width: 100%;
    overflow: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}

.chat-canal {
    margin-top: calc(24px * var(--sizerem));  
}

.chat-canal > div[msg-ch] {
  content-visibility: auto;
  contain-intrinsic-size: 0 1rem;  
}

.chat-panel-menu {
    height: calc(21px * var(--sizerem));
    width: auto;
    position: absolute;
    z-index: 1;
    right: calc(12px * var(--sizerem));
    top: calc(2px * var(--sizerem));
    text-align: right;
}

#reline-h linehv {
    background-color: #A0A0A0;
    width:100%;
    height: 2px;
    display: block;
    opacity: 0;
}

#reline-v linehv {
    background-color: #A0A0A0;
    width:2px;
    height: 100%;
    display: block;
    opacity: 0;
}
.chat-block {
	overflow-anchor: none;
	overscroll-behavior: contain;
}

.chat-canal {
	overflow-anchor: none;
}
#online_list_block .uo_user img.uo_align0 { display: inline !important; }

 
.ui-tooltip {
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    line-height: normal;
    font-size: 0.85rem;    
    border-radius: 0px;
    text-transform: none;
    box-shadow: none;
    padding: 4px;
    margin: none;
    background-color: #fff;
    max-width: min(500px, 92vw);
    color:#333;
    cursor: default;
}

small {
    font-size: 0.88rem;
}

.small_b {
    display: inline-block;
}

.box_inv_r {
    border-left: 1px solid #a5a5a5;
    padding: 0.5rem;
}

 
.pi_block {
    position: relative;
    width: 240px;
    min-height: 280px;
    padding: 2px;
}

.pi_block .pi-grid,
.pi_block .pi-slot,
.pi_block .pi-bottom,
.pi_block .pi-spells,
.pi_block .pi-bags { line-height: 0; }
.pi_block .pi-slot img,
.pi_block .pi-bottom > img { display: block; margin: 0; padding: 0; border: 0; }
.pi_block .pi-slot .itm-a,
.pi_block .pi-slot .itm-a > div { display: block; line-height: 0; }
.pi_block .inf_regen_box { width: 120px; height: 20px; display: flex; align-items: center; }
 
.pi_block .inf_regen_box > div { width: 120px; display: flex; flex-direction: column; justify-content: center; }
 
.pi_block .shadow-effs {
	line-height: normal;
	top: calc(2px * var(--sizerem, 1));
	left: 0;
	width: calc(120px * var(--sizerem, 1));
	height: auto;
	transform: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.pi_block .shadow-effs .eff-block { display: block; }
.pi_block .shadow-effs img { display: inline-block; vertical-align: middle; }
.pi_block img { vertical-align: middle; }

.pi_login {
    display: inline-block;
    width: 240px;
    text-align: center;
    margin-top: 5px;
    line-height: normal;
}

.scrollbar , .scrollbar-2 , .scrollbar-3 , .scrollbar-4 , .scrollbar-5 , .scrollbar-6 {
    scrollbar-width: thin;
     
    scrollbar-gutter: stable;
     
    overscroll-behavior: contain;
}

.btn-a {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: calc(9pt * var(--sizerem));
    background-color: rgba(239, 239, 239, 1);
    color:rgba(25, 25, 112, 1);
    padding: calc(2px * var(--sizerem)) calc(10px * var(--sizerem));
    border: 1px solid rgba(176, 176, 176, 1);
    cursor: pointer;
}
.constructorExchange {
    max-height: 300px;
    overflow: auto;
    scrollbar-gutter: stable;
}

.rec_itm_vx {
	position: absolute;
	background-color: #fff;
	right: 0px;
	bottom: 0px;
	padding: 1px 2px;
	font-size: calc( 7.5pt * var(--sizerem) );
	white-space: nowrap;
}

.mfdib {
	display: inline-block;
	width: 5rem;
}

.mfdib2 {
	display: inline-block;
	width: 3rem;
	text-align: right;
}

.hpmpblock .hpval {
	height:calc( 11px * var(--sizerem) );
	font-size:calc( 10px * var(--sizerem) );
	display:inline-block;
	margin-left:5px;
}

.hpmpblock .hpline {
	width:calc( 120px * var(--sizerem) );
	height:calc( 11px * var(--sizerem) );
	background-color:#333;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}

.hotkey {
	width: calc( 40px * var(--sizerem) );
	height: calc( 25px * var(--sizerem) );
	background-image: url(/static/img/pr_clear.gif);
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	user-select: none !important;
    cursor: pointer !important;
}

.hotkey_btn {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 3px;
    right: 3px;
    height: calc( 20px * var(--sizerem) );
    line-height: calc( 18px * var(--sizerem) );
    box-sizing: border-box;
    font-size: calc( 12px * var(--sizerem) );
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: #444;
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    background: -webkit-linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    background: -o-linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    background: linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    font-family: sans-serif;
    transition: box-shadow 0.3s ease, transform 0.15s ease;
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}
.ttl_box {
    pointer-events: none;
    user-select: none;    
	
    position: absolute;
    z-index: 10000000;
    
    border:1px solid #222;
    border-top-color:#777;
    border-left-color:#777;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    line-height: normal;
    font-size: calc( 8.5pt * var(--sizerem) );   
    border-radius: 0px;
    text-transform: none;
    box-shadow: none;
    padding: 4px;
    margin: none;
    background-color: #fff;
    max-width: 500px;
    color:#333;
    cursor: default;
}

.ttl_yellow {
    background-color: rgb(255, 255, 204);
    border-color: rgb(102, 102, 102);
    padding: 5px;
    max-width: 300px;
}

.pui-h3 {
    color:#8f0000;
    font-size: 1.25rem;
    font-weight: bold;
    font-family: Arial;
}

.pui-h3c {
    text-align: center;
    margin: 1.25rem 0;
}

.pui-mr {
    position: absolute;
    right: calc( 5px * var(--sizerem) );
    top: 0px;
}

.pui-btn1 {
    border: solid 1px #B0B0B0;
    color: #191970;
    font-size: 1rem;  
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    margin-bottom: 2px;
    margin-top: 1px;
    padding: 0.2rem 0.8rem;  
    background-color: #e5e5e5;
}

.pui-btn2 {
    border: solid 1px #9a9996;
    color: #dfdfdf;
    font-size: 1rem;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    margin-bottom: 2px;
    margin-top: 1px;
    padding: 3px 10px 3px 10px;  
    background-color: #504F4C;
}

table.pui-tbl tfoot td {
  font-size: 1rem;
}

.pui-width-1-1 {
    display: block;
    width: calc( 100% - 20px );
    margin: 10px;
}

.pui-inp {
    border:1px solid #B0B0B0;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 1.05rem;
	min-height:1.05rem;
    color: #191970;
    background-color: #F5F5F5;
    vertical-align: middle;
}

.pui-inp.uk-width-1-1 {
	width: calc( 100% - 10px );
}

.hotkeys_block { margin: calc( 2px * var(--sizerem) ) calc( 6px * var(--sizerem) ) calc( 2px * var(--sizerem) ) 0; }

.hotkey {
	width: calc( 40px * var(--sizerem) );
	height: calc( 25px * var(--sizerem) );
	background-image: url(/static/img/pr_clear.gif);
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	user-select: none !important;
    cursor: pointer !important;
}

.hotkey_btn {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 3px;
    right: 3px;
    height: calc( 20px * var(--sizerem) );
    line-height: calc( 18px * var(--sizerem) );
    box-sizing: border-box;
    font-size: calc( 12px * var(--sizerem) );
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: #444;
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    background: -webkit-linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    background: -o-linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    background: linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    font-family: sans-serif;
    transition: box-shadow 0.3s ease, transform 0.15s ease;
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

.hotkey_btn:focus , .hotkey_btn:hover {
	color: #222;
	background: -webkit-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: -o-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 4px 0 #C0C0C0, 0 2px 35px rgba(#444, 0.3), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 7px 4px rgba(#444, 0.1);
}

.hotkey_btn:active {
	color: #222;
	background: -webkit-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: -o-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 0 0 #C0C0C0, 0 0px 30px rgba(#444, 0.15), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 0px 4px rgba(#444, 0.25);
	top:3px;
	left:4px;
	right:4px;
	height: 19px;
}

.hotkey_btn_active {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 3px;
    right: 3px;
    height: calc( 20px * var(--sizerem) );
    line-height: calc( 18px * var(--sizerem) );
    box-sizing: border-box;
    font-size: calc( 12px * var(--sizerem) );
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    font-family: sans-serif;
    transition: box-shadow 0.3s ease, transform 0.15s ease;
    color: #222;
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 0 0 #C0C0C0, 0 0px 30px rgba(#444, 0.15), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 0px 4px rgba(#444, 0.25);
    transform: translateY(1px);	
    background: -webkit-linear-gradient(#ffc8c5 0%, #c88d88 100%);
    background: -o-linear-gradient(#ffc8c5 0%, #c88d88 100%);
    background: linear-gradient(#ffc8c5 0%, #c88d88 100%);
    border-color: #9e716c;
}

 
.uk-width-1-1 { width: 100%; }

.uk-width-1-2 { width: 50%; }

.uk-width-1-3 { width: 33.333%; }

.uk-width-2-3 { width: 66.666%; }

.uk-width-1-4 { width: 25%; }

.uk-width-3-4 { width: 75%; }

.uk-width-1-5 { width: 20%; }

.uk-width-2-5 { width: 40%; }

.uk-width-3-5 { width: 60%; }

.uk-width-4-5 { width: 80%; }

 
.uk-grid,
.box_inv[uk-grid] {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

 
.uk-width-expand {
  flex: 1 1 0%;
  min-width: 0;
  width: auto;
}

.uk-margin-remove { margin: 0 !important; }

.uk-padding-remove { padding: 0 !important; }

.uk-grid > * {
   
}

.uk-grid > * > :last-child {
  margin-bottom: 0;
}

ul.uk-grid {
  list-style: none;
  padding: 0;
}

.uk-grid-collapse {
  margin-left: 0;
}

.uk-grid-collapse > * {
  padding-left: 0;
}

 
.win_s1_main [uk-grid],
.win_s2_main [uk-grid] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.win_s1_main [uk-grid] > *,
.win_s2_main [uk-grid] > * {
  min-width: 0;
}

 
.cur-ico {
	vertical-align: middle;
	max-height: calc(14px * var(--sizerem));
	margin: 0 2px 1px 0;
}

 
.rm_ttl_online_selected {
	background-color: #acacac;  
	outline: 1px solid #919191;  
	color:#000000 !important;
}

.links_a { position: relative; }

.rm_ttl_cancel {
	opacity: 0;
	position: absolute;
	width: 100%;
	top:0px;
	right: 0px;
	height: 100%;
	cursor: pointer;
	background-color: red;
	color:red;
	z-index: 1;
	text-align: right;
}

.loc-pers-head { text-align: center; margin-bottom: 2px; white-space: nowrap; }

.loc-cell-pers .loc-panel-body { min-height: 0; }
.links_a a {
    font-size: 0.8rem;
    color:#3b3936;
}

.iloc_sel1 {
    background-color: rgba(0,41,200,0.39);
}

.locsnow {
	position: absolute;
	z-index: 1000;  
}

.eloc_bg {
    display:inline-block;
    background-size:cover;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.eloc_obj {
    display:inline-block;
    background-size:cover;
    cursor: pointer;
    position: absolute;
    border:2px solid rgba(255,255,255,0.00);
}

 

 
#ui-my-info-inv .pi_block .shadow-pers,
#main_tbl_inventory .pi_block .shadow-pers { cursor: pointer; }
#ui-my-info-inv .pi_block .shadow-pers .shadow-effs,
#main_tbl_inventory .pi_block .shadow-pers .shadow-effs { cursor: default; }

.shadow-pers {
     
    width: 120px;
    height: 220px;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
	position: relative;
}

.shadow-title {
	position: absolute;
	width: 120px;
	height: 220px;
	top:0px;
	left: 0px;
	z-index: 1;
}

.shadow-effs {
	position: absolute;
	width: calc( 120px * var(--sizerem) );;
	height: 1px;
	top:calc( 2px * var(--sizerem) );  
	left: 0px;
	z-index: 2;
	word-break:normal;
}

.shadow-effs.mp-yes {
	top:calc( 2px * var(--sizerem) );  
}

.shadow-pers-bg {
    background-repeat: no-repeat;
    background-position: bottom center; 
	background-size: cover;
}

#btl_info_enemy .shadow-pers {
    transform: scaleX(-1);
}

#btl_info_enemy .shadow-pers > * {
    transform: scaleX(-1);    
}

.hp_line_none {
    width: 100%;
    height: 9px;                
    font-size: 9px;
    background-repeat: repeat-x;
     
    position: relative;
    background: linear-gradient(180deg, 
        #4a4a4a 0%,
        #3d3d3d 30%,
        #333333 50%,
        #3d3d3d 70%,
        #4a4a4a 100%);
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.1),
        inset 0 -1px 1px rgba(0, 0, 0, 0.3);
}

.hp_line_bg {
    height: 9px;
    font-size: 9px;
    background-color: mediumvioletred;
    background-repeat: repeat-x;
    position: relative;
}

.hp_line_title {
    color:#fff;
    line-height: 9px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: calc( 5px * var(--sizerem) );
}

.hp_line_1 { background: linear-gradient(180deg, #b40104 0%, #b60002 12.5%, #bc0102 25%, #c50102 37.5%, #ce0002 50%, #d70101 62.5%, #e20203 75%, #eb0305 87.5%, #ee0002 100%); }

.hp_line_2 { background: linear-gradient(180deg, #a47200 0%, #a67300 12.5%, #aa7600 25%, #b37b00 37.5%, #bb8201 50%, #c48901 62.5%, #cd9002 75%, #d59503 87.5%, #d89602 100%); }

.hp_line_3 { background: linear-gradient(180deg, #04840d 0%, #04850e 12.5%, #038b0f 25%, #039111 37.5%, #049814 50%, #04a017 62.5%, #07aa1c 75%, #09b221 87.5%, #05b620 100%); }

.mp_line_none {
    width: 100%;
    height: 9px;                
    font-size: 9px;
    background-repeat: repeat-x;
     
    position: relative;
     
    background: linear-gradient(180deg, 
        #4a4a4a 0%,
        #3d3d3d 30%,
        #333333 50%,
        #3d3d3d 70%,
        #4a4a4a 100%);
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.1),
        inset 0 -1px 1px rgba(0, 0, 0, 0.3);
	 
	 
}

.mp_line_bg {
    height: 9px;                
    font-size: 9px;
    background-repeat: repeat-x;
    position: relative;
}

.mp_line_title {
    color:#80ffff;
    line-height: 9px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: calc( 5px * var(--sizerem) );
}

.mp_line_1 { background: linear-gradient(180deg, #1d629d 0%, #004482 12.5%, #014187 25%, #044a92 37.5%, #004e98 50%, #0056a0 62.5%, #015ca3 75%, #1064aa 87.5%, #1c61a6 100%); }

.mp_line_2 { background: linear-gradient(180deg, #1d629d 0%, #004482 12.5%, #014187 25%, #044a92 37.5%, #004e98 50%, #0056a0 62.5%, #015ca3 75%, #1064aa 87.5%, #1c61a6 100%); }

.mp_line_3 { background: linear-gradient(180deg, #1d629d 0%, #004482 12.5%, #014187 25%, #044a92 37.5%, #004e98 50%, #0056a0 62.5%, #015ca3 75%, #1064aa 87.5%, #1c61a6 100%); }

.bkii-hp-line {
	background: rgb(101,101,101);
	background: linear-gradient(0deg, rgba(101,101,101,1) 0%, rgba(56,56,56,1) 99%, rgba(101,101,101,1) 100%);
	height:calc( 11px * var(--sizerem) );
	position:relative;
	width:100%;
	cursor:default;
}

.bkii-hp-line span {
	color:#fff;
	position:absolute;
	left:calc( 5px * var(--sizerem) );
	top:calc( 0px * var(--sizerem) );
	font-weight:bolder;
	font-size:calc( 9px * var(--sizerem) );
}

.hp-in {
	height:calc( 11px * var(--sizerem) );
	top:0;
	left:0;
	position:absolute;
	transition:all 0.3s ease-in-out;
}

.bkii-hp-green {
	background: rgb(4,132,15);
    background: linear-gradient(180deg, 
        #4caf50 0%,
        #388e3c 30%,
        #2e7d32 50%,
        #388e3c 70%,
        #4caf50 100%);
}

.bkii-hp-yellow {
	background: rgb(164,115,0);
    background: linear-gradient(180deg, 
        #d48900 0%,
        #c77800 30%,
        #b87400 50%,
        #c77800 70%,
        #d48900 100%);
}

.bkii-hp-red {
	background: rgb(181,1,1);
    background: linear-gradient(180deg, 
        #c62828 0%,
        #b71c1c 30%,
        #a31515 50%,
        #b71c1c 70%,
        #c62828 100%);
}

.hp-in2 {
	background-color:rgba(255,0,0,0.55);
	height:calc( 10px * var(--sizerem) );
	top:calc( 1px * var(--sizerem) );
	left:0;
	position:absolute;
	transition:all 1s ease-in-out;
}

.bkii-mp-line {
	background: rgb(101,101,101);
	background: linear-gradient(0deg, rgba(101,101,101,1) 0%, rgba(56,56,56,1) 99%, rgba(101,101,101,1) 100%);
	height:calc( 11px * var(--sizerem) );
	position:relative;
	width:100%;
	 
	 
	cursor:default;
}

.bkii-mp-line span {
	color:#8fffff;
	position:absolute;
	left:calc( 5px * var(--sizerem) );
	top:calc( 0px * var(--sizerem) );
	font-weight:bolder;
	font-size:calc( 9px * var(--sizerem) );
}

.mp-in {
	background: rgb(8,102,183);
    background: linear-gradient(180deg, 
        #1976d2 0%,
        #1565c0 30%,
        #0d47a1 50%,
        #1565c0 70%,
        #1976d2 100%);
	height:calc( 11px * var(--sizerem) );
	top:0;
	left:0;
	position:absolute;
	transition:all 0.3s ease-in-out;
}

.mp-in2 {
	background-color:rgba(50,227,255,0.35);
	height:calc( 10px * var(--sizerem) );
	top:calc( 1px * var(--sizerem) );
	left:0;
	position:absolute;
	transition:all 1s ease-in-out;
}

 
.inf_regen_box {
    background-color: #e2e0e0;
}

.info-win { position: fixed; z-index: 100070; display: flex; flex-direction: column;
  width: 700px; max-width: calc(100vw - 20px); max-height: calc(100vh - 80px); box-sizing: border-box;
  background: #f2f0f0; border: 1px solid #888; box-shadow: 3px 3px 10px rgba(0,0,0,.4); min-width: 320px; min-height: 200px; }

.info-win-backdrop { position: fixed; inset: 0; z-index: 100060; background: rgba(0,0,0,.18); touch-action: none; }

html.mpg-info-lock, html.mpg-info-lock body { overflow: hidden !important; overscroll-behavior: none !important; touch-action: none; }

.info-win-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.info-win-rs { position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; cursor: nwse-resize;
  background: linear-gradient(135deg, transparent 50%, #9a9a9a 50%, #9a9a9a 65%, transparent 65%, transparent 75%, #9a9a9a 75%, #9a9a9a 90%, transparent 90%); }

.info-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 0.3rem 0.45rem; background: #d2d0d0; border-bottom: 1px solid #b6b3b3; font-weight: bold;
  font-size: 0.9rem; cursor: move; user-select: none; }

.info-win-actions { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }

.info-modal-refresh { border: 1px solid #9a9a9a; background: #e8e6e6; height: 20px; line-height: 1;
  cursor: pointer; font-size: 11px; padding: 0 6px; white-space: nowrap; }

.info-modal-x { border: 1px solid #9a9a9a; background: #e8e6e6; width: 22px; height: 20px; line-height: 1;
  cursor: pointer; font-size: 12px; padding: 0; }

.info-modal-body { flex: 1; overflow: auto; padding: 0.5rem; background: #e2e0e0; }

.info-win .info-head { text-align: center; margin-bottom: 2px; }

.info-win .pi_block { margin: 0 auto; }

.info-win .small_b { display: inline-block; }

.info-win .pi_hr { border: 0; border-bottom: 1px solid #9a9a9a; margin-top: 6px; margin-bottom: 6px; }

.info-win .pi_hr_m2 { width: calc(100% - 8px); }
@media (max-width: 899px) {
  .info-win { left: 10px !important; right: 10px !important; top: 30px !important; bottom: 30px !important;
    width: auto !important; height: auto !important; max-width: none !important; max-height: none !important;
    min-width: 0 !important; min-height: 0 !important; }
  .info-win .info-win-rs { display: none; }
}

 
@media (max-width: 560px) {
  .box_inv[uk-grid] { flex-wrap: nowrap; }
  .box_inv[uk-grid] > .box_inv_l {
    flex: 0 1 auto;
    max-width: 45%;
    box-sizing: border-box;
  }
  .box_inv[uk-grid] > .box_inv_r {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

 
@media (max-width: 899px) {
  html:not(.mpg-force-desktop) #main_table {
    width: 100% !important;
    table-layout: fixed;
  }
  html:not(.mpg-force-desktop) #main_table > tbody > tr > td:not(.border-line-left):not(.border-line-right) {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  html:not(.mpg-force-desktop) #main {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
}


 
.pi_block,
#uid-my-stats-inv,
.shop-scale,
.dimg {
  zoom: var(--sizerem, 1);
}
 
.pi_block,
#uid-my-stats-inv,
.shop-scale,
.win_pos > .win_s1_box,
.win_pos > .win_s2_box,
.win_pos > table {
  font-size: 10pt;
}
 
.pi_block small,
#uid-my-stats-inv small,
.shop-scale small,
.win_pos > .win_s1_box small,
.win_pos > .win_s2_box small,
.win_pos > table small {
  font-size: 0.88em;
}
 
.pi_block *,
#uid-my-stats-inv *,
.shop-scale *,
.win_pos > .win_s1_box *,
.win_pos > .win_s2_box *,
.win_pos > table * {
  --sizerem: 1;
}
 
.win_pos > .win_s1_box,
.win_pos > table {
  zoom: var(--sizerem, 1);
}
 
#main_tbl_inventory img { zoom: var(--sizerem, 1); }
#main_tbl_inventory .pi_block img { zoom: 1; }
 
#main_tbl_inventory .i-inf,
#main_tbl_inventory .i-inf2,
#main_tbl_inventory img[data-city] { zoom: 1; }
 
.win_pos .pi_block,
.win_pos #uid-my-stats-inv,
.win_pos .dimg,
.shop-scale .dimg {
  zoom: 1;
}


 
#hover-menu {
  border-width: calc(1px * var(--sizerem, 1));
  font-size: calc(9px * var(--sizerem, 1));
}
#hover-menu a {
  font-size: calc(8pt * var(--sizerem, 1));
  padding: calc(2px * var(--sizerem, 1)) calc(12px * var(--sizerem, 1)) calc(2px * var(--sizerem, 1)) calc(8px * var(--sizerem, 1));
}



 
.i-inf,
.i-inf2,
img[data-city] {
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  width: calc(12px * var(--sizerem, 1));
  height: calc(11px * var(--sizerem, 1));
}


 
.mpg-item-img { zoom: 1 !important; }
html[data-sizerem="15px"] .shop-scale .mpg-item-img,
html[data-sizerem="15px"] .win_pos .mpg-item-img,
html[data-sizerem="15px"] .pi_block .mpg-item-img { zoom: 0.833333 !important; }
html[data-sizerem="16px"] .shop-scale .mpg-item-img,
html[data-sizerem="16px"] .win_pos .mpg-item-img,
html[data-sizerem="16px"] .pi_block .mpg-item-img { zoom: 0.714286 !important; }
html[data-sizerem="17px"] .shop-scale .mpg-item-img,
html[data-sizerem="17px"] .win_pos .mpg-item-img,
html[data-sizerem="17px"] .pi_block .mpg-item-img { zoom: 0.666667 !important; }


 
.info-skeleton { min-height: 100%; color: transparent; padding: 37px 11px 0 15px; box-sizing: border-box; }
.info-sk-grid { display: grid; grid-template-columns: 250px minmax(0, 1fr) 110px; gap: 14px; align-items: start; }
.info-sk-col { min-width: 0; }
.info-sk-avatar, .info-sk-zodiac-img, .info-sk-line, .info-sk-title {
    background: linear-gradient(100deg, #cfcfcf 20%, #e2e2e2 40%, #cfcfcf 60%);
    background-size: 200% 100%;
    animation: info-sk-pulse 1.3s linear infinite;
    border-radius: 1px;
}
.info-sk-avatar { width: 240px; max-width: 100%; height: 286px; border: 1px solid #b5b5b5; box-sizing: border-box; margin-bottom: 10px; }
.info-sk-zodiac-img { width: 100px; height: 100px; margin: 20px auto 10px; }
.info-sk-line { height: 11px; margin-bottom: 8px; }
.info-sk-title { height: 14px; width: 55%; margin-bottom: 13px; }
.info-sk-w30 { width: 30%; } .info-sk-w45 { width: 45%; } .info-sk-w55 { width: 55%; }
.info-sk-w70 { width: 70%; } .info-sk-w80 { width: 80%; }
.info-sk-anketa { border-top: 1px solid #d0cdcd; margin-top: 14px; padding-top: 12px; max-width: 760px; }
@keyframes info-sk-pulse { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@media (max-width: 730px) {
    .info-skeleton { padding: 24px 10px 0 12px; }
    .info-sk-grid { grid-template-columns: 1fr; }
    .info-sk-zodiac { display: none; }
}


 
 
.info-own-skel { width: 240px; min-height: 280px; }
.info-own-skel .pi-skel,
.info-own-skel .pi-skel-figure {
  background: linear-gradient(100deg, #cfcfcf 20%, #e6e6e6 40%, #cfcfcf 60%);
  background-size: 200% 100%;
  animation: info-skel-pulse 1.3s linear infinite;
  border-radius: 2px;
  box-sizing: border-box;
}
 
.info-own-skel .pi-skel-bar {
  background: linear-gradient(100deg, #c4c4c4 20%, #dcdcdc 40%, #c4c4c4 60%);
  background-size: 200% 100%;
  animation: info-skel-pulse 1.3s linear infinite;
  border-radius: 2px;
  margin-bottom: 0;
}
@keyframes info-skel-pulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
 
.info-own-skel .pi-skel-figure { border: 1px solid #b8b8b8; }

 
.info-skel-bar {
  background: linear-gradient(100deg, #cfcfcf 20%, #e6e6e6 40%, #cfcfcf 60%);
  background-size: 200% 100%;
  animation: info-skel-pulse 1.3s linear infinite;
  border-radius: 2px;
  line-height: 0;
  font-size: 0;
}
.info-body.info-skel .pi_hr { border: none; border-top: 1px solid #c8c8c8; margin: 6px 0; }
.info-body.info-skel .info-anketa .info-skel-bar { display: block; }
 
.info-own-skel .pi-skel-bottom { background: none; }


 
#main_tbl_inventory { table-layout: fixed; }
#main_tbl_inventory .loc-pers-head img { zoom: 1 !important; }

 
.mpg-selectable,
.mpg-selectable * {
    -webkit-user-select: text;
       -khtml-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
}

 
.mpg-btl-set td { vertical-align: top; }
.mpg-btl-set .mpg-btl-set-t { width: 20rem; padding: 4px 6px 4px 0; }
.mpg-btl-row { padding: 3px 0; }
.mpg-btl-row label { cursor: pointer; }
.mpg-btl-row small { color: #666; }
.mpg-btl-row input[type="radio"],
.mpg-btl-row input[type="checkbox"] { vertical-align: middle; margin-right: 3px; }
.mpg-btl-set .mpg-btl-sub { padding-left: 30px; }

 
[uk-spinner]{display:inline-block;width:1em;height:1em;border:2px solid rgba(0,0,0,.15);border-top-color:#0000008c;border-radius:50%;animation:frnd-spin .9s linear infinite;vertical-align:middle;box-sizing:border-box}@keyframes frnd-spin{to{transform:rotate(360deg)}}#main .user-login-move,.windows_box .user-login-move{user-select:none;-webkit-user-select:none}@media(max-width:899px){html:not(.mpg-force-desktop) #main>div>table>tbody>tr,html:not(.mpg-force-desktop) #main>div>table>tbody>tr>td{display:block;width:auto!important}}

 
.info-body{background:#dedede}.info-body .pi_block{margin-left:auto;margin-right:auto}.info-body .pi_login{white-space:nowrap}.info-body .info-anketa{overflow-wrap:anywhere}.info-body .eff-block,#ui-my-info-inv .eff-block{width:40px;height:25px;display:inline-block;position:relative}.info-body .eff-size0,#ui-my-info-inv .eff-size0{width:40px;height:25px}.info-body .eff-size1,#ui-my-info-inv .eff-size1{width:30px;height:19px}.info-body .eff-mnb,#ui-my-info-inv .eff-mnb{width:40px;height:25px;display:inline-block;object-fit:contain}.info-body .eff-size1.eff-mnb,#ui-my-info-inv .eff-size1.eff-mnb{width:30px;height:19px}.info-body .eff-x,#ui-my-info-inv .eff-x{font-size:10px;right:1px;bottom:1px;color:#fefefe;cursor:default;position:absolute;text-shadow:#000 1px 0,#000 1px 1px,#000 0 1px,#000 -1px 1px,#000 -1px 0,#000 -1px -1px,#000 0 -1px,#000 1px -1px;left:0;z-index:1}@media(max-width:729px){.info-body .info-body-table,.info-body .info-body-table>tbody,.info-body .info-body-table>tbody>tr,.info-body .info-body-table>tbody>tr>td{display:block;width:auto!important}.info-body .info-body-table{padding:0 10px}.info-body .info-body-table>tbody>tr>td{text-align:center!important}.info-body .info-col-main{padding-bottom:12px}.info-body .info-col-facts{padding-top:6px}.info-body .info-facts-wrap{margin:0 auto!important;text-align:center}.info-body .info-col-facts hr.pi_hr{width:calc(100% - 24px)!important}.info-body .info-col-zodiac{padding-top:10px}.info-body .info-zodiac-row{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center}.info-body .info-zodiac-row img{padding-top:0}.info-body .info-zodiac-row br{display:none}.info-body .info-anketa{margin-left:0!important;padding:0 20px 20px;text-align:left}}.info-body.info-stack .info-body-table,.info-body.info-stack .info-body-table>tbody,.info-body.info-stack .info-body-table>tbody>tr,.info-body.info-stack .info-body-table>tbody>tr>td{display:block;width:auto!important}.info-body.info-stack .info-body-table{padding:0 10px}.info-body.info-stack .info-body-table>tbody>tr>td{text-align:center!important}.info-body.info-stack .info-col-main{padding-bottom:12px}.info-body.info-stack .info-col-facts{padding-top:6px}.info-body.info-stack .info-facts-wrap{margin:0 auto!important;text-align:center}.info-body.info-stack .info-col-facts hr.pi_hr{width:calc(100% - 24px)!important}.info-body.info-stack .info-col-zodiac{padding-top:10px}.info-body.info-stack .info-zodiac-row{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center}.info-body.info-stack .info-zodiac-row img{padding-top:0}.info-body.info-stack .info-zodiac-row br{display:none}.info-body.info-stack .info-anketa{margin-left:0!important;padding:0 20px 20px;text-align:left}.info-body .inf-bot-effects{max-width:240px;margin:5px auto 0;padding:4px 6px;text-align:left;border:1px solid #c8c8c8;background:#f3f3f3;border-radius:3px;line-height:1}.info-body .inf-bot-effects-list{display:flex;flex-wrap:wrap;gap:2px;margin-top:3px}

 
 

 
.loc-map-box {
  position: relative;
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
  contain: inline-size;
  margin-left: auto;
  margin-right: 0;
}

 
.loc-room-table { width: 100%; table-layout: fixed; }
.loc-cell-map { width: 100%; }
.loc-room-right { text-align: right; }
.loc-room-right .loc_links_bar,
.loc-room-right .loc_title_line {
  display: block;
  margin-left: auto;
  margin-right: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.loc-panel {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  padding: 0.5rem 0.625rem;
  font-size: 0.8rem;
  color: #333;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
}
.loc-panel-title { font-weight: bold; color: #555; }
.loc-panel-body { min-height: 9rem; }
.loc-stats {
  zoom: var(--sizerem, 1);
  font-size: 10pt;
  line-height: 1.25;
}
.loc-stats small { font-size: 0.88em; }
.loc-stats * { --sizerem: 1; }
.loc-panel-pers { padding: 2px; }

 
.eloc_obj > [class^="eloc_shadow"] {
  position: absolute;
  top: 0;
  left: 0;
}

.online_x { color: #8a2b2b; font-weight: bold; }

 
.loc-root {
  display: grid;
  grid-template-columns: minmax(11rem, 15rem) minmax(0, 1fr);
  gap: 0.75rem;
  padding: 0.375rem;
  align-items: start;
}
.loc-info {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  padding: 0.5rem 0.625rem;
  font-size: 0.8rem;
  color: #333;
  box-sizing: border-box;
}
.loc-error { display: none; color: #8f0000; font-weight: bold; font-size: 0.85rem; padding: 0.2rem 0; }
.loc-error.on { display: block; }

 
.loc-skeleton { width: 100%; pointer-events: none; }
.loc-sk-line, .loc-sk-avatar, .loc-sk-map, .loc-sk-tile, .loc-sk-btns span {
  background: linear-gradient(100deg, #cfcfcf 20%, #e6e6e6 40%, #cfcfcf 60%);
  background-size: 200% 100%;
  animation: loc-sk-pulse 1.3s linear infinite;
  border-radius: 2px;
}
@keyframes loc-sk-pulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.loc-sk-line { height: 11px; margin-bottom: 8px; }
.loc-sk-head { height: 16px; width: 55%; margin: 2px auto 10px; }
.loc-sk-w80 { width: 80%; }
.loc-sk-w70 { width: 70%; }
.loc-sk-w60 { width: 60%; }
.loc-sk-w40 { width: 40%; }
.loc-sk-pers { padding: 6px 8px; }
.loc-sk-avatar { width: 100%; height: 250px; margin-bottom: 10px; }
.loc-sk-stats { padding-top: 18px; padding-left: 6px; }
.loc-sk-map { width: 100%; min-height: 300px; height: 42vh; margin: 4px 0 10px; }
.loc-sk-btns { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
.loc-sk-btns span { display: block; width: 90px; height: 26px; }
 
.loc-sk-items { grid-template-columns: minmax(11rem, 15rem) minmax(0, 1fr); }
.loc-sk-left { padding-top: 4px; }
.loc-sk-left .loc-sk-head,
.loc-sk-right .loc-sk-head { width: 70%; margin: 2px 0 12px; }
.loc-sk-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 6px; margin-bottom: 10px; }
.loc-sk-tile { height: 84px; }
@media (max-width: 899px) {
  html:not(.mpg-force-desktop) .loc-sk-items { display: flex; flex-direction: column; }
}

 
.itmloc-error {
  display: none;
  color: #8f0000;
  font-weight: bold;
  font-size: 0.85rem;
}

 
.loc-picker { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 0.5rem; }
.loc-pick {
  background: #fff; border: 1px solid #c8c8c8; border-radius: 4px;
  padding: 0.6rem 0.7rem; cursor: pointer; font-size: 0.8rem; color: #333;
}
.loc-pick:hover { border-color: #8a2b2b; }
.loc-pick .t { font-weight: bold; font-size: 0.85rem; }
.loc-pick .d { color: #666; font-size: 0.75rem; margin-top: 0.2rem; }
.loc-pick .on { color: #8a2b2b; font-size: 0.75rem; margin-top: 0.25rem; }
.loc-free { background: #fff; border: 1px solid #c8c8c8; border-radius: 4px; padding: 0.75rem; font-size: 0.8rem; }
.loc-free .row { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; margin-top: 0.5rem; }
.loc-free input { height: 1.7rem; padding: 0 0.4rem; border: 1px solid #b5b5b5; border-radius: 3px; box-sizing: border-box; }

 
@media (max-width: 899px) {
  html:not(.mpg-force-desktop) .loc-root { display: flex; flex-direction: column; }
  html:not(.mpg-force-desktop) .loc-picker { grid-template-columns: 1fr 1fr; }
  html:not(.mpg-force-desktop) .loc-free .row input { flex: 1 1 100%; }
   
  html:not(.mpg-force-desktop) .loc-cell-pers,
  html:not(.mpg-force-desktop) .loc-cell-stats { display: none; }
}
@media (max-width: 420px) {
  html:not(.mpg-force-desktop) .loc-picker { grid-template-columns: 1fr; }
}

 
 

 
.sec-page .sec-grid,
.sec-page .uk-grid.sec-grid { margin-left: 0 !important; margin-right: 0 !important; }
.sec-page .sec-grid > .pui-width-1-1 { margin-left: 0 !important; margin-right: 0 !important;
  padding-left: 0 !important; padding-right: 0 !important; }
.sec-page fieldset.pui-field { min-width: 0 !important; max-width: 100%; box-sizing: border-box;
  margin: 4px 0 6px; padding: 0 8px 8px; }
.sec-page fieldset.pui-field > legend { max-width: 100%; }
.sec-page fieldset.pui-field table { width: auto; max-width: 100%; box-sizing: border-box; }

 
.sec-page .pui-field .pui-inp { box-sizing: border-box; width: 300px; max-width: 100%; }
.sec-page .pui-inp { max-width: 300px; }
.sec-win .pui-inp { max-width: 300px; }

 
.sec-page input.pui-inp,
.sec-win input.pui-inp {
  height: 20px !important;
  box-sizing: border-box;
}
.sec-page .pui-field table { width: auto; max-width: 100%; }
.sec-page .pui-field table > tbody > tr > td { white-space: nowrap; }
.sec-page .pui-field table > tbody > tr > td > i { white-space: normal; }

 
.sec-btn {
  width: auto !important;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  box-sizing: border-box;
}

 
.sec-grid { display: block; }
.sec-grid > .pui-width-1-1 { width: 100%; }

 
.sec-mask { position: fixed; inset: 0; z-index: 100200; background: rgba(0, 0, 0, .25); touch-action: none; }
.sec-win { position: fixed; z-index: 100201; background: #f2f0f0; border: 1px solid #888;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, .45); box-sizing: border-box; max-width: calc(100vw - 20px); }
.sec-win-head { display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 0.3rem 0.45rem; background: #d2d0d0; border-bottom: 1px solid #b6b3b3; font-weight: bold;
  font-size: 0.9rem; cursor: move; user-select: none; }
.sec-win-x { border: 1px solid #9a9a9a; background: #e8e6e6; width: 22px; height: 20px; line-height: 1;
  cursor: pointer; font-size: 12px; padding: 0; }
.sec-win-x:hover { background: #f5d0d0; }
.sec-win-body { padding: 8px; font-size: 0.9rem; max-height: calc(100vh - 120px); overflow: auto; }

 
@media (max-width: 899px) {
  .sec-page .pui-field { margin: 0 0 8px; }
  .sec-page .pui-field table,
  .sec-page .pui-field table > tbody,
  .sec-page .pui-field table > tbody > tr,
  .sec-page .pui-field table > tbody > tr > td { display: block; width: auto !important; box-sizing: border-box; }
  .sec-page .pui-field table > tbody > tr > td { text-align: left !important; padding: 2px 4px; }
  .sec-page .pui-field table > tbody > tr > td[align="right"] { padding-top: 6px; color: #555; }
   
  .sec-page .pui-field .pui-inp { width: 300px; max-width: 100%; }
  .sec-page .pui-field table > tbody > tr > td { white-space: normal; }
  .sec-btn { width: auto !important; max-width: 100%; }
  .sec-win { left: 10px !important; right: 10px !important; top: 30px !important; bottom: 30px !important;
    width: auto !important; max-width: none; height: auto; }
  .sec-win-body { max-height: none; height: calc(100% - 34px); box-sizing: border-box; }
}

 
 
.p2-wrap {
  position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100300;
  background-color: #666666; overflow: auto; overscroll-behavior: contain;
  height: 100vh; height: 100dvh; height: 100lvh;
  font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
  line-height: normal; font-size: 10pt; color: #000;
  -webkit-text-size-adjust: 100%;
}
html.mpg-kbd-lock, html.mpg-kbd-lock body { position: fixed; width: 100%; overflow: hidden !important; }

.p2-center { text-align: center; padding: 0 10px; box-sizing: border-box; }
.p2-h3 { margin: 1em 0 0.5em; font-size: 1.17em; font-weight: bold; }
.p2-err { color: #f36464; font-size: 10pt; min-height: 1.2em; margin: 0 0 6px; text-shadow: 0 0 1px #fff; }

 
.p2-panel {
  transform: scale(0.2);
  transition: ease-in-out 1s all;
  cursor: default;
  display: inline-block;
  min-width: 220px;
  height: auto;
  border-radius: 5px;
  border: 2px solid #3d467b;
  background-color: #dededd;
  max-width: calc(100vw - 20px);
  box-sizing: border-box;
  text-align: left;
}
.p2-panel.p2-leave {
  transform: scale(0.2) !important;
  opacity: 0;
  transition: transform 2s ease-in-out, opacity 2s ease-in-out;
  pointer-events: none;
}
.p2-panel table { border-collapse: separate; }
.p2-panel .p2-hdr { background-color: #466ba0; }
.p2-panel .p2-hdr-t { color: #fff; font-size: 10pt; }
.p2-panel .p2-body { padding: 5px; }
.p2-panel .p2-inputrow { padding-bottom: 10px; }

 
.tbatonlste0 {
  background-color: #fff;
  border: 2px solid #3d467b;
  border-radius: 4px;
  color: #3d467b;
  font-size: 13pt;
  cursor: default;
  font-weight: bold;
  text-align: center;
  height: 30pt;
  width: 130pt;
  max-width: 100%;
  box-sizing: border-box;
  font-family: inherit;
}
.tbatonlste1 {
  background-color: #fff;
  border: 2px solid #3d467b;
  border-radius: 4px;
  color: #3d467b;
  font-size: 13pt;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  font-family: inherit;
}
.tbatonlste12 {
  background-color: #e77817;
  border: 2px solid #3d467b;
  border-radius: 4px;
  color: #3d467b;
  font-size: 13pt;
  cursor: pointer;
  font-weight: bold;
  box-sizing: border-box;
  font-family: inherit;
}
.btnktp1 { height: 30pt; font-size: 16pt; aspect-ratio: 1 / 1; margin: 0; padding: 0; }
.btnktp2 { height: 30pt; font-size: 16pt; aspect-ratio: 2.07 / 1; margin: 0; padding: 0; }
.btnktp0fx .btnktp1 { aspect-ratio: 2.17 / 1; }
.btnktp3 { height: 62pt; font-size: 10pt; aspect-ratio: 1 / 1; margin: 0; padding: 0; }
.p2-clearbtn { font-size: 10pt !important; }
.tbatonlste1:hover {
  -webkit-box-shadow: 0px 0px 1px 1px rgba(249, 186, 66, 1) inset;
  box-shadow: 0px 0px 1px 1px rgba(249, 186, 66, 1) inset;
  cursor: pointer;
}
.tbatonlste1:active { box-shadow: none; background-color: #e2e1da; }
.btnktp1, .btnktp2, .btnktp3 { -webkit-appearance: none; appearance: none; }

.g2fa-form { font-size: 10pt; color: #3d467b; text-align: left; padding: 10px; }
.g2fa-input { width: 140pt; max-width: 100%; letter-spacing: 2px; }
.g2fa-actions { margin-top: 10px; text-align: right; }
.g2fa-ok { height: 30pt; padding: 0 14pt; cursor: pointer; }

 
.xbtn {
  background-color: #ea292e;
  width: 30px; height: 24px;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 11pt;
  color: #fff;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
}
.xbtn:hover { background-color: #e26767; }
.cp { cursor: pointer; }
.p2-shuffle { display: inline-block; margin: 0 0 20px; font-size: 10pt; color: #000; }
.p2-shuffle:hover { text-decoration: none; }

.p2-noselect, .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

 
@media (max-width: 899px) {
  .p2-wrap { font-size: 9.5pt; }
  .p2-panel { min-width: 0; width: auto; max-width: calc(100vw - 16px); }
  .p2-center { padding: 0 8px; }
  .tbatonlste0 { width: 120pt; height: 28pt; font-size: 12.5pt; }
  .btnktp1 { height: 28pt; font-size: 15pt; }
  .btnktp2 { height: 28pt; font-size: 14pt; }
  .btnktp3 { height: 58pt; }
  .p2-panel .p2-body { padding: 4px; }
  .p2-h3 { font-size: 1.05em; }
}
@media (max-width: 360px) {
  .tbatonlste0 { width: 104pt; }
  .btnktp1 { height: 26pt; }
  .btnktp2 { height: 26pt; }
  .btnktp3 { height: 54pt; }
}

 
.g2fa-form input { box-sizing: border-box; max-width: 100%; }

 
.sec-social-list { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 2px; }
.sec-social-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  font-size: 10pt; color: #3d467b; line-height: 1.35; }
.sec-social-row--linked { color: #2f6b2f; }
.sec-social-row--off { color: #888; }
.sec-social-row b { color: inherit; }
.sec-social-note { font-size: 9pt; color: #777; }
.sec-social-row .sec-social-note { margin-left: 2px; }
.sec-social-btn { width: auto !important; min-width: 132px; height: 26px; padding: 0 10px;
  font-size: 10pt; margin: 0; }
.sec-social-msg { display: none; margin-top: 6px; padding: 6px 8px; border-radius: 3px;
  font-size: 10pt; box-sizing: border-box; }
.sec-social-msg.is-info { display: block; background: #eef3ff; color: #3d467b; }
.sec-social-msg.is-ok { display: block; background: #eaf6ea; color: #2f6b2f; }
.sec-social-msg.is-err { display: block; background: #fdeaea; color: #8f0000; }
.sec-social-off { color: #888; font-size: 10pt; }

 
 

 
.shadow-pers.shadow-sel {
  outline: calc(7px * var(--sizerem)) solid #c50000;
  outline-offset: calc(-7px * var(--sizerem));
}
 
.shadow-pers.shadow-sel:hover { outline-color: #ff1f1f; }

 
@media (max-width: 899px) {
  #shadow_body .shadow-grid,
  #shadow_body .shadow-group-title { text-align: center; }
}

 


 


 
@media(max-width:899px){html:not(.mpg-force-desktop) #main>table[width="100%"]>tbody>tr:nth-child(1)>td,html:not(.mpg-force-desktop) #main>table[width="100%"]>tbody>tr:nth-child(2)>td{display:block;min-width:0!important;width:auto!important}html:not(.mpg-force-desktop) #main>table[width="100%"]>tbody>tr>td:nth-child(2){display:none}html:not(.mpg-force-desktop) #main td[data-sk-menu]{display:inline-block;width:auto!important;padding:.2rem .6rem!important;border-radius:2px;margin:1px}html:not(.mpg-force-desktop) #main td[data-sk-menu]+td[data-sk-menu]{margin-left:1px}}

 
#main #bank_main input.pui-inp,#main:has(#banksel) input.pui-inp{height:20px!important;box-sizing:border-box}#main .bank-btn,#main #bank_main button.pui-btn1,#main:has(#banksel) button.pui-btn1{width:auto!important;min-width:0;max-width:100%;white-space:normal;box-sizing:border-box}@media(max-width:899px){html:not(.mpg-force-desktop) #main:has(#bank_main)>div>table[width="100%"]>tbody>tr>td,html:not(.mpg-force-desktop) #main:has(#banksel)>div>table[width="100%"]>tbody>tr>td{display:block;width:auto!important;max-width:100%}html:not(.mpg-force-desktop) #main #bank_main>tbody>tr>td,html:not(.mpg-force-desktop) #main #bank_main table[width="100%"]>tbody>tr>td{display:block;width:auto!important;max-width:100%}html:not(.mpg-force-desktop) #main #bank_main fieldset,html:not(.mpg-force-desktop) #main #bank_main center>fieldset{width:auto!important;max-width:100%;box-sizing:border-box}html:not(.mpg-force-desktop) #main #bank_main input.pui-inp,html:not(.mpg-force-desktop) #main #bank_main select.pui-inp,html:not(.mpg-force-desktop) #main #bank_main button,html:not(.mpg-force-desktop) #main #bank_main textarea{max-width:100%;box-sizing:border-box}html:not(.mpg-force-desktop) #main:has(#banksel) fieldset{width:auto!important;max-width:100%;box-sizing:border-box}html:not(.mpg-force-desktop) #main:has(#banksel) table[width="100%"]>tbody>tr>td{display:block;width:auto!important;max-width:100%}html:not(.mpg-force-desktop) #main:has(#banksel) input,html:not(.mpg-force-desktop) #main:has(#banksel) select,html:not(.mpg-force-desktop) #main:has(#banksel) button{max-width:100%;box-sizing:border-box}}

 
 
.shadow-pers-bg {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.shadow-pers {
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  width: calc(120px * var(--sizerem, 1));
}
.shadow-effs {
  position: absolute;
  width: calc(120px * var(--sizerem, 1));
  height: 1px;
  top: calc(2px * var(--sizerem, 1));
  left: 0;
  z-index: 2;
  word-break: normal;
}
.eff-block {
  width: calc(40px * var(--sizerem, 1));
  height: calc(25px * var(--sizerem, 1));
  display: inline-block;
  position: relative;
}
.eff-stack {
  position: absolute;
  right: 1px;
  bottom: 1px;
  min-width: 12px;
  padding: 0 2px;
  background: rgba(0, 0, 0, 0.72);
  border-radius: 2px;
  color: #fff;
  font: bold 10px/12px Verdana, Arial, sans-serif;
  text-align: center;
  pointer-events: none;
}
.eff-mnb {
  width: calc(40px * var(--sizerem, 1));
  height: calc(25px * var(--sizerem, 1));
  display: inline-block;
  object-fit: contain;
}
.eff-size0 {
  width: calc(40px * var(--sizerem, 1));
  height: calc(25px * var(--sizerem, 1));
}
.eff-size1 {
  width: calc(30px * var(--sizerem, 1));
  height: calc(19px * var(--sizerem, 1));
}
.eff-x {
  font-size: 10px;
  right: 1px;
  bottom: 1px;
  color: #fefefe;
  cursor: default;
  position: absolute;
  text-shadow: #000 1px 0,#000 1px 1px,#000 0 1px,#000 -1px 1px,#000 -1px 0,#000 -1px -1px,#000 0 -1px,#000 1px -1px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px;
  left: 0;
  z-index: 1;
}

 
.w_slots_new_in{margin:1px;outline:2px solid #a3a3a3;outline-offset:-2px;display:flex;align-items:center;justify-content:center;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;line-height:0}.w_slots_new_in_blink{border:2px solid transparent;margin-top:2px;outline:3px solid transparent;outline-offset:-3px;position:relative;background:linear-gradient(#d3d3d3,#d3d3d3) padding-box,linear-gradient(-90deg,#a3a3a3,silver,#d4d4d4,#fff,silver,#a3a3a3) border-box;background-size:100% 100%,600% 100%;animation:gradient-slide 30s linear infinite}@keyframes gradient-slide{0%{background-position:0 0,0% 0}to{background-position:0 0,600% 0}}.w_slots_new_inOk{margin:1px;position:relative;outline:calc(1px * var(--sizerem)) solid #646464;outline-offset:calc(-1px * var(--sizerem));display:flex;align-items:center;justify-content:center;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;line-height:0}.w_slots_new_inOk:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset calc(1px * var(--sizerem)) 0 0 0 #eee,inset 0 calc(1px * var(--sizerem)) 0 0 #eee,inset calc(-1px * var(--sizerem)) 0 0 0 #222,inset 0 calc(-1px * var(--sizerem)) 0 0 #222}.w_slots_new_inOk.effSlot1{margin-top:1px;position:relative}.w_slots_new_inOk.effSlot1:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;padding:calc(2px * var(--sizerem));background:linear-gradient(90deg,gold,#daa520,#b8860b,#f4a460,orange,gold);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:600% 100%;animation:gradient-slide_wslots 15s linear infinite}.w_slots_new_inOk.effSlot2{position:relative;overflow:hidden}.w_slots_new_inOk.effSlot2:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 45%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 55%,transparent 70%);background-size:200% 200%;-webkit-mask-image:url(/modules/inventory/your-image.png);mask-image:url(/modules/inventory/your-image.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:shine-sweep 2.5s ease-in-out infinite;z-index:3;pointer-events:none}@keyframes gradient-slide_wslots{0%{background-position:0% 0}to{background-position:600% 0}}@keyframes shine-sweep{0%{background-position:-100% -100%}to{background-position:200% 200%}}@media(max-width:560px){#main_tbl_inventory{table-layout:fixed}#main_tbl_inventory>tbody>tr>td:first-child{width:36%!important}#main_tbl_inventory>tbody>tr>td:nth-child(2){width:28%!important}#main_tbl_inventory>tbody>tr>td:nth-child(3){width:36%!important}.msm_title{min-width:0}#inv_filter_name{width:88px!important}#main_tbl_inventory #inv_main table{table-layout:fixed;width:100%!important}#main_tbl_inventory #inv_main td.inv-zn{white-space:normal;word-break:break-word;line-height:1.2}#main_tbl_inventory #inv_main{margin-left:0!important}#main_tbl_inventory #inv_main>table{min-width:0!important}#main_tbl_inventory #inv_main td.inv-zn{font-size:11px;line-height:1.15;padding-left:1px;padding-right:1px}}.inv-skeleton{display:grid;grid-template-columns:calc(246px * var(--sizerem, 1)) calc(244px * var(--sizerem, 1)) minmax(0,1fr);gap:calc(10px * var(--sizerem, 1));padding:calc(10px * var(--sizerem, 1));box-sizing:border-box;width:100%}.inv-sk-col{min-width:0}.inv-sk-avatar{width:calc(240px * var(--sizerem, 1));height:calc(286px * var(--sizerem, 1));background:linear-gradient(100deg,#cfcfcf 20%,#e2e2e2,#cfcfcf 60%);background-size:200% 100%;animation:inv-sk-pulse 1.3s linear infinite;border:1px solid #b5b5b5;box-sizing:border-box}.inv-sk-login,.inv-sk-title,.inv-sk-toolbar,.inv-sk-line,.inv-sk-tabs span,.inv-sk-row{background:linear-gradient(100deg,#cfcfcf 20%,#e2e2e2,#cfcfcf 60%);background-size:200% 100%;animation:inv-sk-pulse 1.3s linear infinite}.inv-sk-login{height:calc(18px * var(--sizerem, 1));width:60%;margin:calc(10px * var(--sizerem, 1)) 0 calc(8px * var(--sizerem, 1))}.inv-sk-title{height:calc(14px * var(--sizerem, 1));width:55%;margin-bottom:calc(12px * var(--sizerem, 1))}.inv-sk-line{height:calc(11px * var(--sizerem, 1));margin:0 0 calc(9px * var(--sizerem, 1));border-radius:1px}.inv-sk-loading{font-size:calc(12px * var(--sizerem, 1));color:#666;padding:calc(6px * var(--sizerem, 1)) 0 calc(10px * var(--sizerem, 1))}.inv-sk-tabs{display:flex;gap:calc(4px * var(--sizerem, 1));margin-bottom:calc(10px * var(--sizerem, 1))}.inv-sk-tabs span{display:block;height:calc(24px * var(--sizerem, 1));flex:1}.inv-sk-toolbar{height:calc(28px * var(--sizerem, 1));width:100%;margin-bottom:calc(10px * var(--sizerem, 1))}.inv-sk-row{height:calc(154px * var(--sizerem, 1));margin-bottom:calc(6px * var(--sizerem, 1))}@keyframes inv-sk-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}

 
.shp_menu_a{text-align:left;font-weight:bolder;color:#038;font-size:calc(9pt * var(--sizerem));cursor:pointer}.shp_menu_a:hover{color:#06f;background-color:#e3e3e378}

 
@media(max-width:700px){#main>div[style*="padding:5px"]>table,#main>div[style*="padding:5px"]>table>tbody,#main>div[style*="padding:5px"]>table>tbody>tr{display:block;width:100%}#main>div[style*="padding:5px"]>table>tbody>tr>td{display:block;width:100%!important;max-width:100%;box-sizing:border-box;text-align:left}#main>div[style*="padding:5px"]>table>tbody>tr>td[width="200"]{padding-top:6px}#main{max-width:100%;overflow-x:hidden}#auction_title{overflow-x:auto;-webkit-overflow-scrolling:touch}#auction_title>table{width:100%;min-width:0}#auction_title td{padding:0 1px;white-space:normal;font-size:8pt}#auction_content{width:100%;max-width:100%;overflow-x:hidden}#auction_content>table{width:100%;min-width:0;table-layout:fixed}#auction_content td{word-break:break-word;overflow-wrap:anywhere;padding-left:2px;padding-right:2px}#auction_content .box_inv_r{max-width:100%;overflow-wrap:anywhere}#auction_content #inv_main,#auction_content #inv_main>table,#auction_content #inv_main>table>tbody,#auction_content #inv_main>table>tbody>tr,#auction_content #inv_main>table>tbody>tr>td{display:block;width:100%!important;max-width:100%;box-sizing:border-box}#inv_block_auctiontrf{max-height:60vh;overflow-y:auto}}

 
@media(max-width:560px){#comission_content #inv_main>table{width:100%!important;table-layout:fixed}#comission_content #inv_main>table>tbody>tr:first-child td.inv-zn{font-size:10px!important;padding:0 1px!important;white-space:normal!important}}

 
@media(max-width:899px){#notepad{width:94%!important;box-sizing:border-box;max-height:60vh}}

 
@media(max-width:899px){#win_telegrams{left:4px!important}html:not(.mpg-force-desktop) #win_telegrams{top:56px!important;width:calc(100vw - 8px)!important;overflow-x:auto}html:not(.mpg-force-desktop) #win_telegrams .win_s2_box{width:auto!important}}

 
#main .box_inv_r{border-left:1px solid #a5a5a5;padding:2px}@media(max-width:560px){#main table[bgcolor="#d2d2d2"]{table-layout:fixed;width:100%!important}#main table[bgcolor="#d2d2d2"] td{white-space:normal!important;padding:1px!important;font-size:10px!important}#main table[bgcolor="#d2d2d2"] td[width="90%"]{width:0!important}}

 
.hostel__wrapper{display:flex;flex-direction:column;background-color:#ddd;padding:5px;height:calc(100% - 10px);min-width:1030px}.hostel__header{display:flex;justify-content:flex-end;padding:0 8px;margin-bottom:4px}.hostel__message{color:red;font-weight:700;margin-right:auto}.hostel__content{display:flex;height:100%}.hostel__info{display:flex;flex-direction:column;width:100%;height:auto}.hostel__info_header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;background-color:#c8c8c8}.hostel__info_player{font-weight:700}.hostel__info_btn{text-align:center;text-decoration:none;width:12px;height:11px;display:inline-block;color:#fff;font-size:12px;background-color:#00f;box-shadow:-2px -2px 2px #fff}.hostel__chest_info{padding:2px;height:16px;background-color:#d4d2d2}.hostel__chest_info_bg{background-color:#a5a5a5;height:22px;padding-left:3px}.hostel__chest_inv{width:100%;height:calc(100% - 44px);border:1px solid #a5a5a5;overflow:auto;position:relative}.hostel__chest{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal;height:100%}.hostel__chest_a:nth-child(1){display:block;flex-grow:1;flex-shrink:1;flex-basis:auto;align-self:auto;order:0;width:50%}.hostel__chest_b:nth-child(2){display:block;flex-grow:1;flex-shrink:1;flex-basis:auto;align-self:auto;order:0;width:50%;border:1px solid #a5a5a5}.hostel__info_loc{font-weight:700;color:#8f0000;margin:0}.hostel__notepad{width:90%;max-width:940px;max-height:169px}.hostel__info_rules{padding:4px 8px}.hostel__info_sleep{display:flex;justify-content:space-between;padding:4px 8px}.hostel__info_floor{padding:4px 8px}.hostel__info_noArenda{width:100%;margin:24px;text-align:center;font-size:12px;font-weight:700;color:red}.hostel__menu{display:flex;flex-direction:column;align-items:flex-end;max-width:280px;width:100%}.hostel__menu_nav{margin-bottom:20px}.hostel__menu_floorInfo{display:flex;flex-direction:column;align-items:flex-end}.hostel__menu_fl{width:270px}@media(max-width:1350px){.hostel__menu_fl{width:calc(100% - 5px)}.hostel__menu{display:flex;flex-direction:column;align-items:flex-end;width:auto}}.hostel_menu_name{font-weight:700}

 
@media(max-width:899px){#main table[data-zh-head],#main table[data-zh-head]>tbody,#main table[data-zh-head]>tbody>tr{display:block;width:100%}#main table[data-zh-head]>tbody>tr>td{display:block;width:auto!important;text-align:left}#main table[data-zh-head]>tbody>tr>td[data-zh-nav]{padding-top:6px}#main table[data-zh-cols],#main table[data-zh-cols]>tbody,#main table[data-zh-cols]>tbody>tr{display:block;width:100%}#main table[data-zh-cols]>tbody>tr>td{display:block;width:auto!important}#main table[data-zh-cols]>tbody>tr>td[data-zh-col]+td[data-zh-col]{margin-top:10px}#main table[data-zh-cols]>tbody>tr:nth-child(2)>td[data-zh-col]{padding-left:2px}#main input[data-zh-stat]{font-size:16px;height:24px;max-width:100%}#main .zh_btn,#main table[data-zh-cols] img{max-width:100%}}

 
#clanpanel{width:100%;height:32px;color:#333;font-weight:700;font-size:11px;min-width:1250px}.panel{font-size:11px}ul.tabs{height:28px;line-height:25px;list-style:none;margin:0;padding:0;font-size:10px;color:#666;cursor:pointer}ul.tabs li{font-size:10px}.tabs .events{float:left;height:32px;padding-left:50px;background-image:url(/static/img/clanpanel/klan_img_09.jpg);background-repeat:no-repeat;line-height:32px;padding-right:6px}.tabs .control{float:left;height:32px;padding-left:50px;background-image:url(/static/img/clanpanel/klan_img_11.jpg);background-repeat:no-repeat;line-height:32px;padding-right:6px}.tabs .deposit{float:left;height:32px;padding-left:50px;background-image:url(/static/img/clanpanel/klan_img_13.jpg);background-repeat:no-repeat;line-height:32px;padding-right:6px}.tabs .clanart{float:left;height:32px;padding-left:50px;background-image:url(/static/img/clanpanel/klan_img_17.jpg);background-repeat:no-repeat;line-height:32px;padding-right:6px}.tabs .rules{float:left;height:32px;padding-left:50px;background-image:url(/static/img/clanpanel/klan_img_19.jpg);background-repeat:no-repeat;line-height:32px;padding-right:6px}.tabs .info{float:left;height:32px;padding-left:50px;background-image:url(/static/img/clanpanel/klan_img_21.jpg);background-repeat:no-repeat;line-height:32px;padding-right:6px}.tabs .members{float:left;height:32px;padding-left:50px;background-image:url(/static/img/clanpanel/klan_img_23.jpg);background-repeat:no-repeat;line-height:32px;padding-right:6px}.tabs .last{float:right;width:15px;height:32px;background-image:url(/static/img/clanpanel/klan_img_25.jpg);background-repeat:no-repeat}.name{float:left;color:#900;height:32px;padding-left:85px;background-image:url(/static/img/clanpanel/klan_s3r3_07.jpg);background-repeat:no-repeat;line-height:32px;padding-right:15px}#clanpanel .panel{float:left;width:100%;height:32px;font-size:11px;background-image:url(/static/img/clanpanel/klan_img_08.jpg);background-repeat:repeat-x}#clanpanel .head{float:left;width:75px;height:18px;font-size:11px;background-image:url(/static/img/clanpanel/klan_img_03.jpg);background-repeat:no-repeat}#clanpanel .foot{float:left;width:75px;height:12px;background-image:url(/static/img/clanpanel/klan_img_27.jpg);background-repeat:no-repeat}.clanicon{position:relative}.tabs li>span{transition:all .1s ease .1s}.tabs li:hover>span{color:red}.active_pgcln{color:red;transition:all .1s ease .1s}.box{width:100%;float:left;display:none;padding-top:25px}.box.visible{display:block}.legtitle{font-weight:700;padding:0 5px;color:#900}.dnbx,.dnbx1{width:25px;height:22px;background-color:#ecece4;vertical-align:middle;text-align:center;display:inline-block;margin:1px;padding-top:3px;cursor:default}.dnbx5{height:22px;background-color:#ecece4;vertical-align:middle;text-align:center;display:inline-block;margin:1px;padding-top:3px;cursor:default}.dnbx:hover{width:25px;height:22px;background-color:#dbdad5;vertical-align:middle;text-align:center;display:inline-block;margin:1px;padding-top:3px;cursor:default}.dnbx2{width:25px;height:22px;background-color:#ae111517;color:#981115;vertical-align:middle;text-align:center;display:inline-block;margin:1px;padding-top:3px;cursor:default}.green_line{margin-top:5px;background-color:#aeaeae;max-width:70%;border:1px solid #ccc;height:20px}.dnbx3{background-color:#b2d7a3;color:#3c8800}.dnbx3 a{color:#394f28}.dnbx3 a:hover{color:#357a00}@media(max-width:900px){#clanpanel{min-width:0!important;width:100vw!important;max-width:100vw;height:auto;overflow:hidden}#clanpanel .panel{min-width:0!important;width:calc(100% - 75px)!important;float:left;overflow-x:auto;-webkit-overflow-scrolling:touch}#clanpanel .panel .tabs{min-width:max-content}#clanpanel .head,#clanpanel .foot{flex-shrink:0}#page_html,#page_html .box.visible{max-width:100vw}#page_html fieldset{min-inline-size:0}#calendar-block-check>.box.visible>fieldset>table,#calendar-block-check>.box.visible>fieldset>table>tbody,#calendar-block-check>.box.visible>fieldset>table>tbody>tr,#calendar-block-check>.box.visible>fieldset>table>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box}#calendar-block-check>.box.visible>fieldset>table>tbody>tr>td+td{margin-top:8px}#calendar-block-check #upd_news table{table-layout:fixed}#calendar-block-check #upd_news td{word-wrap:break-word;overflow-wrap:break-word}#calendar-block-check td[width="300"]>div{width:auto!important;max-width:100%}#page_html>.box.visible>table,#page_html>.box.visible>table>tbody,#page_html>.box.visible>table>tbody>tr,#page_html>.box.visible>table>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box}#page_html>.box.visible>table>tbody>tr>td+td{margin-top:8px}#page_html #inv_main{overflow-x:auto;-webkit-overflow-scrolling:touch}#page_html #inv_main>table{min-width:0!important;width:100%!important;table-layout:fixed}#page_html #inv_main>table>tbody>tr:first-child td.inv-zn{font-size:10px!important;padding:0 1px!important;white-space:normal!important}#upd_diplom>table,#upd_diplom>table>tbody,#upd_diplom>table>tbody>tr,#upd_diplom>table>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box}}

 


 
[data-itemsloc-root]{box-sizing:border-box;max-width:100%}[data-itemsloc-root] img{max-width:100%}@media(max-width:560px){[data-itemsloc-root]>table:first-of-type>tbody>tr{display:block}[data-itemsloc-root]>table:first-of-type>tbody>tr>td{display:block;width:auto!important;text-align:left!important}[data-itemsloc-root]>table:first-of-type>tbody>tr>td[width="200"]{padding-top:4px}[data-itemsloc-root]>table:nth-of-type(2) td[width="200"]{width:48%!important}[data-itemsloc-root]>table:nth-of-type(2) td[width="2"]{width:1px!important}[data-itemsloc-root] .box_inv{display:flex;flex-wrap:wrap}[data-itemsloc-root] .box_inv_r{box-sizing:border-box;word-break:break-word}[data-itemsloc-root] .box_inv_r[style*="width:40%"],[data-itemsloc-root] .box_inv_r[style*="width: 40%"]{width:100%!important;border-left:0!important;border-top:1px solid #a5a5a5}}

 
@media(max-width:899px){#main>table,#main>table>tbody,#main>table>tbody>tr{display:block;width:100%!important}#main>table>tbody>tr>td{display:block;width:auto!important}#main>table>tbody>tr>td:nth-child(2){display:none}#main>table>tbody>tr>td:nth-child(3){text-align:left!important}#main form{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%}#main #elka_message{flex:1 1 100%;min-width:0;width:100%;box-sizing:border-box;max-width:100%;font-size:16px}#main>table img{max-width:100%}}

 
.ach-panel{text-align:center}.ach-head{background:#b4b4b44d;border:1px solid #999;padding:6px 10px;margin-bottom:8px;font-weight:700;font-size:13pt;color:#333;text-transform:uppercase}.ach-legend{background:#e0e0e0;border:1px solid #b0b0b0;padding:4px 8px;margin-bottom:8px;font-size:8pt;color:#555;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.ach-legend b{color:#333}.ach-legend-item{display:flex;align-items:center;gap:3px;white-space:nowrap}.ach-legend-badge{width:14px;height:14px;border-radius:2px;border:1px solid;display:inline-block;flex-shrink:0}.ach-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:14px;max-width:800px;width:100%;margin:0 auto;text-align:left}.ach-list::-webkit-scrollbar{background-color:#dedede;width:16px}.ach-list::-webkit-scrollbar-track{background-color:#dedede}.ach-list::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:5px solid #dedede;min-height:30px}.ach-list::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;border:4px solid #dedede}.ach-list::-webkit-scrollbar-button{display:none}.ach-item{display:flex;align-items:center;gap:8px;padding:5px 7px;cursor:default;position:relative;transition:all .2s ease;user-select:none;-webkit-user-select:none;border-radius:0}.ach-item[data-lvl="7"]{animation:ach-diamond-shine 3s infinite alternate}@keyframes ach-diamond-shine{0%{background:linear-gradient(90deg,#7ab8c81a,#e0e0e0 8%)}to{background:linear-gradient(90deg,#a0d2e140,#eaeaea 8%)}}.ach-item[data-lvl="7"]:nth-child(2n){animation:ach-diamond-shine-even 3s infinite alternate}@keyframes ach-diamond-shine-even{0%{background:linear-gradient(90deg,#7ab8c81a,#d5d5d5 8%)}to{background:linear-gradient(90deg,#a0d2e140,#dfdfdf 8%)}}.ach-item.ach-ready{border-color:#b8a038;background-color:#b8a03836;box-shadow:0 0 8px #b8a03866;animation:ach-ready-glow 1.5s infinite alternate}@keyframes ach-ready-glow{0%{box-shadow:0 0 6px #b8a0384d}to{box-shadow:0 0 14px #b8a03899}}.ach_icon_inf{position:relative;display:inline-block;height:48px;width:48px;background-position:center center;filter:grayscale(.21)}.ach_icon_inf_in{width:48px;height:48px;position:absolute;top:0;left:0;background-position:center center;background-repeat:no-repeat;background-size:100%;filter:invert(90%)}.ach_icon_inf2{transition:all .3s linear}.ach_icon_inf2:hover{transform:scale(1.77);filter:grayscale(0);opacity:1}.ach_icon_inf2:hover .ach_icon_inf_in{filter:invert(0%)}.ach-icon{width:128px;height:128px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ach-icon img{width:76px;height:76px;object-fit:contain;filter:grayscale(1) opacity(.35);transition:all .3s ease}.ach-item[data-lvl="1"] .ach-icon img{filter:grayscale(.6) opacity(.7)}.ach-item[data-lvl="2"] .ach-icon img{filter:grayscale(.4) opacity(.8)}.ach-item[data-lvl="3"] .ach-icon img{filter:grayscale(.2) opacity(.9)}.ach-item[data-lvl="4"] .ach-icon img,.ach-item[data-lvl="5"] .ach-icon img,.ach-item[data-lvl="6"] .ach-icon img{filter:grayscale(0) opacity(1)}.ach-item[data-lvl="7"] .ach-icon img{filter:grayscale(0) opacity(1) drop-shadow(0 0 3px rgba(122,184,200,.6));animation:ach-icon-sparkle 1.5s infinite}@keyframes ach-icon-sparkle{0%,to{filter:grayscale(0) opacity(1) drop-shadow(0 0 2px rgba(122,184,200,.5))}50%{filter:grayscale(0) opacity(1) drop-shadow(0 0 6px rgba(160,210,225,.8))}}.ach-info{flex:1;min-width:0}.ach-name{font-weight:700;color:#333;margin-bottom:2px}.ach-lvl-badge{display:inline-block;padding:1px 5px;font-weight:700;margin-left:4px;white-space:nowrap}.ach-progress{color:#666;margin-bottom:5px}.ach-progress strong{color:#038}.ach-reward{font-size:8pt;color:#555;padding:1px 5px;display:inline-block;margin-bottom:2px}.ach-reward.ach-claimable{background:#b8a03840;border-color:#b8a038;color:#6a5a20;animation:ach-claim-pulse 1s infinite alternate}@keyframes ach-claim-pulse{0%{background:#b8a03833}to{background:#b8a03866}}.ach-bar{width:100%;height:12px;background:#b0b0b0;border-top:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #999;overflow:hidden}.ach-bar-fill{height:100%;background:linear-gradient(180deg,#1b8e17,#21ad1d);border-right:1px solid #158a11;transition:width .4s ease}.ach-item.ach-ready .ach-bar-fill{background:linear-gradient(180deg,#c8a840,#a08020)}.ach-item[data-lvl="7"] .ach-bar-fill{background:linear-gradient(180deg,#7ab8c8,#5a98a8)}.ach-lvl-right{width:36px;text-align:center;flex-shrink:0}.ach-lvl-icon{font-size:15pt}.ach-lvl-txt{font-size:7pt;font-weight:700;color:#666;text-transform:uppercase}.ach-claim-btn{position:absolute;right:50px;top:40px;font-size:7pt;padding:8px 16px;border-radius:3px;border:1px double #b8a038;background:linear-gradient(180deg,#ffe08a,#c8a020);color:#4a3800;cursor:pointer;font-weight:700;font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;z-index:5;animation:ach-claim-bounce .8s infinite alternate}.ach-claim-btn:hover{background:linear-gradient(180deg,#ffeaa0,#dab030)}@keyframes ach-claim-bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.ach-confetti{position:absolute;top:2px;right:42px;font-size:13pt;opacity:0;pointer-events:none;z-index:10}.ach-item.ach-lvl-up .ach-confetti{opacity:1;animation:ach-float-up 1.2s ease-out forwards}@keyframes ach-float-up{0%{transform:translateY(0) scale(.5);opacity:1}to{transform:translateY(-28px) scale(1.6);opacity:0}}.ach-item.ach-lvl-up{animation:ach-pulse .8s ease-out}@keyframes ach-pulse{0%{background-color:#e8e8e8}to{background-color:#e0e0e0}}.ach-error{display:none;padding:5px;color:red;font-size:9pt}.ach-btns{display:flex;justify-content:flex-end;gap:4px;margin-top:8px;padding-top:6px;border-top:1px solid #b0b0b0;flex-wrap:wrap;align-items:center}.ach-hint{font-size:8pt;color:#777;margin-right:auto;font-style:italic}.ach-btn{color:#333;border:1px double #888;background:linear-gradient(180deg,#d2d2d2,#a0a0a0);box-shadow:0 0 3px 3px #6464644d;border-radius:3px;padding:5px 10px;margin:2px;cursor:pointer;font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;font-size:11pt}.ach-btn:hover{color:#111;border-color:#666;background:linear-gradient(180deg,#e1e1e1,#afafaf)}@media(max-width:600px){.ach-item{flex-wrap:wrap;gap:4px;padding:4px}.ach-icon{width:34px;height:34px}.ach-icon img{width:28px;height:28px}.ach-lvl-right{width:28px}.ach-claim-btn{right:4px;bottom:4px}}@media(max-width:600px){.ach-list{box-sizing:border-box}}.ach-lvl-icon img{max-width:100%;height:auto}

 
#main .cp{cursor:pointer}

 
[data-pet-root]{box-sizing:border-box;max-width:100%}[data-pet-root] img{max-width:100%}[data-pet-root] nobr{white-space:normal}@media(max-width:560px){[data-pet-root]>table>tbody>tr{display:block}[data-pet-root]>table>tbody>tr>td{display:block;width:auto!important;padding-right:0!important}[data-pet-root]>table>tbody>tr>td>table>tbody>tr{display:block}[data-pet-root]>table>tbody>tr>td>table>tbody>tr>td{display:block;width:auto!important;text-align:center}[data-pet-root]>table>tbody>tr>td[width="50%"]{padding-top:6px}}

 
@media(max-width:899px){#main>div>table,#main>div>table>tbody,#main>div>table>tbody>tr{display:block;width:100%!important}#main>div>table>tbody>tr>td{display:block;width:auto!important;max-width:100%}#main>div>table>tbody>tr>td:nth-child(2){text-align:left!important}.lotto_show_result_table{width:100%!important;max-width:100%;margin:10px 0}.lotto_show_result_table td{width:auto!important;padding:2px 4px}.lotto_buy_ticket_table{width:100%;table-layout:fixed}.lotto_buy_ticket_table td{padding:3px 1px;font-size:8.5pt}#main #idlotosee{width:64px!important}#main img{max-width:100%}}

 


 
@media(max-width:899px){html:not(.mpg-force-desktop) #main>div[style*="padding:5px"]>table[width="100%"]>tbody>tr>td{display:block;width:auto!important;max-width:100%}html:not(.mpg-force-desktop) #main table[style*="width: 100%"]:not(.bonus_table)>tbody>tr>td{display:block;width:auto!important;max-width:100%}html:not(.mpg-force-desktop) #main fieldset{width:auto!important;max-width:100%;box-sizing:border-box}html:not(.mpg-force-desktop) #main input,html:not(.mpg-force-desktop) #main select,html:not(.mpg-force-desktop) #main button{max-width:100%;box-sizing:border-box}html:not(.mpg-force-desktop) #main table.bonus_table{table-layout:fixed;width:100%}html:not(.mpg-force-desktop) #main table.bonus_table td{overflow-wrap:anywhere;word-break:break-word}html:not(.mpg-force-desktop) #win_alch_crop .win_s1_box,html:not(.mpg-force-desktop) #win_alch_crop #alch_crop_view{max-width:calc(100vw - 24px);box-sizing:border-box}}

 
.zv-sk-line{height:11px;margin-bottom:8px;background:linear-gradient(100deg,#cfcfcf 20%,#e2e2e2,#cfcfcf 60%);background-size:200% 100%;animation:zv-pulse 1.3s linear infinite}@keyframes zv-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}

 
#btl_main{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#btl_main #battle_logg,#btl_main #battle_logg *,#btl_main #btl_teams,#btl_main #btl_teams *{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#btl_main .prm-zd{position:absolute;left:2px;bottom:2px;width:40px;text-align:center;font-size:9px;line-height:10px;color:#fefefe;cursor:default;z-index:1;text-shadow:#57524F 1px 0,#57524F 1px 1px,#57524F 0 1px,#57524F -1px 1px,#57524F -1px 0,#57524F -1px -1px,#57524F 0 -1px,#57524F 1px -1px,#57524F 0 0 3px,#57524F 0 0 3px}.btl-confirm{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding-top:22vh;background:#0000001f}.btl-confirm-win{min-width:230px;max-width:min(360px,92vw);padding:10px 14px 12px;border:1px solid #9c9c9c;border-radius:4px;background:#f2f0f0;box-shadow:0 4px 14px #00000040;text-align:center;font-size:12px}.btl-confirm-name{padding-bottom:4px}.btl-confirm-q{padding-bottom:10px}.btl-confirm-btns{display:flex;gap:8px;justify-content:center}.btl-confirm-btns input{min-width:70px}#btl_main.btl-compact #btlmainbl{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;table-layout:fixed}.radio-btl.btl-pinned{filter:sepia(1) saturate(6) hue-rotate(-50deg) brightness(.95)}.btl-myline .date1{background-color:#0fa}.ch-msg.ch-btl-log{padding:1px 2px;border-bottom:1px solid rgba(176,176,176,.45);font-family:Courier,monospace;font-size:.8rem;line-height:1.35;background-color:transparent!important}.ch-msg.ch-btl-log .ch-msg-text{font-family:inherit;word-break:normal;white-space:normal}.ch-msg.ch-btl-log .date1,.ch-msg.ch-btl-log .date3{color:#007000;font-family:Courier,monospace}#canal6 .ch-btl-log,#canal7 .ch-btl-log{font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;font-size:13px;line-height:normal;color:#111}#canal6[data-btl-native],#canal7[data-btl-native]{position:absolute;inset:0;height:100%;margin-top:0;overflow:hidden}.btl-log-scroll{height:100%;width:100%;box-sizing:border-box;padding-top:calc(24px * var(--sizerem) + 5px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:auto}#ch-canals.btl-log-active{overflow:hidden;scrollbar-gutter:auto}.razmen:not(:last-child){border-bottom:1px solid rgba(176,176,176,.65)}.btl-final{border-bottom:1px solid rgba(176,176,176,.65);margin-bottom:2px}