.combatcard_base {
	position: relative;
	z-index: 0;

	width: 635px;
	height: 880px;
	margin: 0;
	padding: 0;

	background-color: whitesmoke;

	display: flex;
	justify-content: center;
	align-items: center;
}

.combatcard_base .titlebox {
	position: relative;
	width: 635px;
	height: 100px;
	background-color: whitesmoke;
}

.combatcard_base .titlebox .cardname {
	width: 100%;
	font-family: 'American Captain';
	font-size: 54px;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 13px;
	padding-left: 32px;
}

.combatcard_base .titletrim {
	position: absolute;
	z-index: 1;
	width: 635px;
	height: 78px;
	margin-top: -62px;
	clip-path: path("M0 0 0 25 24 47 140 78 555 78C555 78 580 78 602 58L635 25 635 0 590 45C590 45 573 61 560 61L145 61 27 26Z");
	/*EDIT THIS: To change the color of the title trim.*/
	background-color: goldenrod;
}

.combatcard_base .energy-outer {
	position: absolute;
	z-index: 2;
	width: 123px;
	height: 123px;
	border-radius: 360px;
	margin-left: 24px;
	margin-top: -92px;
	background-color: #474a53;
}

.combatcard_base .energy-inner {
	position: absolute;
	z-index: 3;
	width: 87px;
	height: 87px;
	border-radius: 360px;
	margin-left: 42px;
	margin-top: -104px;
	background-color: whitesmoke;
}

.combatcard_base .energy-inner .energy-cost {
	display: inline-block;
	margin-top: -4px;
	width: 87px;
	height: 87px;
	font-family: 'American Captain';
	font-size: 80px;
	text-align: center;
}

.combatcard_base .artbox {
	position: absolute;
	z-index: 0;
	width: 635px;
	height: 470px;
	margin-top: -67px;
	clip-path: path("M 0 0 L 0 435 L 635 435 L 635 0 L 560 40 L 75 40 Z");
	/*EDIT THIS: To change the background color/image fo the card's art.*/
	/*background-image: url("art/timesilver/Edited_Blaster.png");*/
	background-color: cyan;
	background-size: 635px;
	background-position: center;
	background-position-y: -120px;
	background-repeat: no-repeat;
}

.combatcard_base .statbox {
	position: absolute;
	z-index: 1;
	width: 635px;
	height: 475px;
	margin-top: -128px;
	clip-path: path("M 0 0 75 70C75 70 95 90 110 90L525 90C525 90 540 90 560 70L635 0 635 475 0 475Z");
	/*EDIT THIS: To change the overall background color of the card.*/
	background-color: #007ac3;
}

.combatcard_base .effecttrim {
	/*EDIT THIS: To change the opcaity of the effect text trim.*/
	opacity: 1;
	position: absolute;
	z-index: 2;
	width: 635px;
	height: 270px;
	margin-top: -350px;
	clip-path: path("M0 96 90 10C90 10 100 0 113 0L523 0C523 0 534 0 544 10L635 96 635 172 544 260C542 262 533 269 520 270L108 270C108 270 99 269 88 260L0 174Z");
	/*EDIT THIS: To change the color of the trim around the card's effect text.*/
	background-color: goldenrod;
}

.combatcard_base .effectbox {
	position: absolute;
	z-index: 3;
	width: 635px;
	height: 260px;
	margin-top: -265px;
	padding-top: 35px;
	clip-path: path("M0 100 95 10C95 10 105 0 115 0L520 0C520 0 530 0 540 10L635 100 635 160 547 244C547 244 530 260 515 260L115 258C115 258 100 258 84 241L0 160Z");
	text-align: center;
	background-color: whitesmoke;
}

.combatcard_base .effectbox .cardtype {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 30px;
	display: flex;
	flex-direction: row;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-family: 'Futura PT Bold';
	font-size: 30px;
	font-weight: bolder;
}

.combatcard_base .effectbox .effecttext {
	max-width: 80%;
	margin-top: 5px;
	font-family: 'Futura PT Book';
	font-size: 30px;
	display: inline-block;
	align-items: center;
}

.combatcard_base .effectbox .effecttext br {
	line-height: 16px;
}

.combatcard_base .shieldbox {
	position: absolute;
	z-index: 1;
	width: 300px;
	height: 185px;
	margin-left: 335px;
	margin-top: -135px;
	clip-path: path("M 300 0 L 300 185 L 50 185 L 20 135 L 43 100 Z");
	background-color: #1f1f1f;
}

.combatcard_base .shieldbox .shield1 {
	position: absolute;
	top: 112px;
	right: 14px;
	width: 16%;
	padding-top: 50%;
	background-image: url("shield.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.combatcard_base .shieldbox .shield2 {
	position: absolute;
	top: 112px;
	right: 77px;
	width: 16%;
	padding-top: 50%;
	background-image: url("shield.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.combatcard_base .shieldbox .shield3 {
	position: absolute;
	top: 112px;
	right: 141px;
	width: 16%;
	padding-top: 50%;
	background-image: url("shield.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.combatcard_base .shieldbox .star {
	position: absolute;
	top: 52px;
	right: 16px;
	width: 15%;
	padding-top: 50%;
	background-image: url("star.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.combatcard_base .idflexbox {
	position: absolute;
	z-index: 2;
	display: inline-flex;
	flex-direction: row;
	margin-top: -75px;
	margin-left: 25px;
}

.combatcard_base .idflexbox .iconbox {
	width: 50px;
	height: 50px;
	background-image: url("logos/solar.png");
	filter: invert(0);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.combatcard_base .idflexbox .rangername {
	width: 270px;
	height: 40px;
	padding-top: 15px;
	margin-left: 15px;
	font-family: 'DIN Medium';
	font-size: 22px;
	font-weight: bolder;
	color: whitesmoke;
	/*text-align: center;*/
}

.die {
	position: relative;
	z-index: 3;
	width: 38px;
	height: 38px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("icons/die.png");
}

.hit {
	position: relative;
	z-index: 3;
	width: 34px;
	margin: 2px;
	height: 34px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("icons/hit.png");
}

.icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -6px;
	margin-left: -1px;
	margin-right: -2px;
}

.icon img {
	width: 30px;
	max-width: 30px;
	margin: 0;
	padding: 0;
}