html,div { margin: 0; padding: 0;}

/* work-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v19-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/work-sans-v19-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-sans-regular - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-sans-v2-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/ubuntu-sans-v2-cyrillic_cyrillic-ext_latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
	padding: 0px;
	margin: 0px;
	overflow: auto;
	height: 100%;
	width: 100%;
	/*var(--tg-viewport-stable-height);*/
	color: white;
	background-color: #000;
	/*background-color: #0b1425;*/
	font-family: 'WorkSans';
	letter-spacing: 0.6px;
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
	/*font-family: vivl-rail;	*/
	/*background: radial-gradient(at center top, #253d6b, #0b1425);
	background: rgb(11,20,37);
	background: radial-gradient(circle, rgba(11,20,37,1) 0%, rgba(34,60,107,1) 89%, rgba(49,85,152,1) 95%, rgba(30,146,245,1) 100%);*/
	/*
/*
background: #CAE873;
background: radial-gradient(at center top, #CAE873, #AB9DE5);
*/
}




.anim_bw {
   animation: fadeInAnimation cubic-bezier(0.65, 0.05, 0.36, 1) 10s;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
   }

@keyframes fadeInAnimation
{
   0% {color: #8ae1fb;}
   30% {color: white;}
   /*100% {color: white;}*/

 
}

div {
	font-size: 11pt;
	border-radius: 8px;
	text-transform: uppercase;
	/*color: rgb(200, 200, 200);*/
	color: rgb(203 200 177);
	/*max-width: 500px;*/

	/*font-family: vivl-rail;	
	font-family: WorkSans;	*/
	
	/*text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;*/
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

p {
		
	font-size: 11pt;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	/*color: rgb(200, 200, 200);*/
	color: rgb(203 200 177);
	/*font-family: WorkSans;*/
}

.fire {
	/*color: black;*/
	color: rgb(203 200 177);
	text-align:center;
	font-size:22px;
	font-weight: bold;
    /*text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;
	*/
	animation: burning cubic-bezier(0.65, 0.05, 0.36, 1) 1s;
	animation-iteration-count: infinite;
	/*animation-fill-mode: both;*/
}

.img_fire {
	width:7vw; 
	margin-right:4px;
	filter: brightness(1.2) drop-shadow(0 0 0.75rem crimson);
	animation: img_fire_pulse linear 3s;
	animation-iteration-count: infinite;	
}
@keyframes img_fire_pulse {
	0% {filter: brightness(0.8) drop-shadow(0 0 0.75rem crimson);}
	50% {filter: brightness(1.2) drop-shadow(0 0 0.75rem crimson);}	
	100% {filter: brightness(0.8) drop-shadow(0 0 0.75rem crimson);}
}
.img_half_fire {
	width:7vw; 
	margin-right:4px;
	filter: brightness(0.8) drop-shadow(0 0 0.75rem crimson);
	animation: img_half_fire_pulse linear 3s;
	animation-iteration-count: infinite;	
}
@keyframes img_half_fire_pulse {
	0% {filter: brightness(0.4) drop-shadow(0 0 0.75rem crimson);}
	50% {filter: brightness(0.8) drop-shadow(0 0 0.75rem crimson);}	
	100% {filter: brightness(0.4) drop-shadow(0 0 0.75rem crimson);}
}


.fire_bonus {
	font-weight: bold;
	animation: burning_bonus cubic-bezier(0.65, 0.05, 0.36, 1) 5s;
	animation-iteration-count: infinite;	
}

@keyframes burning_bonus
{
   0% {
	   /*text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;*/
	   text-shadow: none;
	   color: rgb(203 200 177);
   }
   25% {
	   /*text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;*/
	   text-shadow: none;
	   color: rgb(203 200 177);
   }
   50% {
	   text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;
	   color: brown;
   }

   100% {
	   /*text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;*/
	   text-shadow: none;
	   color: rgb(203 200 177);
   }   
}


.red_ones {
	color: white;
	animation: red_ones_anim cubic-bezier(0.65, 0.05, 0.36, 1) 2s;
	animation-iteration-count: infinite;
}
@keyframes red_ones_anim {
	0% {color: red}
	100% {color: white}
}


@keyframes burning
{
   0% {
	   /*text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;*/
	   text-shadow: none;
	   color: rgb(203 200 177);
	   filter: opacity(100%) grayscale(0%);
   }
   25% {
	   /*text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;*/
	   text-shadow: none;
	   color: rgb(203 200 177);
	   filter: opacity(100%) grayscale(30%);
   }
   50% {
	   text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;
	   color: brown;
	   filter: opacity(100%) grayscale(60%);
   }

   100% {
	   /*text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;*/
	   text-shadow: none;
	   color: black;
	   filter: opacity(0%) grayscale(100%);
   }   
}




.resource_caption {
	text-transform: capitalize;
	font-weight: bold;
	display: flex;
    flex-direction: row;
    align-items: center;	
}

.resource_value {
	text-transform: none;
}

.resource_all_claimed {
	text-transform: none;
}

.quest_caption {
	text-transform: none;
	font-weight: bold;
}

.quest_promt {
	color: white;
	font-weight: normal;
	text-transform: none;
}

.quest_complited {
	font-weight: bold;
	color: #aaff6d !important;
	font-size: 25px !important;
	margin:0 !important;
}

.quest_btn {
	font-weight: bold;
	margin:0 !important;
	background: linear-gradient(#000000b5, #253d6bb0) !important;
}

.grtop {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:60%;
	/*background: radial-gradient(at center top, #253d6b, #0b142500, #0b142500);*/
	background: radial-gradient(at center top, #253d6bb0, #0b142500, #0b142500);
	z-index: -1;
	animation: grtop_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes grtop_anim
{
	0% {filter: blur(1px) opacity(0%) grayscale(100%);}
	100% {filter: blur(0px) opacity(100%) grayscale(0%);}
}
.grbot {
	position: absolute;
	left:0;
	right:0;
	top:60%;
	bottom:0;
	background: radial-gradient(at center bottom, #253d6b, #0b142500, #0b142500);	
	z-index: -1;
	animation: grbot_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes grbot_anim
{
	0% {filter: blur(1px) opacity(0%) grayscale(100%);}
	100% {filter: blur(0px) opacity(100%) grayscale(0%);}
}

/*
old variant
.back {
	position: absolute;
	align-self: center;
	top:120px;
	bottom:200px;
	width:100%;
	filter: blur(1px) opacity(18%) grayscale(100%);
	
	z-index: -2;	

	animation: do_anim_back cubic-bezier(0.65, 0.05, 0.36, 1) 15s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes do_anim_back
{
   0% {filter: blur(1px) opacity(18%) grayscale(100%);}
   30% {filter: blur(0px) opacity(18%) grayscale(70%);}
   50% {filter: blur(0px) opacity(18%) grayscale(55%);}
   70% {filter: blur(0px) opacity(18%) grayscale(70%);}
   100% {filter: blur(1px) opacity(18%) grayscale(100%);}
}
*/

.back {
	position: absolute;
	align-self: center;
	top:120px;
	bottom:200px;
	/*height:100%;*/
	width:100%;
	filter: blur(1px) opacity(18%) grayscale(30%);
	transform: rotateX(-10deg) rotateY(-15deg) rotateZ(-5deg);
	
	/*backdrop-filter: grayscale(100%);*/
	z-index: -2;	

	animation: do_anim_back linear 15s;
	animation-iteration-count: infinite;
	/*animation-fill-mode: both;*/
	transform-style: preserve-3d;
}

.back_v {
	position: absolute;
	align-self: center;
	top:120px;
	bottom:200px;
	/*height:100%;*/
	width:100%;
	filter: opacity(50%);
	/*backdrop-filter: grayscale(100%);*/
	z-index: -2;	


}

@keyframes do_anim_back
{
   0% {
	   filter: blur(1px) opacity(18%) grayscale(30%);
	   transform: rotateX(-10deg) rotateY(-10deg) rotateZ(-5deg);
	   }
   12% {
	   filter: blur(0px) opacity(18%) grayscale(10%);
	   transform: rotateX(-5deg) rotateY(-5deg) rotateZ(-2.5deg);
	   }
   
   25% {
	   filter: blur(0px) opacity(18%) grayscale(5%);
	   transform: rotateX(0) rotateY(0) rotateZ(0);
	   }
	   
   37% {
	   filter: blur(0px) opacity(18%) grayscale(10%);
	   transform: rotateX(5deg) rotateY(-5deg) rotateZ(2.5deg);
	   }

   50% {
	   filter: blur(1px) opacity(18%) grayscale(50%);
	   transform: rotateX(10deg) rotateY(-10deg) rotateZ(5deg);
	   }
	   
   62% {
	   filter: blur(0px) opacity(18%) grayscale(10%);
	   transform: rotateX(5deg) rotateY(-5deg) rotateZ(2.5deg);
	   }
   
   75% {
	   filter: blur(0px) opacity(18%) grayscale(5%);
	   transform: rotateX(0) rotateY(0) rotateZ(0);
	   }
	   
   87% {
	   filter: blur(0px) opacity(18%) grayscale(10%);
	   transform: rotateX(-5deg) rotateY(-5deg) rotateZ(-2.5deg);
	   }
   100% {
	   filter: blur(1px) opacity(18%) grayscale(30%);
	   transform: rotateX(-10deg) rotateY(-10deg) rotateZ(-5deg);
	   }	   
}

@keyframes do_anim_back_no_fade
{
   0% {
	   transform: rotateX(-15deg) rotateY(-15deg);
	   }
   12% {
	   transform: rotateX(-7.5deg) rotateY(-7.5deg);
	   }
   
   25% {
	   transform: rotateX(0) rotateY(0);
	   }
	   
   37% {
	   transform: rotateX(7.5deg) rotateY(-7.5deg);
	   }

   50% {
	   transform: rotateX(15deg) rotateY(-15deg);
	   }
	   
   62% {
	   transform: rotateX(7.5deg) rotateY(-7.5deg);
	   }
   
   75% {
	   transform: rotateX(0) rotateY(0);
	   }
	   
   87% {
	   transform: rotateX(-7.5deg) rotateY(-7.5deg);
	   }
   100% {
	   transform: rotateX(-15deg) rotateY(-15deg);
	   }	   
}

.start_page_back {
	filter: blur(1px) opacity(10%) grayscale(50%);
	
	/*backdrop-filter: grayscale(100%);*/
	z-index: -2;	

	animation: do_anim_start_back cubic-bezier(0.65, 0.05, 0.36, 1) 15s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;	
}
@keyframes do_anim_start_back
{
   0% {filter: blur(1px) opacity(10%) grayscale(50%);}
   30% {filter: blur(0px) opacity(30%) grayscale(20%);}
   50% {filter: blur(0px) opacity(40%) grayscale(5%);}
   70% {filter: blur(0px) opacity(30%) grayscale(20%);}
   100% {filter: blur(1px) opacity(10%)  grayscale(50%);}
}


.main {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	width: 100%;
	height: 100%;
	flex-direction: column;
	position: absolute;
	overflow-x: hidden;
	overflow-y: hidden;	
	/*align-items: center;*/

	filter: blur(5px) grayscale(100%);
	animation: main_unblured cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes main_unblured
{
   0% {filter: blur(5px) grayscale(100%);}
   100% {filter: blur(0px) grayscale(0%);}
   /*100% {color: white;}*/

 
}

.main > div:last-child {
	padding-bottom:30px;
}

.main_blured  {
	filter: blur(0);
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	width: 100%;
	height: 100%;
	flex-direction: column;
	position: absolute;	
	overflow-x: hidden;
	overflow-y: hidden;		
	
	animation: main_blured cubic-bezier(0.65, 0.05, 0.36, 1) 1.5s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes main_blured
{
   0% {filter: blur(0) grayscale(0%);}
   100% {filter: blur(10px) grayscale(100%);}
   /*100% {color: white;}*/

 
}

fieldset {
	font-size: 3.5vw;
    border: none;
    display: flex;
    justify-content: space-between;	
}

.content {
	overflow-x: hidden;
	height:100%;
	padding: 16 0;
}

.content:focus { outline: none; }

.content_just_msg {
	overflow-x: hidden;
	height:100%;	
	display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15 5 15 5;
}	


.title {
	font-size: 3.7vw; 
    text-align: center;
	font-weight: bold;
	display: flex;
    flex-direction: row;
	align-items: center; 
    justify-content: center;
	
    gap: 15px;
    margin: 13px;
	
	/*border: 1px solid #4f616b7a;*/
	padding: 0px;
	/*box-shadow: 1px 5px 10px -5px #253d6b, 5px -5px 10px -5px black;		*/
	box-shadow: inset 0 5px 10px -5px #253d6b, 0 -5px 10px -5px black, inset 0 -5px 10px -5px #253d6b, 0 5px 10px -5px black;
	
	background-color:rgba(255, 255, 255, 0.04);	
	/*border-radius: -5px;*/
	/*white-space: nowrap;*/
}

.title:first-child {
    margin-left: 50px;
	margin-right: 50px;
	height: 50px;
	padding-left: 30px;
    padding-right: 30px;
}

.user_icon {
	position: absolute;
    width: 60px;
    margin: 8 0 8 0;
	left: 16px;
    border-radius: 60px;
    /*box-shadow: aqua;
    border: 3px solid #303b41;*/
    /*filter: grayscale(0);*/
	/*filter: hue-rotate(175deg);*/
	z-index:10;
    box-shadow: 0 0px 10px 5px #000000, inset 10px 0px 10px -5px #253d6b, inset 1px 0 0 0 #ffffff5e, inset -1px 0 0 0 #000000b8;
    /* background: linear-gradient(#0b1425, #01102d); */
    background-color: #0b1425;
}

.menu_icon {
position: absolute;
    width: 60px;
    margin: 8 0 8 0;
    right: 16px;
    border-radius: 60px;
    box-shadow: aqua;
    /* border-width: 3px; */
    /* border-style: solid; */
    /* border-image: linear-gradient(to top, red, rgb(8 17 249)) 10 100%; */
    border: 1px solid linear-gradient(#0b1425, #253d6b);
    /* filter: grayscale(0); */
    /* filter: hue-rotate(175deg); */
    z-index: 10;
    box-shadow: 0 0px 10px 5px #000000, inset -10px 0px 10px -5px #253d6b, inset -1px 0 0 0 #ffffff5e, inset 1px 0 0 0 #000000b8;
    /* background: linear-gradient(#0b1425, #01102d); */
    background-color: #0b1425;
}

.help_text {
	text-align: justify;
	font-size: 3.8vw;
}

.wallet {
	font-size: 10pt; 
	text-transform: none;
}

.wallet_img {
	height: 28px;
	margin: 0 16px;
	filter: hue-rotate(175deg);
	display:flex;
}

.block {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 15px;
	
	border: 1px solid #4f616b;
	padding: 8px;
	box-shadow: 1px 5px 10px -5px #253d6b;		
	/*box-shadow: 1px 5px 10px -5px #0000ff85;		*/

	/*display: block;*/
	background-color:rgba(255, 255, 255, 0.04);
}
#noborder {
	box-shadow: none;
	border:0;
	border-radius: 0;
	/*background-color:rgba(255, 255, 255, 0.00);*/
	
}
.noborder {
	box-shadow: none !important;
	border:0 !important;
	border-radius: 0 !important;	
}

#nodecor {
	box-shadow: none !important;
	border:0 !important;
	border-radius: 0 !important;	
	background: none !important;
}

.nodecor {
	box-shadow: none !important;
	border:0 !important;
	border-radius: 0 !important;	
	background: none !important;
	backdrop-filter: none !important;
}

.block_info {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0px;
    width: auto;
    border-radius: 4px;
    /* border: 1px solid #4f616b; */
    border: 1px solid #23435573;
    padding: 8px 13px;
    /* box-shadow: 1px 5px 10px -5px #253d6b; */
    box-shadow: 1px 5px 10px -5px #4d4a7b, 5px -5px 10px -5px black;
    /* box-shadow: 1px 5px 10px -5px #0000ff85; */
    /* display: block; */
    /* background-color: rgba(255, 255, 255, 0.1); */
    background-color: rgb(99 90 183 / 5%);
    text-transform: none;
    backdrop-filter: blur(5px);
    /* animation: do_anim_blur cubic-bezier(0.65, 0.05, 0.36, 1) 15s; */
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    box-shadow: inset 0 0 10px 0 #253d6b, 0 -5px 10px -5px black, inset 0px 20px 10px -5px #253d6b87, 0 5px 10px -5px black;
    background-color: rgba(255, 255, 255, 0.04);
    border: 0;
}

@keyframes do_anim_blur
{
   0% {backdrop-filter: blur(5px);border-color: #4f616b73;}
   30% {backdrop-filter: blur(5px);border-color: #4f616b73;}
   50% {backdrop-filter: blur(4px);border-color: #4f616b26;}
   70% {backdrop-filter: blur(5px);border-color: #4f616b73;}
   100% {backdrop-filter: blur(5px);border-color: #4f616b73;}
}


.block_territory_info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 0;
	border-radius: 0px;
	
	/*border: 1px solid #4f616b;*/
	border: 0;
	padding-left: 8px;
	padding-right: 8px;
	/*box-shadow: 1px 5px 10px -5px #253d6b;*/		
	/*box-shadow: 1px 5px 10px -5px #0000ff85;		*/

	/*display: block;*/
	background-color:rgba(255, 255, 255, 0);	
	text-transform: none;
}



.nft_img_cont {
	margin: 8px;
    padding: 8px;
    border-radius: 0px;
    background: none;
    border: 1px solid #4f616b;
    box-shadow: 0 0 20px 0px #020a18;
}

.nft_img {
	width:100px;
	height:100px;
}

.territory_img_cont {
	margin: 8px !important;
    padding: 0px !important;
    border-radius: 6px !important;
    background: black !important;
	/*border: 1px solid #43545d !important;*/
	width:54px !important;
	height:54px !important;		
    /*border: 1px solid #4f616b !important;
    box-shadow: 0 0 20px 0px #020a18 !important;*/
}


.territory_img {
	width:50px;
	height:50px;	
	border-radius: 6px !important;
	/*filter: grayscale(100%);*/
	
	animation: territory_img_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: 1;
}

@keyframes territory_img_anim
{
   0% {filter: grayscale(100%);}
   100% {filter: grayscale(0%);}
}

.nft_info {
	width: 180px;
    border-radius: 0px;
    background: none;
	margin:0;
	padding:0;
	height:110px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

.nft_info p:first-child {
	color: white;
	text-align: center;
	font-weight: bold;
}




/* Absurd territories */



.terra_block {
    display: flex;
	padding: 0 8px;
    flex-direction: row;
    justify-content: space-between;	

	border-width: 0 0 1 0;
	border-style: solid;
	border-image: linear-gradient(to right, #4f616b00, #4f616b59, #4f616b47, #4f616b00) 1;
}

.terra_block:last-child {
	border: 0;
}

.block_info_title {
	text-align: right;
	border-width: 0 0 1 0;
	border-style: solid;
	border-image: linear-gradient(to right, #4f616b00, #4f616b59, #4f616b47, #4f616b00) 1;	
	padding-bottom: 4px;
	margin-top: -4px;  
}

.block_info_buttom {
	text-align: left;
	border-width: 1 0 0 0;
	border-style: solid;
	border-image: linear-gradient(to right, #4f616b00, #4f616b59, #4f616b47, #4f616b00) 1;	
	padding-top: 4px;
    margin-bottom: -4px;
	display: flex;	
	justify-content: space-around;
}

.block_info_buttom > numeric {
	width: auto;
}

.progress_cont {
    margin: 10px;
	/*width:300px;*/
	width: 100%;
	
    display: flex;
    flex-direction: column;
	justify-content: space-evenly;
    gap: 5px;	
	box-shadow: none;
	border:0;
	background-color:rgba(255, 255, 255, 0.00);	
	
	font-size: 12pt;
	color: rgb(200, 200, 200);
	
	/*font-family: WorkSans;*/	
}

.progress {
	/*margin: 15px;*/
	border: 1px solid #4f616b;
	border-radius: 0px;	
	padding: 1px;
	/*box-shadow: 1px 5px 10px -5px #0000ff85;		*/


	background-color:rgba(255, 255, 255, 0.04);	
	
}

.anim_border {

	animation: do_anim_border cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes do_anim_border
{
   0% {border: 1px solid #4f616b;}
   50% {border: 1px solid #8ae1fb;}
}

.sub_progress {
	/*margin: 1px;
	padding:1px;*/
	height:20px;
	border: 0;
	border-radius: 4px;	
	max-width:100%;
	height:100%;
	/*box-shadow: 1px 5px 10px -5px #0000ff85;		*/

	display: block;
	/*background: radial-gradient(left center, #253d6bb0, #0b142500);	*/

	/*border: 1px solid #4f616b;*/
	background: linear-gradient(270deg, #355797b0, #38568f);
	/*background: linear-gradient(270deg, #00ff3129, #253d6bb0, #2c497fb0, #355797b0, #38568f);*/
	/*background-color:rgba(255, 255, 255, 0.5);*/		
}

.progress_status {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;	
}


.pr_percent {
	width: 200px;
	display: inline-block;
}

.pr_lvl {
	/*width: 50px;*/
	font-size: 3.5vw;
	display: inline-block;
	white-space: nowrap;
	
}

.pr_time {
	width: 100%;
	margin: -18 0;
	
	display: inline-block;
	text-align: center;
	font-weight: bold;
	color: white;	
}

.pr_time {
	width: 100%;
	margin: -21 -1;
	
	
	
	display: inline-block;
	text-align: center;
	font-weight: bold;
	color: white;
	
	box-shadow:  0 5px 10px -5px #253d6b,inset 0 -5px 10px -5px black,  0 -5px 10px -5px #253d6b,inset 0 5px 10px -5px black;
	
	background-color:rgba(255, 255, 255, 0.04);	
	border: 1px solid #4f616b7d;
	border-radius: 4px;	
}

.pr_btn {
	
	border-radius: 8px;
	text-transform: uppercase;
	color: rgb(200, 200, 200);
	/*font-family: WorkSans;	*/
	letter-spacing: 0.4px;
	/*text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;*/
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;	
	
	font-size:25px;	
	width: 40px;
	height:40px;
	margin: 5px;
	
	vertical-align:center;
	display: flex;
	display: flex;
	align-items: center; 
    justify-content: center;	
	text-align: center;
	border: 1px solid #303b41;
	
	/*
	box-shadow: 1px 5px 10px -5px #253d6b;	
	background-color:rgba(255, 255, 255, 0.04);
	*/
	box-shadow: 1px 5px 10px -5px #4b77cb;	
	background-color: rgb(227 228 235 / 8%);
	background: linear-gradient(#a5a5a5a1, #253d6bb0);
	/*background: linear-gradient(#0b142500, #253d6bb0);	*/
	
	
}

.pr_btn:last-child {
	margin-right:8px;
}

/* ~Absurd territories */


/* Received resurces */

.resource_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;	
	align-items: center; 
    /*justify-content: center;	*/
	padding: 0 8px;
  border-width: 0 0 1 0;
  border-style: solid;
  border-image: linear-gradient(to right, #4f616b00, #4f616b59, #4f616b47, #4f616b00) 1;	
	
}


.resource_block:last-child {
	border: 0;
}	

.resource_cont {
    margin: 5px;
	margin-left:8px;
	width:auto;
	
    display: flex;
    flex-direction: column;
    gap: 5px;	
	box-shadow: none;
	border:0;
	background-color:rgba(255, 255, 255, 0.00);	
	
	font-size: 12pt;
	color: rgb(200, 200, 200);
	width: auto;
	/*font-family: WorkSans;*/	
}


.quest_block {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /*justify-content: space-evenly;*/
    margin: 0 10;
	gap:5px;
    /* margin-top: 0; */
    padding: 10;
    border-width: 0 0 1 0;
    border-style: solid;
    border-image: linear-gradient(to right, #4f616b00, #4f616b59, #4f616b47, #4f616b00) 1;	
	
}

.quest_cont {
    /* margin: 10px; */
    /* margin-left: 20px; */
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    box-shadow: none;
    border: 0;
    background-color: rgba(255, 255, 255, 0.00);
    font-size: 12pt;
    color: rgb(200, 200, 200);
    /* font-family: WorkSans;*/
}


.quest_block:last-child {
	border: 0;
}	



/* ~Received resurces */


/* ~Profile */

.user_name {
	color: white;
	font-size: 14pt; 
}

.profile {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0;
	
	padding: 0 22 0 22;


	box-shadow: none;
	border:0;
	background-color:rgba(255, 255, 255, 0.00);
	text-transform: none;
}
/* ~Profile */



token {
	color: #dcffc3;
	font-weight: bold;
	animation: token_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}
ptoken {
	color: #dcffc3;
	font-weight: bold;
	animation: token_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;	
}

@keyframes token_anim
{
   0% {color: #dcffc3;}
   50% {color: #aaff6d;}
   /*100% {color: white;}*/

 
}


lnk {
	color: #a9a9ff;
	font-weight: bold;	

	animation: lnk_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes lnk_anim
{
   0% {color: #a9a9ff;}
   50% {color: #5858ff;}
   /*100% {color: white;}*/

 
}


numeric {
	color: white;
	font-weight: bold;
}

a {
	outline: none;
	color: rgb(200, 200, 200);
	/*color: #ffc780;*/
	/*color: #d5cdbd;*/
	text-decoration: none;
}

a.clickme {
	background-color: rgb(10 10 10 / 50%) !important;
	border: 1px solid #7f9cab;
	animation: btn_anim 1s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
    /* border-image: linear-gradient(to top, #f20f0f, #ffffff) 1 100%; */
    border-image: linear-gradient(to left, #6f1c1c00, #7f9cab) 1 100%;
    /* border-width: 5px; */
    /* border: 10px solid; */
    border-image-slice: 1;		
}

a:focus, a:hover {
	background-color: rgb(10 10 10 / 50%) !important;
	border: 1px solid #7f9cab;
	animation: btn_anim 1s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
    /* border-image: linear-gradient(to top, #f20f0f, #ffffff) 1 100%; */
    border-image: linear-gradient(to left, #6f1c1c00, #7f9cab) 1 100%;
    /* border-width: 5px; */
    /* border: 10px solid; */
    border-image-slice: 1;	
}	
	
@keyframes btn_anim
{
50% {
    border-image: linear-gradient(to right, #6f1c1c00, #7f9cab) 1 100%;
    border-image-slice: 1;
}
100% {
    border-image: linear-gradient(to left, #6f1c1c00, #7f9cab) 1 100%;
    border-image-slice: 1;
}
}


a:active {
	background: radial-gradient(at center top, #253d6b00, rgb(30 146 245 / 29%));
}

.alliance_caption {
	color: #a9a9ff;
	font-weight: bold;	

	animation: lnk_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes lnk_anim
{
   0% {color: #a9a9ff;}
   50% {color: #5858ff;}
}

.alliance_caption:focus, .alliance_caption:hover {
	background-color: rgb(10 10 10 / 50%) !important;
	border: 1px solid #7f9cab;

}

.alliance_caption:active {
	background: radial-gradient(at center top, #253d6b00, rgb(30 146 245 / 29%));
}


p {
	text-transform: none;
}


.row {
	width: 100%;
	margin-left: 1%;
	margin-right: 1%;
	/*border: 1px solid #43545d;*/
	border: 1px solid #43545d52;
	padding: 8 4 8 4;
	
	
	/*box-shadow: 1px 5px 10px -5px #0000ff85;	*/	
	text-align: center;
	font-size: /*10pt;*/ 3vw;
	
	/*display: inline-block;	*/
	display: flex;
	align-items: center; 
    justify-content: center;
    /*justify-content: space-evenly;*/
	
	/*box-shadow: 1px 5px 10px -5px #4b77cb;	*/
	box-shadow: 1px 5px 10px -5px #4b77cb00;
	background-color: rgb(227 228 235 / 8%);
	background: linear-gradient(#0b142500, #253d6bb0);
	
	
	
	border-radius: 8px;
	text-transform: uppercase;
	/*font-family: WorkSans;*/	
	letter-spacing: 0.4px;
	/*text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;*/
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;	
	
	animation: row_sh_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes row_sh_anim
{
   0% {box-shadow: 1px 5px 10px -5px #4b77cb00;	}
   50% {box-shadow: 1px 5px 10px -5px #4b77cb00;	}
   /*100% {box-shadow: 1px 5px 10px -5px #4b77cb, 5px -5px 10px -5px black;}*/
   100% {box-shadow: 0px 5px 10px -5px black, 0px -5px 10px -5px black;}
}

.do_claim {
	/*width: 100px !important;*/
	border: 1px solid #8ae1fb5e  !important;
	/*box-shadow: 1px 5px 10px -5px #8ae1fb  !important;	*/
	box-shadow: 1px 5px 10px -5px #4f616b  ;	
	/*color: #8ae1fb;*/
	color: white;
	font-weight:bold;
	
	animation: do_claim_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

@keyframes do_claim_anim
{
   /*0% {color: white;}	
   50% {color: #8ae1fb;}*/
   /*0% {color: white;}
   50% {color: #8ae1fb;}*/
   0% {box-shadow: 1px 5px 10px -5px #4f616b}
   50% {box-shadow: 1px 5px 10px -5px #8ae1fb}

   /*100% {color: white;}*/

 
}


.row:first-child {
    margin-left: 0;
}

.row:last-child {
    margin-right: 0;
}

.userlink {
	color: #a9a9ff;
	font-weight: bold;	
	width: 150px;
	text-transform: none;
}

.invite_link {
	text-transform: none;
	line-height: 20px;
}

.row_tbl {
	width: auto;
    border-style: solid;
    border-color: #43545d52;
    border-width: 1 1 0 1;
    padding: 8 20 8 20;
    text-align: center;
    font-size: /*10pt;*/ 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: none;
    background-color: rgb(227 228 235 / 8%);
    background: linear-gradient(#0b142545, #3f62a536);
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
.row_tbl:last-child {
	border-width: 1;
}	


#down {
	/*
	background-color:rgba(255, 255, 255, 0.15);
	background: radial-gradient(at center bottom, #253d6bb0, #0b142500, #0b142500);	
	border-color: #647e8d;
	*/
    background: radial-gradient(at center bottom, #253d6b00, rgb(30 146 245 / 29%));
	
    /* border-color: rgb(30 93 245 / 33%);	*/
	border-color: #647e8d;
}

.down {
    background: radial-gradient(at center bottom, #253d6b00, rgb(30 146 245 / 29%));
	border-color: #647e8d;	
}



.grid {
	margin: 0px;
	
    border: 0px;
	border-radius: 0px;
	padding: 0px;	
	
	opacity:100%;
	
    display: flex;
    flex-direction: row;	
	text-transform: none;	
	min-height:40px;
	align-items: center; 
    justify-content: space-around;
}

.grid_tbl {
	margin: 0px;
	
    border: 0px;
	border-radius: 0px;
	padding: 0px;	
	
	opacity:100%;
	
    display: flex;
    flex-direction: row;	
	text-transform: none;	
	min-height:30px;
	align-items: center; 
    justify-content:space-between;	
	gap: 10px;
	font-size: 4vw;

}

.grid_balances {
	margin: 0px;
	
    border: 0px;
	border-radius: 0px;
	padding: 0px;	
	
	opacity:100%;
	
    display: flex;
    flex-direction: row;	
	text-transform: none;	
	min-height:30px;
	align-items: center; 
    justify-content:flex-start;	
	gap: 10px;
	font-size: 3.8vw;	
	margin-top: 10px;
}

.grid_buildings {
	margin: 0px;
	
    border: 0px;
	border-radius: 0px;
	padding: 0 0 8 0;
	
	
    display: flex;
    flex-direction: column;	
	text-transform: none;	
	/*min-height:30px;*/
	align-items: center; 
    justify-content:space-between;	


	border-width: 0 0 1 0;
	border-style: solid;
	border-image: linear-gradient(to right, #4f616b00, #4f616b59, #4f616b47, #4f616b00) 1;	
}

.grid_buildings:last-child {
	border: 0;
}

.grid_buildings > div{
	display:flex;
	flex-direction: row;	
	justify-content: space-between;
	width:100%;
	gap: 10px;
}

.grid_nft {
	margin: 0px;
	
    border: 0px;
	border-radius: 0px;
	padding: 15 8 15 8;	
	
	
    display: flex;
    flex-direction: row;	
	text-transform: none;	
	min-height:30px;
	align-items: center; 
    justify-content:space-between;	
	
	border-width: 0 0 1 0;
	border-style: solid;
	border-image: linear-gradient(to right, #4f616b00, #4f616b59, #4f616b47, #4f616b00) 1;		
}



.block_info > .grid_tbl > p:first-child {
	min-width: 100px;
}

.block_info > .grid_tbl > p:last-child {
	min-width: 120px;
	text-align:right;
}

.grid_aterra_res {
	margin: 0px;
	width:50%;
	height: 50px;
	
    border: 0px;
	border-radius: 0px;
	padding: 0px;	
	
	opacity:100%;
	
    display: flex;
    flex-direction: row;
    justify-content: flex-direction;	
	text-transform: none;	
	min-height:30px;
	align-items: center; 
    justify-content:space-between;	
}

.grid_aterra_res > p:first-child {
	width: 120px;
	line-height: 1.3;
}



.message {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	width: 100%;
	height: 100%;
	flex-direction: column;
	position: absolute;
	z-index:3;
background: linear-gradient(to top, #ffffff00, #0e1e3d87, #0000007d);
	
	/*box-shadow: 1px 5px 10px -5px #0000ff85;		*/

	/*display: block;*/
	
}

.message_content {
	border: 1px solid #4f616b;
	margin: 20px;
	
	max-height: 80%;
	background-color: #13274d94;
	
    display: flex;
    flex-direction: column;
	justify-content: space-between;
    gap: 0px;
	
	padding: 8 15;
	box-shadow: 1px 5px 10px -5px #253d6b;	
    background: linear-gradient(to top, #07132b, #0e1e3d99, #13274d94);
	/*    background: linear-gradient(to top, #07132b, #0e1e3dd4, #13274dbf);*/
	/*box-shadow: 1px 5px 10px -5px #0000ff85;		*/

	/*display: block;*/
	text-transform: none;	
}

.message_content_p {
	padding: 15 8 15 8;
    display: flex;
    flex-direction: column;
	justify-content: space-between;
    gap: 15px;	
}



.sending_resource {
    border: 1px solid #00f6ff82;
    background: #00f6ff38;
    border-radius: 0;
    padding: 8px;
    text-transform: none;
}

.sending_complite {
	border: 1px solid #00ff1182;
    background: #00ff0a38;
    border-radius: 0;
    padding: 8px;
    text-transform: none;	
}

.sending_error {
	border: 1px solid #ff000082;
    background: #ff000032;
    border-radius: 0;
    padding: 8px;
    text-transform: none;	
}


.burning_back {
	
	background: linear-gradient(to top, #430505a8, #3b2a0996, #4d131300) !important;
	background: linear-gradient(to top, #430505, #231111, #4d131300) !important;
	border-color: #6b4f4fa3 ;
	/*box-shadow: 1px 5px 10px -5px #6b2525 !important;   */ 
	color: rgb(203 200 177);
}

#no_active_button {
	cursor: default;
    /*background: none !important;*/
	background: #0000002e !important;
    box-shadow: none !important;
	color: grey;
	border: 1px solid #43545d52  !important;
}
#no_active_button:focus, #no_active_button:hover {
	background: none !important;
	/*border: 1px solid #43545d  !important;*/

}

#no_active_button > img {
	filter: opacity(50%) !important;
}

.default_btn {
	border: 1px solid #ffffff6e !important;
    color: #ffffffe8;

}

.footer {
	/*
	position: absolute;
	bottom: 15px;
	left: 15px;    
	right: 15px;   
	padding-top: 8px;	
	padding-bottom: 8px;
*/
	margin: 0px;
	
  border-width: 1 0 0 0;
  border-style: solid;
  border-image: linear-gradient(to right, #4f616b00, #4f616b, #4f616b, #4f616b00) 1;
	
	border-radius: 0px;
	padding: 1.5vh 22px;
	
	opacity:100%;
	
    display: flex;
    flex-direction: row;
    justify-content: flex-start;	
	
	/*border-top: 1px solid grey;
	box-shadow: 1px 5px 10px -5px blue;*/		
}

.message_content > .footer {
	padding: 1.5vh 0;
}

.footer > .row {
	height: /*32px;*/ 3.5vh;
}

.btns_in_block {
	margin: 0px;

	border-width: 0;
	border-style: solid;

	border-radius: 0px;
	padding: 4 0;	

	opacity:100%;

	display: flex;
	flex-direction: row;
	justify-content: flex-start;		
}

.btns_in_block > .row {
	min-height: 20px;
	
}

.invisible {
	color: transparent;
	text-shadow: none;
}

.not_invisible {
	color: #aaff6d;
}

tc-root > div {
	backdrop-filter: blur(5px) grayscale(1);
}

tc-root > div > div {
	background-color: transparent !important;
	padding: 5px !important;
}

tc-root > div > div > div:first-child  {
	border: 1px solid #005889;
    background-color: #13274d94;
    box-shadow: 1px 5px 10px -5px #253d6b;
    background: linear-gradient(to top, #07132b, #0e1e3d99, #13274d94);
    text-transform: none;
}

tc-root > div > div > div:first-child > div > h1 {
	color: rgb(203 200 177) !important;
}

tc-root > div > div > div:first-child > div > ul {
	padding: 0;
}

tc-root > div > div > div:first-child > div > ul > li > button > div:last-child {
	color: rgb(203 200 177) !important;
}


tc-root > div > div > div:first-child > div > button {

    border: 1px solid #43545d52;

    text-align: center;
    font-size: /*10pt;*/ 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 5px 10px -5px #4b77cb00;
    background-color: rgb(227 228 235 / 8%);
    background: linear-gradient(#0b142500, #253d6bb0);
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
    animation: row_sh_anim cubic-bezier(0.65, 0.05, 0.36, 1) 3s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

tc-root > div > div > div:first-child > div > button:first-child {
	display: none !important;
}



tc-root > div > div > div > button {
	display: none !important;
}

table {
    border-collapse: collapse;
    border: 1px solid #43545d52;
    /*margin: 8px;*/
	width:100%;
    text-align: center;
    box-shadow: 0px 5px 10px -5px black, 0px -5px 10px -5px black;
	overflow: auto;
}

thead {
	color: rgb(203 200 177);
    font-size: 3vw;
	background-color: rgb(37 43 71);
	position: sticky;
	top: -1;
}

th,
td {
  border: 1px solid #43545d52;
  padding: 4px;
  font-size: 3vw;
}

th {
	border: none;/* 1px solid #43545d;*/
}
tr {
	box-sizing: border-box;
}
tr:nth-of-type(even) {
  background-color: rgb(122 148 255 / 9%);
}

.circle_info {
    border: 1px solid;
    border-radius: 50px;
    display: inline-block;
    flex-direction: row;
    width: 16px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;	
	
}