/* Based on https://github.com/andrewgioia/Mana */
/**
 * Global */
@font-face {
	font-family: 'Mana';
	src: url('/resources/mana.ttf');
	src: url('/resources/mana.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.mana {
	display: inline-block;
	font: normal normal normal 14px/1 Mana;
	font-size: inherit;
	line-height: 1em;
	text-rendering: auto;
	transform: translate(0, 0);
	speak: none;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/**
 * Mana cost styles */
.mana-cost {
	background-color: #BEB9B2;
	border-radius: 1em;
	color: #111;
	font-size: 0.7em;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.24em;
	text-align: center;
}

.mana-e,
.mana-energy {
	font-size: 1em;
	background: none;
}

.mana-cost.mana-w,
.mana-cost.mana-wp {
	background-color: #F0F2C0;
}

.mana-cost.mana-u,
.mana-cost.mana-up {
	background-color: #B5CDE3;
}

.mana-cost.mana-b,
.mana-cost.mana-bp {
	background-color: #ACA29A;
}

.mana-cost.mana-r,
.mana-cost.mana-rp {
	background-color: #DB8664;
}

.mana-cost.mana-g,
.mana-cost.mana-gp {
	background-color: #93B483;
}

.mana-cost.mana-i,
.mana-cost.mana-ip {
	background-color: #9B91B2;
}

.mana-cost.mana-wu {
	background: #edf2b0;
	background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #edf2b0), color-stop(50%, #edf2b0), color-stop(50%, #a6c1dd), color-stop(100%, #a6c1dd));
	background: -webkit-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
	background: -o-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
	background: -ms-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
	background: linear-gradient(135deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#a6c1dd', GradientType=1);
}

.mana-cost.mana-wb {
	background: #edf2b0;
	background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #edf2b0), color-stop(50%, #edf2b0), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
	background: -webkit-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
	background: -o-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
	background: -ms-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
	background: linear-gradient(135deg, #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#9c9188', GradientType=1);
}

.mana-cost.mana-ub {
	background: #a6c1dd;
	background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a6c1dd), color-stop(50%, #a6c1dd), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
	background: -webkit-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
	background: -o-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
	background: -ms-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
	background: linear-gradient(135deg, #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#9c9188', GradientType=1);
}

.mana-cost.mana-ur {
	background: #a6c1dd;
	background: -moz-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a6c1dd), color-stop(50%, #a6c1dd), color-stop(50%, #db8664), color-stop(100%, #db8664));
	background: -webkit-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
	background: -o-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
	background: -ms-linear-gradient(-45deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
	background: linear-gradient(135deg, #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#db8664', GradientType=1);
}

.mana-cost.mana-br {
	background: #aca29a;
	background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #aca29a), color-stop(50%, #aca29a), color-stop(50%, #db8664), color-stop(100%, #db8664));
	background: -webkit-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
	background: -o-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
	background: -ms-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
	background: linear-gradient(135deg, #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#db8664', GradientType=1);
}

.mana-cost.mana-bg {
	background: #aca29a;
	background: -moz-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #aca29a), color-stop(50%, #aca29a), color-stop(50%, #93b483), color-stop(100%, #93b483));
	background: -webkit-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
	background: -o-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
	background: -ms-linear-gradient(-45deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
	background: linear-gradient(135deg, #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#93b483', GradientType=1);
}

.mana-cost.mana-rw {
	background: #db8664;
	background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #db8664), color-stop(50%, #db8664), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
	background: -webkit-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
	background: -o-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
	background: -ms-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
	background: linear-gradient(135deg, #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#edf2b0', GradientType=1);
}

.mana-cost.mana-rg {
	background: #db8664;
	background: -moz-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #db8664), color-stop(50%, #db8664), color-stop(50%, #93b483), color-stop(100%, #93b483));
	background: -webkit-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
	background: -o-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
	background: -ms-linear-gradient(-45deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
	background: linear-gradient(135deg, #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#93b483', GradientType=1);
}

.mana-cost.mana-gw {
	background: #93b483;
	background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
	background: -webkit-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
	background: -o-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
	background: -ms-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
	background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#edf2b0', GradientType=1);
}

.mana-cost.mana-gu {
	background: #93b483;
	background: -moz-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #93b483), color-stop(50%, #93b483), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));
	background: -webkit-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
	background: -o-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
	background: -ms-linear-gradient(-45deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
	background: linear-gradient(135deg, #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#b5cde3', GradientType=1);
}

.mana-cost.mana-iw {
	background: #9B91B2;
	background: -moz-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #edf2b0 50%, #edf2b0 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9B91B2), color-stop(50%, #9B91B2), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
	background: -webkit-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #edf2b0 50%, #edf2b0 100%);
	background: -o-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #edf2b0 50%, #edf2b0 100%);
	background: -ms-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #edf2b0 50%, #edf2b0 100%);
	background: linear-gradient(135deg, #9B91B2 0%, #9B91B2 50%, #edf2b0 50%, #edf2b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B91B2', endColorstr='#edf2b0', GradientType=1);
}

.mana-cost.mana-iu {
	background: #9B91B2;
	background: -moz-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #b5cde3 50%, #b5cde3 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9B91B2), color-stop(50%, #9B91B2), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));
	background: -webkit-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #b5cde3 50%, #b5cde3 100%);
	background: -o-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #b5cde3 50%, #b5cde3 100%);
	background: -ms-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #b5cde3 50%, #b5cde3 100%);
	background: linear-gradient(135deg, #9B91B2 0%, #9B91B2 50%, #b5cde3 50%, #b5cde3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B91B2', endColorstr='#b5cde3', GradientType=1);
}

.mana-cost.mana-ib {
	background: #9B91B2;
	background: -moz-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #9c9188 50%, #9c9188 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9B91B2), color-stop(50%, #9B91B2), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
	background: -webkit-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #9c9188 50%, #9c9188 100%);
	background: -o-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #9c9188 50%, #9c9188 100%);
	background: -ms-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #9c9188 50%, #9c9188 100%);
	background: linear-gradient(135deg, #9B91B2 0%, #9B91B2 50%, #9c9188 50%, #9c9188 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B91B2', endColorstr='#9c9188', GradientType=1);
}

.mana-cost.mana-ir {
	background: #9B91B2;
	background: -moz-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #db8664 50%, #db8664 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9B91B2), color-stop(50%, #9B91B2), color-stop(50%, #db8664), color-stop(100%, #db8664));
	background: -webkit-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #db8664 50%, #db8664 100%);
	background: -o-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #db8664 50%, #db8664 100%);
	background: -ms-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #db8664 50%, #db8664 100%);
	background: linear-gradient(135deg, #9B91B2 0%, #9B91B2 50%, #db8664 50%, #db8664 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B91B2', endColorstr='#db8664', GradientType=1);
}

.mana-cost.mana-ig {
	background: #9B91B2;
	background: -moz-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9B91B2), color-stop(50%, #9B91B2), color-stop(50%, #93b483), color-stop(100%, #93b483));
	background: -webkit-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	background: -o-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	background: -ms-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	background: linear-gradient(135deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B91B2', endColorstr='#93b483', GradientType=1);
}

.mana-cost.mana-2w,
.mana-cost.mana-cw {
	background: #beb9b2;
	background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #edf2b0), color-stop(100%, #edf2b0));
	background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
	background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
	background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
	background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#edf2b0', GradientType=1);
}

.mana-cost.mana-2u,
.mana-cost.mana-cu {
	background: #beb9b2;
	background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #b5cde3), color-stop(100%, #b5cde3));
	background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
	background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
	background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
	background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#b5cde3', GradientType=1);
}

.mana-cost.mana-2b,
.mana-cost.mana-cb {
	background: #beb9b2;
	background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #9c9188), color-stop(100%, #9c9188));
	background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
	background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
	background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
	background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#9c9188', GradientType=1);
}

.mana-cost.mana-2r,
.mana-cost.mana-cr {
	background: #beb9b2;
	background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #db8664), color-stop(100%, #db8664));
	background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
	background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
	background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
	background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#db8664', GradientType=1);
}

.mana-cost.mana-2g,
.mana-cost.mana-cg {
	background: #beb9b2;
	background: -moz-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #beb9b2), color-stop(50%, #beb9b2), color-stop(50%, #93b483), color-stop(100%, #93b483));
	background: -webkit-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
	background: -o-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
	background: -ms-linear-gradient(-45deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
	background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#93b483', GradientType=1);
}

.mana-cost.mana-2i,
.mana-cost.mana-ci {
	background: #9B91B2;
	background: -moz-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9B91B2), color-stop(50%, #9B91B2), color-stop(50%, #93b483), color-stop(100%, #93b483));
	background: -webkit-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	background: -o-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	background: -ms-linear-gradient(-45deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	background: linear-gradient(135deg, #9B91B2 0%, #9B91B2 50%, #93b483 50%, #93b483 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B91B2', endColorstr='#93b483', GradientType=1);
}

.mana-cost.mana-p:before,
.mana-cost.mana-wp:before,
.mana-cost.mana-up:before,
.mana-cost.mana-bp:before,
.mana-cost.mana-rp:before,
.mana-cost.mana-gp:before .mana-cost.mana-ip:before {
	display: inline-block;
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

.mana-cost.mana-tap-alt:before {
	display: inline-block;
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	padding-left: .06em;
	padding-bottom: 0.10em;
}

.mana-cost.mana-s:before {
	color: #fff;
	-webkit-text-stroke: 2px #fff;
	font-size: 0.85em;
	top: -0.05em;
	position: relative;
	display: inline-block;
}

.mana-cost.mana-s:after {
	content: "\e619";
	position: absolute;
	color: #333;
	margin-left: -0.9em;
	font-size: 1.1em;
}

.mana-cost.mana-q {
	background-color: #111;
	color: #fff;
}

.mana-cost.mana-shadow {
	box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
}

.mana-cost.mana-shadow.mana-q {
	box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
}

/**
 * Split costs */
.mana-2b,
.mana-2g,
.mana-2r,
.mana-2u,
.mana-2w,
.mana-2i,
.mana-bg,
.mana-br,
.mana-gu,
.mana-gw,
.mana-ib,
.mana-iu,
.mana-ir,
.mana-ig,
.mana-iw.mana-rg,
.mana-rw,
.mana-ub,
.mana-ur,
.mana-wb,
.mana-wu,
.mana-cw,
.mana-cu,
.mana-cb,
.mana-cr,
.mana-cg,
.mana-ci {
	position: relative;
	width: 1.3em;
	height: 1.3em;
}

.mana-2b:before,
.mana-2g:before,
.mana-2r:before,
.mana-2u:before,
.mana-2w:before,
.mana-bg:before,
.mana-br:before,
.mana-gu:before,
.mana-gw:before,
.mana-rg:before,
.mana-rw:before,
.mana-ub:before,
.mana-ur:before,
.mana-wb:before,
.mana-wu:before,
.mana-cw::before,
.mana-cu::before,
.mana-cb::before,
.mana-cr::before,
.mana-cg::before,
.mana-iu:before,
.mana-ib:before,
.mana-ir:before,
.mana-ig:before,
.mana-iw:before,
.mana-2i:before,
.mana-ci::before {
	font-size: 0.55em !important;
	position: absolute;
	top: -0.38em;
	left: 0.28em;
}

.mana-2b:after,
.mana-2g:after,
.mana-2r:after,
.mana-2u:after,
.mana-2w:after,
.mana-bg:after,
.mana-br:after,
.mana-gu:after,
.mana-gw:after,
.mana-rg:after,
.mana-rw:after,
.mana-ub:after,
.mana-ur:after,
.mana-wb:after,
.mana-wu:after,
.mana-cw::after,
.mana-cu::after,
.mana-cb::after,
.mana-cr::after,
.mana-cg::after,
.mana-ci::after,
.mana-2i:after,
.mana-iu:after,
.mana-ib:after,
.mana-ir:after,
.mana-ig:after,
.mana-iw:after,
.mana-2i:after,
.mana-ci::after {
	font-size: 0.55em !important;
	position: absolute;
	top: 0.5em;
	left: 1.0em;
}

/**
 * Half costs */
.mana-half {
	width: .675em;
	overflow: hidden;
	display: inline-block;
	margin-left: .675em;
}

.mana-half>.mana-cost {
	margin-left: -0.675em;
}

/**
 * Un-set costs */
.mana-100 {
	width: 2.4em;
}

.mana-1000000 {
	width: 5.4em;
}

/**
 * Planeswalker symbols */
.mana-loyalty-up,
.mana-loyalty-down,
.mana-loyalty-zero,
.mana-loyalty-start {
	color: #111;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	font-weight: bold;
	/* visibility fix */
}

.mana-loyalty-start {
	font-size: 2.0em;
}

.mana-loyalty:after {
	content: attr(data-loyalty);
	color: #fff;
	display: inline-block;
	font-size: 0.5em;
	font-family: 'MPlantin, Garamond, Palatino, ' Times New Roman ', Times, serif';
	position: absolute;
	left: 0;
	line-height: 1.75em;
	width: 100%;
	text-align: center;
	-webkit-padding-before: 0.15em;
}

.mana-loyalty-down:after {
	line-height: 1.6em;
}

/**
 * Double faced cards */
.mana-dfc {
	color: #111;
	border: .05em solid #111;
	border-radius: 2em;
	padding: 0.025em;
}

/*
 * Larger sizes */
.mana-2x {
	font-size: 1.75em;
}

.mana-3x {
	font-size: 2.25em;
}

.mana-4x {
	font-size: 3.0em;
}

.mana-5x {
	font-size: 3.75em;
}

.mana-6x {
	font-size: 4.5em;
}

/**
 * Mana */
.mana-w:before {
	content: "\e600";
}

.mana-u:before {
	content: "\e601";
}

.mana-b:before {
	content: "\e602";
}

.mana-r:before {
	content: "\e603";
}

.mana-g:before {
	content: "\e604";
}

.mana-i:before {
	content: "\e5ff";
}

.mana-0:before {
	content: "\e605";
}

.mana-1:before {
	content: "\e606";
}

.mana-2:before {
	content: "\e607";
}

.mana-3:before {
	content: "\e608";
}

.mana-4:before {
	content: "\e609";
}

.mana-5:before {
	content: "\e60a";
}

.mana-6:before {
	content: "\e60b";
}

.mana-7:before {
	content: "\e60c";
}

.mana-8:before {
	content: "\e60d";
}

.mana-9:before {
	content: "\e60e";
}

.mana-10:before {
	content: "\e60f";
}

.mana-11:before {
	content: "\e610";
}

.mana-12:before {
	content: "\e611";
}

.mana-13:before {
	content: "\e612";
}

.mana-14:before {
	content: "\e613";
}

.mana-15:before {
	content: "\e614";
}

.mana-16:before {
	content: "\e62a";
}

.mana-17:before {
	content: "\e62b";
}

.mana-18:before {
	content: "\e62c";
}

.mana-19:before {
	content: "\e62d";
}

.mana-20:before {
	content: "\e62e";
}

.mana-x:before {
	content: "\e615";
}

.mana-y:before {
	content: "\e616";
}

.mana-z:before {
	content: "\e617";
}

.mana-p:before,
.mana-wp:before,
.mana-up:before,
.mana-bp:before,
.mana-rp:before,
.mana-gp:before,
.mana-ip:before {
	content: "\e618";
}

.mana-s:before {
	content: "\e619";
}

.mana-c:before {
	content: "\e904";
}

.mana-e:before,
.mana-energy:before {
	content: "\e907";
}

.mana-v {
	background: none;
	padding-right: 3px;
}

.mana-v:before {
	content: "\e703";
	font-size: 75px;
	position: absolute;
	top: 32px;
	left: 2px;
}

.mana-vw {
	background: none;
	padding-right: 20px;
}

.mana-vw:before {
	content: "\e703\e704";
	font-size: 75px;
	position: absolute;
	top: 32px;
	left: 2px;
}

.mana-vu {
	background: none;
	padding-right: 30px;
}

.mana-vu:before {
	content: "\e703\e704\e703";
	font-size: 75px;
	position: absolute;
	top: 32px;
	left: 2px;
}

.mana-vb {
	background: none;
	padding-right: 42px;
}

.mana-vb:before {
	content: "\e703\e704\e703\e704";
	font-size: 75px;
	position: absolute;
	top: 32px;
	left: 2px;
}

.mana-vr {
	background: none;
	padding-right: 58px;
}

.mana-vr:before {
	content: "\e703\e704\e703\e704\e703";
	font-size: 75px;
	position: absolute;
	top: 32px;
	left: 2px;
}

.mana-vg {
	background: none;
}

.mana-vg:before {
	content: "+";
	position: absolute;
	font-weight: bold;
	font-size: 1.8em;
	left: 0;
	top: -2px;
}

/**
 * Tap/roll symbols */
.mana-t:before {
	content: "\e61a";
}

.mana-q:before {
	content: "\e61b";
}

.mana-tap-alt:before {
	content: "\e61c";
}

.mana-chaos:before {
	content: "\e61d";
}

.mana-½:before {
	content: "\e902";
}

.mana-∞:before {
	content: "\e903";
}

/**
 * Custom symbols */
.mana-vp:before {
	content: "\e700";
	color: black;
	-webkit-text-fill-color: #d49f49;
	-webkit-text-stroke: 0.5px black;
}

.mana-flag {
	background-color: transparent;
}

.mana-flag:before {
	content: "\e701";
}

.mana-mag {
	background-color: transparent;
}

.mana-mag:before {
	content: "\e702";
}

/**
 * Card types */
.mana-artifact:before {
	content: "\e61e";
}

.mana-creature:before {
	content: "\e61f";
}

.mana-enchantment:before {
	content: "\e620";
}

.mana-instant:before {
	content: "\e621";
}

.mana-land:before {
	content: "\e622";
}

.mana-pw:before {
	content: "\e623";
}

.mana-sorcery:before {
	content: "\e624";
}

/**
 * Split symbols */
.mana-wu:before,
.mana-wb:before,
.mana-rw:after,
.mana-gw:after,
.mana-iw:after,
.mana-2w:after,
.mana-cw:after {
	content: "\e600";
}

.mana-ub:before,
.mana-ur:before,
.mana-wu:after,
.mana-gu:after,
.mana-iu:after,
.mana-2u:after,
.mana-cu:after {
	content: "\e601";
}

.mana-br:before,
.mana-bg:before,
.mana-wb:after,
.mana-ub:after,
.mana-ib:after,
.mana-2b:after,
.mana-cb:after {
	content: "\e602";
}

.mana-rw:before,
.mana-rg:before,
.mana-ur:after,
.mana-br:after,
.mana-ir:after,
.mana-2r:after,
.mana-cr:after {
	content: "\e603";
}

.mana-gw:before,
.mana-gu:before,
.mana-bg:after,
.mana-rg:after,
.mana-ig:after,
.mana-2g:after,
.mana-cg:after {
	content: "\e604";
}

.mana-2w:before,
.mana-2u:before,
.mana-2b:before,
.mana-2r:before,
.mana-2g:before,
.mana-2i:before {
	content: "\e607";
}

.mana-iw:before,
.mana-iu:before,
.mana-ib:before,
.mana-ir:before,
.mana-ig:before,
.mana-2i:after,
.mana-ci:after {
	content: "\e5ff";
}

.mana-cw:before,
.mana-cu:before,
.mana-cb:before,
.mana-cr:before,
.mana-cg:before,
.mana-ci:before {
	content: "\e904";
}

/**
 * Un-set symbols */
.mana-100:before {
	content: "\e900";
}

.mana-1000000:before {
	content: "\e901";
}

/**
 * Planeswalker symbols */
.mana-loyalty-up:before {
	content: "\e627";
}

.mana-loyalty-down:before {
	content: "\e625";
}

.mana-loyalty-zero:before {
	content: "\e626";
}

.mana-loyalty-start:before {
	content: "\e628";
}

/**
 * Other */
.mana-flashback:before {
	content: "\e629";
}

.mana-dfc-night:before {
	content: "\e905";
}

.mana-dfc-day:before {
	content: "\e906";
}

.mana-dfc-ignite:before {
	content: "\e908";
}

.mana-dfc-spark:before {
	content: "\e909";
}

.mana-dfc-emrakul:before {
	content: "\e90a";
}

.mana-dfc-moon:before {
	content: "\e90b";
}

/**
 * Guilds and Clans */
.mana-guild-azorius:before {
	content: "\e90c";
}

.mana-guild-boros:before {
	content: "\e90d";
}

.mana-guild-dimir:before {
	content: "\e90e";
}

.mana-guild-golgari:before {
	content: "\e90f";
}

.mana-guild-gruul:before {
	content: "\e910";
}

.mana-guild-izzet:before {
	content: "\e911";
}

.mana-guild-orzhov:before {
	content: "\e912";
}

.mana-guild-rakdos:before {
	content: "\e913";
}

.mana-guild-selesnya:before {
	content: "\e914";
}

.mana-guild-simic:before {
	content: "\e915";
}

.mana-clan-abzan:before {
	content: "\e916";
}

.mana-clan-jeskai:before {
	content: "\e917";
}

.mana-clan-mardu:before {
	content: "\e918";
}

.mana-clan-sultai:before {
	content: "\e919";
}

.mana-clan-temur:before {
	content: "\e91a";
}

.mana-clan-atarka:before {
	content: "\e91b";
}

.mana-clan-dromoka:before {
	content: "\e91c";
}

.mana-clan-kolaghan:before {
	content: "\e91d";
}

.mana-clan-ojutai:before {
	content: "\e91e";
}

.mana-clan-silumgar:before {
	content: "\e91f";
}