body {
	background-color: #6ab4e3;
	background: linear-gradient(20deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 0%, rgba(106,180,227,1) 76%, rgba(0,212,255,1) 100%);
	max-width: 100%;
	/* height: 100vh; */
	position: relative;
	/* overflow: hidden; */
	background-attachment: fixed;
}

.navbar-dark {
	background-color: #5fcbff;
	margin-top: 55px;
	margin-bottom: 85px;
	/* position: sticky; */
	/* top: 55px; */
	/* z-index: 1; */
}

a.navbar-brand {
	margin-top: -55px;
	margin-bottom: -85px;
}

a.navbar-brand img {
    width: 150px;
}

.player-block {
	background: #fff;
	color: #333;
	padding: 40px 20px;
	border-radius: 10px;
	text-align: center;
	/* margin-bottom: 1.5rem; */
	height: 100%;
}

.player-block .avatar {
	background: rgb(255,255,255);
	background: -moz-radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(107,147,220,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(107,147,220,1) 100%);
	background: radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(107,147,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6b93dc",GradientType=1);
	border-radius: 20px;
	margin-bottom: 10px;
}

.player-block h2 {
	/* width: 290px; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.player-block .furnace-upgrades span {
	background: #e5e5e5;
	width: 12%;
	height: 6px;
	display: inline-block;
	margin-right: 6px;
}

.player-block .furnace-upgrades span.active {
	background: #d93123;
}

#player-list {
    column-count: 1;
}

#player-list ul {
    list-style: none;
    padding-left: 0;
}

#player-list li {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23fff'%3E%3Cpath d='M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 30px;
    background-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

#player-list li:hover {
	color: #f7ff4d;
}

#player-list li.success {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23fff'%3E%3Cpath d='m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}

#player-list li.error {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23fff'%3E%3Cpath d='M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}

#player-list li.already-redeemed {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23fff'%3E%3Cpath d='M360-240h220q17 0 31.5-8.5T632-272l84-196q2-5 3-10t1-10v-32q0-17-11.5-28.5T680-560H496l24-136q2-10-1-19t-10-16l-29-29-184 200q-8 8-12 18t-4 22v200q0 33 23.5 56.5T360-240ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}

.avatar img {
	width: 60px;
	border-radius: 10px;
	background: rgb(255,255,255);
	background: -moz-radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(107,147,220,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(107,147,220,1) 100%);
	background: radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(107,147,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6b93dc",GradientType=1);
	border: 3px solid #fff;
}

.alliance-container {
    position: relative;
}

.alliance-container ul {
    position: absolute;
    width: 100%;
    background: #fff;
    color: #000;
    padding: 0;
    list-style: none;
    z-index: 10;
}


#alliance-input {
    background: #ffffff42;
    border: none;
    border-bottom: 3px solid #5fcbff;
    text-align: center;
    width: 94px;
}

@media (min-width: 576px) {
	#player-list {
	    column-count: 2;
	}
}

@media (min-width: 768px) {
	#player-list {
	    column-count: 3;
	}
}

@media (min-width: 992px) {
	#player-list {
	    column-count: 4;
	}
}

@media (min-width: 1200px) {
	
}


/* snow */
.snow {
	background: white;
	transform: scale(-51%);
	border-radius: 100%;
	left: 50%;
	position: fixed;
	top: 0;
	width: 5px;
	height: 5px;
	z-index: -1;
	box-shadow: 0 0 4px 3px #fff, -352px 302px 3px 0px #fff, 534px 775px 2px 3px #fff, 405px 94px 5px 3px #fff, -328px 925px 3px 2px #fff, -994px 1088px 3px 3px #fff, 62px 366px 2px 3px #fff, -449px 831px 5px 0px #fff, 247px 644px 3px 3px #fff, 860px 1085px 3px 3px #fff, -752px 199px 3px 2px #fff, 863px 421px 5px 2px #fff, -336px 98px 2px 3px #fff, -802px 723px 4px 3px #fff, -380px 539px 3px 3px #fff, 995px 697px 5px 0px #fff, 267px 944px 2px 1px #fff, 179px 12px 3px 3px #fff, -384px 1194px 5px 2px #fff, -867px 911px 2px 3px #fff, -167px 235px 3px 0px #fff, -28px 599px 5px 0px #fff, 672px 508px 5px 1px #fff, -352px -897px 5px 0px #fff, 534px -425px 4px 3px #fff, 405px -1106px 2px 3px #fff, -328px -274px 4px 2px #fff, -994px -112px 4px 3px #fff, 62px -834px 3px 3px #fff, -449px -368px 5px 0px #fff, 247px -556px 5px 3px #fff, 860px -115px 4px 3px #fff, -752px -1000px 2px 2px #fff, 863px -778px 3px 2px #fff, -336px -1102px 3px 3px #fff, -802px -477px 5px 3px #fff, -380px -661px 4px 3px #fff, 995px -502px 3px 0px #fff, 267px -256px 4px 1px #fff, 179px -1188px 4px 3px #fff, -384px -5px 2px 2px #fff, -867px -289px 2px 3px #fff, -167px -964px 4px 0px #fff, -28px -600px 2px 0px #fff, 672px -692px 4px 1px #fff;
	-webkit-animation: snow 80s linear infinite;
	-moz-animation: snow 80s linear infinite;
	-ms-animation: snow 80s linear infinite;
	animation: snow 80s linear infinite;
}

.snow::before {
	content: "";
	background: white;
	border-radius: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 5px;
	height: 5px;
	z-index: -1;
	box-shadow: 0 0 1px 3px #fff, -874px 772px 3px 1px #fff, 400px 232px 3px 0px #fff, 635px 922px 4px 3px #fff, -182px 969px 2px 3px #fff, -155px 425px 2px 3px #fff, 95px 238px 5px 0px #fff, -163px 79px 4px 3px #fff, 860px 1160px 2px 0px #fff, -795px 149px 5px 1px #fff, 535px 860px 4px 1px #fff, 0px 534px 4px 3px #fff, -290px 795px 5px 3px #fff, -435px 366px 4px 3px #fff, -913px 82px 2px 1px #fff, 914px 326px 2px 3px #fff, -558px 149px 5px 3px #fff, -554px 672px 5px 0px #fff, -983px 765px 2px 2px #fff, 465px 8px 2px 3px #fff, 270px 791px 2px 3px #fff, 690px 578px 5px 3px #fff, 409px 1149px 5px 1px #fff, -874px -428px 3px 1px #fff, 400px -967px 3px 0px #fff, 635px -278px 5px 3px #fff, -182px -231px 4px 3px #fff, -155px -775px 2px 3px #fff, 95px -961px 4px 0px #fff, -163px -1121px 3px 3px #fff, 860px -39px 2px 0px #fff, -795px -1051px 4px 1px #fff, 535px -340px 3px 1px #fff, 0px -666px 4px 3px #fff, -290px -405px 4px 3px #fff, -435px -834px 3px 3px #fff, -913px -1118px 5px 1px #fff, 914px -874px 5px 3px #fff, -558px -1051px 2px 3px #fff, -554px -527px 5px 0px #fff, -983px -434px 3px 2px #fff, 465px -1192px 3px 3px #fff, 270px -409px 5px 3px #fff, 690px -622px 5px 3px #fff, 409px -51px 5px 1px #fff;
	-webkit-animation: snow 90s linear infinite;
	-moz-animation: snow 90s linear infinite;
	-ms-animation: snow 90s linear infinite;
	animation: snow 90s linear infinite;
}

.snow::after {
	content: "";
	background: white;
	border-radius: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 5px;
	height: 5px;
	z-index: -1;
	box-shadow: 0 0 2px 2px #fff, -588px 403px 5px 0px #fff, 702px 31px 3px 3px #fff, 469px 429px 2px 3px #fff, -159px 600px 4px 3px #fff, -827px 798px 3px 0px #fff, -67px 829px 2px 2px #fff, -427px 1088px 3px 2px #fff, -863px 34px 4px 0px #fff, 969px 996px 5px 1px #fff, 274px 1123px 5px 3px #fff, 858px 119px 5px 3px #fff, -889px 536px 5px 0px #fff, -75px 111px 3px 3px #fff, 226px 432px 5px 0px #fff, -269px 384px 4px 2px #fff, -670px 817px 3px 2px #fff, 383px 1041px 3px 3px #fff, 773px 799px 3px 3px #fff, -256px 190px 3px 3px #fff, 95px 1016px 5px 3px #fff, 690px 1115px 2px 3px #fff, -729px 1012px 4px 1px #fff, -588px -796px 3px 0px #fff, 702px -1169px 5px 3px #fff, 469px -771px 3px 3px #fff, -159px -600px 2px 3px #fff, -827px -401px 3px 0px #fff, -67px -370px 5px 2px #fff, -427px -111px 5px 2px #fff, -863px -1165px 2px 0px #fff, 969px -204px 2px 1px #fff, 274px -77px 4px 3px #fff, 858px -1081px 3px 3px #fff, -889px -663px 2px 0px #fff, -75px -1089px 4px 3px #fff, 226px -767px 2px 0px #fff, -269px -815px 3px 2px #fff, -670px -382px 4px 2px #fff, 383px -159px 2px 3px #fff, 773px -401px 2px 3px #fff, -256px -1010px 4px 3px #fff, 95px -184px 4px 3px #fff, 690px -85px 3px 3px #fff, -729px -188px 5px 1px #fff;
	-webkit-animation: snow 100s linear infinite;
	-moz-animation: snow 100s linear infinite;
	-ms-animation: snow 100s linear infinite;
	animation: snow 100s linear infinite;
}

.snow2 {
	background: white;
	border-radius: 100%;
	left: 50%;
	position: fixed;
	top: 0;
	width: 5px;
	height: 5px;
	z-index: -1;
	box-shadow: 0 0 3px 2px #fff, -399px 705px 5px 2px #fff, 54px 1166px 3px 2px #fff, 355px 535px 2px 3px #fff, 994px 157px 5px 3px #fff, -632.1px 253px 2px 2px #fff, 244px 285px 2px 1px #fff, 121px 762px 2px 3px #fff, -230px 821px 4px 0px #fff, -667px 607px 3px 1px #fff, -625px 1126px 5px 2px #fff, -900px 358px 4px 2px #fff, 871px 894px 3px 2px #fff, -344px 204px 4px 3px #fff, 47px 226px 2px 3px #fff, -263px 575px 3px 1px #fff, 631px 1060px 5px 2px #fff, 293px 75px 5px 2px #fff, 655px 355px 2px 2px #fff, -259px 13px 3px 2px #fff, -511px 467px 5px 3px #fff, 334px 322px 3px 1px #fff, 476px 574px 4px 2px #fff, -399px -494px 3px 2px #fff, 54px -33px 4px 2px #fff, 355px -665px 5px 3px #fff, 994px -1043px 2px 3px #fff, -632.1px -946px 2px 2px #fff, 244px -915px 2px 1px #fff, 121px -438px 2px 3px #fff, -230px -378px 5px 0px #fff, -667px -593px 5px 1px #fff, -625px -73px 2px 2px #fff, -900px -841px 5px 2px #fff, 871px -305px 4px 2px #fff, -344px -996px 4px 3px #fff, 47px -974px 5px 3px #fff, -263px -625px 4px 1px #fff, 631px -139px 3px 2px #fff, 293px -1124px 3px 2px #fff, 655px -844px 5px 2px #fff, -259px -1186px 2px 2px #fff, -511px -733px 3px 3px #fff, 334px -878px 4px 1px #fff, 476px -625px 3px 2px #fff;
	-webkit-animation: snow 85s linear infinite;
	-moz-animation: snow 85s linear infinite;
	-ms-animation: snow 85s linear infinite;
	animation: snow 85s linear infinite;
}

.snow2::before {
	content: "";
	background: white;
	border-radius: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 5px;
	height: 5px;
	z-index: -1;
	box-shadow: 0 0 1px 3px #fff, -607px 6px 3px 3px #fff, 312px 186px 5px 3px #fff, -368px 467px 2px 3px #fff, 31px 459px 4px 3px #fff, 609px 679px 4px 3px #fff, 402px 702px 5px 0px #fff, -170px 1042px 4px 1px #fff, -767px 474px 3px 2px #fff, -518px 944px 5px 2px #fff, 134px 490px 3px 2px #fff, -585px 798px 2px 2px #fff, -439px 262px 5px 3px #fff, 615px 1196px 2px 0px #fff, -748px 59px 2px 3px #fff, 138px 157px 5px 3px #fff, 498px 326px 4px 3px #fff, -348px 567px 3px 3px #fff, -828px 250px 3px 1px #fff, 917px 51px 2px 2px #fff, -32px 992px 3px 2px #fff, 780px 682px 4px 2px #fff, 796px 287px 4px 0px #fff, -607px -1194px 4px 3px #fff, 312px -1014px 5px 3px #fff, -368px -733px 2px 3px #fff, 31px -741px 2px 3px #fff, 609px -521px 3px 3px #fff, 402px -497px 2px 0px #fff, -170px -158px 2px 1px #fff, -767px -725px 3px 2px #fff, -518px -255px 2px 2px #fff, 134px -709px 3px 2px #fff, -585px -401px 2px 2px #fff, -439px -938px 5px 3px #fff, 615px -3px 4px 0px #fff, -748px -1141px 5px 3px #fff, 138px -1043px 5px 3px #fff, 498px -874px 4px 3px #fff, -348px -633px 5px 3px #fff, -828px -950px 3px 1px #fff, 917px -1148px 4px 2px #fff, -32px -207px 4px 2px #fff, 780px -517px 5px 2px #fff, 796px -912px 3px 0px #fff;
	-webkit-animation: snow 95s linear infinite;
	-moz-animation: snow 95s linear infinite;
	-ms-animation: snow 95s linear infinite;
	animation: snow 95s linear infinite;
}

.snow2::after {
	content: "";
	background: white;
	border-radius: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 5px;
	height: 5px;
	z-index: -1;
	box-shadow: 0 0 2px 4px #fff, -976px 211px 3px 2px #fff, 744px 972px 4px 0px #fff, -860px 1149px 4px 1px #fff, 698px 190px 2px 3px #fff, -12px 305px 3px 3px #fff, 66px 27px 2px 3px #fff, 558px 490px 4px 1px #fff, -674px 352px 2px 2px #fff, -654px 115px 5px 3px #fff, -519px 1045px 3px 3px #fff, 435px 817px 3px 3px #fff, 91px 700px 2px 3px #fff, -208px 719px 3px 3px #fff, -748px 627px 2px 3px #fff, 538px 141px 3px 3px #fff, 867px 571px 2px 3px #fff, 247px 494px 5px 3px #fff, -234px 215px 3px 3px #fff, -756px 330px 3px 2px #fff, 776px 623px 5px 2px #fff, -325px 1119px 3px 3px #fff, -446px 55px 2px 2px #fff, -976px -988px 2px 2px #fff, 744px -227px 2px 0px #fff, -860px -51px 4px 1px #fff, 698px -1010px 5px 3px #fff, -12px -895px 3px 3px #fff, 66px -1173px 4px 3px #fff, 558px -710px 5px 1px #fff, -674px -847px 3px 2px #fff, -654px -1085px 5px 3px #fff, -519px -155px 5px 3px #fff, 435px -383px 2px 3px #fff, 91px -500px 4px 3px #fff, -208px -481px 3px 3px #fff, -748px -573px 2px 3px #fff, 538px -1059px 3px 3px #fff, 867px -629px 2px 3px #fff, 247px -706px 2px 3px #fff, -234px -985px 2px 3px #fff, -756px -869px 2px 2px #fff, 776px -576px 4px 2px #fff, -325px -81px 3px 3px #fff, -446px -1144px 5px 2px #fff;
	-webkit-animation: snow 105s linear infinite;
	-moz-animation: snow 105s linear infinite;
	-ms-animation: snow 105s linear infinite;
	animation: snow 105s linear infinite;
}


@keyframes snow {
	0% {
		transform: translate(0, 0);
		opacity: 0.7;
	}
	10% {
		transform: translate(10px, 120px);
		opacity: 0.8;
	}
	20% {
		transform: translate(20px, 240px);
		opacity: 0.7;
	}
	30% {
		transform: translate(25px, 360px);
		opacity: 0.6;
	}
	40% {
		transform: translate(15px, 480px);
		opacity: 0.5;
	}
	50% {
		transform: translate(-5px, 600px);
		opacity: 0.6;
	}
	60% {
		transform: translate(-15px, 720px);
		opacity: 0.7;
	}
	70% {
		transform: translate(-25px, 840px);
		opacity: 0.8;
	}
	80% {
		transform: translate(-20px, 960px);
		opacity: 0.7;
	}
	90% {
		transform: translate(-10px, 1080px);
		opacity: 0.6;
	}
	100% {
		transform: translate(0px, 1200px);
		opacity: 0.7;
	}
}
@-moz-keyframes snow {
	0% {
		transform: translate(0, 0);
		opacity: 0.7;
	}
	10% {
		transform: translate(10px, 120px);
		opacity: 0.8;
	}
	20% {
		transform: translate(20px, 240px);
		opacity: 0.7;
	}
	30% {
		transform: translate(25px, 360px);
		opacity: 0.6;
	}
	40% {
		transform: translate(15px, 480px);
		opacity: 0.5;
	}
	50% {
		transform: translate(-5px, 600px);
		opacity: 0.6;
	}
	60% {
		transform: translate(-15px, 720px);
		opacity: 0.7;
	}
	70% {
		transform: translate(-25px, 840px);
		opacity: 0.8;
	}
	80% {
		transform: translate(-20px, 960px);
		opacity: 0.7;
	}
	90% {
		transform: translate(-10px, 1080px);
		opacity: 0.6;
	}
	100% {
		transform: translate(0px, 1200px);
		opacity: 0.7;
	}
}
@-webkit-keyframes snow {
	0% {
		transform: translate(0, 0);
		opacity: 0.7;
	}
	10% {
		transform: translate(10px, 120px);
		opacity: 0.8;
	}
	20% {
		transform: translate(20px, 240px);
		opacity: 0.7;
	}
	30% {
		transform: translate(25px, 360px);
		opacity: 0.6;
	}
	40% {
		transform: translate(15px, 480px);
		opacity: 0.5;
	}
	50% {
		transform: translate(-5px, 600px);
		opacity: 0.6;
	}
	60% {
		transform: translate(-15px, 720px);
		opacity: 0.7;
	}
	70% {
		transform: translate(-25px, 840px);
		opacity: 0.8;
	}
	80% {
		transform: translate(-20px, 960px);
		opacity: 0.7;
	}
	90% {
		transform: translate(-10px, 1080px);
		opacity: 0.6;
	}
	100% {
		transform: translate(0px, 1200px);
		opacity: 0.7;
	}
}
@-ms-keyframes snow {
	0% {
		transform: translate(0, 0);
		opacity: 0.7;
	}
	10% {
		transform: translate(10px, 120px);
		opacity: 0.8;
	}
	20% {
		transform: translate(20px, 240px);
		opacity: 0.7;
	}
	30% {
		transform: translate(25px, 360px);
		opacity: 0.6;
	}
	40% {
		transform: translate(15px, 480px);
		opacity: 0.5;
	}
	50% {
		transform: translate(-5px, 600px);
		opacity: 0.6;
	}
	60% {
		transform: translate(-15px, 720px);
		opacity: 0.7;
	}
	70% {
		transform: translate(-25px, 840px);
		opacity: 0.8;
	}
	80% {
		transform: translate(-20px, 960px);
		opacity: 0.7;
	}
	90% {
		transform: translate(-10px, 1080px);
		opacity: 0.6;
	}
	100% {
		transform: translate(0px, 1200px);
		opacity: 0.7;
	}
}