:root
{
	--phiolet:#8c78ffff
}

X-Content-Type-Options: nosniff
::-webkit-scrollbar
{
	width:0
}

@font-face
{
	font-family:'Cascadia Code';
	src:url(/cockfolder/fonts/cascadia/CascadiaCodePL-Regular.otf) format("opentype")
}

*
{
	box-sizing:border-box;
	scrollbar-width:none;
	font-weight:100;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

html,body
{
	overflow:hidden
}

button
{
	color:#000;
	background-color:transparent;
	font-family:"Cascadia Code",sans-serif;
	border:none;
	-webkit-transition:transform .1s ease
}

body
{
	margin:0;
	padding:0;
	background-color:#232323;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	font-family:"Cascadia Code",sans-serif;
	font-size:16px;
	display:flex;
	flex-direction:column;
	max-height:100vh;
	justify-content:center
}

#preloader
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000000b3;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	z-index:9999
}

.loader
{
	animation:rotate 1s infinite;
	height:50px;
	width:50px
}

.loader:before,.loader:after
{
	border-radius:50%;
	content:'';
	display:block;
	height:20px;
	width:20px
}

.loader:before
{
	animation:ball1 1s infinite;
	background-color:#cb2025;
	box-shadow:30px 0 0 #f8b334;
	margin-bottom:10px
}

.loader:after
{
	animation:ball2 1s infinite;
	background-color:#00a096;
	box-shadow:30px 0 0 #97bf0d
}

@keyframes rotate {
	0%
	{
		-webkit-transform:rotate(0deg) scale(0.8);
		-moz-transform:rotate(0deg) scale(0.8)
	}

	50%
	{
		-webkit-transform:rotate(360deg) scale(1.2);
		-moz-transform:rotate(360deg) scale(1.2)
	}

	100%
	{
		-webkit-transform:rotate(720deg) scale(0.8);
		-moz-transform:rotate(720deg) scale(0.8)
	}
}

@keyframes ball1 {
	0%
	{
		box-shadow:30px 0 0 #f8b334
	}

	50%
	{
		box-shadow:0 0 0 #f8b334;
		margin-bottom:0;
		-webkit-transform:translate(15px,15px);
		-moz-transform:translate(15px,15px)
	}

	100%
	{
		box-shadow:30px 0 0 #f8b334;
		margin-bottom:10px
	}
}

@keyframes ball2 {
	0%
	{
		box-shadow:30px 0 0 #97bf0d
	}

	50%
	{
		box-shadow:0 0 0 #97bf0d;
		margin-top:-20px;
		-webkit-transform:translate(15px,15px);
		-moz-transform:translate(15px,15px)
	}

	100%
	{
		box-shadow:30px 0 0 #97bf0d;
		margin-top:0
	}
}

header
{
	margin: 0;
	width:100%;
	height:120px;
	display:flex;
	justify-content:center;
	align-items:center
}

footer
{
	position:fixed;
	display:flex;
	bottom:0;
	width:100%;
	height:120px;
	left:0;
	flex-direction:column;
	justify-content:center;
	align-items:center
}

.appContainer
{
	display:none;
	justify-content:center;
	height:100vh;
	max-height:100vh
}

.page
{
	background-color:#232323;
	height:100vh;
	width:100%;
	padding:0;
	box-sizing:content-box;
	justify-content:flex-start;
	align-items:center;
	display:flex;
	flex-direction:column;
	position:sticky;
	overflow:hidden
}

.hiddenPage
{
	display:none!important
}

.activePage
{
	display:flex
}

.glass
{
	background-color:#fff3;
	-webkit-backdrop-filter:blur(14px);
	backdrop-filter:blur(14px)
}

.banners-stats-mainPage
{
	margin-top:15px;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-template-rows:1fr;
	grid-column-gap:10%;
	grid-row-gap:0;
	width:90%
}

.banners-mainPage
{
	display:flex;
	flex-direction:column;
	gap:10px
}

.altSeasonButton,.battlePassButton
{
	width:95%;
	max-width:220px;
	aspect-ratio:1.95
}

.altSeasonButton
{
	background-image:url(/cockfolder/imgs/banners/altseason.png);
	background-size:100% 100%
}

.battlePassButton
{
	background-image:url(/cockfolder/imgs/banners/battlepass.png);
	background-size:100% 100%
}

#battlePassButton:active
{
	transform:rotate(45deg);
	transform:scale(0.96);
	-webkit-transform:rotate(45deg);
	-webkit-transform:scale(0.96)
}

.stats-mainPage
{
	justify-content:right;
	display:grid;
	grid-template-columns:1fr 0.8fr;
	grid-template-rows:repeat(3,30px);
	grid-column-gap:0;
	grid-row-gap:0
}

.stats-mainPage button
{
	color:#fff;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-weight:100;
	font-size:12px
}

.userNickname
{
	border-radius:15px;
	height:20px;
	grid-area:1 / 1 / 2 / 3
}

.userAsp,.userGems
{
	border-radius:15px;
	height:20px;
	width:100%
}

.userAsp
{
	grid-area:2 / 1 / 3 / 2
}

.userGems
{
	grid-area:3 / 1 / 4 / 2
}

.userAvatar
{
	padding:0;
	display:flex;
	width:100%;
	height:100%;
	justify-content:right;
	grid-area:2 / 2 / 4 / 3
}

.userAvatarContainer,.userAvatarContainer span
{
	border:1px solid #fff;
	display:flex;
	position:relative;
	right:0;
	width:50px;
	height:50px;
	border-radius:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden
}

.userAvatarContainer span img
{
	width:100%;
	height:100%;
	object-fit:cover
}

.menubt-mainPage
{
	position:relative;
	margin-top:5vh;
	width:90%;
	display:flex;
	justify-content:center;
	align-items:center
}

.menubt-mainPage span
{
	position:fixed;
	right:5%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}

.aspInfo
{
	height: 32vh;
	aspect-ratio:.79;
	background-image:url(/cockfolder/imgs/buttons/aspMain.png);
	background-size:100% 100%
}

.walletButton,.leaderboardButton,.settingsButton
{
	margin-top:20px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	height:5vh;
	aspect-ratio:1
}

.walletButton
{
	background-image:url(/cockfolder/imgs/buttons/wallet.png)
}

.leaderboardButton
{
	background-image:url(/cockfolder/imgs/buttons/leaderboard.png)
}

.settingsButton
{
	background-image:url(/cockfolder/imgs/buttons/settings.png)
}

.upgrades-mainPage
{
	position:fixed;
	bottom:110px;
	margin:0;
	width:90%;
	padding:0;
	list-style-type:none;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:5%
}

.upgrades-mainPage li
{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center
}

.upgrade-mining-storage,.upgrade-mining-power
{
	display:flex;
	width:100%;
	aspect-ratio:3.6;
	margin:0;
	padding:0;
	border-radius:4vh;
	color:#fff;
	align-items:center;
	justify-content:center;
	text-align:center;
	position:relative;
	overflow-x:hidden;
	font-size:16px;
	transition:.2s
}

.upgrade-mining-storage
{
	background:linear-gradient(165deg,hotpink 0%,deeppink 100%);
	box-shadow:0 0 11px 2px #ff69b4
}

.upgrade-mining-power
{
	background:linear-gradient(210deg,red -60%,darkorange 100%);
	box-shadow:0 0 11px 2px orange
}

.upgrades-mainPage button:active
{
	border:2px solid #000;
	background:#fff;
	box-shadow:0 4px 1px 1px #000;
	color:#000;
	text-decoration:underline
}

.upgrades-mainPage button:focus
{
	border:2px solid #000;
	background:#fff;
	box-shadow:0 4px 1px 1px #000;
	color:#000;
	text-decoration:underline
}

.upgrades-mainPage li button
{
	overflow:hidden
}

.upgrades-mainPage li button:focus flare
{
	position:absolute;
	top:0;
	height:100%;
	width:35px;
	-webkit-transform:skewX(-45deg);
	left:-150%;
	animation:flareAnimationMain .8s forwards
}

.upgrade-mining-storage:focus flare
{
	background:#ff69b499
}

.upgrade-mining-power:focus flare
{
	background:#ff8c0099
}

.ul-bottom-bar
{
	margin:0;
	padding:0;
	position:relative;
	overflow-x:hidden;
	background-color:var(--phiolet);
	width:90%;
	height:70%;
	max-height:75px;
	list-style-type:none;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	border-radius:25px
}

.bottomBarIco
{
	height:70%;
	aspect-ratio:1
}

.ul-bottom-bar li
{
	z-index:1
}

.ul-bottom-bar button:focus .bottomBarIco
{
	-webkit-filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(329deg) brightness(107%) contrast(102%);
	filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(329deg) brightness(107%) contrast(102%)
}

.ul-bottom-bar button:focus
{
	background-color:#fff3;
	box-shadow:0 0 6px 2px #fff9
}

.ul-bottom-bar flare
{
	position:absolute;
	top:0;
	height:100%;
	width:85px;
	-webkit-transform:skewX(-45deg);
	transform:skewX(-45deg);
	left:-150%;
	background:#fff6;
	z-index:0;
	animation:flareAnimationMain 5s infinite forwards
}

.ul-bottom-bar flare2
{
	position:absolute;
	top:0;
	height:100%;
	width:65px;
	-webkit-transform:skewX(-45deg);
	transform:skewX(-45deg);
	left:-150%;
	background:#fff6;
	animation:flare2AnimationMain 5s infinite forwards
}

@keyframes flareAnimationMain {
	0%
	{
		left:-170%;
		width:85px
	}

	100%
	{
		left:120%;
		width:52px
	}
}

@keyframes flare2AnimationMain {
	0%
	{
		left:-150%;
		width:65px
	}

	100%
	{
		left:150%;
		width:22px
	}
}

.ul-bottom-bar li
{
	display:inline
}

.transparent-background
{
	background-image:none!important;
	background-color:#0006;
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	border-radius:25px
}

.buttclick
{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	-webkit-align-content:center;
	-webkit-justify-content:center;
	justify-content:center;
	align-content:center;
	border-radius:12px;
	border-color:transparent;
	width:50px;
	height:50px;
	color:#000;
	background-color:#fff
}

#mainPage
{
	background-image:url(/cockfolder/imgs/bg/main.png);
	background-size:100% 100%
}

#questsPage
{
	background-image:url(/cockfolder/imgs/bg/quests.png);
	background-size:100% 100%
}

h-header
{
	font-size:1.2vh;
	position:fixed;
	height:80px;
	justify-content:right;
	align-items:center;
	width:100%;
	transition:all .7s
}

#questsPage h1
{
	display:flex;
	width:90%;
	margin-top:10px;
	font-size:14px;
	font-weight:200;
	color:#fff;
	justify-content:left;
	-webkit-transform:translateX(5%);
	transform:translateX(5%)
}

#questsPage h2
{
	display:flex;
	width:100%;
	margin-top:10px;
	font-size:14px;
	font-weight:200;
	color:#fff;
	justify-content:left;
	-webkit-transform:translateX(5%);
	transform:translateX(5%)
}

.h-header-stats
{
	position:relative;
	right:0;
	margin:0;
	height:100%;
	padding:0 15px 0 0;
	list-style-type:none;
	display:flex;
	align-items:center;
	justify-content:right;
	gap:10px
}

.h-header-stats li
{
	display:flex;
	text-align:center;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	border-radius:10px;
	height:3vh;
	aspect-ratio:3
}

.h-header-stats li:nth-child(3)
{
	background-color:#fff;
	border-radius:24px;
	width:48px;
	height:48px;
	overflow:hidden
}

.avatar-header
{
	display:flex;
	justify-content:center;
	align-items:center
}

.user-avatar
{
	width:100%;
	height:100%;
	object-fit:cover
}

.mainQuestsBannersContainer
{
	margin-top:140px;
	display:flex;
	background-color:#232323;
	height:140px;
	justify-content:flex-start;
	width:100%;
	overflow-x:auto;
	scrollbar-width:none
}

.mainQuestsBanners
{
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	gap:0
}

.mainQuestsBanners li
{
	background-color:#f5fffa;
	display:inline;
	height:85%;
	width:226px;
	border-radius:15px;
	margin-left:15px
}

.dailyQuests,.weeklyQuests
{
	width:90%;
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px
}

.dailyQuests li,.weeklyQuests li
{
	width:100%;
	margin-bottom:10px;
	padding:2% 3%;
	gap:5px;
	background-color:#fff;
	min-height:40px;
	border-radius:15px;
	font-size:1.3vh;
	display:flex;
	align-items:center;
	flex-flow:row wrap;
	align-content:space-between;
	justify-content:space-between
}

.dailyQuests li:nth-child(2),.weeklyQuests li:nth-child(2)
{
	width:100%
}

.dailyQuests li button,.weeklyQuests li button
{
	font-weight:100;
	background-color:#000;
	color:#fff;
	border-radius:15px;
	padding:8px 16px
}

#shopPage
{
	background-image:url(/cockfolder/imgs/bg/shop.png);
	background-size:100% 100%
}

.aspcardContainer
{
	margin-top:100px;
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	flex-shrink:0
}

.aspcardContainer button
{
	style:none
}

.aspCard
{
	width:90%;
	aspect-ratio:2.2;
	background-image:url(/cockfolder/imgs/banners/aspcardclub.png);
	background-size:100% 100%;
	-webkit-transition:.4s
}

.shopBoostsList
{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	margin-bottom:20px
}

.temporaryBoosts
{
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	width:90%;
	list-style-type:none
}

.temporaryBoosts li
{
	margin:0;
	margin-top:15px;
	display:flex;
	flex-direction:column;
	width:100%;
	min-height:60px
}

.temporaryBoostNameBt
{
	display:grid;
	grid-template-columns:1fr 80px;
	grid-template-rows:40px;
	grid-column-gap:0;
	grid-row-gap:0;
	align-items:center;
	text-align:left;
	width:100%
}

.temporaryBoostNameBt span
{
	font-size:12px;
	color:#fff
}

.temporaryBoostBt
{
	position:relative;
	right:0;
	height:20px;
	width:80px;
	background-color:#fff;
	border-radius:10px
}

.progressbar
{
	width:100%;
	background-color:orange;
	min-height:15px;
	border-radius:10px;
	border:1px solid #fff
}

#shopPage h2
{
	text-decoration:underline;
	display:flex;
	width:100%;
	margin-top:30px;
	margin-bottom:0;
	font-size:14px;
	font-weight:200;
	color:#fff;
	justify-content:left;
	-webkit-transform:translateX(5%);
	transform:translateX(5%)
}

.donateContainer
{
	display:flex;
	flex-direction:column;
	width:100%;
	height:140px;
	background-image:url(/cockfolder/imgs/banners/donate.png);
	background-size:100% 100%
}

.donateContainer span
{
	font-size:12px;
	margin-top:10px;
	-webkit-transform:translateX(5%);
	transform:translateX(5%);
	display:flex;
	font-size:11px;
	margin-top:5px;
	-webkit-transform:translateX(5%);
	transform:translateX(5%);
	display:flex
}

.donateContainer span:nth-child(1)
{
	margin-top:15px
}

.donateContainer span:nth-child(2)
{
	-webkit-transform:translateX(-5%);
	transform:translateX(-5%);
	margin-left:auto
}

.form-container
{
	display:grid;
	grid-template-columns:1fr 100px;
	grid-template-rows:70px;
	grid-column-gap:0;
	grid-row-gap:0;
	align-items:center;
	justify-content:center;
	width:100%
}

#inputNumber
{
	font-family:'Cascadia Code',sans-serif;
	padding:0;
	display:flex;
	position:relative;
	max-width:90%;
	-webkit-transform:translateX(10%);
	transform:translateX(10%);
	height:40px;
	border:2px solid #000;
	border-radius:15px;
	text-align:center;
	font-size:14px;
	-webkit-appearance:none
}

#submitButton
{
	font-family:'Cascadia Code',sans-serif;
	-webkit-transform:translateX(5%);
	padding:0;
	height:45px;
	max-width:90%;
	border-radius:20px;
	background-color:#000;
	color:#fff;
	font-size:16px
}

sh1
{
	margin-top:5px;
	margin-bottom:15px;
	display:flex;
	width:100%;
	color:#fff;
	font-size:12px;
	text-align:center;
	justify-content:center;
	font-weight:200
}

.catchMiniGame,.diceMiniGame
{
	padding:0;
	margin-bottom:15px;
	display:flex;
	width:90%;
	min-height:30px;
	align-items:center;
	justify-content:center;
	font-size:11px
}

.catchMiniGame
{
	background-image:url(/cockfolder/imgs/buttons/catch-button.png);
	background-size:100% 100%
}

.diceMiniGame
{
	color:#fff;
	background-image:url(/cockfolder/imgs/buttons/dice-button.png);
	background-size:100% 100%
}

.catchMiniGameContainer,.diceMiniGameContainer
{
	display:flex;
	width:90%;
	height:240px;
	margin-bottom:15px;
	margin-top:15px;
	background-color:#fff;
	border-radius:15px
}

.catchMiniGameContainer
{
	margin-top:90px
}

seeekerHeader
{
	padding-left:5%;
	display:flex;
	flex-direction:row;
	align-items:center;
	position:fixed;
	top:0;
	width:100%;
	height:80px;
	gap:5%;
	z-index:150
}

.seekerNameContainer
{
	font-size:22px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#000;
	height:40px;
	width:30%;
	border-radius:15px;
	background-color:#fff
}

.seekerCoins
{
	overflow:hidden;
	font-weight:50;
	font-size:14px;
	display:flex;
	justify-content:center;
	padding:0 10px;
	align-items:center;
	color:#fff;
	height:25px;
	width:60%;
	border-radius:15px;
	box-shadow:0 0 6px 2px #fff9
}

.seekerFarmed
{
	min-height:120px;
	margin:0;
	width:100%;
	color:#e6e6fa;
	font-weight:700;
	font-size:45px;
	display:flex;
	text-align:center;
	align-items:center;
	justify-content:center;
	background:linear-gradient(180deg,#C84E89 0%,#F15F79 100%)
}

.ref-ln-ct
{
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	width:90%;
	margin-top:90px;
	min-height:180px;
	border-radius:15px;
	gap:5%
}

.ref-ln-ct .invite-fr
{
	border-radius:10px;
	min-height:30px;
	width:90%;
	background-color:#fff;
	box-shadow:4px 4px 0 0 #000
}

.ref-ln-ct button:active
{
	text-decoration:underline;
	color:#fff;
	background-color:#000;
	box-shadow:none
}

.ref-ln
{
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	background-color:#fff;
	border-radius:8px;
	box-shadow:4px 4px 0 0 #000;
	width:90%;
	min-height:60%
}

.ref-ln span
{
	text-align:center;
	color:grey;
	font-size:12px;
	font-weight:100
}

.ref-link-pl
{
	display:flex;
	align-items:center;
	padding:0 2%;
	width:100%;
	background-color:#000;
	color:#fff;
	overflow-x:auto;
	white-space:nowrap;
	height:90%;
	font-size:18px;
	font-weight:400;
	text-decoration:underline;
	border-radius:8px
}

.sq-b
{
	padding:0;
	margin:0;
	border:2px dashed #000;
	height:90%;
	aspect-ratio:1;
	border-radius:8px;
	font-size:1em
}

hr-ct
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:95%;
	min-height:50%;
	gap:1%
}

hr-ct button:active .sq-b
{
	color:#fff;
	background-color:#000
}

.seekerInfo
{
	display:flex;
	justify-content:center;
	width:100%;
	margin-top:10px;
	min-height:80px;
	flex-shrink:0
}

.seekerRefList
{
	margin:0;
	padding-top:10px;
	padding-right:35px;
	padding-left:0;
	border-radius:15px;
	list-style:none;
	box-shadow:0 0 4px 1px #0003;
	background-color:#ffffff1a;
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
	display:flex;
	flex-direction:column;
	width:90%;
	flex-shrink:0
}

.seekerRefList li
{
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	text-align:justify;
	border-bottom-right-radius:15px;
	border-top-right-radius:15px;
	margin-bottom:10px;
	min-height:20px;
	height:3vh;
	padding-left:5px;
	padding-top:5px;
	font-weight:400;
	font-size:1.7vh;
	background-color:#fff;
	box-shadow:4px 4px 0 0 #000;
	color:#000;
	overflow:hidden;
	transition:.2s ease-out
}

.seekerRefList li:nth-child(1)
{
	color:#fff;
	background:linear-gradient(110deg,orange 0%,red 100%)
}

.seekerRefList li:focus
{
	height:6vh
}

.seekerRefList li span
{
	margin-top:5px;
	opacity:0;
	font-size:1.4vh;
	font-weight:100;
	white-space:nowrap;
	transition:.5s ease-out
}

.seekerRefList li:focus span
{
	opacity:1
}

.seekerChooseYourTeammates
{
	font-size:14px;
	font-weight:100;
	display:flex;
	text-align:center;
	align-items:center;
	justify-content:center;
	min-height:45px;
	max-height:55px;
	width:70%;
	margin:0;
	border-radius:18px;
	color:#fff
}

.seekerTeammates
{
	padding:0;
	display:grid;
	width:90%;
	grid-template-columns:repeat(5,1fr);
	grid-template-rows:repeat(2,1fr);
	grid-column-gap:15px;
	grid-row-gap:15px;
	list-style-type:none
}

.seekerTeammates button
{
	display:flex;
	padding:0;
	box-shadow:4px 4px 0 0 #000f;
	border-radius:100px;
	background-color:#fff;
	aspect-ratio:1;
	overflow:hidden;
	border:1px solid #fff
}

.seekerTeammates button:disabled
{
	background-image:none;
	background-color:#0003
}

.seekerTeammates button:disabled span
{
	background:none;
	background-color:#0009
}

.seekerTeammates button span
{
	position:relative;
	display:flex;
	width:100%;
	margin-top:60%;
	height:40%;
	background-color:#000;
	justify-content:center;
	padding-top:2px
}

#seekerPromoPage
{
	background-image:url(/cockfolder/imgs/bg/skr-bg.png);
	background-size:100% 100%
}

tm-pr
{
	font-weight:100;
	font-size:12px;
	color:#fff
}

@keyframes opacity-ani {
	0%
	{
		opacity:0
	}

	100%
	{
		opacity:1
	}
}

.battlePass-popUp
{
	padding-top:20px;
	position:fixed;
	bottom:0;
	background-color:#333;
	background-image:url(/cockfolder/imgs/bg/mainex.png);
	background-size:100% 100%;
	height:96vh;
	width:100%;
	border-top-right-radius:25px;
	border-top-left-radius:25px;
	-webkit-transform:translateY(150%);
	animation:battlePass-popUp-ani .6s forwards;
	display:flex;
	flex-direction:column;
	align-items:center;
	overflow:hidden
}

.battlePass-popUp h1
{
	margin-bottom:20px;
	font-size:22px
}

@keyframes battlePass-popUp-ani {
	0%
	{
		-webkit-transform:translateY(150%)
	}

	100%
	{
		-webkit-transform:translateY(0)
	}
}

.rew-container
{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	position:relative;
	width:100%;
	overflow-y:auto;
	scrollbar-width:none
}

.battlePass-popUp-rews,.battlePass-popUp-rews-pr
{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:80px;
	list-style-type:none
}

.battlePass-popUp-rews li,.battlePass-popUp-rews-pr li
{
	display:grid;
	grid-template-columns:40px 50px 1fr;
	grid-template-rows:80px;
	grid-column-gap:0;
	grid-row-gap:0;
	align-items:center;
	justify-content:center;
	background-color:#ffffff4d;
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	margin-top:20px;
	padding-left:5px;
	border-radius:25px;
	width:160px;
	height:80px
}

.battlePass-popUp-rews li img,.battlePass-popUp-rews-pr li img
{
	margin-left:8px;
	height:25px;
	aspect-ratio:1;
	-webkit-filter:brightness(0) invert(1);
	filter:brightness(0) invert(1)
}

.battlePass-popUp-rews-pr li
{
	background:linear-gradient(140deg,#ff4aa2 0%,#e03e5a 100%)
}

.battlePass-popUp-rews li span,.battlePass-popUp-rews-pr li span
{
	text-decoration:underline;
	color:#fff;
	font-size:12px;
	font-weight:300;
	padding-left:5px
}

.collected-rew
{
	opacity:.8;
	-webkit-filter:brightness(0.6);
	filter:brightness(0.6)
}

.locked-rew
{
	-webkit-filter:brightness(0.8) opacity(30%);
	filter:brightness(0.8) opacity(30%)
}

pr,df
{
	min-height:60px;
	max-height:60px;
	aspect-ratio:1;
	z-index:15
}

df
{
	background-image:url(/cockfolder/imgs/buttons/df-chest-sh.png);
	background-size:110% 100%
}

h1
{
	color:#fff
}

battlePassFooter
{
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	bottom:0;
	background-color:#0000004d;
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	height:60px;
	width:100%
}

battlePassFooter button
{
	background-color:#fff;
	border-radius:15px;
	width:90%;
	height:60%
}

.ul-dc-num-bp
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	list-style-type:none;
	padding:0;
	margin:0
}

.ul-dc-num-bp li
{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	aspect-ratio:1;
	width:40px;
	border:2px dashed #fff;
	border-radius:100px;
	margin-top:40px;
	margin-bottom:20px
}

.popup-sm
{
	display:flex;
	align-items:center;
	flex-direction:column;
	width:80%;
	background-color:#fff;
	border-radius:25px;
	animation:opacity-ani .8s forwards,jiggle .6s forwards
}

@keyframes jiggle {
	0%
	{
		-webkit-transform:translateY(4%)
	}

	25%
	{
		-webkit-transform:translateY(-3%)
	}

	50%
	{
		-webkit-transform:translateY(2%)
	}

	75%
	{
		-webkit-transform:translateY(-1%)
	}

	100%
	{
		-webkit-transform:translateY(0)
	}
}

#popup-sm-cont,wallet,leaderboard,settings,battlePass,profile
{
	position:fixed;
	display:flex;
	justify-content:center;
	align-items:center;
	height:100vh;
	width:100%;
	background-color:#0009;
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px);
	z-index:10000;
	opacity:0;
	animation:opacity-ani .4s forwards
}

#popup-sm-cont span
{
	font-size:18px;
	margin:0;
	margin-top:25px;
	margin-bottom:15px;
	display:flex
}

#popup-sm-cont span1
{
	display:flex;
	width:50%;
	text-align:left;
	font-size:13px;
	font-weight:200;
	margin:0;
	margin-bottom:5px
}

#popup-sm-cont span2
{
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	color:gray;
	width:90%;
	font-size:13px;
	font-weight:200;
	margin:5px 0 10px;
	padding:0
}

.progressbar-ASP-ct
{
	display:flex;
	width:90%;
	height:15px;
	border-radius:10px;
	border:1px solid #000;
	overflow:hidden
}

.progressbar-ASP
{
	width:100%;
	height:100%;
	background-color:orange
}

.collectASP
{
	color:#fff;
	font-size:16px;
	background-color:#000;
	height:30px;
	width:120px;
	border-radius:25px;
	padding:0
}

#collectASP:disabled {
	background-color: gray;
	color: darkgray;
}

.close-btn
{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:15px;
	right:15px;
	font-size:20px;
	background:none;
	border:2px dashed #000;
	border-radius:35px;
	color:#000;
	aspect-ratio:1;
	min-height:30px;
	padding:0;
	z-index:200
}

.ct
{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:5px;
	width:90%;
	min-height:30px;
	margin-top:10px
}

.ct-popup-mn-of
{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	overflow-y:auto;
	scrollbar-width:none;
	padding-bottom:50px
}

.ct-popup-mn
{
	display:flex;
	flex-direction:column;
	align-items:center;
	position:fixed;
	bottom:0;
	height:95vh;
	width:100%;
	background-color:#232323;
	border-top-right-radius:25px;
	border-top-left-radius:25px;
	animation:ct-popup-mn-pops .6s forwards
}

.ct-popup-mn h1
{
	text-align:center;
	font-weight:150;
	font-size:32px;
	margin-top:20px;
	margin-bottom:0;
	text-decoration:underline
}

@keyframes ct-popup-mn-pops {
	0%
	{
		-webkit-transform:translateY(150%)
	}

	;
	100%
	{
		-webkit-transform:translateY(0%)
	}
}

.wt-currencies-ct,.lb-ct
{
	display:flex;
	align-items:center;
	flex-direction:column;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none
}

.wt-currencies-ct li,.lb-ct li
{
	border-top:1px dashed #fff;
	width:100%;
	min-height:40px;
	margin-top:25px;
	padding-top:10px;
	color:#fff;
	display:flex;
	text-align:left
}

.wt-currencies-ct li:nth-child(5),.lb-ct li:nth-child(4)
{
	display:flex;
	flex-direction:column
}

.wt-currencies-ct li span,.lb-ct li span,nm
{
	height:100%;
	display:flex;
	align-items:center
}

nm
{
	width:100%;
	padding-left:15px;
	font-size:18px
}

.wt-currencies-ct li span,.lb-ct li span
{
	width:55%;
	justify-content:right;
	margin:0;
	padding-right:15px;
	font-size:14px;
	font-weight:100
}

mct
{
	margin-bottom:15px;
	display:flex;
	width:100%
}

.ct-popup-mn span
{
	display:flex;
	align-items:center;
	width:100%;
	color:#fff;
	font-size:26px;
	padding-left:15px;
	margin-top:15px;
	margin-bottom:5px
}

wt-cnt-pr
{
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	flex-direction:column
}

.tonWallet,.solWallet
{
	height:35px;
	width:90%;
	border-radius:15px;
	color:#fff;
	font-size:17px;
	font-weight:200;
	padding:0;
	margin-top:15px;
	margin-bottom:5px
}

.tonWallet
{
	background:linear-gradient(225deg,#2D83EC 0%,#1AC9FF 100%)
}

.solWallet
{
	background:linear-gradient(45deg,#9945FF 0%,#14F195 100%)
}

.ct-popup-mn-of span1
{
	width:90%;
	display:flex;
	color:#fff;
	font-weight:100;
	font-size:14px;
	text-align:justify;
	justify-content:left
}

lg-ct
{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	margin-top:15px;
	width:90%;
	aspect-ratio:15;
	min-height:40px;
	background-color:var(--phiolet);
	border-radius:150px;
	position:relative;
	overflow-x:hidden
}

lg-ct flare
{
	position:absolute;
	top:0;
	height:100%;
	width:25px;
	-webkit-transform:skewX(-45deg);
	left:-150%;
	background:#fff6;
	animation:flareAnimation 4s infinite forwards
}

@keyframes flareAnimation {
	0%
	{
		left:-150%
	}

	100%
	{
		left:150%
	}
}

.container
{
	position:relative;
	display:flex;
	gap:5%;
	width:100%;
	overflow-x:auto;
	scrollbar-width:none;
	padding:0 5%;
	flex-shrink:0
}

.container .card .face
{
	position:relative;
	transition:.4s
}

.face1
{
	height:200px
}

.face2
{
	height:0
}

.card .face
{
	width:90vw
}

.container .card .face.face1
{
	position:relative;
	background:#333;
	display:flex;
	justify-content:center;
	align-content:center;
	align-items:center;
	z-index:1
}

.container .card:focus-within .face.face1
{
	box-shadow:inset 0 0 60px whitesmoke,inset 20px 0 80px #f0f,inset -20px 0 80px #0ff,inset 20px 0 300px #f0f,inset -20px 0 300px #0ff,0 0 50px #fff,-10px 0 80px #f0f,10px 0 80px #0ff
}

.container .card .face.face1 .content
{
	opacity:.2;
	transition:.5s;
	text-align:center
}

.container .card:focus-within .face.face1 .content
{
	opacity:1
}

.container .card .face.face1 .content i
{
	font-size:3em;
	color:#fff;
	display:inline-block
}

.container .card .face.face1 .content h3
{
	font-size:1em;
	color:#fff;
	text-align:center
}

.container .card .face.face1 .content a
{
	transition:.5s
}

.container .card .face.face2
{
	top:200px;
	height:0;
	position:absolute;
	background:#f5f5f5;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	box-sizing:border-box;
	box-shadow:0 20px 50px #000c;
	overflow:hidden
}

.container .card:focus-within .face.face2
{
	height:200px;
	padding:20px
}

.card:focus-within
{
	height:400px
}

.container .card .face.face2 .content p,a
{
	font-size:10pt;
	margin:0;
	padding:0;
	color:#333
}

.container .card .face.face2 .content a
{
	text-decoration:none;
	color:#000;
	box-sizing:border-box;
	outline:1px dashed #333;
	padding:10px;
	margin:15px 0 0;
	display:inline-block
}

.container .card .face.face2 .content a:active
{
	background:#333;
	color:#f5f5f5;
	box-shadow:inset 0 0 10px #00000080
}

vrt-ct-f
{
	position:fixed;
	top:140px;
	height:calc(100vh - 140px);
	padding-bottom:120px;
	display:flex;
	align-items:center;
	flex-direction:column;
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-width:none
}

a
{
	-webkit-tap-highlight-color:transparent
}

#mainPage,#seekerPromoPage,#shopPage,#gamesPage
{
	overflow-y:auto;
	scrollbar-width:none;
	height:calc(100vh - 120px);
	padding-bottom:120px
}

#shopPage h-header,#gamesPage h-header
{
	background-color:#0003;
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px)
}

button:active,#submitButton:active,button:active .sq-b,button:active .buttclick
{
	transform:scale(0.94);
	-webkit-transform:scale(0.94,0.94);
	-webkit-transition:.4s
}

.myCardStyle
{
	width:100%
}

.popupSeekerTm
{
	position:absolute;
	top:50px;
	z-index:10000
}

.popupSeekerTmWrap
{
	position:relative;
	border:1px solid #ffc0cb;
	padding:1px;
	display:inline-block
}

aspCard
{
	position:absolute;
	top:0;
	left:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:100vh;
	width:100%;
	z-index:150
}

aspCard ul
{
	padding:0;
	margin:0;
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	list-style-type:none
}

aspCard ul li
{
	position:absolute;
	height:0;
	width:101%;
	background-color:#ff8c00;
	z-index:1;
	top:calc(5% * (var(--i,0)));
	animation:aspblck 1s forwards
}

@keyframes aspblck {
	0%
	{
		height:0
	}

	100%
	{
		height:6%
	}
}

@keyframes slideLR {
	0%
	{
		transform:translateX(-150%)
	}

	100%
	{
		transform:translateX(0)
	}
}

aspCard ul li:nth-child(odd)
{
	animation-delay:calc(var(--i) * 0.05s)
}

aspCard ul li:nth-child(even)
{
	transform:translateX(-150%);
	height:5%;
	animation:slideLR 1s forwards;
	background-color:#ff69b4;
	box-shadow:12px 0 1px 1px #ff69b4
}

aspCard ul li:nth-child(n)
{
	--i:calc(var(--i,0) + 1);
	animation-delay:calc(var(--i) * 0.05s)
}

@keyframes whiteout {
	0%
	{
		height:0
	}

	100%
	{
		height:100vh;
		top:0
	}
}

@keyframes blackout {
	0%
	{
		width:0
	}

	100%
	{
		width:110%
	}
}

aspCard ul li:nth-child(1)
{
	--i:0
}

aspCard ul li:nth-child(2)
{
	--i:1
}

aspCard ul li:nth-child(3)
{
	--i:2
}

aspCard ul li:nth-child(4)
{
	--i:3
}

aspCard ul li:nth-child(5)
{
	--i:4
}

aspCard ul li:nth-child(6)
{
	--i:5
}

aspCard ul li:nth-child(7)
{
	--i:6
}

aspCard ul li:nth-child(8)
{
	--i:7
}

aspCard ul li:nth-child(9)
{
	--i:8
}

aspCard ul li:nth-child(10)
{
	--i:9
}

aspCard ul li:nth-child(11)
{
	--i:10
}

aspCard ul li:nth-child(12)
{
	--i:11
}

aspCard ul li:nth-child(13)
{
	--i:12
}

aspCard ul li:nth-child(14)
{
	--i:13
}

aspCard ul li:nth-child(15)
{
	--i:14
}

aspCard ul li:nth-child(16)
{
	--i:15
}

aspCard ul li:nth-child(17)
{
	--i:16
}

aspCard ul li:nth-child(18)
{
	--i:17
}

aspCard ul li:nth-child(19)
{
	--i:18
}

aspCard ul li:nth-child(20)
{
	--i:19
}

aspCard ul li:nth-child(21)
{
	animation:whiteout 1s forwards;
	animation-delay:calc(20 * 0.05s + 0.3s);
	box-shadow:none;
	background:#fff
}

aspCard ul li:nth-child(22)
{
	animation:blackout 1s forwards;
	animation-delay:calc(20 * 0.05s + 1.1s);
	box-shadow:none;
	height:100vh;
	width:0;
	top:0;
	transform:translateX(0);
	background-color:#000
}