:root{
	--r-start:0deg;
	--r-end:360deg;
	--head-h:40px;
	--logo-py:9px;
	--iwrap : 1320px;
	--c-sd : rgba(0,0,0,.15);
	--c-sd-s : rgba(0,0,0,.08);
	--vc-sc: 0 4px 10px var(--c-sd);
	--light-gray : #f2f2f2;
	--unact:#dadada;
	--gray:#b4b4b4;
	--sinmx:200px;
	/* farm collection	*/
	--farm-bside : 2rem;
	--farm-pt : 11px;
	--farm-pl : 87px;
	--farm-hgh : 120px;
	--farm-level : #a2c573;
	--farm-level-d : #90b361;
	--farm-friends : #dbf0c2;
	--farm-friends-s:#cae1ae;
	--farm-sub-text : #512e13;
	--farm-sub-text-s:#4faa62;
	--farm-btn : #57bfff;
	--farm-sd-btn : #2489c8;
	--farm-btn-slcd : #dbf0c2;
	--farm-sd-btn-slcd : #bcd4a0;
	--farm-bg-slcted: #fffee6;
	--many-farmer:5;
	/* lobby collection	*/
	--size-leaves-a:100px;
	--size-leaves-b:110px;
	--times-a:2s;
	--times-b:1.25s;
	/* app farm	*/
	--w-detail:390px;
	/* resultfarm */
	--rsf-w:450px;
	--cos-x:.2;
	/* resultfarms */
	--scg:0;
	--rsf-h:150px;
	--rsf-ws:600px;
	--coss-x:.2;
	--bulb:40px;
	--sz-lvs-a:35px;
	--sz-lvs-b:60px;
	--fx-stage-t:3.5rem;


	--main-c : #ffb448;
	--main-c-h: #e2881b;
	--sub-c : #c884b4;

	/* older collection	*/
	--web-font : 16px;
	--web-head : 1.1rem;
}

html,input {
	font-size: var(--web-font);
}

body,input {
	font-family: 'Oswald','Prompt', sans-serif;
}
input,select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance:none;
	-ms-appearance:none;
}
html,body{
	overflow-x: hidden;
	width: 100%;
	min-height: 100vh;
}

*{
	box-sizing: border-box;
}

.dn{
	display: none;
}

.free-page::after,.learn-page::after,.index-page::after,
.rank-page::after,.account-page::after{
	content: 'COMING SOON';
	display: block;
	font-weight: bold;
	color: white;
	font-size: 3rem;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	position: fixed;
	text-shadow: var(--vc-sc);
	animation: scaleleaf 1s infinite ease-in-out;
	text-align: center;
	width: 100%;
}

header{
	background: white;
	box-shadow: 0 0 14px rgba(0, 0, 0, .26);
	max-height: 72px;
	overflow: hidden;
}

header span{
	    transition: font-size .075s ease-in;
}
.un-x-hd{
	overflow: unset;
}
.inner-wrapper{
	margin: 0 auto;
	width: var(--iwrap);
	transition: width .075s ease-in, margin .1s ease-in;
}

.items::after{
	content: '';
	display: block;
	clear: both;
}

:not(.revert-sm)>.item{
	float: left;
}
.revert-sm>.item,.item.revert-self{
	float: right;
}


/*------------ header ------------*/
header{
	padding:16px 0;
	font-size: 0;
	--b-r:10px;
}
.logo{
	padding: var(--logo-py) 0;
}
.logo img{
	height: calc(var(--head-h) - (var(--logo-py) * 2));
	margin-right: 20px;
}
.menu,
.account{
	font-size: var(--web-head);
/*	font-family: 'Prompt', sans-serif;*/
}
.menu .item,
.account .item{	
	color: var(--color-active);
	background: white;
/*	box-shadow: 0px 1.5px 0 var(--color-active);*/
/*	border-radius: calc( var(--head-h) * .5);*/
	height: var(--head-h);
	line-height: calc( var(--head-h) * .95);
/*	margin-left: 10px;*/
	translate: 0 0;
	transition: box-shadow .07s,
				translate .07s;
/*	border:1px solid var(--color-active);*/
}
header a:not(.item){
	text-decoration: none;
	color: unset;
	padding: 0 16px;
}
header .item .item+.item{
	margin-left: 0px;
	border-left: 0;
}
header .item .item:first-child{
/*	border-radius: var(--b-r) 0 0 var(--b-r);*/
}
header .item .item:last-child{
/*	border-radius: 0 var(--b-r) var(--b-r) 0;*/
}
header .item:not(.sin) .item:hover{
	translate:  0 1.5px;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);;
}

.menu .item.irank{--color-active:#d291bc;}
.menu .item.ifree{--color-active:#92c7f0;}
.menu .item.ifarm{--color-active:#a3c578;}
.menu .item.ilearn{--color-active:#fdb196;}
.account{--color-active:var(--main-c);}

.rank-page .menu .item.irank,
.free-page .menu .item.ifree,
.farm-page .menu .item.ifarm,
.learn-page .menu .item.ilearn{
	color: white;
	background: var(--color-active);
	translate: 0 1.5px;
	box-shadow: unset;
	border-radius: var(--b-r);
}

.account:not(.sin) .item+.item a{
	border-left: 1px solid var(--color-active);
}
/*.account.sin */
.account.sin .item:nth-child(2){
	margin-left: .5rem;
	padding: 0 .5rem;
	background: var(--color-active);
	color: white;
	border-radius:var(--b-r);
}
.signin-page .account:not(.sin) .item:nth-child(1),
.signup-page .account:not(.sin) .item:nth-child(2){
	background: var(--color-active);
	color: white;
	border-radius:var(--b-r);
}
.signin-page .account:not(.sin) .item:nth-child(2) a,
.signup-page .account:not(.sin) .item:nth-child(2) a{
	border:none;
}
.account.sin .item:nth-child(1){
	overflow: hidden;
	max-width: var(--sinmx);
	text-overflow: ellipsis;
	white-space: nowrap;
}
.account b{
	display: none;
	font-weight: 400;
}
.show-menu,
.show-menu-input{
	position: absolute;
	height: var(--head-h);
	width: var(--head-h);
	display: none;
/*	overflow: hidden;*/
	top: 10px;
	right: calc((100% - var(--iwrap)) * .5 );
	transition: top .2s ease-in, right .2s, border-radius .3s, width .2s, height .2s;
	cursor: pointer;
	background: white;
	border-radius: 0 0 0 0;
}
.show-menu-input{
	opacity: 0;
	z-index: 999;
}

.show-menu label{
	display: block;
	height: 100%;
	cursor: pointer;
	position: relative;
}

.show-menu label::after{
	height: 100%;
	top: 0;
	box-shadow: inset 0 5px 0 var(--main-c),
				inset 0 -5px 0 var(--main-c);
}

.show-menu label::before{
	height: 5px;
	background: var(--main-c);
	top: 10.5px;
}

.show-menu label::after,
.show-menu label::before{
	position: absolute;
	display: block;
	content: '';
	left: 0;
	width: 100%;
	transition: rotate .15s .15s, translate .3s, height .15s, left .3s, top .3s, width .3s;
}

/*.show-menu input{
	position: absolute;
	height: 0;
	width: 0;
	cursor: pointer;
}*/

input:checked+.show-menu,
input.show-menu-input:checked{
	top: 45.5px;
	width: 46px;
	height: 36px;
	box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
	right: calc(((100% - var(--iwrap)) * .5 ) - 10px);
	border-radius: 0 0 50% 50%;
}

input:checked+.show-menu label::after,
input:checked+.show-menu label::before{
	width: 50%;
	top: 40%;
	left: 50%;
	height: 5px;
	translate: -50% -50%;
}

input:checked+.show-menu label::before{
	rotate: 45deg;
}

input:checked+.show-menu label::after{
	rotate: -45deg;
}



/*-------------- bg-color --------------*/
.signin-page,
.signup-page,
.index-page,
.account-page{
	background: rgb(255,233,200);
	background: linear-gradient(90deg, rgba(255,233,200,.75) 0%, rgba(255,243,227,.5) 100%);
}

.farm-page{
	background: rgb(179,213,144);
	background: linear-gradient(90deg, rgba(217,234,199,1) 0%, rgba(251,250,240,1) 100%);
}

.learn-page{
	background: rgb(255,224,213);
	background: linear-gradient(90deg, rgba(255,224,213,1) 0%, rgba(255,243,238,1) 100%);
}

.free-page{
	background: rgb(220,240,255);
	background: linear-gradient(90deg, rgba(220,240,255,1) 0%, rgba(238,248,255,.7) 100%);
}

.rank-page{
	background: rgb(240,211,230);
	background: linear-gradient(90deg, rgba(240,211,230,1) 0%, rgba(245,217,235,.5) 100%);
}
/*------------ top farm ------------*/
.farm-page .list-user{
	--stage-farm: 75px;
	--lu-iwrap:calc((((var(--iwrap) * .5) - (var(--farm-bside) * 3)) / 3) - 12px);
/*	width: 50%;
	padding-left: calc(var(--farm-bside) * 2 );
	padding-right: var(--farm-bside);*/
	font-family: 'Prompt', 'Oswald', sans-serif;
}
.farm-page .top-3{
/*	--space-t:calc(var(--lu-iwrap) + .25rem);*/
	--bg-color-me3:#4b84ea;
	--bg-color-me2:#53a4f4;
	--bg-color-me:var(--farm-btn);
	--fx-stage:var(--fx-stage-t);
	--base-stage: calc(((var(--lu-iwrap) * .83)  * .5) + (var(--lu-iwrap) * .5) + (var(--lu-iwrap) * .75) + var(--stage-farm));
	--dis-top: 0px;
	font-size: 0;
	text-align: center;

	width: 50%;
	padding-left: calc(var(--farm-bside) * 2 );
	padding-right: var(--farm-bside);
}
.farm-page .top-3>div{
	padding-top: calc(6px + var(--dis-top));
	width: calc(100% / 3);
	font-size: 1rem;
	color: var(--farm-sub-text-s);
}
.farm-page .top-3>div::after{
	--h-me:calc(var(--base-stage) - (var(--dis-top) + var(--clr-size)));
	content: var(--text-stage);
	height:var(--h-me);
	line-height: var(--h-me);
	font-size: var(--fx-stage);
	font-weight: bold;
	display: block;
	background: var(--bg-color-me);
	color: white;
	border-radius: calc(var(--farm-hgh) * .15);
	box-shadow: 0 7px 10px var(--c-sd);
	margin-top: 1rem;
}
.farm-page .top-3>div:nth-child(1)::after,
.farm-page .top-3>div:nth-child(3)::after{
	border-bottom-left-radius: unset;

}
.farm-page .top-3>div:nth-child(1)::after,
.farm-page .top-3>div:nth-child(2)::after{
	border-bottom-right-radius: unset;
}
.farm-page .top-3>:nth-child(1){
	--fx-stage:calc(var(--fx-stage-t) * 1.25);
	--text-stage:"1";
	--dis-top: 0px;
	--clr-size : var(--lu-iwrap);
	float: none;
	display: inline-block;
}
.farm-page .top-3>:nth-child(2){
	--bg-color-me:var(--bg-color-me2);
	--text-stage:"2";
	--dis-top: calc(var(--lu-iwrap) * .5);
	--clr-size : calc(var(--lu-iwrap) * .83) ;
	float: left;
}
.farm-page .top-3>:nth-child(3){
	--bg-color-me:var(--bg-color-me3);
	--text-stage:"3";
	--dis-top: calc(((var(--lu-iwrap) * .83)  * .5) + (var(--lu-iwrap) * .5));
	--clr-size : calc(var(--lu-iwrap) * .75) ;
	float: right;
}
.farm-page .top-3 span{
	display: block;
	padding: 0 6px;
	color: var(--farm-sub-text);
	font-size: 1.25rem;
}
.farm-page .top-image-user{
	margin: auto;
	height: var(--clr-size);
	width: var(--clr-size);
	border-radius: 50%;
	background: white;
/*	box-shadow: var(--vc-sc);*/
}
.farm-page .list-user img{
	display: none;
}
.farm-page .top-3 .top-user{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 1rem;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
}
.farm-page .top-3 .top-point{
	padding: .45rem 0 .15rem 0;
/*	color: unset;*/
	font-weight: bold;

}

.farm-page .o-top-10{
	width: 50%;
	padding-right: calc(var(--farm-bside) * 2 );
	padding-left: var(--farm-bside);
}
.farm-page .top-10{
	border-radius: calc(var(--farm-hgh) * .15);
/*	box-shadow: var(--vc-sc);*/
	background: white;
/*	margin-top: 2rem;*/
	font-size: 1.15rem;
}
.farm-page .top-10 .items{
	padding: 1.1rem 1.5rem;
	color: var(--farm-level);
}
.farm-page .top-10 .items+.items{
	border-top: 1px solid var(--farm-friends-s);
}
.farm-page .top-10 .top-user{
	color: var(--farm-sub-text);
	font-weight: bold;
	padding-right: 1rem;
}
.farm-page .top-10 .top-user+div{
	font-style: italic;
	text-decoration: underline;
}
.farm-page .o-top-10>div:last-child a{
	color: var(--main-c);
	text-decoration: unset;
	font-weight: bold;
	font-size: 1.25rem;
}
.farm-page .o-top-10>div:last-child{
	text-align: center;
	padding-top: 1.5rem;
}



.farm-page .intro-page{
	/*width: 50%;
	padding-right: calc(var(--farm-bside) * 2 );
	padding-left: var(--farm-bside);*/
	color: var(--farm-sub-text);
	text-align: center;
	padding-bottom: 4rem;
}
.farm-page .intro-page .n-web{
	color: var(--main-c);	
	font-family: 'Prompt', 'Oswald', sans-serif;
	font-size: 5.5rem;
	font-weight: 800;
}
.farm-page .intro-page .n-web span{
	color: var(--sub-c);
}
.farm-page .intro-page .n-web+div{
	color: var(--main-c-h);
	font-size: 2.5rem;
}
.farm-page .intro-page p{
	font-size: 1.75rem;
/*	padding: 1.15rem 0;*/
	padding-top: 1rem;
/*	padding-bottom: 2.25rem;*/
}
.farm-page .intro-page p+div{
	padding-top: 2.25rem;
}

.farm-page .intro-page br{
	display: none;
}

.farm-page .intro-page .in-btn{
	display: inline-block;
	padding: .5rem 1.75rem;
	border-radius: .75rem;
	background: var(--main-c);
	box-shadow: 0 5px 0 var(--main-c-h);
	color: white;
	text-decoration: none;
	margin-right: 1rem;
	translate: 0 0;
	transition: translate 0s,
				box-shadow 0s;
}

.farm-page .intro-page a:last-child{
	color: var(--main-c);
	margin-left: 1rem;
}

.farm-page .intro-page .in-btn:active{
	translate: 0 5px;
	box-shadow: 0 0 0 var(--main-c-h);
	transition: translate 0s,
				box-shadow 0s;
}
.out-btn{
	--bg-cs:var(--farm-level);
	--colr:white;
	--bs-s-cs:var(--farm-level-d);
	padding-top: 1rem;
}
.out-btn a,
.out-btn input{
	display: inline-block;
	padding: .5rem 1.75rem;
	border-radius: .75rem;
	background: var(--bg-cs);
	box-shadow: 0 5px 0 var(--bs-s-cs);
	color: var(--colr);
	text-decoration: none;
	transition: translate 0s,
				box-shadow 0s;
	font-weight: 300;
	border:none;
}
.out-btn a:active,
.out-btn input:active{
	translate: 0 5px;
	box-shadow: 0 0 0 var(--bs-s-cs);
	transition: translate 0s,
				box-shadow 0s;
}


/*----------- search -----------*/
.farm-page .search-set{
	width: calc(18% - 1rem);
	padding: var(--farm-pt) 1rem;
	padding-bottom: calc(var(--farm-pt) * 2);
	text-align: center;
	max-height: calc(100vh - 40px);
	margin-right: 1.5rem;
	background: #fbfaf0;
	border-radius: 1rem;
}
.farm-page .search-text{
	position: relative;
}
.farm-page .search-text img{
	position: absolute;
	height: 50%;
	top: 50%;
	left: .6rem;
	translate: 0 -50%;
	opacity: .45;
	transition: opacity .2s .2s,
				height 0s .2s;
}
.farm-page .search-text input:focus+img{
	height: 0;
	opacity: 0;
	transition: opacity .2s,
				height 0s .2s;
}
.farm-page .search-text input{
	display: block;
	width: 100%;
	border-radius: 1rem;
	border:none;
	box-shadow: var(--vc-sc);
	padding: .2rem .75rem .3rem .75rem;
	padding-left: 2rem;
	transform-origin: top center;
	transition: scale .2s,
				padding-left .2s;
}
.farm-page .search-text input:focus{
	scale: 1.035;
	padding-left: .75rem;
	outline: none;
}
.farm-page .search-set input:not([type=submit])+div{
	border-radius: 1rem;
	border: 1.5px solid var(--msrch-color);
	color: var(--msrch-color);
	font-size: .8rem;
	padding:.2rem;
	max-width: 100%;
	cursor: pointer;
}
.farm-page .search-set input:checked+div{
	background: var(--msrch-color);
	color: white;
}
.farm-page .search-set label{
	display: block;
	width: 50%;
	font-size: 0;
	padding: .25rem;
	text-align: center;
}
.farm-page .search-set .div:not(.search-text){
	font-size: 0;
}
.farm-page .search-set div:not(.search-text) input:not([type=submit]){
	opacity: 0;
	width: 0;
	height: 0;
	font-size: 0;
}
.farm-page .search-set .search-levels{
	--msrch-color:var(--farm-level);
}
.farm-page .search-set .search-tags{
	--msrch-color:red;
}
.farm-page .search-set .search-levels,
.farm-page .search-set .search-tags{
/*	background: rgba(255, 255, 255, .5);*/
/*	background: white;*/
	/*box-shadow: 0 0 0 2.5px white inset,
				0 34px 0 2.5px white inset;*/
		box-shadow: 0 0 0 2.5px var(--farm-friends-s) inset;
	padding: .5rem;
	padding-top: 0;
	margin-top: 1rem;
	border-radius: 1rem;
}
.farm-page .search-set .search-title{
	margin: 0 -.5rem;
	margin-bottom: .5rem;
	border-radius: 1rem 1rem 0 0;
/*	background: var(--farm-level);*/
/*	color: var(--farm-sub-text)	;*/
	background: var(--farm-friends-s);
/*	color: white;*/
	color: var(--farm-sub-text-s);
	font-weight: 400;
	padding: .25rem 0;
/*	opacity: .85;*/
}
.farm-page .search-set .out-btn input{
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 1.25rem;
}
.farm-page .search-set .out-btn{
	padding-top:.75rem;
	--bg-cs: var(--main-c);
    --bs-s-cs: var(--main-c-h);
}
/*----------- paging -----------*/
.farm-page .paging{
	text-align: center;
	padding-top: 1.5rem;
}
.farm-page .paging ul{
	display: inline-block;
}
.farm-page .paging li{
	font-size: 1rem;
	background: white;
	padding: 0 .75rem;
	border-radius: 50%;
/*	box-shadow: var(--vc-sc);*/
	line-height: 32px;
	height: 32px;
	max-height: 32px;
	cursor: pointer;
	color: var(--farm-sub-text-s);
}
.farm-page .paging li:first-child,
.farm-page .paging li:last-child{
	line-height: 29px;
}

.farm-page .paging li+li{
	margin-left: .75rem;
}

.paging .active{
	background: var(--main-c)!important;
	color: white!important;
	box-shadow: var(--vc-sc);
}


/*------------ farm ------------*/
.un-x-hd .stk{
	position: sticky!important;
	top: 1rem;
}

.farm-page main{
	padding-bottom: 3rem;
}

.farm-page.bg.y{
	background-color: #dde6cd;
	background-image: url(../images/elements/farmfull-bg.png);
}

.farm-page.bg{
	background-color: #EAF2DC;
	background-position: center;
}

.farm-page .descipt{
	width: 25%;
	text-align: right;
	color: var(--farm-sub-text);
	padding-right: 2rem;
	padding-top: var(--farm-pt);
	font-size: calc(var(--web-font) + 2px);
}
.farm-page .descipt h1{
	font-size: 4rem;
	font-weight: bold;
}

.farm-page .descipt h2{
	font-size: 2rem;
}

.farm-page .descipt .hline{
	height: 1rem;
	display: inline-block;
	width: 100%;
}

.farm-page .list-items{
	width: 75%;
	padding-left: 30px;
	padding-right: 0;
}
.farm-page.search .farmers{
	width: calc(17% - .5rem);
	padding-left: 1.5rem;
/*	padding-top: var(--farm-pt);*/
	padding-top: 0;
	text-align: center;
}

.farm-page main{
	padding-top: 40px;
}

.farm-page .list-items>.items>.item{
	width: 100%;
	position: relative;
	padding-top: var(--farm-pt);
	padding-left: var(--farm-pl);
}
.farm-page .list-items>.items>.item+.item{
	margin-top: calc(var(--farm-pt) * 1.85);
}
.farm-page .card{
	height: var(--farm-hgh);
	background: white;
	border-radius: calc(var(--farm-hgh) * .25);
/*	box-shadow: 0 7px 10px var(--c-sd);*/
	box-shadow: var(--vc-sc);
	transition: box-shadow .25s;
}
.farm-page .btnfarm.y{
	--bg-bttn:var(--farm-btn);
	--shadow-btn:var(--farm-sd-btn);
}
.farm-page .card:not(.y) .btnfarm{
	--bg-bttn:var(--unact);
	--shadow-btn:var(--gray);
}
.farm-page .card.y.passed .btnfarm{
	--bg-bttn:var(--farm-btn-slcd);
	--shadow-btn:var(--farm-sd-btn-slcd);
	color: var(--farm-sub-text-s);
}

.farm-page .card:hover{
	box-shadow: 0 7px 11px rgba(0, 0, 0, .25);
}
.farm-page .inner-card{
	position: relative;
	top: calc(var(--farm-pt) * -1);
	left:calc(var(--farm-pl) * -1);
	height: calc(var(--farm-hgh) + var(--farm-pt));
	width: calc(100% + var(--farm-pl));

}
.farm-page .farm-img{
	--unpsd:4px;
	--sunpsd:7px;
	--tsl:2.5px;
	padding-top: var(--farm-pt);
	position: relative;
	transition: scale .2s ease-in,
				filter .2s ease-in;
}
.farm-page .card .farm-img img[alt=unpassed]{
	--ssunpsd:0 var(--unpsd) 10px var(--c-sd);
	height: calc(var(--farm-hgh) * .275);
	position: absolute;
	left: 0;
	top: var(--farm-pt);
	filter: drop-shadow(var(--ssunpsd));
	-webkit-filter: drop-shadow(var(--ssunpsd));
	transition: filter .2s ease-in,
				translate .2s ease-in; 

}
.farm-page .card .farm-img img[alt=unpassed]+img{
	--unpsd:-4px;
	--sunpsd:-7px;
	--tsl:-2.5px;
	top: unset;
	bottom: 5px;
	scale: 1 -1;
}
.farm-page .card:hover .farm-img img[alt=unpassed]{
	--ssunpsd:0 var(--sunpsd) 7px rgba(0, 0, 0, .3);
	translate: 2.5px var(--tsl);
}

.farm-page .inner-card:hover .farm-img{
	scale: 1.05;
	filter: brightness(1.05);
}

.farm-page .farm-img img{
	height: var(--farm-hgh);
}
.farm-page .farm-img img[alt=coin-farm]{
	filter: drop-shadow(var(--vc-sc));
	-webkit-filter: drop-shadow(var(--vc-sc));
	transition: filter .25s ease-in;
	animation:updown 1.35s infinite linear paused;
}

.farm-page .inner-card:hover img[alt=coin-farm]{
	filter: drop-shadow(var(--vc-sc));
	-webkit-filter: drop-shadow(var(--vc-sc));
	animation-play-state: running;
}

/*.farm-page .farm-img img+img{
	left: 0;
	top: var(--farm-pt);
	position: absolute;
	animation: weedmove 1.5s infinite linear paused;
	
}*/
.farm-page .card .farm-img img[alt=coin-weed],
.farm-page .card.passed .farm-img img[alt=unpassed]{
	display: none;
}
.farm-page .card.y .farm-img img[alt=coin-weed]{
	display: block;
}
.farm-page .card:not(.y),
.farm-page .card:not(.y) h5{
	color: var(--gray);
}

.farm-page .card:not(.y) .btnfarm.y,
.farm-page .card.y .btnfarm.n{
	display: none;
}
.farm-page .card.y.passed{
	background: var(--farm-level-d);
	color: var(--farm-bg-slcted);
}

.farm-page .card.y.passed .card-link{
	--style-blr: 4px solid var(--farm-friends-s);
}
.farm-page .card.passed .card-link{
	position: relative;
}
.farm-page .card:not(.passed) .card-link div,
.farm-page .card .card-link span+span{
	display: none;
}
.farm-page .card .card-link div{
	--bbtn:calc((var(--farm-hgh) - ((100% - var(--farm-pt)) - var(--farm-pt))) * -.5);
	min-height: calc(var(--farm-pt) * 2);
    border-radius: var(--farm-pt);
    font-size: calc(var(--farm-pt) + 4px);
    padding: 3px 15px;
    background: white;
    color: black;
    position: absolute;
    bottom: var(--bbtn);
	left: 50%;
    translate: -50% 0;
    white-space: nowrap;
    box-shadow: 0 6px 4px var(--c-sd-s);
    transition: box-shadow .25s;
    min-width: 80%;
}
.farm-page .card:not(.y) .card-link div{
	color: var(--gray);
}
.farm-page .card.y.passed .card-link div{
	background: var(--farm-level-d);
	color: var(--farm-bg-slcted);
}
.farm-page .card:hover .card-link div{
	box-shadow: 0 7px 4px var(--c-sd);
}

.farm-page .inner-card:hover .farm-img img+img,
.farm-page .inner-card:hover img[alt=coin-weed]{
	animation-play-state: running;
}
.farm-page .farm-img img[alt=coin-weed]{
	left: 0;
	top: var(--farm-pt);
	height: var(--farm-hgh);
	position: absolute;
	animation: weedmove 1.5s infinite linear paused;
}

.farm-page .info{
	padding-left: 20px;
	width: calc(100% - (var(--farm-pl) * 2));
}

.farm-page .list-attr,
.farm-page .list-attr .item.level{
	height: calc(var(--farm-pt) * 2);
}

.farm-page .list-attr .item{
	border-radius: var(--farm-pt);
	box-shadow: 0 2px 3px var(--c-sd);
	color: white;
	font-size: calc(var(--farm-pt) + 2px);
	height: 100%;
	padding: 0 10px;	
}

.farm-page .level{
	background: var(--farm-level);
}

.farm-page .attr{
	background: #ff3700;
	display: none;
}
.farm-page .attr.y{
	display: block;
}
.farm-page .attr+.attr{
	margin-left: 4px;
}

.farm-page .level+.attr{
	margin-left: 16px;
}
.card-body{
	--nhgh:calc(var(--farm-hgh) - (var(--farm-pt) *3));
	height:var(--nhgh);
}
.farm-page .card-footer{
	height: 100%;
	width: 70%;
}

.farm-page .card-title{
	height: 100%;
	width: 30%;
	text-align: center;
}

.farm-page .card-titles{
	width: 55%;
	height: 100%;
}

.farm-page .card-titles{
	display: flex;
	align-items: center;
	padding-right: .5rem;
}

.farm-page .card-titles h4 { 
	line-height: 1.3rem;
	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
/*	margin-top: calc(var(--farm-pt) + 2px);*/
}
.farm-page .card:not(.passed) .card-titles h4,
.farm-page .card.passed:not(.y) .card-titles h4{
	font-weight: bold;
}

.farm-page .card-titles h5 { 
/*	color: var(--farm-sub-text);*/
	opacity: .75;
	font-size: calc(var(--web-font) - 2px);
	margin-top: calc(var(--farm-pt) - 2px);
}
.farm-page .friends{
	height: calc(var(--farm-pt) * 2);
	border-radius: var(--farm-pt) var(--farm-pt) 0 0;
	font-size: calc(var(--farm-pt) + 2px);
	padding: 2px 10px;
	background: var(--farm-friends);
	color: var(--farm-sub-text);
}
.farm-page .card:not(.y) .friends{
	background: var(--light-gray);
	color: var(--gray);
}

.farm-page .card.y.passed .friends{
	background: var(--farm-friends-s);
}

.farm-page .card-link{
	--style-blr:4px solid var(--light-gray);
	height: calc(100% - var(--farm-pt));
	text-align: center;
	border-left: var(--style-blr);
	border-right: var(--style-blr);
	margin-top: var(--farm-pt);
	width: 45%;
}
.farm-page .btnfarm{
	--nnhgh : calc(var(--nhgh) - (var(--farm-pt) * 3));
	background: var(--bg-bttn);
	border-radius: calc(var(--nnhgh) * .25);
	box-shadow: 0 5px 0 var(--shadow-btn);
	display: block;
	height: var(--nnhgh);
	line-height: var(--nnhgh);
	margin: var(--farm-pt) auto;
	width: 80%;
	font-size: 1.35rem;
	font-weight: 600;
	text-decoration: none;
	color: white;

}

.farm-page .btnfarm,
.farm-page .in-btn,
.out-btn a,.out-btn input{ /* *********  .btnfarm.y  */
/*	background: var(--bg-bttn);*/
/*	box-shadow: 0 5px 0 var(--shadow-btn);*/
	transition: translate 0.15s,
				box-shadow 0.15s;
	cursor: pointer;
}

.farm-page .btnfarm:active{ /* *********  .btnfarm.y  */
	translate: 0 5px ;
	box-shadow: 0 0 0 var(--shadow-btn);
	transition: translate 0s,
				box-shadow 0s;
}

.farm-page .coin{
	--nweb-font:calc(var(--web-font) + 2px);
	display: inline-block;
	padding-top:8px;
}
.farm-page .coin .strong{
	font-size: calc(var(--nweb-font) * 3);
}

.farm-page .coin .b{
	font-size: var(--nweb-font);
	text-align: left;
	padding-left: calc(var(--web-font) - 2px);
	padding-top: calc(var(--web-font) - 2px);
}
.inner-message{
	position: fixed;
	padding: 10px 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 0, 0,.75);
	backdrop-filter: blur(4px);
	color: white;
	text-align: center;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}
.inner-message a{
/*	background: white;*/
/*	color: blue;*/
	color: white;
	padding: 0 8px 4px 8px;
	border-radius: 5px;
}

/*----------- lobby -------------*/
.farm-page form{

}
.farm-page .top-lobbyfarm{
	text-align: center;
}
.farm-page form:not(.y) .top-lobbyfarm,
.farm-page form:not(.y) .footer-lobbyfarm{
	color: var(--gray);
}
.farm-page .top-lobbyfarm>div,
.farm-page .footer-lobbyfarm>div{
	display: inline-block;
	background: white;
	border-radius: calc(var(--farm-hgh) * .25);
	box-shadow: var(--vc-sc);
	padding: 1rem 1.2rem;
	max-width: 90%;
	font-size: 1.2rem;
	position: relative;
}
.farm-page .top-lobbyfarm>div{
	--leaves-size-bth:calc(var(--size-leaves-b) + var(--size-leaves-a));
	max-width: calc(var(--iwrap) - (var(--leaves-size-bth) * .88));
}
.farm-page .top-lobbyfarm h1{
	font-size: 3.25rem;
	font-weight: bold;
	padding: .5rem 1rem;
	padding-top: 0;
	color: black;
}
.farm-page .top-lobbyfarm h2 ul,
.farm-page .lobby-friends{
	display: block;
	background: var(--farm-friends);
	border-radius: 1rem;
	color: var(--farm-sub-text);
}
.farm-page .lobby-friends{
	padding:0 1rem;
}
.farm-page form:not(.y) .top-lobbyfarm h2 ul,
.farm-page form:not(.y) .lobby-friends{
 	background: var(--light-gray);
 	color: var(--gray);
}
.farm-page .top-lobbyfarm h2 li{
	display: inline-block;
	padding: 0 5px;
	cursor: pointer;
}
.farm-page .top-lobbyfarm h2 li:last-child{
	display: none;
}
.farm-page .lobby-lev{
	background: var(--farm-level);
	color: white;
	padding: 0 10px 4px 10px;
	border-radius: 1rem;
}
.farm-page form:not(.y) .lobby-lev{
	background: var(--gray);
}
.farm-page .lobby-attr{
	padding-top: 1.2rem;
}
.farm-page .lobby-attr li{
	display: none;
}
.farm-page .lobby-attr .y{
	display: inline-block;
	font-size: 1.2rem;
	background: white;
	padding: 0 .75rem;
	border-radius: 1rem;
	box-shadow: var(--vc-sc);
	color: red;
	cursor: pointer;
}
.farm-page .lobby-attr .y+.y{
	margin-left: .5rem;
}
.farm-page .lobby-attr .y~li:last-child{
	height: 1rem;
	display: block;
}
.farm-page .body-lobbyfarm{
	font-size: 1.2rem;
	text-align: center;
	color: var(--farm-sub-text);
	padding-bottom: .65rem;
}
.farm-page .footer-lobbyfarm{
	text-align: center;
}
.farm-page .footer-lobbyfarm>div{
	position: relative;
/*	box-shadow: unset;*/
}
.farm-page .lobby-coin{
	font-size: 1.75rem;
}
.farm-page .footer-lobbyfarm .btnfarm{
	border: 0;
	border-radius: .75rem;
	display: inline-block;
	width: auto;
	padding: .5rem 2rem;
	cursor: pointer;
	font-weight: unset;
}
.farm-page form.y .footer-lobbyfarm .btnfarm+.btnfarm{
	margin-left: 1rem;
}
.farm-page .footer-lobbyfarm .btnfarm.c{
	background: var(--unact);
	box-shadow: 0 5px 0 var(--gray);
	
}
.farm-page form.y .footer-lobbyfarm .btnfarm.c{
	background: white;
	box-shadow: 0 0 0 1px var(--farm-btn) inset,
				0 5px 0 var(--farm-sd-btn);
	color: var(--farm-btn);
}
.farm-page form:not(.y) .footer-lobbyfarm .btnfarm.y:not(.c){
	display: none;
}
.farm-page .lobby-start{
	padding-bottom: .75rem;
	padding-top: .25rem;
}

.farm-page form.y .footer-lobbyfarm .btnfarm.c:active{
	box-shadow: 0 0 0 1px var(--farm-btn) inset, 0 0 0 var(--farm-sd-btn);
}
.farm-page .footer-lobbyfarm .btnfarm.c:active{
	box-shadow: 0 0 0 0 var(--farm-btn) inset, 0 0 0 var(--farm-sd-btn);
}

.farm-page .lobby-leaves img{
	width: 100%;
}
.farm-page .lobby-leaves img+img{
	display: none;
}

.farm-page form.y .lobby-leaves img+img,
.farm-page .resultfarm.y .lobby-leaves img+img,
.farm-page.y .resultfarms .lobby-leaves img+img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	animation:scaleleaf var(--times) infinite linear calc(var(--times) * var(--dl));
	filter: drop-shadow(0 7px 5px var(--c-sd));
    -webkit-filter: drop-shadow(0 7px 5px var(--c-sd));
}

.farm-page .lobby-leaves-in{
	position: absolute;
	transform-origin:bottom center;
	-ms-transform-origin:bottom center;
	-webkit-transform-origin:bottom center;


}

.farm-page .lobby-leaves-in.a img{
	width: var(--size-leaves-a);
}
.farm-page .lobby-leaves-in.b img{
	width: var(--size-leaves-b);
}

.farm-page .lobby-leaves-in.a{
	bottom: calc(55% - (var(--size-leaves-a) * .6));
	left:  calc(100% - (var(--size-leaves-a) * .12));
	filter: brightness(.95);
	-webkit-filter: brightness(.95);
	scale: -1 1;
	--times:var(--times-a);
	animation:scaleleaves calc(var(--times-b) * 2) infinite ease-in-out;
}

.farm-page .lobby-leaves-in.b{
	--times:var(--times-b);
	bottom: 1.5rem;
	right: calc(100% - (var(--size-leaves-b) * .12));
	animation:scaleleaves calc(var(--times-a) * 2) infinite ease-in-out;
}

.farm-page .lobby-farmer{
	padding-top: 0;
	font-size: 0;
	text-align: center;
}

.farm-page .farmers{
/*	border-top: 3px solid var(--farm-friends-s);*/
	padding-top: 2rem;
	position: relative;
}
.farm-page .lobby-farmer li:not(.farmer,.footer-farmer),
.farm-page.search .farmers li:not(.farmer,.footer-farmer){
	display: inline-block;
	box-shadow: 0 3.5px 5px var(--c-sd);
	background: white;
	width: calc(100% / var(--many-farmer) - 16px);
	color: var(--farm-sub-text-s);
	padding: .5rem;
	max-width: calc(100% - 1rem);
	margin: .5rem;
	font-size: 1rem;
	border-radius: .5rem;
}


.farm-page .lobby-farmer div,
.farm-page.search .farmers div{
	padding: .1rem .5rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.farm-page .lobby-farmer div:first-child,
.farm-page.search .farmers div:first-child{
	background: var(--farm-friends);
	border-radius: .5rem;
	cursor: pointer;
}
.farm-page .lobby-farmer div:last-child,
.farm-page.search .farmers div:last-child{
	font-size: .65rem;
}
.farm-page .lobby-farmer a,
.farm-page.search .farmers a{
	color: var(--farm-sub-text);
}
.farm-page .farmer ,
.farm-page .footer-farmer{
	display: none;
}
.add-line+*::before{
	content: '';
}
.add-line+*{
	position: relative;
}
.farm-page .lobby-farmer li+.farmer,
.add-line+*::before{
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: var(--farm-friends-s);
	top: -1.5px;
	left: 0;
	border-radius: 50%;
}
.add-line.mx9xx+*::before{
	display: none;
}
.farm-page .lobby-farmer li+.farmer+.footer-farmer{
	height: .5rem;
	display: block;
	float: left;
}

/*-------- appfarm --------*/
.app-farm {
	margin-bottom: 1rem;
	position: relative;
	--radius-hd-app:calc(var(--farm-hgh) * .25);
}
.app-farm .detail{
	width: var(--w-detail);
	border-radius: var(--radius-hd-app);
	background: #fffef9;
	box-shadow: var(--vc-sc);
/*	padding: 1rem;*/
/*	background: rgb(163 197 120 / 25%);*/
	height: calc(100% - 40px - 3rem);
	position: absolute;
}

.app-farm .qtest{
	width: calc(100% - var(--w-detail));
	min-height: calc(100vh - 72px - 40px - 3rem);
	padding-left: 2rem;
/*	height: 200vh;*/
}

.app-farm .card-appfarm{
/*	border-radius: var(--radius-hd-app);*/
/*	background: white;*/
	padding: 1rem;
/*	box-shadow: 0 7px 10px var(--c-sd);*/
	text-align: center;
	position: sticky;
	position: -webkit-sticky;
	top: 1rem;
/*	font-size: .85rem;*/
	font-size: calc(var(--w-detail) * .0473684);
}

.app-farm .app-farm-img{
	width: 50%; 
	margin:auto;
	position: relative;
	padding-bottom: 1.5rem;
}
.app-farm .app-farm-img img{
	width: 100%;
}
.app-farm .app-farm-img img[alt=coin-farm]{
	filter: drop-shadow(0 7px 5px var(--c-sd));
	-webkit-filter: drop-shadow(0 7px 5px var(--c-sd));
	
}
.app-farm .app-farm-img img+img{
	position: absolute;
	top: 0;
	left: 0;
}
.lev-apf{
	background: var(--farm-level);
	color: white;
	border-radius: 1rem;
}
.app-farm h1{
/*	font-size: 1.5rem;*/
	line-height: 2rem;
	padding: .5rem 0 1rem 0;
	font-weight: bold;
	font-size: calc(var(--w-detail) * .0473684 * 2);
	line-height: calc((var(--w-detail) * .0473684 * 2) * 1.33	);
}

.app-farm .card-appfarm h5{
	padding-top: .75rem;
}

.list-attr-apf{
	padding-top: 1rem;
}
.list-attr-apf li:not(.y){
	display: none;
}
.list-attr-apf li.y{
	display: inline-block;
	border-radius: 1rem;
	color: red;
	padding:0 .75rem;
	background: var(--farm-friends);
}
.list-attr-apf li+li{
	margin-left: .25rem;
}
.apf-card{
	background: white;
	border-radius: var(--radius-hd-app);
	box-shadow: var(--vc-sc);
	margin-bottom: 1.5rem;
	padding: 1rem 1.5rem;
	padding-top: 0;
	font-family: 'prompt';

	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.app-farm h3{
	font-size: 1.4rem;
	font-weight: bold;
/*	font-family: 'prompt';*/
	border-radius: var(--radius-hd-app) var(--radius-hd-app) 0 0;
	background: var(--farm-level);
	color: white;
	padding: 1rem 1.5rem;
	margin: 0 -1.5rem;
}

.app-farm h3+div{
	height: 1.5rem;
/*	margin: 1rem 0;*/
/*	background: var(--light-gray);*/
}
.app-farm .q{
	padding: 0 1rem;
	display: inline-block;
	min-width: 400px;
}

.app-farm .apf-card input{
	position: absolute;
	opacity: 0;
}

.app-farm .apf-card label{
	position: relative;
}

.oq{
/*	display: inline-block;*/
/*	font-family: 'prompt';*/
	padding: .5rem 1.5rem;
	border-radius: 1.5rem;
	box-shadow: inset 0 0 0 2px var(--farm-friends),
				0 5px 0 var(--farm-friends);
	color: var(--farm-sub-text-s);
	cursor: pointer;
	translate:  0 -5px;
	transition: box-shadow .1s, 
				translate .1s,
	 			background .5s .1s,
	 			color .5s .1s;
}
input:checked+.oq{
	background: var(--farm-sub-text-s);
	color: white;
	box-shadow: inset 0 0 0 0 var(--farm-friends),
				0 0 0 var(--farm-friends);
	translate: 0 0;
}
.q>li+li{
	margin-top: 1rem;
}
.btnapp{
	width: 100%!important;
	border-radius: .75rem!important;
	border: 0;
	padding: .5rem;
	cursor: pointer;
}

/*-------- resultfarm -------*/

.resultfarm{
	--radius-rsf:calc(var(--farm-hgh) * .25);
	--rsf-hw:calc(var(--rsf-w) * .5);
	max-width: 100%;
	width: var(--rsf-w);
	margin: auto;
	text-align: center;
	padding:1rem 1.5rem;
	padding-top: 0;
	font-size: 2rem;
	background: white;
	box-shadow: var(--vc-sc);
	border-radius:var(--rsf-hw) var(--rsf-hw) var(--radius-rsf) var(--radius-rsf);
	position: relative;
}

.resultfarm:not(.y){

}

.resultfarms h1{
	font-size: 2rem;
}
.resultfarms h2{
	font-weight: bold;
	font-size: 3rem;
	color: red;
}

.farm-page.y .resultfarms h2{
	color: var(--farm-level);
	font-size: 4rem;
}

.farm-page.y .resultfarms h2 span,
.farm-page:not(.y) .resultfarms .coins{
	display: none;
}
.resultfarm .sff-farm-img{
	width: 60%;
	position: relative;
	margin: auto;
	filter: brightness(.85);
	animation: updown 2s infinite ease-in;
}
.resultfarm.y .sff-farm-img{
	filter: brightness(1.12);
}
.resultfarm .sff-farm-img img{
	width: 100%;
/*	filter: drop-shadow(0 7px 5px var(--c-sd));*/
/*	-webkit-filter: drop-shadow(0 7px 5px var(--c-sd));*/
}

.resultfarm .sff-farm-img img~img{
	--time-run:4s;
	position: absolute;
	top: 0;
	left: 0;
	animation: ungivweed var(--time-run) infinite calc(var(--time-run) * var(--dl));
}
.resultfarm.y .sff-farm-img img~img{
	animation-name: givweed ;

}
.resultfarm .sff-farm-img img[alt=coin-farm]{
	filter: drop-shadow(0 7px 5px var(--c-sd));
	-webkit-filter: drop-shadow(0 7px 5px var(--c-sd));
}
.resultfarms .supscore{
	font-size: .75em;
}
.resultfarms .coins{
	padding: .25rem;
	margin-top: .5rem;
	margin-bottom: 1rem;
	font-size: 1em;
	border-radius: 1.5rem;
	background: var(--farm-friends);

}
.resultfarm .lobby-leaves .lobby-leaves-in{
	bottom: calc((100%) - (var(--rsf-w) * .35));
	top: unset;
}
.resultfarm .lobby-leaves .lobby-leaves-in.a{
	rotate: -17deg;
	left: calc(100% - (var(--size-leaves-a) * var(--cos-x)));
}
.resultfarm .lobby-leaves .lobby-leaves-in.b{
	rotate: 17deg;
	right: calc(100% - (var(--size-leaves-b) * var(--cos-x)));
}

/*-------- resultfarms --------*/

.resultfarms{
	--rsf-hh:calc(var(--rsf-h) * .5);
	width: var(--rsf-ws);
	padding-top: var(--rsf-hh);
	position: relative;
	margin: auto;
	text-align: center;
}
.resultfarms .boximg{
	position: absolute;
	top: 0;
	left: calc((100% + var(--bulb) + 1rem) * .5);
	translate: -50% 0;
	z-index: 7;
}
.resultfarms .sff-farm-img{
	position: relative;
	margin: auto;
	animation: updown 2s infinite ease-in;
}
.resultfarms .sff-farm-img img{
	height: var(--rsf-h);
}

.resultfarms .sff-farm-img img~img{
	--time-run:4s;
	position: absolute;
	top: 0;
	left: 0;
	animation: ungivweed var(--time-run) infinite calc(var(--time-run) * var(--dl));
}
.farm-page.y .resultfarms .sff-farm-img img~img{
	animation-name: givweed ;

}
.resultfarms .sff-farm-img img[alt=coin-farm]{
	filter: drop-shadow(0 7px 5px var(--c-sd));
	-webkit-filter: drop-shadow(0 7px 5px var(--c-sd));
}
.resultfarms>div:not(.aura)+div{
	background: white;
	box-shadow: var(--vc-sc);
	border-radius: calc(var(--farm-hgh) * .25);
}
.resultfarms .resultfarminfo{
	width: calc( 100% - (var(--bulb) + 1rem));
	padding: 1rem;
	padding-top: calc(var(--rsf-hh) + 1rem);
	position: relative;
	z-index: 6;

}
.resultfarms .rankscore{
	width: var(--bulb);
	position: absolute;
	top: var(--rsf-hh);
	height: calc(100% - var(--rsf-hh));
	left: 0;
	padding: .4rem;
	z-index: 8;
}
.resultfarms .rankscore>div{
	position: relative;
	height: 100%;
}
.resultfarms .rankscore>div::after{
	box-shadow: 0 3px 6px var(--c-sd);
	content: '';
	display: block;
	position: absolute;
	height: 6px;
	width: calc(100% + .8rem);
	background: var(--farm-sub-text-s);
	bottom: calc(((var(--scp) / var(--sch)) * 100%) - 3px);
	left: -.4rem;
}
.resultfarms .lobby-leaves .lobby-leaves-in{
	--size-leaves-a:var(--sz-lvs-a);
	--size-leaves-b:var(--sz-lvs-b);
	bottom: calc(((var(--scp) / var(--sch)) * 100%) - 6px);
	top: unset;
}
.resultfarms .bulb{
	position: relative;
	overflow: hidden;
	height: 100%;
	background: var(--farm-friends);
	border-radius: calc((var(--bulb) - .8rem) * .5);
}
.resultfarms .bulb::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: calc((var(--bulb) - .8rem) * .5);
	box-shadow: 0 0 0 .4rem white;
	top: 0;
	left: 0;
}
.resultfarms .bulb::before{
	animation: wavscoreY 1s infinite ease-in;
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	bottom: -6px;
	left: 0;
	min-height: 12px;
	height: calc(((var(--scg) / var(--sch)) * 100%) + 12px);
	background: var(--farm-level);
	background: linear-gradient(180deg, rgb(36 ,137 ,200) 0%, rgb(87, 191 ,255) 100%);
	box-shadow: 0 0 30px white;
}
.resultfarms .score{
	font-size: 1.1rem;
}

/*----------------- signin signup -----------------*/
.signinup{
	padding-top: 3rem;
	padding-bottom: 50px;
	text-align: center;
	--mcolor:var(--main-c);
	--scolor:var(--sub-c);
	--dmcolor:#e9a442;
	overflow: hidden;
}
/*.signup-page .signinup{
	--scolor:var(--main-c);
	--mcolor:var(--sub-c);
	--dmcolor:#af699b;
}*/
.signinup .items{
	--bubble:calc((var(--iwrap) * .75) * .5);
	width: 75%;
	margin: auto;
	position: relative;
	border-radius: 1rem;
	background: white;
	filter: drop-shadow(0 3px 6px var(--c-sd));
	-webkit-filter: drop-shadow(0 3px 6px var(--c-sd));
}
.signinup .item{
	width: 50%;
	height: 100%;
	color: var(--mcolor);
}
.signinup form+.item{
	top: 0;
	position: absolute;
	border-radius: 0 1rem 1rem 0;
}
.signinup form.revert-self+.item{
	left: 0;
	scale: -1;
}
.signinup form:not(.revert-self)+.item{
	right: 0;
}
.signinup form label{
	display: block;
	position: relative;
}
.signinup form label input,
.signinup form label select{
	border: none;
	border-radius: 0;
	border-bottom: 2px solid var(--mcolor);
	opacity: .25;
	padding: .25rem;
	display: block;
	width: 100%;
}
.signinup form label select{
	opacity: 1;
	padding-top: .5rem;
}
.signinup form label input:focus,
.signinup form label input:valid,
.signinup form label input:not([value=""]):not(:focus):invalid{
	opacity: 1;
	outline: none;
}
.signinup label input:-webkit-autofill,
.signinup label input:-webkit-autofill:hover, 
.signinup label input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 40rem #ffff inset !important;
}
.signinup input+span,
.signinup select+span{
	position: absolute;
	left: .5rem;
	bottom: .5rem;
	opacity: .75;
	font-size: 1rem;
	transition: font-size .15s, bottom .15s, left 
	15s;
	cursor: text;
}
.signinup form label input:focus+span,
.signinup form label input:valid+span,
.signinup form label select+span,
.signinup form label input:not([value=""]):not(:focus):invalid+span{
	bottom: calc(100% - .25rem);
	font-size: .75rem;
	left: .25s;
}
.signinup form label select:focus,
.signinup form label select:focus-visible{
	outline: none;
}
.signinup form{
	padding: 1rem;
}
.signinup form div:not(:first-child){
	padding: 1rem 0;
	width: 50%;
	margin: auto;
}
.signinup form div.ulerrmsg{
	padding: 0;
}
.signinup form #ulerrmsg{
	animation: upscalestop .25s ease-in;
	color: white;
	transform-origin: top center ;
	font-size: .75rem;
}
.signinup form .ulerrmsg li{
	background: var(--sub-c);
	padding-left: 1rem;
	padding-right: 1rem;
}
.signinup form .ulerrmsg li:first-child{
	margin-top: 1rem;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding-top: .75rem;
}
.signinup form .ulerrmsg li:last-child{
	padding-bottom: .75rem;
	margin-bottom: .5rem;
	border-bottom-right-radius:10px;
	border-bottom-left-radius: 10px;
}
.signinup form div:last-child{
	margin-bottom: 1.25rem;
}
.signinup h1{
	font-size: 3rem;
	color: var(--dmcolor);
}
.signinup input[type=submit]{
	background: var(--mcolor);
	box-shadow: 0 5px 0 var(--dmcolor);
/*	display: block;*/
	width: 100%;
	font-size: 1.35rem;
	color: white;
	padding-top: .25rem;
	padding-bottom: .3rem;
	border-radius: .75rem;
	border:none;
	cursor: pointer;
	transition: translate 0.15s,
				box-shadow 0.15s;
}
.signinup input[type=submit]:active{
	translate: 0 5px ;
	box-shadow: 0 0 0 var(--dmcolor);
	transition: translate 0s,
				box-shadow 0s;
}
.signinup a{
	color: var(--dmcolor);
}
.selectaf::after{
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border:6px solid transparent;
	border-top: 10px solid var(--main-c);
	border-bottom: 0;
	top: calc(50% - 5px);
	right: 6px;
}













@keyframes scaleleaf{
	0%,100%{ 
		transform: scale(1);
		-ms-transform:scale(1);
		-webkit-transform:scale(1);
	}

	25%{ 
		transform: scale(1.025);
		-ms-transform:scale(1.025);
		-webkit-transform:scale(1.025);
	}
}


@keyframes scaleleaves{
	0%,100%{ 
		transform: scaleY(1) skewY(0deg);
		-ms-transform:scaleY(1) skewY(0deg);
		-webkit-transform:scaleY(1) skewY(0deg);
	}

	50%{ 
		transform: scaleY(1.05) skewY(5deg);
		-ms-transform:scaleY(1.05) skewY(5deg);
		-webkit-transform:scaleY(1.05) skewY(5deg);
	}
}

@keyframes weedmove{
	0%,100%{
		transform: matrix(1, 0, 0, 1, 0, 0);
		-ms-transform:matrix(1, 0, 0, 1, 0, 0);
		-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
	}
	50%{
		transform:matrix(1.00,-0.10,-0.10,1.00,-0,3);
		-ms-transform:matrix(1.00,-0.10,-0.10,1.00,-0,3);
		-webkit-transform:matrix(1.00,-0.10,-0.10,1.00,-0,3);
	}

}

@keyframes updown{
	0%,100%{
		translate: 0 -1.5px;
	}
	50%{
		translate: 0 1.5px;
	}

}

@keyframes givweed{
	0%,100%{ scale: 1; }
	10%{ scale: .9; }
	19%{ scale: 1.05; }
	27%{ scale: .75; }
	34%{ scale: 1.1; }
	40%{ scale: .5; opacity: 1; translate: 0 0; }
	45%{ scale: 1; opacity: 0; translate:0 -25%; }
	70%{ opacity: 0; translate:0 0; }
	85%{ opacity: 1 }
}

@keyframes ungivweed{
	0%,100%{ scale: 1; }
	10%{ scale: .99; } /*.9 */
	19%{ scale: 1.01; } /*1.05 */
	27%{ scale: .97; } /*.75 */
	34%{ scale: 1.03; } /*1.1 */
	40%{ scale: .93; } /*.5 */
	45%{ scale: 1.06; } /*1.2 */
	51%{ scale: .88 } /*.65 */
	58%{ scale: 1.05 } /*1.1 */
	66%{ scale: .92 } /*.83 */
	75%{ scale: 1.03 } /*1.05 */
	85%{ scale: .97 } /*.97 */
	96%{ scale: 1.02 } /*1.02 */
}

@keyframes wavscoreY{
	0%,100%{ transform: skewY(-10deg); border-radius: 0 6px 0 0 }
	50%{ transform: skewY(10deg); border-radius: 6px 0 0 0 }
}

@keyframes wavscoreX{
	0%,100%{ transform: skewX(25deg);}
	50%{ transform: skewX(30deg);}
}

@keyframes circlerotate{
	0%{ rotate:var(--r-start); }
	100%{ rotate:var(--r-end); }
}

@keyframes upscalestop{
	0%{ scale: 1 0; }
	100%{ scale:1 1; }
}



























@media (max-width: 1399.98px) { 
	:root{
		--iwrap : 1140px;
		--cos-x:.1955;
	}
	header span{
		font-size: .9rem;
	}
	.signinup form div:not(:first-child){
		width: 65%;
	}
	.farm-page .card-titles{ font-size:.9rem }
	.farm-page .top-10 .items { padding: .89rem 1.5rem; }
}

/*--------->*/
		@media (max-width: 1399.98px) and (min-width: 1200px) { 
			.farm-page.search{
				--farm-hgh : 110px;
			}
			.farm-page.search .btnfarm {
			    font-size: 1.1rem;
			}
			.farm-page.search .card-titles h5 {
				font-size: calc(var(--web-font) - 5px);
				margin-top: calc(var(--farm-pt) - 5px);
			}
			.farm-page.search .friends{
				font-size: calc(var(--farm-pt) + 1px);
			}
			.farm-page.search .card .card-link div{
				font-size: calc(var(--farm-pt) + 2px);
			}
			.farm-page.search .coin{
				--nweb-font: calc(var(--web-font) - 1px);
			}
			.farm-page.search .coin .b{
			    padding-left: calc(var(--web-font) - 5px);
			}
			.farm-page.search .info{
				width: calc(100% - (var(--farm-pl) * 1.83));
			}
			.farm-page.search .farmers{
				padding-left: 1.5rem;
			}
			/*.farm-page .search-set{
				padding-right: 1.5rem;
			}*/
		}
/*<---------*/

@media (max-width: 1199.98px) { 
	:root{
		--iwrap : 960px;
		--web-head: .95rem;
		--logo-py:10px;
		--size-leaves-a:105px;
		--size-leaves-b:95px;
		--many-farmer:4;
		--w-detail:350px;
		--cos-x:.211;
		--rsf-w:430px;
		--sinmx:140px;
		--farm-bside:1.5rem;
	}
	header span{
		font-size: .75rem;
	}
	.un-x-hd .stk{
		top: unset;
		position: unset!important;
	}
	.farm-page .descipt ,
	.farm-page .list-items{ width:100% }

	.farm-page .descipt { 
		text-align:center;
		padding-right: 0;
		padding-bottom: 2rem;
	}

	.farm-page .descipt br{
		display: none;
	}

	.farm-page:not(.search) .list-items{
/*		padding-right: 30px;*/
	}
	.farm-page .list-items{
		padding-right: 30px;
	}
	.farm-page .descipt .hline{
		display: none;
	}
	.farm-page .top-lobbyfarm h1{
		font-size: 3.1rem;
	}
	.signinup .items{
		width: 80%;
	}
	.signinup form div:not(:first-child){
		width: 70%;
	}
	.farm-page .top-10 .items { padding: .7rem 1.5rem; }
	.farm-page .top-3{ padding-left: unset; }
	.farm-page .o-top-10 { padding-right:unset; }
}

/*-------->*/
		@media (max-width: 1199.98px) and (min-width: 992px) { 
			.farm-page.search .farmers{
				padding-left: 1rem;
			}
			.farm-page.search{
				--farm-hgh : 95px;
			}
			.farm-page.search .btnfarm {
			    font-size: .9rem;
			    font-weight: normal;
			}
			.farm-page.search .card-titles h5 {
				font-size: calc(var(--web-font) - 6.5px);
				margin-top: calc(var(--farm-pt) - 6.5px);
			}
			.farm-page.search .card-titles{
				font-size: .8rem;
			}
			.farm-page.search .card-titles h4{
				line-height: 1.1rem;
			}
			.farm-page.search .friends{
				font-size: calc(var(--farm-pt) - 1px);
				padding-top: 3px;
			}
			.farm-page.search .card .card-link div{
				font-size: var(--farm-pt);
				padding: 3px 10px;
			}
			.farm-page.search .coin{
				padding-top: 12.5px;
				--nweb-font: calc(var(--web-font) - 5px);
			}
			.farm-page.search .coin .b{
			    padding-left: calc(var(--web-font) - 5px);
			    padding-top: calc(var(--web-font) - 7px);
			}
			.farm-page.search .info{
				width: calc(100% - (var(--farm-pl) * 1.6));
			}
			.farm-page.search .card-title{
				width: 28%;
			}
			.farm-page.search .card-footer{
				width: 72%;
			}
			.farm-page.search .card .btnfarm{
				height: calc(var(--nnhgh) + 6px);
			    line-height: calc(var(--nnhgh) + 6px);
			    margin: calc(var(--farm-pt) - 5px) auto;
			}
			.farm-page.search .card-titles{
				width: 57%;
			}
			.farm-page.search .card-link{
				width: 43%;
			}
			.farm-page .search-set{
/*				padding-right: 1rem;*/
				width: calc(18% - .5rem);
				margin-right: 1rem;
			}
			.farm-page.search .farmers li:not(.farmer,.footer-farmer) div:nth-child(2){
				font-size: .64rem;
			}
			.farm-page .search-set input+div{
				font-size: .695rem!important;
			}
			.un-x-hd.search .stk{
				position: sticky!important;
				top: 1rem;
			}
			.farm-page .search-set label{

			}
			.farm-page .search-set label:nth-child(even){
				padding-left: 0;
				padding-right: .2rem;
			}
			.farm-page .search-set label:nth-child(odd){
				padding-right: 0;
				padding-left: 0;
			}
		}

	@media (min-width: 992px){
		.farm-page.search .farmers li:not(.farmer,.footer-farmer):first-child{
			border-radius: .75rem .75rem 0 0;
		}
		.farm-page.search .farmers li:not(.farmer,.footer-farmer){
			transition: translate .15s;
		}
		.farm-page.search .farmers li:not(.farmer,.footer-farmer):hover{
			translate: -1.5px 0;
		}
		.farm-page.search .farmers li:not(.farmer,.footer-farmer) div{
			opacity: .8;
		}
		.farm-page.search .farmers li:not(.farmer,.footer-farmer):hover div{
			opacity: 1;
		}
		.farm-page.search .farmers li:not(.farmer,.footer-farmer):nth-last-child(3){
			border-radius: 0 0 .75rem .75rem;
		}
		.farm-page.search .farmers li:not(.farmer,.footer-farmer){
			margin: .5px 0;
			font-size: .85rem;
			width: 100%;
			max-width: 100%;
			border-radius: 0;
			box-shadow: unset;
		}
		.farm-page.search .list-items{
			width: 65%;
			padding-left: 15px;
			padding-right: 15px;
		}
		@media (max-height: 473.98px) { 
			.farm-page .search-set{
				overflow: auto;
				padding-bottom: 1rem;
				border-radius: 1rem 3px 3px 1rem;
			}
			/* width */
			.farm-page .search-set::-webkit-scrollbar {
			  width: 6px;
			}

			/* Track */
			.farm-page .search-set::-webkit-scrollbar-track {
			  background: rgba(255, 255, 255,.25); 
			  border-radius: 3px;
			}
			 
			/* Handle */
			.farm-page .search-set::-webkit-scrollbar-thumb {
			  background: var(--farm-friends-s); 
			  border-radius: 3px;
			}

			/* Handle on hover */
			.farm-page .search-set::-webkit-scrollbar-thumb:hover {
			  background: var(--farm-level); 
			}
		}
	}
/*<---------*/

@media (max-width: 991.98px) { 
	:root{
		--iwrap : 720px;

		--farm-hgh : 100px;
		--farm-pt : 9px;
		--farm-pl : 73px;
		--logo-py:5px;
		--web-head:.85rem;
		--head-h:26px;
		--size-leaves-a:80px;
		--size-leaves-b:95px;
		--many-farmer:3;
		--w-detail:280px;
		--cos-x:.22;
		--rsf-w:410px;
		--rsf-ws:510px;
		--sinmx:120px;
		--fx-stage-t:2.25rem;

	}
	header{ --b-r:5px }
	header a:not(.item){ padding:0 8px }
	header span{ font-size:.65rem }
	.account span{ font-size:0 }
	.account b{display: inline-block;}
	.logo img{ margin-right:10px }
	.farm-page .list-items{
		padding-right: 0;
		padding-left: 0;
	}
	.farm-page .btnfarm{ 
		font-size:1rem;
		font-weight:normal; 
	}
	.farm-page .card-link{
		width: 38%;
	}
	.farm-page .card-titles{
		width: 62%;
		font-size: .8rem;
	}
	.farm-page .coin .strong {
    	font-size: calc(var(--nweb-font) * 2.5);
	}
	.farm-page .coin .b{
		font-size: calc(var(--web-font) - 2px);
	}
	.farm-page .descipt{
		font-size: var(--web-font);
	}
	.farm-page .descipt h2{
		font-size: 1.5rem;
	}
	.farm-page .descipt h1{
		font-size: 3rem;
	}
	.inner-message{
		font-size: .9rem;
	}
	.farm-page .top-lobbyfarm h1{
		font-size: 2.6rem;
	}
	.farm-page .lobby-coin{
		font-size: 1.3rem;
	}
	.farm-page .lobby-attr .y,
	.farm-page .top-lobbyfarm>div, 
	.farm-page .footer-lobbyfarm>div{
		font-size: .8rem;
	}
	.farm-page .top-lobbyfarm>div{
		width: 100%;
	}
	.app-farm .q{
		min-width: unset;
		width: 100%;
	}
	.app-farm h3{
		font-size: 1.1rem;
	}
	.signinup .items{
		width: 100%;
	}
	.farm-page .card .card-link div{
	    padding: 3px 10px;
	}
	.farm-page .top-10 {
		font-size: 1rem;
	}
	.farm-page .top-10 .items { padding: .55rem 1.25rem; }
	.farm-page .top-3>div { font-size: .75rem; }
	.farm-page .top-3 span { font-size:1rem }
	.farm-page .list-user {
		--stage-farm: 50px;
    	--lu-iwrap: calc((((var(--iwrap) * .5) - (var(--farm-bside) * 3)) / 3) + 12px);
	}
	.farm-page .o-top-10>div:last-child a{
		font-size: unset;
	}
	.farm-page .intro-page .n-web { font-size:4.25rem }
	.farm-page .intro-page .n-web+div { font-size:2rem }
	.farm-page .intro-page p { font-size:1.65rem }
	.farm-page.search .farmers{
		width: 100%;
		padding: 15px 0;
	}
	.farm-page .search-set{
		width: 100%;
		padding-bottom: 2rem;
		background: unset;
		margin-right: unset;
	}
	.farm-page .search-set .search-text{
		width: 100%;
	}
	.farm-page .search-set .search-text input:focus{
		scale: 1;
	}
	.farm-page .search-set .search-text~div{
		float: left;
	}
	.farm-page .search-set .search-tags{
		width: 35%;
		margin-top: 1rem;
		background: #fbfaf0;
	}

	.farm-page .search-set .search-levels{
		background: #fbfaf0;
		width: calc(65% - .5rem);
		margin-right: .5rem;
		margin-top: 1rem;
	}
	.farm-page .search-set .search-levels label{
		width: calc(100% / 5);
	}
	.farm-page .search-set .search-tags label{
		width: calc(100% / 3);
	}
	.farm-page .search-set .out-btn{
		width: 100%;
		position: relative;
		padding-top: 1rem;
	}
	.farm-page .search-set .out-btn input{
		width: 30%;
		margin: auto;
	}
	.farm-page .search-set .out-btn::before,
	.farm-page .search-set .out-btn div{
		width: calc(35% - .5rem);
		background: var(--farm-friends-s);
		height: 3px;
		content: '';
		display: block;
		position: absolute;
		top: calc(50% + 6px);
		border-radius: 1000% 1rem 1rem 1000%;
	}
	.farm-page .search-set .out-btn div{
		right: 0;
		scale: -1;
	}
	.add-line.mx9xx+*::before{ display:block; }
	.farm-page .paging{ padding-bottom: 2rem; }

}
@media (max-width: 767.98px) { 
	:root{
		--iwrap : 540px;
		--farm-pl :0;
		--logo-py :2px;
		--web-head:.9rem;

		--size-leaves-a:90px;
		--size-leaves-b:93px;
		--many-farmer:2;
		--rsf-w:380px;
		--sz-lvs-a:60px;
		--sz-lvs-b:35px;
		--rsf-ws:450px;
		--sinmx:45px;
	}

	/*------- header -------*/

	header{
		padding: 10px 0;
	}
	header .inner-wrapper{
		position: relative;
	}
	input:checked~header .account{
		top: 0;
	}

	input:checked~header .menu{
		top: -10px;
	}

	header .menu{
		left: 0;
		height: calc(100% + 20px);
		width: 100%;
		padding-top: 10px;
	}
	header .account {
		right: 0;
	}
	header .account,
	header .menu{
		position: absolute;
		top: -200%;
		transition: top .2s ease-in;
		background: white;
	}
	.show-menu,input.show-menu-input{ display: block;}

	/*----------------------*/

	.farm-page{
		background: linear-gradient(180deg, rgba(217,234,199,1) 0%, rgba(251,250,240,1) 100%);
	}
	.signin-page,
	.signup-page{
		background: linear-gradient(180deg, rgba(255,233,200,.75) 0%, rgba(255,243,227,.5) 100%);
	}

	.learn-page{ background: linear-gradient(180deg, rgba(255,224,213,1) 0%, rgba(255,243,238,1) 100%);
	}

	.free-page{ background: linear-gradient(180deg, rgba(220,240,255,1) 0%, rgba(238,248,255,.7) 100%);
	}

	.rank-page{ background: linear-gradient(180deg, rgba(240,211,230,1) 0%, rgba(245,217,235,.5) 100%);
	}

	.farm-page .list-items>.items>.item{
		width: calc(50% - 10px);
/*		overflow: hidden;*/
		height: 455px; /* 415 */
		margin-top: 20px;
		padding-left: 0;
		padding-top: calc(var(--farm-hgh) * .55);
	}
	.farm-page .list-items>.items>.item+.item{
		margin-top: 20px;
	}
	.farm-page .list-items>.items>.item:nth-child(even){
		margin-left: 20px;
	}
	.farm-page .card{
		height: calc(455px - var(--farm-hgh) * .55); /*415*/
	}
	.farm-page .inner-card{
		top: calc(var(--farm-hgh) * -.55);
		left: 0;
		width: 100%;
		height: calc((var(--farm-hgh) * .55) + 100%);
	}
	.farm-page .farm-img{
		width: 100%;
		text-align: center;
	}
	.farm-page .card .farm-img img[alt=unpassed]{
		display: none;
	}
	.farm-page .farm-img img[alt=coin-weed]{
		left: 50%;
		translate: -50% 0;
	}
	.farm-page .info{
		padding-left: 0;
		height: calc(100% - (var(--farm-hgh) + 13.8px));
	}
	.farm-page .list-attr{
		text-align: center;
	}
	.farm-page .card.y.passed .attr{
		background: white;
		color: red;
	}
	.farm-page .attr.y{
		display: inline-block;
		float: none;
	}
	.farm-page .level+.attr{
		margin-left: 0;
	}
	.farm-page .level{
		position: absolute;
		top: calc(var(--farm-hgh) * .29);
		right: 0;
	}
	.revert-sm>.item{
		float: left;
	}
	.farm-page .card-title{
		width: 100%;
	}
	.farm-page .coin{
		padding-top:0;
	}
	.farm-page .unitem{
		width: 80%;
		max-width: 200px;
		margin: 0 auto;
		height: 100%;
		border-bottom: 4px solid var(--light-gray);
	}
	.farm-page .y~.unitem,
	.app-farm .app-farm-img{
		display: none;
	}
	.farm-page .card-footer,
	.farm-page .card-titles,
	.farm-page .card-link{
		width: 100%;
		text-align: center;
	}
	.farm-page .card-footer{
		height: auto;
	}
	.farm-page .card-titles{
		background: #f1f5e4ba;
		font-size: 1rem;
		height: 103px;
		padding: 0 14px;
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}
	.farm-page .card:not(.y) .card-titles{
		background: var(--light-gray);
	}
	.farm-page .card.y.passed .card-titles{
		background: var(--farm-level);
	}
	.farm-page .card-titles h4{
		margin-top: 0;
		line-height: unset;
	  	-webkit-line-clamp: 3;
	}
	.farm-page .card-link {
		border-width: 0;
	}
	.card-body{
		height: auto;
	}
	.farm-page .card:not(.y) .friends{
		color: var(--gray);
	}
	.farm-page .friends{
		background: unset;
		font-size: var(--web-font);
		display: block;
		text-align: center;
		float: unset;
		height: 35.2px;
		line-height: 35.2px;
		color: var(--farm-sub-text-s);
	}
	.farm-page .card.y.passed .friends{
		color: var(--farm-sub-text);
		opacity: .5;
	}
	.farm-page .item .card .item .friends{
		background: transparent;
	}
	.farm-page .descipt h2{
		font-size: 1.15rem;
	}
	.farm-page .descipt h1{
		font-size: 2.5rem;
	}
	.farm-page .descipt p{
		padding-top: 1rem;
	}
	.inner-message{
		font-size: .8rem;
	}
/*	.farm-page main:has(~ .message .inner-message)*/
	.farm-page main
	{
		padding-bottom: 4rem;
	}
	.farm-page .body-lobbyfarm{
		font-size: 1rem;
	}
	.farm-page .card .card-link div{
		min-width: unset;
	    bottom: -5px;
	    left: 5%;
	    translate: 0 -50%;
	    padding: 3px 10px;
	    right: 0;
/*	    box-shadow: 0 2px 3px var(--c-sd);*/
		box-shadow: unset!important;
	    transition: unset;
	    background: var(--light-gray);
	    color: black;
	    font-size: 13px;
	    width: 90%;
	    border-radius: 14px;
	}
	.farm-page .card.y.passed .card-link div{
		background: var(--farm-level);
		box-shadow: unset;
	}
	.farm-page .card:not(.passed) .card-link div{
		display: block;
	    background: #a2c573!important;
	    color: white;
	    width: calc(100% + 14px);
	    left: -7px;
	    bottom: -30px;
	    padding: 10px;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    font-size: 16px;
/*    	font-weight: bold;*/
    	overflow: hidden;
	}
	.farm-page .card:not(.passed) .card-link div::after{
		display: block;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: calc(100% + 50px);
		box-shadow: 0 0 20px var(--c-sd) inset;
		border-radius: 14px;

	}
	.farm-page .card:hover .card-link div{
		box-shadow: 0 2px 3px var(--c-sd);
	}
	.farm-page .card:not(.passed) .card-link span{
		display: none;
	}
	.farm-page .card:not(.passed) .card-link span+span{
		display: block;
	}
	.farm-page .card.y.passed .unitem{
		border-bottom: 4px solid var(--farm-friends-s);
	}
	.farm-page .card.passed .card-link{
		position: unset;
	}
	.app-farm .qtest,
	.app-farm .detail{
		width: 100%;
		position: unset;
	}
	.app-farm .qtest {
		padding-left: 0;
		padding-top: 1rem;
	}
	.app-farm .detail{
/*		padding: 0;*/
/*		background: unset;*/
		margin-bottom: .5rem;
	}
	.app-farm{
		margin-bottom: 0;
	}
	.apf-card{
		text-align: center;
	}
	.lev-apf{
		display: inline-block;
		padding: 0 1rem;
		max-width: 100%;
	}
	.resultfarms{
		padding-top: 0;
	}
	.resultfarms .boximg{
		position: unset;
		translate: unset;
		left: unset;
		width: 60%;
		margin: auto;
		margin-bottom: 1rem;
	}
	.resultfarms .rankscore{
		width: 100%;
		position: unset;
		height: var(--bulb);
		width: 100%;
		margin-bottom: 1rem;
	}
	.resultfarms .rankscore>div::after{
		width: 6px;
		height: calc(100% + .8rem);
		left: calc(((var(--scp) / var(--sch)) * 100%) - 3px);
		bottom: -.4rem;
	}
	.resultfarms .lobby-leaves .lobby-leaves-in{
		left: calc(((var(--scp) / var(--sch)) * 100%) - 6px);
		bottom: calc(100% - .4rem);
	}
	.resultfarms .lobby-leaves .lobby-leaves-in.a{
		z-index: 9;
	}
	.resultfarms .lobby-leaves .lobby-leaves-in.b{
		left: calc(((var(--scp) / var(--sch)) * 100%) - (var(--size-leaves-b) - 6px));
	}
	.resultfarms .bulb::before{
		animation-name: wavscoreX;
		border-radius: 0 1rem 0 0;
		height: 100%;
		min-width: 12px;
		bottom: unset;
		top: 0;
		left: -6px;
		width: calc(((var(--scg) / var(--sch)) * 100%) + 12px);
		background: linear-gradient(270deg, rgb(36 ,137 ,200) 0%, rgb(87, 191 ,255) 100%);
	}
	.resultfarms .resultfarminfo{
		width: 100%;
		padding-top: 1rem;
	}
	.resultfarms .sff-farm-img img{
		height: unset;
		width: 100%;
	}
	.signinup .item{
		width: 75%;
	}
	.item.disart{
		width: 25%;
	}
	.farm-page .top-3 {
		width: 100%;
		padding: 0 var(--farm-bside);
		padding-bottom: var(--farm-bside);
	}
	.farm-page .o-top-10 {
		width: 100%;
		padding: 0 var(--farm-bside);
	}
	.farm-page .list-user {
	    --stage-farm: 60px;
	    --lu-iwrap: calc((((var(--iwrap) * 1) - (var(--farm-bside) * 3)) / 3) + 12px);
	}
	.farm-page .intro-page .n-web { font-size:2.5rem }
	.farm-page .intro-page .n-web+div { font-size:1.55rem }
	.farm-page .intro-page p { font-size:1.25rem }
	.farm-page .intro-page p br{
		display: unset;
	}
	.farm-page .search-set{
		padding-bottom: unset;
	}

	.farm-page .search-set .search-levels label{
		width: calc(100% / 4);
	}
	.farm-page .search-set .search-tags label{
		width: calc(100% / 2);
	}
	.farm-page .paging{ padding-top: 3rem; }
}
@media (max-width: 575.98px) { 
	:root{
		--iwrap : 90%;
		--web-head:.95rem;
		--rsf-w:280px;
		--sinmx:4vw;
	}
	header .account{
		font-size: .8rem;
	}
	header span,
	.farm-page .lobby-leaves{
		display: none;
	}
	.farm-page .resultfarms .lobby-leaves{
		display: block;
	}
	.farm-page .list-items>.items>.item{
		max-width: 280px; 
		width:100%;
		float: unset;
		margin-left: auto;
		margin-right: auto;
	}

	.farm-page .list-items>.items>.item:nth-child(even){
		margin-left:auto;
	}
	.farm-page .descip{
		padding-bottom: 1rem;
	}
	.farm-page .descipt p{
		text-align: justify;
		text-indent: 2rem;
	}
	.inner-message a{
		margin:0 6px;
	}

	.inner-message{
		font-size: .65rem;
	}
	.farm-page main{
/*		padding-bottom: 0;*/
		padding-top: 20px;
	}
/*	.farm-page main:has(~ .message .inner-message)*/
	.farm-page main
	{
		padding-bottom: 10px;
	}
	.farm-page .top-lobbyfarm h1{
		font-size: 2.2rem;
		padding: .5rem 0;
	}
	.farm-page .footer-lobbyfarm .btnfarm{
		display: block;
		margin: 0;
		width: 100%;
	}
	.farm-page form.y .footer-lobbyfarm .btnfarm+.btnfarm {
		margin-left: 0;
		margin-top: .75rem;
	}
	.farm-page .lobby-start{
		padding: .75rem 0 1rem 0;
	}
	.farm-page .top-lobbyfarm>div, 
	.farm-page .footer-lobbyfarm>div{
		max-width: 100%;
	}
	.farm-page .footer-lobbyfarm>div{
		width: 290px;
	}
	.farm-page .lobby-attr .y~li:last-child{
		height: 1.5rem;
	}
	.farm-page .body-lobbyfarm{
		padding-bottom: 1.3rem;
	}
	input:checked~.menu-move{
		margin-top: 2rem;
	}
	.farm-page .lobby-farmer li:not(.farmer,.footer-farmer){
		font-size: 3vw;
	}
	.farm-page .lobby-farmer div:last-child{
		font-size: .5rem;
	}
	.farm-page .farmers{
		padding-top: 1.5rem;
		margin-top: 1.5rem;
		padding-bottom: 1.75rem;
	}
	.farm-page .lobby-farmer li+.farmer+.footer-farmer{
		height: 3rem;
	}
	.app-farm{
		margin-bottom: 2.75rem;
	}
	.app-farm .q{
		padding: 0;
	}
	.app-farm h3{
		font-size: 1rem;
	}
	.apf-card{
		font-size: .85rem;
	}
	.resultfarms{
		width: 100%;
		padding-bottom: 2.5rem;
	}
	.signinup .items{
		width: 100%;
	}
	.signinup .item{
		width: 100%;
	}
	.item.disart,
	.farm-page .top-image-user {
		display: none;
	}
	.farm-page .top-10 {
    	border-radius: 0 0 calc(var(--farm-hgh) * .15) calc(var(--farm-hgh) * .15);
    }
    .farm-page .top-3 {
    	padding-bottom: unset;
    }
    .farm-page .top-3>div::after{
    	display: none;
    	content: unset;
    }
    .farm-page .list-user .top-3>div{
    	float: none;
    	width: 100%;
    	font-size: 0;
    	text-align: left;
    	padding: 0.75rem 1.25rem;
    	color: white;
    }
    .farm-page .top-3>div::before{
    	display: inline-block;
    	padding-right: 1rem;
    	color: white;
    	font-size: 1rem;
    	font-weight: bold;
    }
    .farm-page .top-3>div:nth-child(1)::before{ content:"#1" }
    .farm-page .top-3>div:nth-child(2)::before{ content:"#2" }
    .farm-page .top-3>div:nth-child(3)::before{ content:"#3" }
    .farm-page .top-3 .top-user {
    	display: unset;
    	padding: unset;
    	color: unset;
    	font-weight: unset;
    }
    .farm-page .top-3 .top-point {
    	display: unset;
    	padding: unset;
    	float: right;
    	color: unset;
    	font-weight: unset;
    }
    .farm-page .top-3>div:nth-child(1){ 
    	background: var(--bg-color-me3);
    	border-radius: calc(var(--farm-hgh) * .15) calc(var(--farm-hgh) * .15) 0 0;
    }
    .farm-page .top-3>div:nth-child(2){ background: var(--bg-color-me2); }
    .farm-page .top-3>div:nth-child(3){ background: var(--farm-btn); }

    .farm-page .search-set{
    	padding-bottom: 1.5rem;
    }

    .farm-page .search-set .search-tags,
    .farm-page .search-set .search-levels{
		width: 100%;
		margin-right: 0;
	}
	.farm-page .search-set .search-levels label,
	.farm-page .search-set .search-tags label{
		width: calc(100% / 3);
	}
	.farm-page .search-set .out-btn input{
		width: 80%;
	}
	.farm-page .search-set .out-btn::before,
	.farm-page .search-set .out-btn div{
		width: calc(10% - .5rem);
	}
	.farm-page .paging{ 
		padding-top: unset;
		padding-bottom: 1.25rem;
	}
}
@media (max-width: 319.98px) { 
	:root{
		--iwrap : 90%;
		--web-head:1rem;
		--many-farmer:1;
		--sinmx:100px;
	}

	/*------- header -------*/
	header .account{
		font-size: 1rem;
		height: calc(100% + 10px);
	}
	header{
		padding: 10px 0;
		transition: height .2s ease-in;
		height: 46px;
		max-height: 80px;
	}
	input:checked~header {
		height: 80px;
	}
	input:checked~header .account{
		top: 35px;
	}
	header .menu,
	header .account{
		width: 100%;
		text-align: center;
	}
	header .menu .item,
	header .account .item{
		float: none;
		display: inline-block;
	}
	header .account.sin .item{
		overflow: hidden;
	}
	input:checked+.show-menu,
	input.show-menu-input:checked{
		top: 79.5px;
	}
	.inner-message a{
		display: block;
		margin: 5px auto;
		width: 50%;
	}
/*	.farm-page main:has(~ .message .inner-message)*/
	.farm-page main
	{
		padding-bottom: 50px;
	}

	/*----------------------*/
	.farm-page .top-lobbyfarm>div, 
	.farm-page .footer-lobbyfarm>div{
		width: 100%;
	}
	.farm-page .lobby-farmer li:not(.farmer,.footer-farmer){
		font-size: 1rem;
	}
	.farm-page .lobby-farmer div:last-child{
		font-size: .85rem;
	}
	.farm-page .farmers{
		padding-bottom: 2.25rem;
	}
	.signinup{
		padding-bottom: 95px;
	}
	.signinup h1{
		font-size: 2.3rem;
	}
	.signinup form div:not(:first-child){
		width: 95%;
	}
	.farm-page .intro-page a {
		display: block;
		margin:1rem 0!important;
	}
	.farm-page .intro-page { padding-bottom: 1rem;}
	.farm-page .intro-page p+div{ padding-top:1rem; }
	.farm-page .search-set .search-levels label,
	.farm-page .search-set .search-tags label{
		width: calc(100% / 2);
	}
	.farm-page .paging li{
		font-size: .8rem;
	}
	.farm-page .paging li+li{
		margin-left: .35rem;
	}

}