.glow-flash {
    box-shadow: 0 0 12px 6px rgba(0, 255, 0, 0.7);
    animation: flashGlow 0.3s ease-in-out;
}

@keyframes flashGlow {
    0% {
        box-shadow: 0 0 12px 6px rgba(0, 255, 0, 0.7);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0);
    }
}

@keyframes bounce {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}
.bounce {
    animation: bounce 0.3s ease;
}

.pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    pointer-events: none;
    animation: pulseRing 1s ease-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    50% { transform: translateX(4px); }
    75% { transform: translateX(-4px); }
}
.shake {
    animation: shake 0.5s;
}

.battleTooltip {
    border: 1px solid #000;
    box-shadow: 3px 3px 3px #0008, 0 0 2px 2px #fff4 inset;
    visibility: hidden;
    opacity: 0;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    z-index: 500;
    /*left: 0;*/
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.subName:hover .battleTooltip {
    opacity: 1;
    visibility: visible;
}
 /** general css */
.inline-b {
	display: inline-block;
	vertical-align: middle;
}
.grid3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.visibility_hidden {
    visibility: hidden;
}

.columnSpan2 {
	grid-column-end: span 2;
}
.columnSpan3 {
	grid-column-end: span 3;
}
.rowSpan2 {
	grid-row-end: span 2;
}
.rowSpan3 {
	grid-row-end: span 3;
}
.flexRow {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 !important;
}
.flexGrow {
	flex-grow: 1;
}
.flexWrap {
	flex-wrap: wrap;
}
.flexRow .flexWrap, .flexRow.around, .flexColumn .flexWrap, .flexColumn.around, .flexWrap {
	justify-content: space-evenly;
}
.flexRow.centered {
	align-items: center;
	justify-content: center;
}
.flexColumn {
	display: flex;
	flex-direction: column;
}
.flexRow.start, .flexColumn.start {
	justify-content: flex-start;
}
.margin-bottom-05 {
	margin-bottom: 0.5em;
}
.padding-s-em {
	padding: 0.25em 0.5em;
}
.padding-m-em {
	padding: 0.5em 1em;
}
.padding-l-em {
	padding: 0.75em 1.5em;
}
.font1em {
	font-size: 1em;
}
.battleHeader {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em auto;
	text-shadow: 0 0 2px black;
	text-transform: uppercase;
	width: fit-content;
}
.blackBattleBox {
	background-color: #000000cc;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 0.5em auto;
	padding: 0.5em 1em;
	width: fit-content;
    box-shadow: 0px 1px 3px 1px black;

}
.bigAndSpacyFont {
	line-height: 2em;
	font-size: 1.25em;
}
hr.whiteShadowLine {
	background: none;
	border: none;
	box-shadow: 0 2px 3px -2px #fff;
	height: 0;
	width: 90%;
}
hr.softDash {
	background: none;
	border-bottom: 1px dashed #fff6;
	height: 0;
	width: 90%;
	border-top: 1px dashed #0006;
}

.countriesList {
    display: grid;
    grid-template-columns: 125px 125px 125px;
}

.countriesList > .marked {
    font-weight: 900;
}

 /** new IMAGE CONTAINER */
.battle2022 {
	background-color: #080c16;
	border-radius: 3px;
	box-shadow: 0 0 1px 2px #0008 inset;
	color: #f2f2f2;
	min-height: 410px;
    padding: 0 0 8em;
}

.mobile .battle2022 {
    padding: 0 0 1em;

}
.battle2022.countryBalls {
	background-position: center -50px;
	background-repeat: no-repeat, repeat-y;
	background-size: 100% auto, auto;
    background-image: url('/img/bgForElements/newBattleBackground.png') !important;
    background-position-y: -250px !important;
    min-height: 640px;
}

.battle2022.countryBalls.mateuszStyle{
    background-position-y: -180px !important;
    background-size: 123% auto, auto !important;
}

.battle2022.countryBalls.brighterBgClass {
	background-image: url('/img/bgForElements/battleground_sky_300px.png'), url('/img/bgForElements/battleground_rp_shadow.png');
	background-color: #b5a592;
}

.battle2022.countryBalls.testNewBg {
    background-image: url('/img/battleBackgrounds/military_2.png') !important;
    background-position-y: 0 !important;
}

.mobile .testNewBg {
    background-position-y: -80px !important;
    background-size: 100% auto, auto !important;
}

#fightResultContainer.battleField.testNewBg {
    background: none !important;
}

.mobile .testNewBgDesert {
    background-image: url('https://cdn.discordapp.com/attachments/1100356042291953766/1153658364014886952/Railman__desert_digital_painting_style_empty_6fecac1b-97ec-4455-a55a-a27b6a33e218.png') !important;
    background-size: 100% 70vh !important;
}

.mobile #fightResultContainer.testNewBgDesert {
    background: none !important;
}

.mobile .battle2022.countryBalls {
    background-position-y: -240px !important;
    background-size: 100% auto, auto !important;
    height: auto;
}

.mobile .battle2022.countryBalls.testNewBg {
    background-position-y: 0 !important;
}

.battle2022 .battle2022 form {
 	margin: 0;
 	padding: 0;
}
/** battle name and sides */

.battleSlimStatus {
	background-image: linear-gradient(90deg, transparent, #0008 20%, #0008 80%, transparent);
	display: grid;
	grid-template-columns: 2fr 3fr 2fr;
	margin: 0 auto;
	padding: 0.5em 1.5em;
	text-shadow: 0 0 2px black;
}
.battleSlimStatus a, .battleSlimStatus a:link, .battleSlimStatus a:visited, .battleSlimStatus .link {
	color: #3787ea;
}
.battleSlimStatus a.battleName, .battleSlimStatus a.battleName:link, .battleSlimStatus a.battleName:visited{
	color: #f2f2f2;
}
.alliesList {
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
	font-size: 1.5em;
}
.battleSlimStatus i.icon-friends, .battleSlimStatus i.icon-value {
	padding: 0 0.5em !important;
}
.battleSlimStatus .fightName {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.battleSlimStatus .fightName i {
    font-size: 2em;
    font-weight: bold;
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
}
.battleSlimStatus .subName {
	margin: 0.25em auto;
}

.battleSlimStatus>div:first-child {
	align-self: center;
	justify-self: start;
}
.battleSlimStatus>div {
	align-self: center;
	justify-self: center;
}
.battleSlimStatus>div:last-child {
	align-self: center;
	justify-self: end;
}
.battleSlimStatus .battleName {
	font-size: 1.7em;
	font-weight: bold;
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
}
.battleSlimStatus {
	position: relative;
}
.alliesList {
	position: relative;
}
.alliesPopup {
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 3px 3px 3px #0008, 0 0 2px 2px #fff4 inset;
	display: none;
	font-size: .75em;
	line-height: 1.75em;
	padding: 0.25em 0.75em;
	position: absolute;
	text-align: left;
	text-shadow: 0 0 1px #000;
	top: 100%;
	width: max-content;
	z-index: 300;
}
.alliesPopup.defender {
	background: #041d28;
	left: 0;
}
 .alliesPopup.attacker {
	background: #3a0610;
	right: 0;
}
.alliesList:hover .alliesPopup {
	display: block !important;
}
/** round bar - BATTLE STATUS BAR */
.roundStatus {
	align-items: center;
	color: #f2f2f2;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
    margin: 0 auto 1em;
    padding: 0 !important;
    background-color: #00000038;
    box-shadow: 0 1px 4px 0px #0000004a;
    cursor: pointer;
}

.roundStatus.selectedLeftSide {
    background-image: linear-gradient(90deg, transparent, #00abf5aa 1%, #00abf5cc 4%, #00abf5cc 10%, #00abf588 40%, transparent 50%, transparent);
}

.roundStatus.selectedRightSide {
    background-image: linear-gradient(90deg, transparent, transparent 50%, #dc143c88 60%, #dc143ccc 90%, #dc143ccc 96%, #dc143caa 99%, transparent);
}
.roundStatus .flags-big {
	background-color: #0008;
}
.roundStatus .battleProgress {
	margin: 0;
	padding: 0;
    position: relative;
	width: 620px !important;
}
.roundStatus .xflagsBig {
	box-shadow: 0px 0.5px 2px 1px #0008;
    outline: 2px solid white;
}

.mobile .roundStatus .xflagsBig {
	zoom: 1.5;
}

.roundStatus.selectedLeftSide #statusDefenders .xflagsBig,
.roundStatus.selectedRightSide #statusAttackers .xflagsBig {
    box-shadow: 0px 0px 2px 5px #e8c41c;
}
.roundStatus .statusSide {
	position: relative;
}
.roundStatus .ordersContainer {
	bottom: -20px;
	display: flex;
	flex-direction: row;
	font-size: 12px;
	justify-content: space-around;
	padding: 0 0 0 0.2em;
	position: absolute;
	text-shadow: 0 0 6px #0008;
	width: 100%;
}
.roundStatus .mainBar {
	border: 3px solid black;
	border-radius: 5px;
	box-shadow: 0 0 2px #0008;
	color: #f2f2f2;
	height: 40px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
	width: 99%;
}
.roundStatus .mainBar .defendersBar , .roundStatus .mainBar .attackersBar {
	box-shadow: 3px 4px 4px -4px white inset, -3px -4px 4px -4px #0008 inset;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	transition: width 1s ease-in-out;
}
.roundStatus .mainBar .defendersBar {
	left: 0;
}
.roundStatus .mainBar .attackersBar {
	right: 0;
}
.crimsonBar .mainBar .defendersBar {
	background-color: #14a0dc;
	background-image: repeating-linear-gradient(120deg, transparent, transparent 3px, #128fc5 3px, #128fc5 6px);
	color: #fff;
}
.crimsonBar .mainBar .attackersBar {
	background-color: #dc143c;
	background-image: repeating-linear-gradient(120deg, transparent, transparent 3px, #c51236 3px, #c51236 6px);
	color: #fff;
}
.orangeBar .mainBar .defendersBar {
	background-color: #1a42cd;
	background-image: repeating-linear-gradient(120deg, transparent, transparent 3px, #0838df 3px, #0838df 6px);
	color: #657ccc;
}
.orangeBar .mainBar .attackersBar {
	background-color: #ee5d25;
	background-image: repeating-linear-gradient(120deg, transparent, transparent 3px, #f74a09 3px, #f74a09 6px);
	color: #ffa27f;
}

/** orange bar - PROJECTAIL ANIMATION 
.roundStatus .mainBar .projectail {
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: sparkAnimation;
	animation-timing-function: linear;
	border-radius: 1.5px;
	height: 0;
	position: absolute;
	width: 0;
}
*/
.roundStatus .mainBar .defendersBar .projectail {
	box-shadow: -1px 0 2px currentcolor, 0 0 2px currentcolor inset;
}
.roundStatus .mainBar .attackersBar .projectail {
	animation-direction: reverse;
	box-shadow: 1px 0 2px currentcolor, 0 0 2px currentcolor inset;
}
@keyframes sparkAnimation {
	0%, 5% {
		left: 0%;
		height: 0;
		width: 0;
	}
	6% {
		left: 1%;
		height: 3px;
		width: 4px;
	}
	94% {
		left: 99%;
		height: 3px;
		width: 4px;
	}
	95%, 100% {
		left: 100%;
		height: 0;
		width: 0;
	}
}
/** orange bar - DAMAGE AND PERCENT */
.roundStatus .mainBar .defendersPercent, .roundStatus .mainBar .attackersPercent {
	font-size: 16px;
	font-weight: bold;
	padding: 2px 8px;
	position: absolute;
	top: 0;
}
.roundStatus .mainBar .defendersPercent {
	left: 0;
	text-align: left;
}
.roundStatus .mainBar .attackersPercent {
	right: 0;
	text-align: right;
}

/** round status bar - ROUND NUMBER AND CLOCK */
.roundStatus .countdown-amount, .roundStatus .countdown-row {
	padding: 0 !important;
}

.roundStatus .battleClock, .roundStatus .roundId {
    background: #3c352ecc;
    border-color: #0008;
	border-style: solid;
	font-size: 1.5em;
	margin: 0 auto;
	width: 160px;
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
}
.roundStatus .roundId {
	border-width: 1px 1px 0 1px;
	border-radius: 10px 10px 0 0 / 20px 20px 0 0;
    background: unset;
    width: unset;
    border: none;
    font-size: 1em;
}
#roundClock {
    font-size: 1em;
}
.roundStatus .battleClock {
    border-width: 0 3px 3px 3px;
    border-radius: 0 0 0.5em 0.5em;
    display: inline-block;
}

.roundStatus .battleClock.warning, .roundStatus .roundId.warning {
	animation-direction: alternate;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-name: warningAnimation;
	animation-timing-function: linear;
}
@keyframes warningAnimation {
	0%, 50% {
		background-color: #323232;
	}
	75%, 100% {
		background-color: #621603;
	}
}
/** orange bar - ANIMATED ROUNDS */
.roundStatus .roundsDisplay {
	display: inline-block;
	padding: 0.25em 2px 2px;
}
.roundStatus .roundsDisplay.left div:nth-child(1), .roundStatus .roundsDisplay.right div:nth-child(8) {
	animation-delay: 0.1s;
}
.roundStatus .roundsDisplay.left div:nth-child(2), .roundStatus .roundsDisplay.right div:nth-child(7) {
	animation-delay: 0.2s;
}
.roundStatus .roundsDisplay.left div:nth-child(3), .roundStatus .roundsDisplay.right div:nth-child(6) {
	animation-delay: 0.3s;
}
.roundStatus .roundsDisplay.left div:nth-child(4), .roundStatus .roundsDisplay.right div:nth-child(5) {
	animation-delay: 0.4s;
}
.roundStatus .roundsDisplay.left div:nth-child(5), .roundStatus .roundsDisplay.right div:nth-child(4) {
	animation-delay: 0.5s;
}
.roundStatus .roundsDisplay.left div:nth-child(6), .roundStatus .roundsDisplay.right div:nth-child(3) {
	animation-delay: 0.6s;
}
.roundStatus .roundsDisplay.left div:nth-child(7), .roundStatus .roundsDisplay.right div:nth-child(2) {
	animation-delay: 0.7s;
}
.roundStatus .roundsDisplay.left div:nth-child(8), .roundStatus .roundsDisplay.right div:nth-child(1) {
	animation-delay: 0.8s;
}
@keyframes shineAnimation {
	0%, 90% {
		filter: brightness(100%);
	}
	95% {
		filter: brightness(175%);
	}
	100% {
		filter: brightness(100%);
	}
}
.roundStatus .skew-l, .roundStatus .skew-r {
/**	animation-duration: 3s; */
/**	animation-iteration-count: infinite; */
/**	animation-name: shineAnimation; */
/**	animation-timing-function: ease-in-out; */
	border-style: solid;
	border-width: 0 2px 1px 0;
    box-shadow: 0 0 1px black, 0 0 4px black;
    display: inline-block;
	height: 12px;
	margin: 1px 0;
	width: 15px;
}
.roundStatus .skew-l {
	transform: skewX(-20deg);
}
.roundStatus .skew-r {
	transform: skewX(20deg);
}
.roundStatus.crimsonBar .skew-l {
	background-color: #14a0dc;
	border-color: #107ead88;
}
.roundStatus.crimsonBar .skew-r {
	background-color: #dc143c;
	border-color: #ad102f88;
}
.roundStatus.orangeBar .skew-l {
	background-color: #173bb6;
	border-color: #4662c488;
}
.roundStatus.orangeBar .skew-r {
	background-color: #ed4f13;
	border-color: #d0684088;
}
.roundStatus .skew-l.empty, .roundStatus .skew-r.empty {
	animation-iteration-count: 1;
	border-color: #323232;
	background-color: #080808;
}

/** COUNTRY BALLS */

.battleField {
    transform: translate3d(0,0,0);
	position: relative;
	overflow-x: hidden;
	overflow-y: visible;
}

.battle2022.countryBalls.mateuszStyle .battleField {
    overflow: hidden;
}
.battle2022.countryBalls.mateuszStyle .battleField.brighterBgClass, .mobile .battleField.brighterBgClass {
	background-image: url('/img/bgForElements/battleground_mobile_test183.png');
}

/** TOP FIGHTERS */
.topFighters {
	align-items: start;
	display: grid;
	grid-template-columns: 2fr 2fr 2fr 2.5fr 2fr 2fr 2fr;
	justify-items: center;
	text-shadow: 0 0 2px black;
    background-image: linear-gradient(0, transparent, #000000ab 5%, #0000008a 20%, #0000009c 80%, #0004 95%, transparent);
    padding: 1em !important;
    row-gap: 1em;
    border-radius: 0.5em;
}
.topFighters .sideHeader {
	background-image: linear-gradient(90deg, transparent, #0008 20%, #0008 80%, transparent);
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.25em 2em;
}
.topFighters .sideHeader.defender {
	background-image: linear-gradient(90deg, transparent, #14a0dc88 20%, #14a0dc88 80%, transparent);
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.25em 2em;
}
.topFighters .sideHeader.silver {
	background-image: linear-gradient(90deg, transparent, #80707b88 20%, #80707b88 80%, transparent);
	font-size: 1.5em;
	font-weight: bold;
	padding: 0.25em 2em;
}
.topFighters .sideHeader.attacker {
	background-image: linear-gradient(90deg, transparent, #dc143c88 20%, #dc143c88 80%, transparent);
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.25em 2em;
}
.topFighters .topPlayer a {
	display: block;
	width: 130px;
	margin: -8px auto 0;
}
.topFighters #userImage {
	box-shadow: 0 0 10px #ffd700, 0 0 4px #ffd700;
	float: none !important;
	margin: 20px auto !important;
	outline: 1px solid #000;
}
.topFighters .login {
	display: block;
	cursor: pointer;
}
.topFighters .affiliations {
	display: block;
}
.topFighters .affiliations>* {
	box-shadow: 0 0 2px black;
	display: inline-block;
}
.topFighters .damage {
	background-color: #323232;
	border: 1px solid #0008;
	border-radius: 4px;
	box-shadow: 1px 1px 3px -2px white inset, -1px -1px 3px -2px black inset;
	box-sizing: border-box !important;
	display: block;
	min-width: 64px;
	margin: auto;
	padding: 0.25em 0.5em;
}
.topFighters .defender .damage {
    background-image: linear-gradient(to bottom,#00abf5 0, #1772f5 100%)!important;
}
.topFighters .attacker .damage {
    background-image: linear-gradient(to bottom,#dc143c 0, #dc1212 100%)!important;
}
.topFighters .your.damage {
	background-color: #8b8988;
	font-size: 1.25em;
	margin: -8px auto 0;
}
.topFighters .big .damage {
	min-width: 56px;
}
.topFighters .medium .damage {
	min-width: 52px;
}
.topFighters .small .damage {
	min-width: 48px;
}
.topFighters .avatar {
	border: 1px solid #0008;
	border-radius: 4px;
	display: block;
	margin: auto;
}
.topFighters .big .avatar {
	box-shadow: 0 0 2px #fffa, 0 0 4px #fff8;
	height: 52px;
	width: 52px;
}
.topFighters .medium .avatar {
	box-shadow: 0 0 2px #fff8, 0 0 4px #fff6;
	height: 48px;
	width: 48px;
}
.topFighters .small .avatar {
	box-shadow: 0 0 2px #fff6, 0 0 4px #fff4;
	height: 44px;
	width: 44px;
}

.toggleTopFighters.active, .toggleBattleMonitor.active  {
    background-image: linear-gradient(to bottom,#f5ad45 0,#f39814 100%) !important;
    text-shadow: 0 0 2px #000;
}

/** FIGHT RESULT */
.fightResponse {
    align-items: end;
    background-image: linear-gradient(0, transparent, #0004 5%, #0008 20%, #0008 80%, #0004 95%, transparent);
    display: flex;
    font-size: 2em;
    height: 340px;
    justify-content: center;
    margin: 0 auto;
	width: 100%;
    text-shadow: 1px 1px 5px black, 1px 1px 5px black, 1px 1px 5px black;
}

.battle2022.countryBalls.mateuszStyle .fightResponse {
    align-items: end;
    height: 800px;
}
.battleField .fightResponse {
    background: none;
}
.fightHitType {
	font-size: 1em;
	margin-bottom: 5px;
}
.fightResult {
	margin-bottom: 5px;
	overflow: hidden;
    position: relative;
}
#fightResult div:first-child:not(.toofast) {
    left: 130px;
    margin: 0 auto;
    position: absolute;
}
div.damageDoneContainer>span:first-child {
	font-size: 0.75em;
}
div.damageDoneContainer>span:last-child {
	font-size: 1em;
	font-weight: 900;
	white-space: nowrap;
}
div.totalDamageContainer>span:first-child {
	font-size: 0.5em;
}
div.totalDamageContainer>span:last-child {
	font-size: 0.6em;
	font-weight: 900;
	padding: 0 0 0.5em;
	white-space: nowrap;
}
div.damageDoneContainer>span {
	display: block;
	padding: 0 0 0.25em;
	text-align: center;
}
div.fightsprite:nth-child(3):nth-last-child(2),
div.fightsprite:nth-child(3):nth-last-child(2) ~ div.fightsprite {
	margin: 0 0.25em;
}
div.fightsprite:nth-child(3):nth-last-child(3),
div.fightsprite:nth-child(3):nth-last-child(3) ~ div.fightsprite {
	margin: 0 0.2em;
}
div.fightsprite:nth-child(3):nth-last-child(4),
div.fightsprite:nth-child(3):nth-last-child(4) ~ div.fightsprite {
	margin: 0 0.15em;
}
div.fightsprite:nth-child(3):nth-last-child(5),
div.fightsprite:nth-child(3):nth-last-child(5) ~ div.fightsprite {
	margin: 0 0.1em;
}
div.fightsprite:nth-child(3):nth-last-child(6),
div.fightsprite:nth-child(3):nth-last-child(6) ~ div.fightsprite {
	margin: 0 0.05em;
}
@keyframes textZoomAnimation {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.3);
	}
	70% {
		transform: scale(0.85);
	}
	90% {
		transform: scale(1.15);
	}
	100% {
		transform: scale(1);
	}
}
.animateTextZoom {
	animation-duration: 1.2s;
	animation-iteration-count: 1;
	animation-name: textZoomAnimation;
	animation-timing-function: linear;
}
.fightsprite.substidy {
	background-image: none;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #3fdc64;
	color: #3fdc64;
	font-size: 12px;
	font-weight: 900;
	height: 45px;
	width: 45px;
	vertical-align: top;
}
.fightsprite.substidy>div {
	padding: 6px 0;
}
/** FIGHT SECTION LAYOUT */
.fightSection {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 1em;
	grid-template-columns: 1fr 6fr 1fr;
	margin: 0 auto;
	padding: 0;
    margin-top: 2em;
}

.mobile .fightSection {
    margin-top: 5em;
}
.fightSection form {
	margin: auto;
}
.fightSection .leftColumn {
	align-self: center;
	grid-column: 1;
	justify-self: start;
	position: relative;
}
.fightSection .mainColumn {
	align-self: center;
    grid-column-start: 2;
    grid-column-end: 3;
    justify-self: stretch;
}
.fightSection .rightColumn {
	align-self: center;
	grid-column: 3;
	justify-self: end;
	position: relative;
}

.showViaCircle {
    animation-name: circle;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
}

.hideViaCircle {
    animation-name: hideCircle;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
}

@keyframes circle {
    0% {
        clip-path: circle(0% at 50% 50%);
    }
    100% {
        clip-path: circle(100%);
    }
}

@keyframes hideCircle {
    0% {
        clip-path: circle(100%);
    }
    100% {
        clip-path: circle(0% at 50% 50%);
    }
}


/* Battle fight result new icons */


/** SPECIAL ITEMS & more for tests */
.fightSection .selectBox {
	align-items: center;
	background: url(/img/bg.png) repeat scroll 0 0 #222;
	box-shadow: 0 0 3px #080808 inset, 0 0 2px #323232;
	display: flex;
	justify-content: space-between;
	text-align: center;
	min-width: 75%;
}
.fightSection .selectBox.under {
	align-items: stretch;
	flex-direction: column !important;
}
.fightSection .selectBox.rightColumn {
	border-radius: 5px 0 0 5px;
	flex-direction: row;
}
.fightSection .selectBox.leftColumn {
	border-radius: 0 5px 5px 0;
	flex-direction: row-reverse;
}
.fightSection .selectBox .selection {
	display: flex;
	flex-direction: column;
}
.fightSection .selectBox.under .selection {
	display: grid;
	grid-gap: 1px;
	grid-template-columns: repeat(4, 1fr);
}
.fightSection .selectBox .selection>div {
	background: url(/img/bg3.png) repeat scroll 0 0 #222;
	border: 1px solid #080808;
	cursor: pointer;
	padding: 0 0.2em;
}
.fightSection .buildings.leftColumn {
	background-color: #0008;
	border: 1px solid #000;
	border-radius: 0 5px 5px 0;
	padding: 0 0.5em;
}
.fightSection .buildings.leftColumn .dashedTop {
	padding: 0.5em 0;
}
.fightSection .buildings.leftColumn .dashedTop:nth-child(n+2) {
	border-top: 1px dashed #fff8;
}

/** ICON BAR */
.iconBar {
	margin: 1em auto;
    filter: drop-shadow(2px 4px 6px black);
}

.iconBar>div {
	background: #0008;
	border: 1px solid #000;
	padding: 1em 1.25em;
	position: relative;
}
.iconBar>div:hover {
	background: #fff2;
	color: #fff;
	text-shadow: 0 0 2px #000;
}
.iconBar>div:first-child {
	border-radius: 5px 0 0 5px;
}
.iconBar>div:last-child {
	border-radius: 0 5px 5px 0;
}
.iconBar>div:only-child {
	border-radius: 5px;
}
.iconBar>div:first-child:hover {
	border-radius: 5px 0 0 0;
}
/*.iconBar>div:last-child:hover {*/
	/*border-radius: 0 5px 0 0;*/
/*}*/

.iconBar>div:only-child:hover {
	border-radius: 5px 5px 0 0;
}
.iconBar>div>i {
	font-size: 2em;
	padding: 0;
}
.iconBar .attackerDot::before, .iconBar .defenderDot::before {
	border-radius: 0.5em;
	box-sizing: border-box !important;
	box-shadow: 1px 1px 2px -1px #fff8 inset, -1px -1px 2px -1px #0008;
	content: "";
	display: inline-block;
	height: 1em;
	margin-right: 1em;
	overflow: hidden;
	vertical-align: middle !important;
	width: 1em;
}
.iconBar .attackerDot::before {
	background-color: #dc143c;
	color: #dc143c !important;	;	
}
.iconBar .defenderDot::before {
	background-color: #14a0dc;
	color: #14a0dc !important;	
}

.iconBar .emote {
	color: #ddd;
	cursor: pointer;
	font-size: 2.5em;
	transform: scale(1);
	transition: transform 0.5s, color 0.3s;
    padding-right: 0;
}
.iconBar .emote:hover {
	color: #f2f2f2;
	transform: scale(1);
}

.iconBar .xBefore {
	font-size: 1em;
}
.iconBar .xBefore::before {
	content: 'x';
	display: inline;
	font-size: 0.8em;
}
.iconBar .selected>div {
	display: none;
}
.iconBar .selected>div:first-child {
	display: block;
}
.iconBar .selected * {
	vertical-align: top;
}
.iconBar .selected img {
	height: 4em;
}
.battleMonitor {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em !important;
}

.battleMonitor .xflagsSmall {
	vertical-align: middle;
}
.battleMonitor .influence {
	padding: 0 0.4em;
}
.battleMonitor .influence .discord {
	color: gold;
	margin-left: 0.5em; 
}

/** WarZone */
.warzoneTask .xflagsBig, .warzoneTask .xflagsMedium {
	box-shadow: 0 0 8px 2px #fff4;
}
.warzoneTask .defender, .warzoneTask .attacker  {
	display: inline-block;
	padding: 0.25em 2em;
}
.warzoneTask .defender {
	padding: 0.25em 2em;
    background-image: linear-gradient(90deg, transparent, #004b6caa 10%, #004b6c 50%, #004b6caa 90%, transparent);
}
.warzoneTask .attacker {
    background-image: linear-gradient(90deg, transparent, #700a1faa 10%, #700a1f 50%, #700a1faa 90%, transparent);
}
.warzoneTask progress:before {
	color: #fff;
    content: attr(data-label);
    font-size: 0.9em;
    vertical-align: 0;
    position: absolute;
    top: 0;
    right: 50%;
}
.warzoneTask progress, .warzoneTask progress::-webkit-progress-bar {
    background-color: #484848;
    border: none;
    border-radius: 2px;
    box-shadow: -1px -2px 2px -2px #fff8 inset,1px 2px 2px -2px #0008 inset;
    position: relative;
}
.warzoneTask progress::-webkit-progress-value, .warzoneTask progress::-moz-progress-bar {
    background-color: #14a0dc;
    border-radius: 2px;
    box-shadow: -1px -2px 2px -2px #fff8 inset,1px 2px 2px -2px #0008 inset;
}
.warzoneTask .finished {
	color: #14a0dc;
}
.warzoneTask .inProgress {
	color: #dcb414;
}

/** Y-DROPDOWN */

div>.yDropdown {
	display: none;
	overflow: visible;
	position: absolute;
	align-items: center;
	justify-content: center;
	left: 0;
	text-align: center;
	top: 100%;
	width: 100%;
}
div:hover>.yDropdown {
	display: block;
}
div>.yDropdown .yContent {
	background: #000000d6;
	border: 1px solid #000;
	border-radius: 5px;
	display: inline-block;
	left: 50%;
	padding: 1em;
	position: absolute;
	width: max-content;
	transform: translateX(-50%);
	z-index: 90;
}

.emoteMenu {
    display: flex !important;
    align-items: center;
    gap: 1em;
    justify-content: center;
}

.mobile .emoteMenu {
    flex-wrap: wrap;
    width: 100% !important;
}

div>.yDropdown .yContent.w360 {
	max-width: 600px;
}

.mobile div>.yDropdown .yContent.w360 {
    max-width: 96vw;
}

div>.yDropdown * {
	word-break: keep-all !important;
}
.yContent hr.ySeparator {
	border-color: #fff6;
	border-style: dashed;
	border-width: 1px 0 0 0; 
}

.yContent hr.ySpace {
	border: none;
}

.yContent hr.ySeparator, .yContent hr.ySpace {
	height: 0;
	width: 80%;
}

.yContent hr.ySeparator:last-child, .yContent hr.ySpace:last-child {
	display: none;
}

div>.yDropdown .yContent.fighters {
    max-width: 520px;
}

.selection > div {
    margin: 5px;
}
.selection > div > img {
    width: 50px;
}

.mobile .selection > div > img {
    width: 120px;
}

/** SHOW ROUND */
.showRound>div {
	margin: auto;
	padding: 0.5em 1em;
	width: max-content;
    max-width: 90vw;
}
.showRound>div:last-child {
	background: #0008;
	border: 1px solid #000;
	border-radius: 5px;
}

/** BATTLE ARCHIVE PAGE */
table.battleFinalScore, table.battleHeroes {
	border-spacing: 2px;
	color: #f2f2f2;
	min-width: 40%;
	text-align: center;
	text-shadow: 0 0 2px black;
}
table.battleFinalScore strong, table.battleHeroes strong {
	font-size: 1.25em;
}
table.battleFinalScore tr:first-child, table.battleHeroes tr:first-child {
	box-shadow: 0 -1px 2px -2px #fff inset;
}
table.battleFinalScore td, table.battleHeroes td {
	padding: 0.25em 1em;
}
table.battleFinalScore .attacker, table.battleHeroes .attacker {
	color: #fb9077;
}
table.battleFinalScore .defender, table.battleHeroes .defender {
	color: #77a0fb;
}

/** DROPS PAGE */
table.dropsTable, .dropsPaging, .dropsForm {
	margin: 0.5em auto !important;
}
.dropsStats {
	display: inline-block;
	width: 33%;
	vertical-align: middle;
}
.dropsStats .flexWrap>div {
	padding: 0.5em;
}
.dropsStats .dropsImage b {
	text-shadow: 0 0 1px black, 0 0 3px black;
}
.dropsForm select {
	padding: 0.25em 0.75em;
	width: 4em;
}
table.dropsTable {
	color: currentcolor;
	text-align: center;
}
table.dropsTable img {
	vertical-align: middle;
}
table.dropsTable tr:first-child {
	box-shadow: 0 -1px 2px -2px #fff inset;
	font-size: 1.25em;
	font-weight: bold;
}
table.dropsTable tr:nth-child(2n) {
	background: #fff1;
}
table.dropsTable tr:nth-child(2n+3) {
	background: #0003;
}
table.dropsTable td {
	padding: 0.25em 1em;
}
table.dropsTable td:last-child {
	text-align: left;
}
table.dropsTable tr:first-child td:last-child {
	text-align: center !important;
}
.dropsPaging {
	padding: 0.5em 1em;
	width: fit-content;
}
/** MODIFICATIONS OLD ELEMENTS */

.battleMonitorDiv {
	border-top: 1px dashed rgba(255, 255, 255, 0.5);
	padding-top: 4px !important;
	margin: 4px auto !important;
}
strong.buttonText {
	font-size: 1.125em;
	text-transform: uppercase;
	padding: 0 0.25em 0.25em;
}
.muAvatar {
	width: 57px;
	height: 57px;
}
.teamTournamentTeam {
	display: inline-block;
}
.battle-flex-row {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap: 12px;
	padding: 0 12px 0 !important;
}
.battle-flex-row * {
	line-height: 1.25em;
}
.battleRoundLink {
	background: linear-gradient(to bottom,#303030 0,#262626 100%);
	border: 1px solid #080808;
	border-radius: 3px;
	box-shadow: 0 0 3px #0002;
	color: #f2f2f2 !important;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 900;
	margin: 0 0.2em;
	padding: 0.4em 0.8em;
	text-shadow: 0 0 2px black;
}
.battleRoundLink:hover {
	background: linear-gradient(to bottom,#343434 0,#2d2d2d 100%);
	box-shadow: 0 0 3px #0004;
	color: #f2f2f2 !important;
}
.battleRoundLink.current {
    background: #ffa700;
    border: 2px solid #ff7300;
	box-shadow: 1px 1px 2px -1px #0002 inset, -1px -1px 2px -1px #fff1 inset, 0 0 4px #fff2;
	cursor: default;
}
.battleRoundLink.current:hover {
	background: #00000044;
}
.mainColumnGrid .midBot .fightButton {
    border-radius: 0.5em;
}
.fightButton div {
	display: inline-block;
	min-width: 64px;
}

li.ui-state-default {
	transition: 0.5s all;
	width: 100% !important;
}

#selectable5, #selectable6 {
    width: 91px;
    height: 59px;
    margin: 0 !important;
}

.vertical-divider {
	height: 100%;
	border-left: 6px solid green;
}

.marketButton {
	background: red;
	box-shadow: 0 5px 0 darkred;
	color: white;
	padding: 1em 1.5em;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

.marketButton:hover {
	background-color: #ce0606;
	cursor: pointer;
}

.marketButton:active {
	box-shadow: none;
	top: 5px;
}
/*travel elements*/
.travelFormContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

.travelFormContainer.travelOpponent {
    grid-template-columns: 2fr 2fr;
}

.travelFormContainer.travelOpponent > form {
    justify-self: center;
}

.travelFormContainer > form {
    margin: 0 !important;
    padding:10px;
    width: 200px;
}

.travelFormContainer.travelOpponent > form {
    width: unset !important;
}

.travelFormContainer > .travelFood {
    font-size: 0.6em;
    align-self: center;
    justify-self: center;
}

.travelSelect {
    font-size: 0.7em;
    color:white;
    background-color:#626262;
    border-radius: 4px 4px 0 0;
    margin: 0 !important;
    padding: 7px 0 !important;
    width: 98%;
}

input.travel  {
    background: linear-gradient(to bottom, rgb(22 64 36), rgb(57 104 34)) !important;
    padding: 0 1.5em;
    border-radius: 0 0 4px 4px !important;
    font-size: 0.8em !important;
}

/*emote elements*/
.bubbleContainer {
    position: relative;
    top: 0;
}
@keyframes topFade2 {
    from {
        opacity: 1;
        top: 60%;
    }

    to {
        opacity: 0;
        top: 0;
    }
}

.topFadeAnimation {
    animation-name: topFade2;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-fill-mode: forwards;
    transition: top 5s, opacity 5s;
}

.countryBall.myFeatureBall .bubbleContainer {
    top: 100%;
}

.bubbleContainer.emoteFade {
    transition: top 700ms, opacity 700ms;
}

.speech-bubble {
    border-radius: 5px;
    font-size: 4em;
    padding: 5px;
    min-width: 50px;
    position: absolute;
    text-shadow: 2px 2px 2px #000, 2px 3px 5px #000, -1px 1px 0 #0000, 1px 1px 0 #0000;
}

.speech-bubble.emote {
    color: darkorange;
}

.speech-bubble.damage {
    color: greenyellow;
    font-size: 3em;
}

.speech-bubble.damage.playerDamage {
    color: #3B9DFF;
    font-size: 3em;
}

.speech-bubble.damage.bossDamage {
    color: #FF3B3B;
    font-size: 3em;
}

/*selectables styles (food/gift/weapon) */

.battle2022 .selectableContent {
	max-height: 0;
	overflow: hidden;
	/*transition: max-height 0.2s ease-out;*/
	position: absolute;
    bottom: 125px;
    left: -40px;
	z-index: 100;
	background: url(/img/bg3.png) repeat scroll 0 0 #222;
	box-shadow: 0 0 3px #050505 inset, 0 1px 1px #444;
	border-radius: 5px;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.consumableForHealth.active, .consumableWeapon.active {
	background-image: linear-gradient(to bottom,#f5ad45 0,#f39814 100%);
	color: #f2f2f2;
	border: 1px solid #523204;
	box-shadow: 0 0 1px #b16d09 inset, 0 0 2px #111;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 57px;
	width: 91px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 auto;
	text-shadow: 0 0 1px #111, 0 1px #111;
}

.consumableForHealth.active, .consumableWeapon.active {
    border-radius: 5px;
}

.selectedFood:active, .selectedWeapon:active {
    background: linear-gradient(to bottom, #ffd507 5%, #d55100 100%) !important;
    box-shadow: inset 0px 0px 3px 3px #4c1c00, inset 0px 1px 4px 0px rgb(255 237 197) !important;
}

.selectedFood, .selectedWeapon {
    height: 77px;
    width: 91px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 0px 0px 2px black, 0px 1px 2px black;
    border-radius: 5px 5px 30px 5px;
    background: linear-gradient(to bottom,#ffd507 0,#d55100 100%);
    box-shadow: inset 0px -4px 2px 1px #4c1c00, inset 0px 1px 4px 0px rgb(255 237 197);
    outline: 3px solid black;
    margin: 0 auto;
}

.selectedFood {
    border-radius: 5px 5px 5px 30px;
}

.consumableForHealth, .consumableWeapon, .fastBuyConsumable {
    cursor: pointer;
    position: relative;
    background: transparent;
    border: 0;
    color: #555;
    text-shadow: 0 0 1px #111, 0 1px #111;
    width: 91px;
    height: 59px;
    padding: 4px 0;
    overflow: visible;
    text-align: center;
    font-size: 1.8em;
    transition: background 0.5s;
}

.fastBuyConsumable > div > button.fastBuy {
    border-radius: 5px;
    width: 91px;
    /* font-size: 1em; */
    padding: 0 !important;
    height: max-content;
}

button.btn-fight {
    position: relative;
    width: 100%;
    border: none;
    border-radius: 5px 5px 30px 30px;
    display: inline-block;
    cursor: pointer;
    padding: 2em 0em;
    background: linear-gradient(to bottom, #ff5b0c 5%, #760000 100%);
    box-shadow: inset 0px -4px 2px 1px #520000, inset 0px 1px 4px 0px rgb(255 197 197) !important;
    outline: 3px solid black;
    text-shadow: 0 5px 20px rgb(1 122 3 / 40%), 0 2px 2px rgb(0 0 0 / 40%);
}

button.btn-fight:hover {
    background-image: radial-gradient(100% 75% at 50% 100%, #ff5b0c 0%, #760000 100%);
}

button.btn-fight:active {
    box-shadow: inset 0px 0px 3px 3px #520000, inset 0px 1px 4px 0px rgb(255 197 197) !important;
}

.selectedFood > i, .selectedGift > i, .selectedWeapon > i {
	padding: 0 !important;
}

.selectablesContainer {
	display: flex;
	flex-direction: row;
	justify-content: center;
    position: relative;
}

.selectables {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.selectablesLeftColumn {
    grid-column: 1;
}

.selectablesRightColumn {
    grid-column: 2;
}

#selectable4, #selectable5 {
	margin: 0 !important;
}

#selectable4 li, #selectable5 li {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.consumeLimits, .bonusDamage {
    background-image: linear-gradient(90deg, transparent, #00000088 20%, #00000088 80%, transparent);
    text-shadow: 0 0 1px #111, 0 1px #111;
    font-size: 1.5em;
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

.consumeLimits > small {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.collapsible {
    width: 79px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/img/upArrow.png');
    box-shadow: none;
    border-radius: 5px 5px 0 0;
    background-color: unset;
    height: 20px;
    border: none;
}
.collapsible:hover {
	cursor: pointer;
}

.collapsible:active {
    box-shadow: inset 7px 6px 4px -4px rgb(0 0 0), inset -5px -6px 4px -4px rgb(0 0 0);
}
/*.collapsible:after {*/
	/*content: '\2190';*/
/*}*/
.collapsible.active {
    background-image: url('/img/upArrow2.png');
}

/*checkbox style for berserk*/
.checkBoxParent {
    margin: 1em 0 1em;
}

.mobile .checkBoxParent {
    margin: 3em 0 0.5em;
}

.switch {
    position: relative;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.berserkCheckbox:checked + .checkmarkText, .normalCheckbox:checked + .normalHitText {
    background-image: linear-gradient(to bottom,#f5ad45 0,#f39814 100%) !important;
}

.checkmarkText, .normalHitText {
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
    border-radius: 5px;
    font-size: 1.5em;
    cursor: pointer;
    background: #0008;
    padding: 0.5em 2em;
    font-weight: bold;
    outline: 3px solid black;
}

.normalHitText {
    border-radius: 10px 0 0 10px !important;
}

.mobile .normalHitText {
    border-radius: 0.5em 0 0 0.5em !important;
}

.checkmarkText {
    border-radius: 0 10px 10px 0 !important;
}

.mobile .checkmarkText {
    border-radius: 0 0.5em 0.5em 0 !important;
}

.mobile .checkmarkText,
.mobile .normalHitText {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4em;
}

#fightResponse #stats {
    position: absolute;
    right: 13px;
}
#healthProgressBar > div {
    background: url('/img/stripes.png') repeat 0 0,linear-gradient(to bottom,#eadc35 0, #e07400 100%)!important;
}

#rankProgressBar > div {
    background: url('/img/stripes.png') repeat 0 0, linear-gradient(to bottom,#ba5051 0,#db2024 100%)!important;
}

.midTop .progress .bar .sidebar-progres-description {
    font-size: 1.5em;
    font-weight: bold;
    position: absolute;
    top: 13%;
    left: 43%;
    color: white;
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
}

/** OLD ORDERS */
.ordersContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.muOrderContainer, .countryOrderContainer, .coalitionOrderContainer, .ordersContainer form {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

select.battlePageMuOrder, select.battlePageCountryOrder, select.battlePageCoalitionOrder {
	margin: 0 0.75em;
	padding: 0.25em 0.75em;
}

.battleSetMuOrderTitle, .battleSetCountryOrderTitle, .battleSetCoalitionOrderTitle {
	color: white;
	font-size: 1.25em;
	padding: 0 0 0.65em;
}

.orderBtn {
	transition: all .6s !important;
	text-shadow: 0 0 1px #222, 0 1px #222 !important;
}

.orderBtn:hover {
	background: linear-gradient(to bottom, #f5ad45 0, #f39814 100%) !important;
	color: #f2f2f2 !important;
	text-shadow: 0 0 1px #222, 0 1px #222 !important;
}

.hpBarContainer {
    margin: 0 auto !important;
    width: 30%;
    background: #00000085;
}

@-webkit-keyframes animate-positive {
    0%{ width: 0; }
}

@keyframes animate-positive {
    0%{ width: 0; }
}

.battleAvatar {
	width: 60px;
	height: 60px;
}

.color-gray {
    color: gray;
}

.mainColumnGrid {
    display: grid;
    grid-template-columns: 1fr 2.5fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.mainColumnGrid div, .selectedFood > div, .selectablesContainer .selectables div {
    align-self: center;
}

.mainColumnGrid .midTop {
    grid-column: 2;
    grid-row: 1;
    min-height: 20px;
}

.mainColumnGrid .midBot {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    min-width: 200px;
}

.mainColumnGrid .leftBot {
    grid-column: 1;
    grid-row-start: span 2;
    align-self: baseline;
    justify-self: end;
}

.mainColumnGrid .rightBot {
    grid-column: 3;
    grid-row-start: span 2;
    align-self: baseline;
    justify-self: start;
}
.mainColumnGrid .leftTop {
    grid-column: 1;
    grid-row: 1;
}

.mainColumnGrid .rightTop {
    grid-column: 3;
    grid-row: 1;
}

.mainColumnGrid .midBot .fightButton {
    padding: 0.5em 0.45em !important;
}

.newFeatureContainer {
    position: absolute;
    right: 0;
    bottom: 0;
}

.newFeatureContainer .toggleNewFeature {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.newFeatureContainer .toggleNewFeature.active::before,
.newFeatureContainer .toggleNewFeature.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: pulseToggleNewFeature 2s infinite alternate;
    opacity: 0;
}

.newFeatureContainer .toggleNewFeature.active::before {
    background-color: rgba(69, 255, 24, 0.5);
    animation-delay: 0.5s;
}

.newFeatureContainer .toggleNewFeature.active::after {
    background-color: rgba(61, 255, 24, 0.25);
    animation-delay: 1s;
}

@keyframes pulseToggleNewFeature {
    0% { transform: scale(1); opacity: 0; }
    100% { transform: scale(2); opacity: 1; }
}

.selectSideBar {
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    margin: 0;
    position: relative;
}

.sideContainer {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    margin: 0 auto;
    width: fit-content;
    cursor: pointer;
}
.sideContainer>div {
	flex-grow: 1;
}

.selectSideBar > span {
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
    font-size: 1.7em;
}

.selectSideBar .leftSide {
    border-radius: 5px 0 0 5px;
}

.selectSideBar .rightSide {
    border-radius: 0 5px 5px 0;
}

.sides:hover {
    cursor: pointer;
}

.sides {
    box-shadow: rgb(0 0 0 / 40%) 0px 0px 10px 2px !important;
    background: #0008;
    border: 1px solid #000;
    transition: 0.5s background;
    font-size: 2em;
    padding: 0.3em 1.25em;
}

.leftSide.active {
    background-image: linear-gradient(to bottom,#00abf5 0, #1772f5 100%)!important;
    text-shadow: 0 0 1px #111, 0 1px #111;
}

.rightSide.active {
    background-image: linear-gradient(to bottom,#dc143c 0, #dc1212 100%)!important;
    text-shadow: 0 0 1px #111, 0 1px #111;
}

.fightFor {
    box-shadow: 0 0 2px 2px yellow, 0 2px 3px 3px black;
	background: #000000;
	border-radius: 0.75em;
    color: #fff;
    display: none;
    font-size: 1.2em;
    font-weight: 900;
	padding: 0 0.75em;
    position: absolute;
    text-shadow: 1px 1px #000, 0 0 2px #000;
    text-transform: uppercase;
    top: 2px;
    white-space: nowrap;
    word-spacing: 0.16em;
}

.selectedRightSide .fightFor,
.selectedLeftSide .fightFor {
    top: 75%;
}

.selectedLeftSide .fightFor {
    display: block !important;
    left: 2px;
}

.selectedRightSide .fightFor {
    display: block !important;
    right: 2px;
}

.changeSide {
    box-shadow: 0 0 2px 2px yellow, 0 2px 3px 3px black;
    background: #000000;
    border-radius: 0.75em;
    color: #fff;
    display: none;
    font-size: 1.2em;
    font-weight: 900;
    padding: 0 0.75em;
    position: absolute;
    text-shadow: 1px 1px #000, 0 0 2px #000;
    text-transform: uppercase;
    top: 2px;
    white-space: nowrap;
    word-spacing: 0.16em;
}

.selectedRightSide .changeSide,
.selectedLeftSide .changeSide {
    top: 75%;
}

.selectedLeftSide .changeSide {
    display: flex !important;
    right: 175px;
}

.selectedRightSide .changeSide {
    display: flex !important;
    left: 175px;
}

.battleIsNoLongerOpen {
    font-size: 1.2em;
    /*background-image: linear-gradient(90deg, transparent, #0008 20%, #0008 80%, transparent);*/
    width: 97%;
    margin: 1em auto 0;
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
}

.battleIsNoLongerOpen .participants {
    display: grid;
    grid-template-columns: 1fr 30px 1fr;
    place-items: center stretch;
    margin: 1em auto;
    gap: 2em;
    width: 90%;
}

.mobile .battleIsNoLongerOpen .participants {
    width: 100%;
    justify-items: center;
}

.battleIsNoLongerOpen .participants .statusSide {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.5em;
    background-color: #00000075;
    box-shadow: 0 3px 6px 2px #000000c9;
    padding: 0.5em 3em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.5em;
    outline: 3px solid black;
}

.mobile .battleIsNoLongerOpen .participants .statusSide {
    font-size: 0.75em;
}

.battleIsNoLongerOpen :is(.battleDropLink) {
    position: absolute;
    right: 1.75%;
    display: flex;
    gap: 1em;
}

.battleIsNoLongerOpen .defenderColor {
    font-size: 1.5em;
    color: #77a0fb;
}

.battleIsNoLongerOpen .attackerColor {
    font-size: 1.5em;
    color: #FB3736;
}

.participants .attacker {
    background: linear-gradient(
            to bottom right,
            rgba(255, 0, 0, 0.5),
            rgba(0, 0, 0, 0.2)
    ),
    #00000038;
}

.participants .defender {
    background: linear-gradient(
            to bottom right,
            rgba(0, 171, 245, 0.5),
            rgba(23, 114, 245, 0.2)),
    #00000038;
}

.participants .statusSide > span {
    font-size: 2em;
}

.participants .statusSide > .winner {
    color: green;
    font-weight: bold;
}

.participants .statusSide > .loser {
    color: red;
    font-weight: bold;
}

.battleIsNoLongerOpen .participants .winnerSide {
    box-shadow: 0 0 20px 5px rgba(0, 255, 0, 0.7);
    transition: box-shadow 0.3s ease;
    cursor: pointer;
}

.battleIsNoLongerOpen .participants .winnerSide:hover {
    box-shadow: 0 0 30px 10px rgba(0, 255, 0, 1);
}


/*start battlePodium css */

.podium {
    display: grid;
    grid-template-columns: 4fr 4fr;
    grid-template-rows: 1fr;
    margin: 5em 0 0.5em;
}

.mobile .podium {
    transform: scale(1.1);
    transform-origin: center;
}

.podiumBackground {
    /*position: absolute;*/
    font-size: 1em;
    color: white;
    width: 100%;
    background-position: bottom;
    background-size: 60%;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-image: url("/img/countryBallBattle/podium_2.png");
    height: 120px;
    filter: drop-shadow(0px 6px 4px black);
    margin-bottom: 1em;
}

.podiumBackground b.place {
	background: #3d2b1f;
	border-radius: 0.5em;
	padding: 0 0.5em;
}

.podiumBackground b.place::before {
	content: "#";
	display: inline-block;
	font-size: 0.75em;
}


.podiumFighters {
    position: relative;
}

.podiumFighters > .fighterTooltip::after {
    display: none !important;
}

.podiumFighters > .fighterTooltip:nth-child(1) .top {
    filter: drop-shadow(0px 0px 3px gold);

}
.podiumFighters > .fighterTooltip:nth-child(2) .top {
    filter: drop-shadow(0px 0px 3px silver);

}
.podiumFighters > .fighterTooltip:nth-child(3) .top {
    filter: drop-shadow(0px 0px 3px saddlebrown);
}

.podiumFighters > .fighterTooltip:nth-child(n+4) .top {
    display: none;
}
.podiumFighters > .fighterTooltip:nth-child(n+4):hover .top {
    display: block;
}

.podiumFighters > .countryBall:nth-child(1) {
    top: -10px;
    left: 172px;
}

.podiumFighters > .countryBall:nth-child(2) {
    top: 10px;
    left: 77px;
}

.podiumFighters > .countryBall:nth-child(3) {
    top: 36px;
    left: 260px;
}

.podiumFighters > .countryBall:nth-child(n+4) {
    top: 76px;
}

.podiumFighters > .countryBall:nth-child(4) {
    left: -15px;
}

.podiumFighters > .countryBall:nth-child(5) {
    left: 15px;
}

.podiumFighters > .countryBall:nth-child(6) {
    left: 45px;
}

.podiumFighters > .countryBall:nth-child(7) {
    left: 120px;
}

.podiumFighters > .countryBall:nth-child(8) {
    left: 203px;
}

.podiumFighters > .countryBall:nth-child(9) {
    left: 300px;
}

.podiumFighters > .countryBall:nth-child(10) {
    left: 335px;
}

.battleStatsContainer {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0.5em 0 4.5em 0;
}

.battleStatsContainer :is(.attackerStats, .defenderStats) {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px 20px;
    padding: 20px;
    background-color: #000000db;
    border: 2px solid grey;
    border-radius: 0.5em;
    color: white;
    outline: 3px solid black;
    margin: 1em 0;
    width: 300px;
    word-break: break-word;
    box-shadow: 2px 2px 8px 2px black;
}

.mobile .battleStatsContainer :is(.attackerStats, .defenderStats) {
    width: 44%;
    font-size: 0.75em;
}

.battleStatsContainer .statItem {
    display: contents;
}

.battleStatsContainer .statLabel {
    font-weight: bold;
    text-align: left;
}

.battleStatsContainer .statValue {
    text-align: right;
    color: cyan;
}

.fighterTooltip .top {
    min-width: 50px;
    max-width: 120px;
    top:-13px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px;
    background: #000a;
    color: #f2f2f2;
    font-weight:normal;
    font-size: 20px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    text-shadow: 0 0 2px #0008;
    display:block;
}

.fighterTooltip .top > span, .fighterTooltip .top > h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.fighterTooltip .top > h3 {
    margin: 0 0 10px 0 !important;
}

.fighterTooltip .top::after {
    overflow:hidden;
    content:'';
    top:100%;
    left:50%;
    position:absolute;
    transform:translate(-50%,-50%) rotate(225deg);
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #000a;
    border-width: 0 0px 20px 20px;
}

.midTop .progress, .midTop .progress #healthProgressBar {
    height: 16px !important;
    width: 96% !important;
}

.flagTexture {
    background-image: url('/img/flags/500px/flagTexture4.png');
    background-size: cover;
    /* backdrop-filter: blur(2px) saturate(0.5) brightness(0.5); */
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.fightersContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 120px;
    padding: 0 1em;
    position: relative;
}

.fightersContainer .fighter {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    transition: all ease 0.2s;
    border-radius: 0.5em;
    width: 40%;
    height: 100%;
}

.fightersContainer .fighter.defender {
    box-shadow: 0px 5px 10px 0px #00abf5aa;
}
.fightersContainer .fighter.attacker {
    box-shadow: 0px 5px 10px 0px #dc143caa;
}

.fightersContainer .fighter.defender:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px 2px rgba(0, 171, 245, 0.25);
    cursor: pointer;
}

.fightersContainer .fighter:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px 2px rgba(220, 20, 60, 0.25);
    cursor: pointer;
}

.battleFlagBackground {
    background-image: url('/img/flags/188px/teamWhite.png');
    width: 100%;
    height: 120px;
    box-shadow: inset 0 0 15px 3px black;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: inherit;
}

.battle2022.countryBalls.mateuszStyle .battleSlimStatus, .battle2022.countryBalls.mateuszStyle .mainColumn,
.battle2022.countryBalls.mateuszStyle .mainBar {
    zoom: 1.3;
}

.battle2022.countryBalls.mateuszStyle .selectSideBar {
    zoom: 1.3;
}

.battle2022.countryBalls.mateuszStyle .bonusDamage, .battle2022.countryBalls.mateuszStyle .consumeLimits, .battle2022.countryBalls.mateuszStyle .checkboxParent,
.battle2022.countryBalls.mateuszStyle .countryBall:not(.topLeft)::after, .battle2022.countryBalls.mateuszStyle .countryBall.marked:not(.topLeft)::after,
.battle2022.countryBalls.mateuszStyle #sidesContainer {
    display: none;
}

.mobile .podiumBackground {
    height: 220px;
    background-size: 75%;
}

.mobile .podiumFighters > .countryBall {
    transform: scale(1);
}

.mobile .podiumFighters > .countryBall:nth-child(1) {
    top: 3px;
    left: 290px;
}

.mobile .podiumFighters > .countryBall:nth-child(2) {
    top: 40px;
    left: 120px;
}

.mobile .podiumFighters > .countryBall:nth-child(3) {
    top: 90px;
    left: 460px;
}

.mobile .podiumFighters > .countryBall:nth-child(n+4) {
    top: 200px;
}

.mobile .podiumFighters > .countryBall:nth-child(7) {
    left: 150px;
}

.mobile .podiumFighters > .countryBall:nth-child(8) {
    left: 190px;
}

.mobile .podiumFighters > .countryBall:nth-child(9) {
    left: 300px;
}

.mobile .podiumFighters > .countryBall:nth-child(10) {
    left: 443px;
}


/*end battlePodium css*/

@keyframes run {
    100% {
        background-position: -864px, 0;
    }
}

.mobile .battleSlimStatus {
    font-size: 1.5em;
}

.mobile .mainBar {
    zoom: 2;
}

.mobile .battle2022.countryBalls {
    width: 100%;
}

.mobile .roundId, .mobile .battleClock {
    border-radius: 0 0 30px 30px / 0 0 30px 30px;
    width: 100%;
}

.mobile .battleClock {
    padding: 0.15em 0.5em;
    font-size: 2.75em;
    margin: 0;
}

.mobile .roundId {
    font-size: 1em;
}

.mobile .mainColumn {
    grid-column-start: 1;
    grid-column-end: 4;
}

.mobile .mainColumn .travelContainer {
    font-size: 4em;
}

.mobile .travelContainer .travelSelect {
    padding: 1em 0 !important;
    border-radius: 10px 10px  0 0;
}

.mobile .travelContainer input.travel {
    padding: 1em 0 !important;
    border-radius: 0 0 10px 10px !important;
}

.mobile .travelFormContainer > form {
    align-self: center;
    justify-self: center;
    width: 300px;
}

.mobile .mainColumnGrid .leftBot, .mobile .mainColumnGrid .rightBot {
    /*align-self: center;*/
    justify-self: unset;
}

.mobile .mainColumnGrid .selectedFood, .mobile .mainColumnGrid .selectedWeapon {
    height: 179px;
    width: 191px;
    box-shadow: inset 0px -10px 2px 1px #4c1c00, inset 0px 6px 9px 0px rgb(255 237 197) !important;
    text-shadow: 0px 0px 4px black, 0px 2px 4px black;
    outline: 7px solid black;
    font-size: 3em;
}

.mobile .mainColumnGrid .selectedFood:active, .mobile .mainColumnGrid .selectedWeapon:active {
    background: linear-gradient(to bottom, #ffd507 5%, #d55100 100%) !important;
    box-shadow: inset 0px -4px 2px 1px #4c1c00, inset 0px 1px 4px 0px rgb(255 237 197) !important;
}

.mobile .mainColumnGrid .selectedFood {
    border-radius: 15px 15px 15px 65px;

}
.mobile .mainColumnGrid .selectedWeapon {
    border-radius: 15px 15px 65px 15px;
}

.mobile .mainColumnGrid .consumableForHealth, .mobile .mainColumnGrid .consumableWeapon {
    height: 159px;
    width: 191px;
    font-size: 4em;
    border-radius: 10px 10px 0 0;
}

.mobile button.btn-fight {
    border-radius: 15px 15px 65px 65px;
    outline: 7px solid black;
    box-shadow: inset 0px -15px 2px 1px #520000, inset 0px 6px 9px 0px rgb(255 197 197) !important;
}

.mobile button.btn-fight:active {
    box-shadow: inset 0px 0px 3px 3px #520000, inset 0px 1px 4px 0px rgb(255 197 197) !important;
}

.mobile .fightFor, .mobile .changeSide {
    font-size: 2.5em;
    max-width: 200px;
}

.mobile .selectedLeftSide .fightFor, .mobile .selectedRightSide .fightFor {
    top: 140px;
}

.mobile .selectedRightSide .fightFor {
    right: 2px;
}

.mobile .selectedLeftSide .fightFor {
    left: 2px;
}

.mobile .roundStatus .battleProgress {
    width: 100% !important;
}

.mobile .travelFood {
    font-size: 0.4em;
}

.mobile .travelFood .selectedFood,
.mobile .travelFood .consumableForHealth {
    height: 119px;
    width: 162px;
    font-size: 2em;
    margin: 0;
    border-radius: 10px 10px 0 0;
}

.mobile .collapsible {
    width: 179px;
    height: 60px;
}

.mobile .travelFormContainer .collapsible {
    width: 151px;
    height: 45px;
}

.mobile .mainColumnGrid .consumeLimits, .mobile .mainColumnGrid .bonusDamage {
    font-size: 3em;
    margin-top: 0.25em;
}

.mobile .mainColumnGrid .foodContent {
    left: 0px;
}

.mobile .mainColumnGrid .foodContent, .mobile .mainColumnGrid .weaponContent {
    bottom: 280px !important;
}

.mobile .travelFood .foodContent {
    bottom: 50px;
}

.mobile .mainColumnGrid .weaponContent {
    bottom: 50px;
    left: -68%;
}

.mobile .midTop .progress, .mobile .midTop .progress #healthProgressBar {
    height: 3em !important;
}

.mobile .midTop .sidebar-progres-description {
    font-size: 3em !important;
}

.mobile .midTop #stats .progress .bar .sidebar-progres-description {
    top: 25% !important;
}

.mobile .fightButton > button {
    font-size: 2.5em;
    min-width: 300px
}

.mobile .checkBoxParent .checkmarkText, .mobile .checkBoxParent .normalHitText {
    text-shadow: 1px 1px 6px black, 1px 1px 6px black !important;
    padding: 0.5em 2em;
    font-size: 4em;
    border-radius: 15px;
    outline: 7px solid black;
}

.mobile .selectSideBar > span {
    text-shadow: 1px 1px 6px black, 1px 1px 6px black !important;
    font-size: 3em;
}

.mobile .selectSideBar .sideContainer .sides {
    width: 100px;
    font-size: 4em;
}

.mobile .sides > img {
    width: 60px;
}

.mobile .roundStatus .battleProgress {
    width: 73% !important;
}

.mobile .iconBar {
    position: relative;
}

.mobile .iconBar>div {
    font-size: 2.5em;
    position: unset;
}

.mobile .fightResponse {
    align-items: end;
    font-size: 3.5em;
    height: 80vw;
}

.mobile #fightResult div:first-child:not(.toofast) {
    left: 0;
    zoom: 1.2;
}

.mobile .buff {
    zoom: 2;
}

.mobile .topFighters {
    zoom: 1.5;
}

.mobile .ui-tooltip-content {
    zoom: 3;
}

.mobile .checkboxParent .switch {
    width: 48%;
    height: 82px;
}

.mobile .showRound {
    font-size: 3em;
}
.mobile .battleMonitor, .mobile .battleClosed  {
    font-size: 2em;
}

.mobile .battleIsNoLongerOpen {
    font-size: 2.8em;
}

.mobile .battleIsNoLongerOpen .headerBaseStyle {
    font-size: 1.5em;
}

.mobile .roundStatus {
    justify-content: center;
    display: flex;
}

.mobile .roundStatus .skew-l, .mobile .roundStatus .skew-r {
    height: 30px;
    width: 26px;
}

.mobile .countriesList {
    grid-template-columns: 250px 250px 250px;
}

.mobile .fastBuyContainer select {
    font-size: 1em !important;
}

.mobile .fastBuyContainer button {
    height: 170px;
    font-size: 1.2em;
    width: 160px;
    border-radius: 0 15px 15px 0;
}

.mobile .battle__icons--swords {
    width: 90px;
    height: 90px;
}

.mobile .selectSideBar .leftSide {
    border-radius: 15px 0 0 15px;
}

.mobile .selectSideBar .rightSide {
    border-radius: 0 15px 15px 0;
}

.mobile .battleSlimStatus .fightName i, .battleTooltip {
    font-size: 1.5em;
}

.mobile .mainColumnGrid .midBot .fightButton {
    padding: 0.5em 1em !important;
}

.mobile .mainColumnGrid {
    grid-row-gap: 0.5em;
}

.swingFightImage {
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-name: swingFightImage;
	animation-timing-function: linear;
    opacity: 0.1;
}

@keyframes swingFightImage {
	0% {
		transform: rotate(-120deg) translateX(-2000px);
	}
	40% {
		transform: rotate(0deg) translateX(200px);
	}
	60% {
		transform: rotate(360deg) translateX(600px);
	}
	100% {
		transform: rotate(480deg) translateX(2000px);
	}
}

.slideAnim {
    transition: margin 2s ease-out;
    animation: slideLeft 1.5s ease-in-out;
}

@keyframes slideLeft {
    from { margin-left: 0; }
    to { margin-left: -100%;}
}

.changingColor {
    background: linear-gradient(to right, #b8860b 25%, #b8b10b 50%, #b8860b 75%);
    background-size: 200% auto;
    color: #b8860b;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;
    text-shadow: none;
}
    
.shootAnimation {
    position: absolute;
    width: 50px;
    top: -10px;
    left: 50px;
    z-index: 0;
    transition: top 700ms, opacity 700ms;
}

.countryBall.attacker > .shootAnimation {
    transform: scaleX(-1);
    left: -30px;
}

.battle__icons--swords {
    background-image: url('/img/buttonIcons/swords.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    filter: invert(1) drop-shadow(0px 3px 2px black);
    width: 40px;
    height: 40px;
    min-width: 30px !important;
}

.mobileUiBg {
    background-position: center -50px;
    background-repeat: no-repeat, repeat-y;
    background-size: 100% auto, auto;
    background-image: url(/img/bgForElements/uiBattleBg.png) !important;
    background-position-y: 0 !important;
    padding: 0 0 2em;
}

.mobile #fightMainColumn {
    padding: 0.5em 2em 2em;
    border-radius: 1em;
}

.battleMonitor .fighter {
    display: flex;
    flex-direction: row;
    align-items: center;
}
    /*feature BOSS and bigger ball*/
.countryBall.myFeatureBall,
.countryBall.myBossBall {
    height: 130px !important;
    position: absolute;
    transform: scale(0.625);
    transition: left 2s, right 2s, top 1s, bottom 1s, transform 1s;
    width: 120px !important;
}


.mobile .countryBall.myFeatureBall {
    transform: scale(1.5);
}

.countryBall.myBossBall {
    transform: scale(0.875);
    z-index: 100;
}

.mobile .countryBall.myBossBall {
    transform: scale(2);
}

.countryBall.myFeatureBall:not(.topLeft)::after {
    color: #f2f2f2;
    content: attr(data-login);
    display: block;
    font-size: 12px;
    left: -5px;
    overflow: hidden;
    padding: 2px 8px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 0 5px black, 1px 1px 1px black, 0 0 3px black;
    font-weight: bold;
    top: 108px;
    width: 110px;
    white-space: nowrap;
}

.countryBall.myFeatureBall.myBossBall:not(.topLeft)::after {
    width: 205px;
    left: -40%;
}
.countryBall.myFeatureBall.marked:not(.topLeft)::after {
     scale: 1.25;
     top: 113px;
 }

.countryBall.myFeatureBall::before,
.countryBall.myFeatureBall.face-annoy.defender::before, .countryBall.myFeatureBall.face-annoy.spectator::before, .countryBall.myFeatureBall.face-dead.defender::before,
.countryBall.myFeatureBall.face-annoy.defender::before, .countryBall.myFeatureBall.face-annoy.spectator::before, .countryBall.myFeatureBall.face-angry.defender::before,
.countryBall.myFeatureBall.face-happy.defender::before, .countryBall.myFeatureBall.face-happy.spectator::before, .countryBall.myFeatureBall.face-sad.defender::before,
.countryBall.myFeatureBall.face-annoy.attacker::before, .countryBall.myFeatureBall.face-annoy.spectator::before, .countryBall.myFeatureBall.face-dead.attacker::before,
.countryBall.myFeatureBall.face-annoy.attacker::before, .countryBall.myFeatureBall.face-annoy.spectator::before, .countryBall.myFeatureBall.face-angry.attacker::before,
.countryBall.myFeatureBall.face-happy.attacker::before, .countryBall.myFeatureBall.face-happy.spectator::before, .countryBall.myFeatureBall.face-sad.attacker::before {
    background-image: url('/img/countryBallBattle/sprite_120x130_extras_1.png');
    content: '';
    display: block;
    height: 130px !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px !important;
    background-position: 0 0 !important;
}
.countryBall.myFeatureBall.defender::before,
.countryBall.myFeatureBall.spectator:nth-child(2n+1)::before,
.countryBall.myFeatureBall.face-annoy.defender::before {
    background-image: url('/img/countryBallBattle/extras_120x130/annoyedR.png');
}
.countryBall.myFeatureBall.face-angry.defender::before {
    background-image: url('/img/countryBallBattle/extras_120x130/angryR.png');
}
.countryBall.myFeatureBall.face-happy.defender::before {
    background-image: url('/img/countryBallBattle/extras_120x130/happyR.png');
}
.countryBall.myFeatureBall.face-sad.defender::before {
    background-image: url('/img/countryBallBattle/extras_120x130/sadR.png');
}
.countryBall.myFeatureBall.face-dead.defender::before {
    background-image: url('/img/countryBallBattle/extras_120x130/deadR.png');
}
.countryBall.myFeatureBall.face-grey-glasses.defender::before{
    background-image: url('/img/countryBallBattle/extras_120x130/sunglassesL.png');
    transform: scaleX(-1);
    scale: 0.9;
}
.countryBall.myFeatureBall.face-brown-glasses.defender::before{
    background-image: url('/img/countryBallBattle/extras_120x130/brown-sunglassesR.png');
    transform: scaleX(-1);
}
.countryBall.myFeatureBall.face-pixel-glasses.defender::before{
    background-image: url('/img/countryBallBattle/extras_120x130/pixel-glassesR.png');
    transform: scaleX(-1);
    scale: 0.9;
}
.countryBall.myFeatureBall.face-rainbow-glasses.defender::before{
    background-image: url('/img/countryBallBattle/extras_120x130/rainbow-glassesR.png');
    transform: scaleX(-1);
    scale: 0.9;
}
.countryBall.myFeatureBall.face-aviator-glasses.defender::before{
    background-image: url('/img/countryBallBattle/extras_120x130/aviatorsR.png');
    transform: scaleX(-1);
    scale: 0.9;
}

.myBossBall.hit.defender::before,
.myBossBall.berserk-hit.defender::before,
.myBossBall.dying.defender::before,
.myBall.hit.defender::before,
.myBall.berserk-hit.defender::before {
	background-position: -480px 0 !important;
}

.countryBall.myFeatureBall.attacker::before,
.countryBall.myFeatureBall.spectator:nth-child(2n)::before,
.countryBall.myFeatureBall.face-annoy.attacker::before {
    background-image: url('/img/countryBallBattle/extras_120x130/annoyedL.png');
}
.countryBall.myFeatureBall.face-angry.attacker::before {
    background-image: url('/img/countryBallBattle/extras_120x130/angryL.png');
}
.countryBall.myFeatureBall.face-happy.attacker::before {
    background-image: url('/img/countryBallBattle/extras_120x130/happyL.png');
}
.countryBall.myFeatureBall.face-sad.attacker::before {
    background-image: url('/img/countryBallBattle/extras_120x130/sadL.png');
}
.countryBall.myFeatureBall.face-dead.attacker::before {
    background-image: url('/img/countryBallBattle/extras_120x130/deadL.png');
}
.countryBall.myFeatureBall.face-grey-glasses.attacker::before{
    background-image: url('/img/countryBallBattle/extras_120x130/sunglassesL.png');
    scale: 0.9;
}
.countryBall.myFeatureBall.face-brown-glasses.attacker::before{
    background-image: url('/img/countryBallBattle/extras_120x130/brown-sunglassesL.png');
}
.countryBall.myFeatureBall.face-pixel-glasses.attacker::before{
    background-image: url('/img/countryBallBattle/extras_120x130/pixel-glassesL.png');
    scale: 0.9;
}
.countryBall.myFeatureBall.face-rainbow-glasses.attacker::before{
    background-image: url('/img/countryBallBattle/extras_120x130/rainbow-glassesL.png');
    scale: 0.9;
}
.countryBall.myFeatureBall.face-aviator-glasses.attacker::before{
    background-image: url('/img/countryBallBattle/extras_120x130/aviatorsL.png');
    scale: 0.9;
}

.myBossBall.hit.attacker::before,
.myBossBall.berserk-hit.attacker::before,
.myBossBall.dying.attacker::before,
.myBall.hit.attacker::before,
.myBall.berserk-hit.attacker::before {
	background-position: -480px -130px !important;
}

.countryBall.myBossBall.defender,
.countryBall.myBossBall.attacker,
.countryBall.myFeatureBall.defender,
.countryBall.myFeatureBall.attacker {
    background-size: 100% !important;
    background-position: 0 0px !important;
    background-repeat: no-repeat !important;
}

.countryBall.myFeatureBall.ball-A.defender, .countryBall.myFeatureBall.ball-A.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/austriaR.png");
}
.countryBall.myFeatureBall.ball-A.attacker, .countryBall.myFeatureBall.ball-A.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/austriaL.png");
}
.countryBall.myFeatureBall.ball-AE.defender, .countryBall.myFeatureBall.ball-AE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/unitedarabemiratesR.png");
}
.countryBall.myFeatureBall.ball-AE.attacker, .countryBall.myFeatureBall.ball-AE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/unitedarabemiratesL.png");
}
.countryBall.myFeatureBall.ball-AF.defender, .countryBall.myFeatureBall.ball-AF.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/afghanistanR.png");
}
.countryBall.myFeatureBall.ball-AF.attacker, .countryBall.myFeatureBall.ball-AF.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/afghanistanL.png");
}
.countryBall.myFeatureBall.ball-AL.defender, .countryBall.myFeatureBall.ball-AL.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/albaniaR.png");
}
.countryBall.myFeatureBall.ball-AL.attacker, .countryBall.myFeatureBall.ball-AL.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/albaniaL.png");
}
.countryBall.myFeatureBall.ball-AM.defender, .countryBall.myFeatureBall.ball-AM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/armeniaR.png");
}
.countryBall.myFeatureBall.ball-AM.attacker, .countryBall.myFeatureBall.ball-AM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/armeniaL.png");
}
.countryBall.myFeatureBall.ball-AO.defender, .countryBall.myFeatureBall.ball-AO.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/angolaR.png");
}
.countryBall.myFeatureBall.ball-AO.attacker, .countryBall.myFeatureBall.ball-AO.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/angolaL.png");
}
.countryBall.myFeatureBall.ball-AR.defender, .countryBall.myFeatureBall.ball-AR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/argentinaR.png");
}
.countryBall.myFeatureBall.ball-AR.attacker, .countryBall.myFeatureBall.ball-AR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/argentinaL.png");
}
.countryBall.myFeatureBall.ball-AU.defender, .countryBall.myFeatureBall.ball-AU.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/australiaR.png");
}
.countryBall.myFeatureBall.ball-AU.attacker, .countryBall.myFeatureBall.ball-AU.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/australiaL.png");
}
.countryBall.myFeatureBall.ball-AZ.defender, .countryBall.myFeatureBall.ball-AZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/azerbaijanR.png");
}
.countryBall.myFeatureBall.ball-AZ.attacker, .countryBall.myFeatureBall.ball-AZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/azerbaijanL.png");
}
.countryBall.myFeatureBall.ball-BA.defender, .countryBall.myFeatureBall.ball-BA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/bosniaR.png");
}
.countryBall.myFeatureBall.ball-BA.attacker, .countryBall.myFeatureBall.ball-BA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/bosniaL.png");
}
.countryBall.myFeatureBall.ball-BD.defender, .countryBall.myFeatureBall.ball-BD.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/bangladeshR.png");
}
.countryBall.myFeatureBall.ball-BD.attacker, .countryBall.myFeatureBall.ball-BD.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/bangladeshL.png");
}
.countryBall.myFeatureBall.ball-BE.defender, .countryBall.myFeatureBall.ball-BE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/belgiumR.png");
}
.countryBall.myFeatureBall.ball-BE.attacker, .countryBall.myFeatureBall.ball-BE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/belgiumL.png");
}
.countryBall.myFeatureBall.ball-BF.defender, .countryBall.myFeatureBall.ball-BF.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/burkinafasoR.png");
}
.countryBall.myFeatureBall.ball-BF.attacker, .countryBall.myFeatureBall.ball-BF.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/burkinafasoL.png");
}
.countryBall.myFeatureBall.ball-BG.defender, .countryBall.myFeatureBall.ball-BG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/bulgariaR.png");
}
.countryBall.myFeatureBall.ball-BG.attacker, .countryBall.myFeatureBall.ball-BG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/bulgariaL.png");
}
.countryBall.myFeatureBall.ball-BH.defender, .countryBall.myFeatureBall.ball-BH.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/bahrainR.png");
}
.countryBall.myFeatureBall.ball-BH.attacker, .countryBall.myFeatureBall.ball-BH.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/bahrainL.png");
}
.countryBall.myFeatureBall.ball-BI.defender, .countryBall.myFeatureBall.ball-BI.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/burundiR.png");
}
.countryBall.myFeatureBall.ball-BI.attacker, .countryBall.myFeatureBall.ball-BI.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/burundiL.png");
}
.countryBall.myFeatureBall.ball-BJ.defender, .countryBall.myFeatureBall.ball-BJ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/beninR.png");
}
.countryBall.myFeatureBall.ball-BJ.attacker, .countryBall.myFeatureBall.ball-BJ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/beninL.png");
}
.countryBall.myFeatureBall.ball-BO.defender, .countryBall.myFeatureBall.ball-BO.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/boliviaR.png");
}
.countryBall.myFeatureBall.ball-BO.attacker, .countryBall.myFeatureBall.ball-BO.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/boliviaL.png");
}
.countryBall.myFeatureBall.ball-BR.defender, .countryBall.myFeatureBall.ball-BR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/brazilR.png");
}
.countryBall.myFeatureBall.ball-BR.attacker, .countryBall.myFeatureBall.ball-BR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/brazilL.png");
}
.countryBall.myFeatureBall.ball-BS.defender, .countryBall.myFeatureBall.ball-BS.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/bahamasR.png");
}
.countryBall.myFeatureBall.ball-BS.attacker, .countryBall.myFeatureBall.ball-BS.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/bahamasL.png");
}
.countryBall.myFeatureBall.ball-BT.defender, .countryBall.myFeatureBall.ball-BT.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/bhutanR.png");
}
.countryBall.myFeatureBall.ball-BT.attacker, .countryBall.myFeatureBall.ball-BT.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/bhutanL.png");
}
.countryBall.myFeatureBall.ball-BW.defender, .countryBall.myFeatureBall.ball-BW.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/botswanaR.png");
}
.countryBall.myFeatureBall.ball-BW.attacker, .countryBall.myFeatureBall.ball-BW.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/botswanaL.png");
}
.countryBall.myFeatureBall.ball-BY.defender, .countryBall.myFeatureBall.ball-BY.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/belarusR.png");
}
.countryBall.myFeatureBall.ball-BY.attacker, .countryBall.myFeatureBall.ball-BY.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/belarusL.png");
}
.countryBall.myFeatureBall.ball-BZ.defender, .countryBall.myFeatureBall.ball-BZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/belizeR.png");
}
.countryBall.myFeatureBall.ball-BZ.attacker, .countryBall.myFeatureBall.ball-BZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/belizeL.png");
}
.countryBall.myFeatureBall.ball-CA.defender, .countryBall.myFeatureBall.ball-CA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/canadaR.png");
}
.countryBall.myFeatureBall.ball-CA.attacker, .countryBall.myFeatureBall.ball-CA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/canadaL.png");
}
.countryBall.myFeatureBall.ball-CD.defender, .countryBall.myFeatureBall.ball-CD.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/drcongoR.png");
}
.countryBall.myFeatureBall.ball-CD.attacker, .countryBall.myFeatureBall.ball-CD.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/drcongoL.png");
}
.countryBall.myFeatureBall.ball-CF.defender, .countryBall.myFeatureBall.ball-CF.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/centralafricanrepublicR.png");
}
.countryBall.myFeatureBall.ball-CF.attacker, .countryBall.myFeatureBall.ball-CF.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/centralafricanrepublicL.png");
}
.countryBall.myFeatureBall.ball-CG.defender, .countryBall.myFeatureBall.ball-CG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/congoR.png");
}
.countryBall.myFeatureBall.ball-CG.attacker, .countryBall.myFeatureBall.ball-CG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/congoL.png");
}
.countryBall.myFeatureBall.ball-CH.defender, .countryBall.myFeatureBall.ball-CH.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/switzerlandR.png");
}
.countryBall.myFeatureBall.ball-CH.attacker, .countryBall.myFeatureBall.ball-CH.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/switzerlandL.png");
}
.countryBall.myFeatureBall.ball-CI.defender, .countryBall.myFeatureBall.ball-CI.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/ivorycoastR.png");
}
.countryBall.myFeatureBall.ball-CI.attacker, .countryBall.myFeatureBall.ball-CI.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/ivorycoastL.png");
}
.countryBall.myFeatureBall.ball-CL.defender, .countryBall.myFeatureBall.ball-CL.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/chileR.png");
}
.countryBall.myFeatureBall.ball-CL.attacker, .countryBall.myFeatureBall.ball-CL.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/chileL.png");
}
.countryBall.myFeatureBall.ball-CM.defender, .countryBall.myFeatureBall.ball-CM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/cameroonR.png");
}
.countryBall.myFeatureBall.ball-CM.attacker, .countryBall.myFeatureBall.ball-CM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/cameroonL.png");
}
.countryBall.myFeatureBall.ball-CN.defender, .countryBall.myFeatureBall.ball-CN.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/chinaR.png");
}
.countryBall.myFeatureBall.ball-CN.attacker, .countryBall.myFeatureBall.ball-CN.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/chinaL.png");
}
.countryBall.myFeatureBall.ball-CO.defender, .countryBall.myFeatureBall.ball-CO.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/colombiaR.png");
}
.countryBall.myFeatureBall.ball-CO.attacker, .countryBall.myFeatureBall.ball-CO.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/colombiaL.png");
}
.countryBall.myFeatureBall.ball-CR.defender, .countryBall.myFeatureBall.ball-CR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/costaricaR.png");
}
.countryBall.myFeatureBall.ball-CR.attacker, .countryBall.myFeatureBall.ball-CR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/costaricaL.png");
}
.countryBall.myFeatureBall.ball-CU.defender, .countryBall.myFeatureBall.ball-CU.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/cubaR.png");
}
.countryBall.myFeatureBall.ball-CU.attacker, .countryBall.myFeatureBall.ball-CU.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/cubaL.png");
}
.countryBall.myFeatureBall.ball-CY.defender, .countryBall.myFeatureBall.ball-CY.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/cyprusR.png");
}
.countryBall.myFeatureBall.ball-CY.attacker, .countryBall.myFeatureBall.ball-CY.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/cyprusL.png");
}
.countryBall.myFeatureBall.ball-CZ.defender, .countryBall.myFeatureBall.ball-CZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/czechrepublicR.png");
}
.countryBall.myFeatureBall.ball-CZ.attacker, .countryBall.myFeatureBall.ball-CZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/czechrepublicL.png");
}
.countryBall.myFeatureBall.ball-DJ.defender, .countryBall.myFeatureBall.ball-DJ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/djiboutiR.png");
}
.countryBall.myFeatureBall.ball-DJ.attacker, .countryBall.myFeatureBall.ball-DJ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/djiboutiL.png");
}
.countryBall.myFeatureBall.ball-DK.defender, .countryBall.myFeatureBall.ball-DK.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/denmarkR.png");
}
.countryBall.myFeatureBall.ball-DK.attacker, .countryBall.myFeatureBall.ball-DK.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/denmarkL.png");
}
.countryBall.myFeatureBall.ball-DO.defender, .countryBall.myFeatureBall.ball-DO.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/dominicanrepublicR.png");
}
.countryBall.myFeatureBall.ball-DO.attacker, .countryBall.myFeatureBall.ball-DO.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/dominicanrepublicL.png");
}
.countryBall.myFeatureBall.ball-DZ.defender, .countryBall.myFeatureBall.ball-DZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/algeriaR.png");
}
.countryBall.myFeatureBall.ball-DZ.attacker, .countryBall.myFeatureBall.ball-DZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/algeriaL.png");
}
.countryBall.myFeatureBall.ball-EC.defender, .countryBall.myFeatureBall.ball-EC.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/ecuadorR.png");
}
.countryBall.myFeatureBall.ball-EC.attacker, .countryBall.myFeatureBall.ball-EC.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/ecuadorL.png");
}
.countryBall.myFeatureBall.ball-EE.defender, .countryBall.myFeatureBall.ball-EE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/estoniaR.png");
}
.countryBall.myFeatureBall.ball-EE.attacker, .countryBall.myFeatureBall.ball-EE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/estoniaL.png");
}
.countryBall.myFeatureBall.ball-EG.defender, .countryBall.myFeatureBall.ball-EG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/egyptR.png");
}
.countryBall.myFeatureBall.ball-EG.attacker, .countryBall.myFeatureBall.ball-EG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/egyptL.png");
}
.countryBall.myFeatureBall.ball-EH.defender, .countryBall.myFeatureBall.ball-EH.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/westernsaharaR.png");
}
.countryBall.myFeatureBall.ball-EH.attacker, .countryBall.myFeatureBall.ball-EH.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/westernsaharaL.png");
}
.countryBall.myFeatureBall.ball-ER.defender, .countryBall.myFeatureBall.ball-ER.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/eritreaR.png");
}
.countryBall.myFeatureBall.ball-ER.attacker, .countryBall.myFeatureBall.ball-ER.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/eritreaL.png");
}
.countryBall.myFeatureBall.ball-ES.defender, .countryBall.myFeatureBall.ball-ES.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/spainR.png");
}
.countryBall.myFeatureBall.ball-ES.attacker, .countryBall.myFeatureBall.ball-ES.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/spainL.png");
}
.countryBall.myFeatureBall.ball-ET.defender, .countryBall.myFeatureBall.ball-ET.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/ethiopiaR.png");
}
.countryBall.myFeatureBall.ball-ET.attacker, .countryBall.myFeatureBall.ball-ET.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/ethiopiaL.png");
}
.countryBall.myFeatureBall.ball-FI.defender, .countryBall.myFeatureBall.ball-FI.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/finlandR.png");
}
.countryBall.myFeatureBall.ball-FI.attacker, .countryBall.myFeatureBall.ball-FI.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/finlandL.png");
}
.countryBall.myFeatureBall.ball-FR.defender, .countryBall.myFeatureBall.ball-FR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/franceR.png");
}
.countryBall.myFeatureBall.ball-FR.attacker, .countryBall.myFeatureBall.ball-FR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/franceL.png");
}
.countryBall.myFeatureBall.ball-GA.defender, .countryBall.myFeatureBall.ball-GA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/gabonR.png");
}
.countryBall.myFeatureBall.ball-GA.attacker, .countryBall.myFeatureBall.ball-GA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/gabonL.png");
}
.countryBall.myFeatureBall.ball-GB.defender, .countryBall.myFeatureBall.ball-GB.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/unitedkingdomR.png");
}
.countryBall.myFeatureBall.ball-GB.attacker, .countryBall.myFeatureBall.ball-GB.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/unitedkingdomL.png");
}
.countryBall.myFeatureBall.ball-GE.defender, .countryBall.myFeatureBall.ball-GE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/georgiaR.png");
}
.countryBall.myFeatureBall.ball-GE.attacker, .countryBall.myFeatureBall.ball-GE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/georgiaL.png");
}
.countryBall.myFeatureBall.ball-GER.defender, .countryBall.myFeatureBall.ball-GER.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/germanyR.png");
}
.countryBall.myFeatureBall.ball-GER.attacker, .countryBall.myFeatureBall.ball-GER.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/germanyL.png");
}
.countryBall.myFeatureBall.ball-GH.defender, .countryBall.myFeatureBall.ball-GH.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/ghanaR.png");
}
.countryBall.myFeatureBall.ball-GH.attacker, .countryBall.myFeatureBall.ball-GH.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/ghanaL.png");
}
.countryBall.myFeatureBall.ball-GM.defender, .countryBall.myFeatureBall.ball-GM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/thegambiaR.png");
}
.countryBall.myFeatureBall.ball-GM.attacker, .countryBall.myFeatureBall.ball-GM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/thegambiaL.png");
}
.countryBall.myFeatureBall.ball-GN.defender, .countryBall.myFeatureBall.ball-GN.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/guineaR.png");
}
.countryBall.myFeatureBall.ball-GN.attacker, .countryBall.myFeatureBall.ball-GN.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/guineaL.png");
}
.countryBall.myFeatureBall.ball-GQ.defender, .countryBall.myFeatureBall.ball-GQ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/equatorialguineaR.png");
}
.countryBall.myFeatureBall.ball-GQ.attacker, .countryBall.myFeatureBall.ball-GQ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/equatorialguineaL.png");
}
.countryBall.myFeatureBall.ball-GR.defender, .countryBall.myFeatureBall.ball-GR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/greeceR.png");
}
.countryBall.myFeatureBall.ball-GR.attacker, .countryBall.myFeatureBall.ball-GR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/greeceL.png");
}
.countryBall.myFeatureBall.ball-GT.defender, .countryBall.myFeatureBall.ball-GT.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/guatemalaR.png");
}
.countryBall.myFeatureBall.ball-GT.attacker, .countryBall.myFeatureBall.ball-GT.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/guatemalaL.png");
}
.countryBall.myFeatureBall.ball-GW.defender, .countryBall.myFeatureBall.ball-GW.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/guineabissauR.png");
}
.countryBall.myFeatureBall.ball-GW.attacker, .countryBall.myFeatureBall.ball-GW.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/guineabissauL.png");
}
.countryBall.myFeatureBall.ball-GY.defender, .countryBall.myFeatureBall.ball-GY.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/guyanaR.png");
}
.countryBall.myFeatureBall.ball-GY.attacker, .countryBall.myFeatureBall.ball-GY.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/guyanaL.png");
}
.countryBall.myFeatureBall.ball-HN.defender, .countryBall.myFeatureBall.ball-HN.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/hondurasR.png");
}
.countryBall.myFeatureBall.ball-HN.attacker, .countryBall.myFeatureBall.ball-HN.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/hondurasL.png");
}
.countryBall.myFeatureBall.ball-HR.defender, .countryBall.myFeatureBall.ball-HR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/croatiaR.png");
}
.countryBall.myFeatureBall.ball-HR.attacker, .countryBall.myFeatureBall.ball-HR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/croatiaL.png");
}
.countryBall.myFeatureBall.ball-HT.defender, .countryBall.myFeatureBall.ball-HT.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/haitiR.png");
}
.countryBall.myFeatureBall.ball-HT.attacker, .countryBall.myFeatureBall.ball-HT.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/haitiL.png");
}
.countryBall.myFeatureBall.ball-HU.defender, .countryBall.myFeatureBall.ball-HU.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/hungaryR.png");
}
.countryBall.myFeatureBall.ball-HU.attacker, .countryBall.myFeatureBall.ball-HU.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/hungaryL.png");
}
.countryBall.myFeatureBall.ball-I.defender, .countryBall.myFeatureBall.ball-I.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/irelandR.png");
}
.countryBall.myFeatureBall.ball-I.attacker, .countryBall.myFeatureBall.ball-I.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/irelandL.png");
}
.countryBall.myFeatureBall.ball-ID.defender, .countryBall.myFeatureBall.ball-ID.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/indonesiaR.png");
}
.countryBall.myFeatureBall.ball-ID.attacker, .countryBall.myFeatureBall.ball-ID.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/indonesiaL.png");
}
.countryBall.myFeatureBall.ball-IL.defender, .countryBall.myFeatureBall.ball-IL.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/israelR.png");
}
.countryBall.myFeatureBall.ball-IL.attacker, .countryBall.myFeatureBall.ball-IL.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/israelL.png");
}
.countryBall.myFeatureBall.ball-IN.defender, .countryBall.myFeatureBall.ball-IN.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/indiaR.png");
}
.countryBall.myFeatureBall.ball-IN.attacker, .countryBall.myFeatureBall.ball-IN.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/indiaL.png");
}
.countryBall.myFeatureBall.ball-IQ.defender, .countryBall.myFeatureBall.ball-IQ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/iraqR.png");
}
.countryBall.myFeatureBall.ball-IQ.attacker, .countryBall.myFeatureBall.ball-IQ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/iraqL.png");
}
.countryBall.myFeatureBall.ball-IR.defender, .countryBall.myFeatureBall.ball-IR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/iranR.png");
}
.countryBall.myFeatureBall.ball-IR.attacker, .countryBall.myFeatureBall.ball-IR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/iranL.png");
}
.countryBall.myFeatureBall.ball-IS.defender, .countryBall.myFeatureBall.ball-IS.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/icelanR.png");
}
.countryBall.myFeatureBall.ball-IS.attacker, .countryBall.myFeatureBall.ball-IS.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/icelanL.png");
}
.countryBall.myFeatureBall.ball-IT.defender, .countryBall.myFeatureBall.ball-IT.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/italyR.png");
}
.countryBall.myFeatureBall.ball-IT.attacker, .countryBall.myFeatureBall.ball-IT.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/italyL.png");
}
.countryBall.myFeatureBall.ball-JM.defender, .countryBall.myFeatureBall.ball-JM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/jamaicaR.png");
}
.countryBall.myFeatureBall.ball-JM.attacker, .countryBall.myFeatureBall.ball-JM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/jamaicaL.png");
}
.countryBall.myFeatureBall.ball-JO.defender, .countryBall.myFeatureBall.ball-JO.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/jordanR.png");
}
.countryBall.myFeatureBall.ball-JO.attacker, .countryBall.myFeatureBall.ball-JO.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/jordanL.png");
}
.countryBall.myFeatureBall.ball-JP.defender, .countryBall.myFeatureBall.ball-JP.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/japanR.png");
}
.countryBall.myFeatureBall.ball-JP.attacker, .countryBall.myFeatureBall.ball-JP.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/japanL.png");
}
.countryBall.myFeatureBall.ball-KE.defender, .countryBall.myFeatureBall.ball-KE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/kenyaR.png");
}
.countryBall.myFeatureBall.ball-KE.attacker, .countryBall.myFeatureBall.ball-KE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/kenyaL.png");
}
.countryBall.myFeatureBall.ball-KG.defender, .countryBall.myFeatureBall.ball-KG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/kyrgystanR.png");
}
.countryBall.myFeatureBall.ball-KG.attacker, .countryBall.myFeatureBall.ball-KG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/kyrgystanL.png");
}
.countryBall.myFeatureBall.ball-KH.defender, .countryBall.myFeatureBall.ball-KH.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/camodiaR.png");
}
.countryBall.myFeatureBall.ball-KH.attacker, .countryBall.myFeatureBall.ball-KH.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/camodiaL.png");
}
.countryBall.myFeatureBall.ball-KP.defender, .countryBall.myFeatureBall.ball-KP.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/northkoreaR.png");
}
.countryBall.myFeatureBall.ball-KP.attacker, .countryBall.myFeatureBall.ball-KP.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/northkoreaL.png");
}
.countryBall.myFeatureBall.ball-KR.defender, .countryBall.myFeatureBall.ball-KR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/southkoreaR.png");
}
.countryBall.myFeatureBall.ball-KR.attacker, .countryBall.myFeatureBall.ball-KR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/southkoreaL.png");
}
.countryBall.myFeatureBall.ball-KW.defender, .countryBall.myFeatureBall.ball-KW.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/kuwaitR.png");
}
.countryBall.myFeatureBall.ball-KW.attacker, .countryBall.myFeatureBall.ball-KW.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/kuwaitL.png");
}
.countryBall.myFeatureBall.ball-KZ.defender, .countryBall.myFeatureBall.ball-KZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/kazakhstanR.png");
}
.countryBall.myFeatureBall.ball-KZ.attacker, .countryBall.myFeatureBall.ball-KZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/kazakhstanL.png");
}
.countryBall.myFeatureBall.ball-LA.defender, .countryBall.myFeatureBall.ball-LA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/laosR.png");
}
.countryBall.myFeatureBall.ball-LA.attacker, .countryBall.myFeatureBall.ball-LA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/laosL.png");
}
.countryBall.myFeatureBall.ball-LB.defender, .countryBall.myFeatureBall.ball-LB.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/lebanonR.png");
}
.countryBall.myFeatureBall.ball-LB.attacker, .countryBall.myFeatureBall.ball-LB.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/lebanonL.png");
}
.countryBall.myFeatureBall.ball-LK.defender, .countryBall.myFeatureBall.ball-LK.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/srilankaR.png");
}
.countryBall.myFeatureBall.ball-LK.attacker, .countryBall.myFeatureBall.ball-LK.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/srilankaR.png");
}
.countryBall.myFeatureBall.ball-LR.defender, .countryBall.myFeatureBall.ball-LR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/liberiaR.png");
}
.countryBall.myFeatureBall.ball-LR.attacker, .countryBall.myFeatureBall.ball-LR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/liberiaL.png");
}
.countryBall.myFeatureBall.ball-LS.defender, .countryBall.myFeatureBall.ball-LS.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/lesothoR.png");
}
.countryBall.myFeatureBall.ball-LS.attacker, .countryBall.myFeatureBall.ball-LS.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/lesothoL.png");
}
.countryBall.myFeatureBall.ball-LT.defender, .countryBall.myFeatureBall.ball-LT.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/lithuaniaR.png");
}
.countryBall.myFeatureBall.ball-LT.attacker, .countryBall.myFeatureBall.ball-LT.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/lithuaniaL.png");
}
.countryBall.myFeatureBall.ball-LV.defender, .countryBall.myFeatureBall.ball-LV.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/latviaR.png");
}
.countryBall.myFeatureBall.ball-LV.attacker, .countryBall.myFeatureBall.ball-LV.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/latviaL.png");
}
.countryBall.myFeatureBall.ball-LY.defender, .countryBall.myFeatureBall.ball-LY.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/libyaR.png");
}
.countryBall.myFeatureBall.ball-LY.attacker, .countryBall.myFeatureBall.ball-LY.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/libyaL.png");
}
.countryBall.myFeatureBall.ball-MA.defender, .countryBall.myFeatureBall.ball-MA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/moroccoR.png");
}
.countryBall.myFeatureBall.ball-MA.attacker, .countryBall.myFeatureBall.ball-MA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/moroccoL.png");
}
.countryBall.myFeatureBall.ball-MD.defender, .countryBall.myFeatureBall.ball-MD.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/moldovaR.png");
}
.countryBall.myFeatureBall.ball-MD.attacker, .countryBall.myFeatureBall.ball-MD.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/moldovaL.png");
}
.countryBall.myFeatureBall.ball-ME.defender, .countryBall.myFeatureBall.ball-ME.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/montenegroR.png");
}
.countryBall.myFeatureBall.ball-ME.attacker, .countryBall.myFeatureBall.ball-ME.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/montenegroL.png");
}
.countryBall.myFeatureBall.ball-MG.defender, .countryBall.myFeatureBall.ball-MG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/madagascarR.png");
}
.countryBall.myFeatureBall.ball-MG.attacker, .countryBall.myFeatureBall.ball-MG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/madagascarL.png");
}
.countryBall.myFeatureBall.ball-MK.defender, .countryBall.myFeatureBall.ball-MK.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/macedoniaR.png");
}
.countryBall.myFeatureBall.ball-MK.attacker, .countryBall.myFeatureBall.ball-MK.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/macedoniaL.png");
}
.countryBall.myFeatureBall.ball-ML.defender, .countryBall.myFeatureBall.ball-ML.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/maliR.png");
}
.countryBall.myFeatureBall.ball-ML.attacker, .countryBall.myFeatureBall.ball-ML.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/maliL.png");
}
.countryBall.myFeatureBall.ball-MM.defender, .countryBall.myFeatureBall.ball-MM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/myanmarR.png");
}
.countryBall.myFeatureBall.ball-MM.attacker, .countryBall.myFeatureBall.ball-MM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/myanmarL.png");
}
.countryBall.myFeatureBall.ball-MN.defender, .countryBall.myFeatureBall.ball-MN.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/mongoliaR.png");
}
.countryBall.myFeatureBall.ball-MN.attacker, .countryBall.myFeatureBall.ball-MN.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/mongoliaL.png");
}
.countryBall.myFeatureBall.ball-MR.defender, .countryBall.myFeatureBall.ball-MR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/mauritaniaR.png");
}
.countryBall.myFeatureBall.ball-MR.attacker, .countryBall.myFeatureBall.ball-MR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/mauritaniaL.png");
}
.countryBall.myFeatureBall.ball-MW.defender, .countryBall.myFeatureBall.ball-MW.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/malawiR.png");
}
.countryBall.myFeatureBall.ball-MW.attacker, .countryBall.myFeatureBall.ball-MW.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/malawiL.png");
}
.countryBall.myFeatureBall.ball-MX.defender, .countryBall.myFeatureBall.ball-MX.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/mexicoR.png");
}
.countryBall.myFeatureBall.ball-MX.attacker, .countryBall.myFeatureBall.ball-MX.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/mexicoL.png");
}
.countryBall.myFeatureBall.ball-MY.defender, .countryBall.myFeatureBall.ball-MY.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/malaysiaR.png");
}
.countryBall.myFeatureBall.ball-MY.attacker, .countryBall.myFeatureBall.ball-MY.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/malaysiaL.png");
}
.countryBall.myFeatureBall.ball-MZ.defender, .countryBall.myFeatureBall.ball-MZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/mozambiqueR.png");
}
.countryBall.myFeatureBall.ball-MZ.attacker, .countryBall.myFeatureBall.ball-MZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/mozambiqueL.png");
}
.countryBall.myFeatureBall.ball-NA.defender, .countryBall.myFeatureBall.ball-NA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/namibiaR.png");
}
.countryBall.myFeatureBall.ball-NA.attacker, .countryBall.myFeatureBall.ball-NA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/namibiaL.png");
}
.countryBall.myFeatureBall.ball-NE.defender, .countryBall.myFeatureBall.ball-NE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/nigerR.png");
}
.countryBall.myFeatureBall.ball-NE.attacker, .countryBall.myFeatureBall.ball-NE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/nigerL.png");
}
.countryBall.myFeatureBall.ball-NG.defender, .countryBall.myFeatureBall.ball-NG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/nigeriaR.png");
}
.countryBall.myFeatureBall.ball-NG.attacker, .countryBall.myFeatureBall.ball-NG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/nigeriaL.png");
}
.countryBall.myFeatureBall.ball-NI.defender, .countryBall.myFeatureBall.ball-NI.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/nicaraguaR.png");
}
.countryBall.myFeatureBall.ball-NI.attacker, .countryBall.myFeatureBall.ball-NI.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/nicaraguaL.png");
}
.countryBall.myFeatureBall.ball-NL.defender, .countryBall.myFeatureBall.ball-NL.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/netherlandsR.png");
}
.countryBall.myFeatureBall.ball-NL.attacker, .countryBall.myFeatureBall.ball-NL.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/netherlandsL.png");
}
.countryBall.myFeatureBall.ball-NO.defender, .countryBall.myFeatureBall.ball-NO.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/norwayR.png");
}
.countryBall.myFeatureBall.ball-NO.attacker, .countryBall.myFeatureBall.ball-NO.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/norwayL.png");
}
.countryBall.myFeatureBall.ball-NP.defender, .countryBall.myFeatureBall.ball-NP.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/nepalR.png");
}
.countryBall.myFeatureBall.ball-NP.attacker, .countryBall.myFeatureBall.ball-NP.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/nepalL.png");
}
.countryBall.myFeatureBall.ball-NZ.defender, .countryBall.myFeatureBall.ball-NZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/newzealandR.png");
}
.countryBall.myFeatureBall.ball-NZ.attacker, .countryBall.myFeatureBall.ball-NZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/newzealandL.png");
}
.countryBall.myFeatureBall.ball-OM.defender, .countryBall.myFeatureBall.ball-OM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/omanR.png");
}
.countryBall.myFeatureBall.ball-OM.attacker, .countryBall.myFeatureBall.ball-OM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/omanL.png");
}
.countryBall.myFeatureBall.ball-PA.defender, .countryBall.myFeatureBall.ball-PA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/panamaR.png");
}
.countryBall.myFeatureBall.ball-PA.attacker, .countryBall.myFeatureBall.ball-PA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/panamaL.png");
}
.countryBall.myFeatureBall.ball-PE.defender, .countryBall.myFeatureBall.ball-PE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/peruR.png");
}
.countryBall.myFeatureBall.ball-PE.attacker, .countryBall.myFeatureBall.ball-PE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/peruL.png");
}
.countryBall.myFeatureBall.ball-PG.defender, .countryBall.myFeatureBall.ball-PG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/papuanewguineaR.png");
}
.countryBall.myFeatureBall.ball-PG.attacker, .countryBall.myFeatureBall.ball-PG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/papuanewguineaL.png");
}
.countryBall.myFeatureBall.ball-PH.defender, .countryBall.myFeatureBall.ball-PH.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/philippinesR.png");
}
.countryBall.myFeatureBall.ball-PH.attacker, .countryBall.myFeatureBall.ball-PH.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/philippinesL.png");
}
.countryBall.myFeatureBall.ball-PK.defender, .countryBall.myFeatureBall.ball-PK.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/pakistanR.png");
}
.countryBall.myFeatureBall.ball-PK.attacker, .countryBall.myFeatureBall.ball-PK.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/pakistanL.png");
}
.countryBall.myFeatureBall.ball-PL.defender, .countryBall.myFeatureBall.ball-PL.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/polandR.png");
}
.countryBall.myFeatureBall.ball-PL.attacker, .countryBall.myFeatureBall.ball-PL.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/polandL.png");
}
.countryBall.myFeatureBall.ball-PR.defender, .countryBall.myFeatureBall.ball-PR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/puertoricoR.png");
}
.countryBall.myFeatureBall.ball-PR.attacker, .countryBall.myFeatureBall.ball-PR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/puertoricoL.png");
}
.countryBall.myFeatureBall.ball-PS.defender, .countryBall.myFeatureBall.ball-PS.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/palestineR.png");
}
.countryBall.myFeatureBall.ball-PS.attacker, .countryBall.myFeatureBall.ball-PS.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/palestineL.png");
}
.countryBall.myFeatureBall.ball-PT.defender, .countryBall.myFeatureBall.ball-PT.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/portugalR.png");
}
.countryBall.myFeatureBall.ball-PT.attacker, .countryBall.myFeatureBall.ball-PT.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/portugalL.png");
}
.countryBall.myFeatureBall.ball-PY.defender, .countryBall.myFeatureBall.ball-PY.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/paraguayR.png");
}
.countryBall.myFeatureBall.ball-PY.attacker, .countryBall.myFeatureBall.ball-PY.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/paraguayL.png");
}
.countryBall.myFeatureBall.ball-QA.defender, .countryBall.myFeatureBall.ball-QA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/qatarR.png");
}
.countryBall.myFeatureBall.ball-QA.attacker, .countryBall.myFeatureBall.ball-QA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/qatarL.png");
}
.countryBall.myFeatureBall.ball-RO.defender, .countryBall.myFeatureBall.ball-RO.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/romaniaR.png");
}
.countryBall.myFeatureBall.ball-RO.attacker, .countryBall.myFeatureBall.ball-RO.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/romaniaL.png");
}
.countryBall.myFeatureBall.ball-RS.defender, .countryBall.myFeatureBall.ball-RS.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/serbiaR.png");
}
.countryBall.myFeatureBall.ball-RS.attacker, .countryBall.myFeatureBall.ball-RS.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/serbiaL.png");
}
.countryBall.myFeatureBall.ball-RU.defender, .countryBall.myFeatureBall.ball-RU.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/russiaR.png");
}
.countryBall.myFeatureBall.ball-RU.attacker, .countryBall.myFeatureBall.ball-RU.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/russiaL.png");
}
.countryBall.myFeatureBall.ball-RW.defender, .countryBall.myFeatureBall.ball-RW.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/rwandaR.png");
}
.countryBall.myFeatureBall.ball-RW.attacker, .countryBall.myFeatureBall.ball-RW.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/rwandaL.png");
}
.countryBall.myFeatureBall.ball-SA.defender, .countryBall.myFeatureBall.ball-SA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/saudiarabiaR.png");
}
.countryBall.myFeatureBall.ball-SA.attacker, .countryBall.myFeatureBall.ball-SA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/saudiarabiaL.png");
}
.countryBall.myFeatureBall.ball-SB.defender, .countryBall.myFeatureBall.ball-SB.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/solomonislandsR.png");
}
.countryBall.myFeatureBall.ball-SB.attacker, .countryBall.myFeatureBall.ball-SB.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/solomonislandsL.png");
}
.countryBall.myFeatureBall.ball-SD.defender, .countryBall.myFeatureBall.ball-SD.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/sudanR.png");
}
.countryBall.myFeatureBall.ball-SD.attacker, .countryBall.myFeatureBall.ball-SD.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/sudanL.png");
}
.countryBall.myFeatureBall.ball-SE.defender, .countryBall.myFeatureBall.ball-SE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/swedenR.png");
}
.countryBall.myFeatureBall.ball-SE.attacker, .countryBall.myFeatureBall.ball-SE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/swedenL.png");
}
.countryBall.myFeatureBall.ball-SI.defender, .countryBall.myFeatureBall.ball-SI.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/sloveniaR.png");
}
.countryBall.myFeatureBall.ball-SI.attacker, .countryBall.myFeatureBall.ball-SI.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/sloveniaL.png");
}
.countryBall.myFeatureBall.ball-SK.defender, .countryBall.myFeatureBall.ball-SK.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/slovakiaR.png");
}
.countryBall.myFeatureBall.ball-SK.attacker, .countryBall.myFeatureBall.ball-SK.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/slovakiaL.png");
}
.countryBall.myFeatureBall.ball-SL.defender, .countryBall.myFeatureBall.ball-SL.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/sierraleoneR.png");
}
.countryBall.myFeatureBall.ball-SL.attacker, .countryBall.myFeatureBall.ball-SL.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/sierraleoneL.png");
}
.countryBall.myFeatureBall.ball-SM.defender, .countryBall.myFeatureBall.ball-SM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/sanmarinoR.png");
}
.countryBall.myFeatureBall.ball-SM.attacker, .countryBall.myFeatureBall.ball-SM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/sanmarinoL.png");
}
.countryBall.myFeatureBall.ball-SN.defender, .countryBall.myFeatureBall.ball-SN.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/senegalR.png");
}
.countryBall.myFeatureBall.ball-SN.attacker, .countryBall.myFeatureBall.ball-SN.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/senegalL.png");
}
.countryBall.myFeatureBall.ball-SO.defender, .countryBall.myFeatureBall.ball-SO.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/somaliaR.png");
}
.countryBall.myFeatureBall.ball-SO.attacker, .countryBall.myFeatureBall.ball-SO.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/somaliaL.png");
}
.countryBall.myFeatureBall.ball-SR.defender, .countryBall.myFeatureBall.ball-SR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/surinameR.png");
}
.countryBall.myFeatureBall.ball-SR.attacker, .countryBall.myFeatureBall.ball-SR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/surinameL.png");
}
.countryBall.myFeatureBall.ball-SS.defender, .countryBall.myFeatureBall.ball-SS.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/southsudanR.png");
}
.countryBall.myFeatureBall.ball-SS.attacker, .countryBall.myFeatureBall.ball-SS.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/southsudanL.png");
}
.countryBall.myFeatureBall.ball-SV.defender, .countryBall.myFeatureBall.ball-SV.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/elsalvadorR.png");
}
.countryBall.myFeatureBall.ball-SV.attacker, .countryBall.myFeatureBall.ball-SV.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/elsalvadorL.png");
}
.countryBall.myFeatureBall.ball-SY.defender, .countryBall.myFeatureBall.ball-SY.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/syriaR.png");
}
.countryBall.myFeatureBall.ball-SY.attacker, .countryBall.myFeatureBall.ball-SY.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/syriaL.png");
}
.countryBall.myFeatureBall.ball-SZ.defender, .countryBall.myFeatureBall.ball-SZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/eswatiniR.png");
}
.countryBall.myFeatureBall.ball-SZ.attacker, .countryBall.myFeatureBall.ball-SZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/eswatiniL.png");
}
.countryBall.myFeatureBall.ball-TD.defender, .countryBall.myFeatureBall.ball-TD.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/chadR.png");
}
.countryBall.myFeatureBall.ball-TD.attacker, .countryBall.myFeatureBall.ball-TD.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/chadL.png");
}
.countryBall.myFeatureBall.ball-TG.defender, .countryBall.myFeatureBall.ball-TG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/togoR.png");
}
.countryBall.myFeatureBall.ball-TG.attacker, .countryBall.myFeatureBall.ball-TG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/togoL.png");
}
.countryBall.myFeatureBall.ball-TH.defender, .countryBall.myFeatureBall.ball-TH.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/thailandR.png");
}
.countryBall.myFeatureBall.ball-TH.attacker, .countryBall.myFeatureBall.ball-TH.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/thailandL.png");
}
.countryBall.myFeatureBall.ball-TJ.defender, .countryBall.myFeatureBall.ball-TJ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/tajikistanR.png");
}
.countryBall.myFeatureBall.ball-TJ.attacker, .countryBall.myFeatureBall.ball-TJ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/tajikistanL.png");
}
.countryBall.myFeatureBall.ball-TL.defender, .countryBall.myFeatureBall.ball-TL.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/easttimorR.png");
}
.countryBall.myFeatureBall.ball-TL.attacker, .countryBall.myFeatureBall.ball-TL.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/easttimorL.png");
}
.countryBall.myFeatureBall.ball-TM.defender, .countryBall.myFeatureBall.ball-TM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/turkmenistanR.png");
}
.countryBall.myFeatureBall.ball-TM.attacker, .countryBall.myFeatureBall.ball-TM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/turkmenistanL.png");
}
.countryBall.myFeatureBall.ball-TN.defender, .countryBall.myFeatureBall.ball-TN.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/tunisiaR.png");
}
.countryBall.myFeatureBall.ball-TN.attacker, .countryBall.myFeatureBall.ball-TN.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/tunisiaL.png");
}
.countryBall.myFeatureBall.ball-TR.defender, .countryBall.myFeatureBall.ball-TR.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/turkeyR.png");
}
.countryBall.myFeatureBall.ball-TR.attacker, .countryBall.myFeatureBall.ball-TR.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/turkeyL.png");
}
.countryBall.myFeatureBall.ball-TW.defender, .countryBall.myFeatureBall.ball-TW.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/taiwanR.png");
}
.countryBall.myFeatureBall.ball-TW.attacker, .countryBall.myFeatureBall.ball-TW.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/taiwanL.png");
}
.countryBall.myFeatureBall.ball-TZ.defender, .countryBall.myFeatureBall.ball-TZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/tanzaniaR.png");
}
.countryBall.myFeatureBall.ball-TZ.attacker, .countryBall.myFeatureBall.ball-TZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/tanzaniaL.png");
}
.countryBall.myFeatureBall.ball-UA.defender, .countryBall.myFeatureBall.ball-UA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/ukraineR.png");
}
.countryBall.myFeatureBall.ball-UA.attacker, .countryBall.myFeatureBall.ball-UA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/ukraineL.png");
}
.countryBall.myFeatureBall.ball-UG.defender, .countryBall.myFeatureBall.ball-UG.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/ugandaR.png");
}
.countryBall.myFeatureBall.ball-UG.attacker, .countryBall.myFeatureBall.ball-UG.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/ugandaL.png");
}
.countryBall.myFeatureBall.ball-US.defender, .countryBall.myFeatureBall.ball-US.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/usaR.png");
}
.countryBall.myFeatureBall.ball-US.attacker, .countryBall.myFeatureBall.ball-US.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/usaL.png");
}
.countryBall.myFeatureBall.ball-UY.defender, .countryBall.myFeatureBall.ball-UY.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/uruguayR.png");
}
.countryBall.myFeatureBall.ball-UY.attacker, .countryBall.myFeatureBall.ball-UY.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/uruguayL.png");
}
.countryBall.myFeatureBall.ball-UZ.defender, .countryBall.myFeatureBall.ball-UZ.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/uzbekistanR.png");
}
.countryBall.myFeatureBall.ball-UZ.attacker, .countryBall.myFeatureBall.ball-UZ.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/uzbekistanL.png");
}
.countryBall.myFeatureBall.ball-VE.defender, .countryBall.myFeatureBall.ball-VE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/venezuelaR.png");
}
.countryBall.myFeatureBall.ball-VE.attacker, .countryBall.myFeatureBall.ball-VE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/venezuelaL.png");
}
.countryBall.myFeatureBall.ball-VN.defender, .countryBall.myFeatureBall.ball-VN.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/vietnamR.png");
}
.countryBall.myFeatureBall.ball-VN.attacker, .countryBall.myFeatureBall.ball-VN.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/vietnamL.png");
}
.countryBall.myFeatureBall.ball-VU.defender, .countryBall.myFeatureBall.ball-VU.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/vanuatuR.png");
}
.countryBall.myFeatureBall.ball-VU.attacker, .countryBall.myFeatureBall.ball-VU.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/vanuatuL.png");
}
.countryBall.myFeatureBall.ball-XK.defender, .countryBall.myFeatureBall.ball-XK.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/kosovoR.png");
}
.countryBall.myFeatureBall.ball-XK.attacker, .countryBall.myFeatureBall.ball-XK.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/kosovoL.png");
}
.countryBall.myFeatureBall.ball-YE.defender, .countryBall.myFeatureBall.ball-YE.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/yemenR.png");
}
.countryBall.myFeatureBall.ball-YE.attacker, .countryBall.myFeatureBall.ball-YE.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/yemenL.png");
}
.countryBall.myFeatureBall.ball-ZA.defender, .countryBall.myFeatureBall.ball-ZA.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/southafricaR.png");
}
.countryBall.myFeatureBall.ball-ZA.attacker, .countryBall.myFeatureBall.ball-ZA.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/southafricaL.png");
}
.countryBall.myFeatureBall.ball-ZM.defender, .countryBall.myFeatureBall.ball-ZM.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/zambiaR.png");
}
.countryBall.myFeatureBall.ball-ZM.attacker, .countryBall.myFeatureBall.ball-ZM.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/zambiaL.png");
}
.countryBall.myFeatureBall.ball-ZW.defender, .countryBall.myFeatureBall.ball-ZW.spectator:nth-child(2n+1) {
    background: url("/img/countryballsAssets/Optimized/zimbabweR.png");
}
.countryBall.myFeatureBall.ball-ZW.attacker, .countryBall.myFeatureBall.ball-ZW.spectator:nth-child(2n) {
    background: url("/img/countryballsAssets/Optimized/zimbabweL.png");
}
.countryBall.myFeatureBall .weapon, .countryBall.myFeatureBall .hat {
    display: none;
    height: 130px !important;
    position: absolute;
    width: 120px !important;
}

.countryBall.myFeatureBall .weapon {
    filter: drop-shadow(2px 2px 4px black);}

.countryBall.myFeatureBall .weapon::before {
    display: block;
    content: "";
    overflow: hidden;
    height: 130px !important;
    position: absolute;
    width: 120px !important;
    background-position: 0 0 !important;
}

.countryBall.myFeatureBall .weapon-brick {
    transform: scale(0.8);
}

.countryBall.myFeatureBall.defender .firearm {
    left: 80px;
    top: 30px;
}

.countryBall.myFeatureBall.attacker .firearm {
    left: -20px;
    top: 30px;
}

.countryBall.defender.myFeatureBall .weapon-snowball::before {
    background-image: url('/img/countryBallBattle/extras_120x130/snowballR.png');
}
.countryBall.defender.myFeatureBall .weapon-ak-47::before {
    background-image: url('/img/countryBallBattle/extras_120x130/ak47R.png');
}
.countryBall.defender.myFeatureBall .weapon-axe::before {
    background-image: url('/img/countryBallBattle/extras_120x130/axeR.png');
}
.countryBall.defender.myFeatureBall .weapon-brick::before {
    background-image: url('/img/countryBallBattle/extras_120x130/brickR.png');
}
.countryBall.defender.myFeatureBall .weapon-chainsaw::before {
    background-image: url('/img/countryBallBattle/extras_120x130/chainsawR.png');
}
.countryBall.defender.myFeatureBall .weapon-colt::before {
    background-image: url('/img/countryBallBattle/extras_120x130/pistolR.png');
}
.countryBall.defender.myFeatureBall .weapon-grenade::before {
    background-image: url('/img/countryBallBattle/extras_120x130/nadeR.png');
}
.countryBall.defender.myFeatureBall .weapon-molotov::before {
    background-image: url('/img/countryBallBattle/extras_120x130/molotovR.png');
}
.countryBall.defender.myFeatureBall .weapon-spear::before {
    background-image: url('/img/countryBallBattle/extras_120x130/spearR.png');
}
.countryBall.defender.myFeatureBall .weapon-sword::before {
    background-image: url('/img/countryBallBattle/extras_120x130/swordR.png');
}
.countryBall.defender.myFeatureBall .weapon-tea-cup::before {
    background-image: url('/img/countryBallBattle/extras_120x130/teacupR.png');
    scale: 0.5;
}
.countryBall.defender.myFeatureBall .weapon-meatballs::before {
    background-image: url('/img/countryBallBattle/extras_120x130/spaghettiR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-vodka::before {
    background-image: url('/img/countryBallBattle/extras_120x130/vodkaR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-maracas::before {
    background-image: url('/img/countryBallBattle/extras_120x130/maracasR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-maple::before {
    background-image: url('/img/countryBallBattle/extras_120x130/mapleR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-hindi-sword::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hindi-swordR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-guitar::before {
    background-image: url('/img/countryBallBattle/extras_120x130/guitarR.png');
}
.countryBall.defender.myFeatureBall .weapon-baguette::before {
    background-image: url('/img/countryBallBattle/extras_120x130/baguetteR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-cream-cake::before {
    background-image: url('/img/countryBallBattle/extras_120x130/creamcakeR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-kebab::before {
    background-image: url('/img/countryBallBattle/extras_120x130/kebabR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-ankh::before {
    background-image: url('/img/countryBallBattle/extras_120x130/ankhR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-katana::before {
    background-image: url('/img/countryBallBattle/extras_120x130/katanaR.png');
}
.countryBall.defender.myFeatureBall .weapon-flip_flop::before {
    background-image: url('/img/countryBallBattle/extras_120x130/flip-flopR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-revolver::before {
    background-image: url('/img/countryBallBattle/extras_120x130/coltR.png');
    scale: 0.6;
}
.countryBall.defender.myFeatureBall .weapon-rifle::before {
    background-image: url('/img/countryBallBattle/extras_120x130/rifleR.png');
    scale: 0.75;
}
.countryBall.defender.myFeatureBall .weapon-thor::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hammerR.png');
    scale: 0.5;
}
.countryBall.defender.myFeatureBall .weapon-nunchaku::before {
    background-image: url('/img/countryBallBattle/extras_120x130/nunchakuR.png');
    scale: 0.5;
}

.countryBall.attacker.myFeatureBall .weapon-ak-47::before {
    background-image: url('/img/countryBallBattle/extras_120x130/ak47L.png');
}
.countryBall.attacker.myFeatureBall .weapon-snowball::before {
    background-image: url('/img/countryBallBattle/extras_120x130/snowballL.png');
}
.countryBall.attacker.myFeatureBall .weapon-axe::before {
    background-image: url('/img/countryBallBattle/extras_120x130/axeL.png');
}
.countryBall.attacker.myFeatureBall .weapon-brick::before {
    background-image: url('/img/countryBallBattle/extras_120x130/brickL.png');
}
.countryBall.attacker.myFeatureBall .weapon-chainsaw::before {
    background-image: url('/img/countryBallBattle/extras_120x130/chainsawL.png');
}
.countryBall.attacker.myFeatureBall .weapon-colt::before {
    background-image: url('/img/countryBallBattle/extras_120x130/pistolL.png');
}
.countryBall.attacker.myFeatureBall .weapon-grenade::before {
    background-image: url('/img/countryBallBattle/extras_120x130/nadeL.png');
}
.countryBall.attacker.myFeatureBall .weapon-molotov::before {
    background-image: url('/img/countryBallBattle/extras_120x130/molotovL.png');
}
.countryBall.attacker.myFeatureBall .weapon-spear::before {
    background-image: url('/img/countryBallBattle/extras_120x130/spearL.png');
}
.countryBall.attacker.myFeatureBall .weapon-sword::before {
    background-image: url('/img/countryBallBattle/extras_120x130/swordL.png');
}
.countryBall.attacker.myFeatureBall .weapon-tea-cup::before {
    background-image: url('/img/countryBallBattle/extras_120x130/teacupL.png');
    scale: 0.5;
}
.countryBall.attacker.myFeatureBall .weapon-meatballs::before {
    background-image: url('/img/countryBallBattle/extras_120x130/spaghettiL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-vodka::before {
    background-image: url('/img/countryBallBattle/extras_120x130/vodkaL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-maracas::before {
    background-image: url('/img/countryBallBattle/extras_120x130/maracasL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-maple::before {
    background-image: url('/img/countryBallBattle/extras_120x130/mapleL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-hindi-sword::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hindi-swordL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-guitar::before {
    background-image: url('/img/countryBallBattle/extras_120x130/guitarL.png');
}
.countryBall.attacker.myFeatureBall .weapon-baguette::before {
    background-image: url('/img/countryBallBattle/extras_120x130/baguetteL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-cream-cake::before {
    background-image: url('/img/countryBallBattle/extras_120x130/creamcakeL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-kebab::before {
    background-image: url('/img/countryBallBattle/extras_120x130/kebabL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-ankh::before {
    background-image: url('/img/countryBallBattle/extras_120x130/ankhL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-katana::before {
    background-image: url('/img/countryBallBattle/extras_120x130/katanaL.png');
}
.countryBall.attacker.myFeatureBall .weapon-flip_flop::before {
    background-image: url('/img/countryBallBattle/extras_120x130/flip-flopL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-revolver::before {
    background-image: url('/img/countryBallBattle/extras_120x130/coltL.png');
    scale: 0.6;
}
.countryBall.attacker.myFeatureBall .weapon-rifle::before {
    background-image: url('/img/countryBallBattle/extras_120x130/rifleL.png');
    scale: 0.75;
}
.countryBall.attacker.myFeatureBall .weapon-thor::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hammerL.png');
    scale: 0.5;
}
.countryBall.attacker.myFeatureBall .weapon-nunchaku::before {
    background-image: url('/img/countryBallBattle/extras_120x130/nunchakuL.png');
    scale: 0.5;
}

.countryBall.myFeatureBall .hat::before {
    content: "";
    overflow: hidden;
    display: block;
    height: 130px !important;
    position: absolute;
    width: 120px !important;
    scale: 0.9;
    background-position: 0 0 !important;
}

.countryBall.myFeatureBall .weapon, .countryBall.myFeatureBall .hat {
    display: block;
}

.countryBall.myFeatureBall.defender .hat,
.countryBall.myFeatureBall.spectator:nth-child(2n+1) .hat {
    left: -4px;
    top:-66px !important;
}
.countryBall.myFeatureBall.attacker .hat,
.countryBall.myFeatureBall.spectator:nth-child(2n) .hat {
    left: 4px;
    top:-66px  !important;
}

.countryBall.myFeatureBall.defender .hat-santa {
    left: -10px !important;
}
.countryBall.myFeatureBall.attacker .hat-santa {
    left: 10px !important;
}

.countryBall.myFeatureBall.defender .hat-cylinder {
    top: -70px !important;
    scale: 0.75;
    left: -4px !important;
}
.countryBall.myFeatureBall.attacker .hat-cylinder {
    top: -70px !important;
    scale: 0.75;
    left: 4px !important;
}

.countryBall.myFeatureBall.defender .hat-witches,
.countryBall.myFeatureBall.attacker .hat-witches {
    top: -70px !important;
    left: 0px !important;
}


.countryBall.myFeatureBall.defender .hat-fedora,
.countryBall.myFeatureBall.attacker .hat-fedora {
    left: 0px !important;
    top: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-baseball {
    left: 5px !important;
    top: -60px !important;
}
.countryBall.myFeatureBall.attacker .hat-baseball {
    left: -5px !important;
    top: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-birthday {
    scale: 0.75;
    top: -75px !important;
    left: -4px !important;
}
.countryBall.myFeatureBall.attacker .hat-birthday {
    scale: 0.75;
    top: -75px !important;
    left: 4px !important;
}

.countryBall.myFeatureBall.defender .hat-crown {
    left: -8px !important;
}
.countryBall.myFeatureBall.attacker .hat-crown {
    left: 8px !important;
}

.countryBall.myFeatureBall.defender .hat-aureola,
.countryBall.myFeatureBall.attacker .hat-aureola {
    top: -55px !important;
}

.countryBall.myFeatureBall.defender .hat-rabbi,
.countryBall.myFeatureBall.attacker .hat-rabbi {
    top: -35px !important;
}

.countryBall.myFeatureBall.defender .hat-horns,
.countryBall.myFeatureBall.attacker .hat-horns {
    top: -60px !important;
    scale: 0.75;
}

.countryBall.myFeatureBall.defender .hat-beanie,
.countryBall.myFeatureBall.attacker .hat-beanie {
    top: -62px !important;
}

.countryBall.myFeatureBall.defender .hat-straw_brown,
.countryBall.myFeatureBall.attacker .hat-straw_brown {
    top: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-cylinder_grey,
.countryBall.myFeatureBall.attacker .hat-cylinder_grey {
    top: -62px !important;
}

.countryBall.myFeatureBall.defender .hat-fedora_grey,
.countryBall.myFeatureBall.attacker .hat-fedora_grey {
    scale: 0.9;
    top: -56px !important;
}

.countryBall.myFeatureBall.defender .hat-fedora_purple,
.countryBall.myFeatureBall.attacker .hat-fedora_purple {
    scale: 0.9;
    top: -70px !important;
}

.countryBall.myFeatureBall.defender .hat-sherif,
.countryBall.myFeatureBall.attacker .hat-sherif {
    top: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-straw,
.countryBall.myFeatureBall.attacker .hat-straw {
    top: -55px !important;
}

.countryBall.myFeatureBall.defender .hat-zorro,
.countryBall.myFeatureBall.attacker .hat-zorro {
    top: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-liangmao,
.countryBall.myFeatureBall.attacker .hat-liangmao {
    top: -56px !important;
}

.countryBall.myFeatureBall.defender .hat-baseball_hat_teal {
    top: -60px !important;
    left: 4px !important;
}
.countryBall.myFeatureBall.attacker .hat-baseball_hat_teal {
    top: -60px !important;
    left: -4px !important;
}

.countryBall.myFeatureBall.defender .hat-old_hat,
.countryBall.myFeatureBall.attacker .hat-old_hat {
    top: -55px !important;
}

.countryBall.myFeatureBall.defender .hat-beret,
.countryBall.myFeatureBall.attacker .hat-beret {
    top: -62px !important;
}

.countryBall.myFeatureBall.defender .hat-hat_brown,
.countryBall.myFeatureBall.attacker .hat-hat_brown {
    top: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-hat_dark,
.countryBall.myFeatureBall.attacker .hat-hat_dark {
    top: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-baseball_cap,
.countryBall.myFeatureBall.attacker .hat-baseball_cap {
    top: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-hat_light,
.countryBall.myFeatureBall.attacker .hat-hat_light {
    top: -58px !important;
}

.countryBall.myFeatureBall.defender .hat-sombrero {
    top: -65px !important;
    scale: 0.75;
    left: -60px !important;
}
.countryBall.myFeatureBall.attacker .hat-sombrero {
    top: -65px !important;
    scale: 0.75;
    left: -60px !important;
}

.countryBall.myFeatureBall.defender .hat-pope,
.countryBall.myFeatureBall.attacker .hat-pope {
    top: -70px !important;
}

.countryBall.myFeatureBall.defender .hat-chinese-rice {
    top: -58px !important;
    left: -2px !important;
}
.countryBall.myFeatureBall.attacker .hat-chinese-rice {
    top: -58px !important;
    left: 2px !important;
}

.countryBall.myFeatureBall.defender .hat-french-beret {
    scale: 0.9;
    top: -52px !important;
    left: -16px !important;
}
.countryBall.myFeatureBall.attacker .hat-french-beret {
    scale: 0.9;
    top: -52px !important;
    left: 16px !important;
}

.countryBall.myFeatureBall.defender .hat-turban {
    scale: 0.8;
    left: -8px !important;
}
.countryBall.myFeatureBall.attacker .hat-turban {
    scale: 0.8;
    left: 8px !important;
}

.countryBall.myFeatureBall.defender .hat-korean,
.countryBall.myFeatureBall.attacker .hat-korean {
    top: -64px !important;
}

.countryBall.myFeatureBall.defender .hat-sombrero-new,
.countryBall.myFeatureBall.attacker .hat-sombrero-new {
    top: -58px !important;
}

.countryBall.myFeatureBall.defender .hat-moose {
    top: -70px !important;
    left: -10px !important;
}
.countryBall.myFeatureBall.attacker .hat-moose {
    top: -70px !important;
    left: 10px !important;
}

.countryBall.myFeatureBall.defender .hat-top,
.countryBall.myFeatureBall.attacker .hat-top {
    top: -70px !important;
}



.countryBall.myFeatureBall .hat-sombrero, .countryBall.myFeatureBall .hat-sombrero::before {
    width: 240px !important;
}

.countryBall.myFeatureBall.defender .hat-santa::before, .countryBall.myFeatureBall.spectator:nth-child(2n+1) .hat-santa::before {
    background-image: url('/img/countryBallBattle/extras_120x130/santaR.png');
}
.countryBall.myFeatureBall.defender .hat-cylinder::before, .countryBall.myFeatureBall.spectator:nth-child(2n+1) .hat-cylinder::before {
    background-image: url('/img/countryBallBattle/extras_120x130/cylinderR.png');
}
.countryBall.myFeatureBall.defender .hat-witches::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-witches::before {
    background-image: url('/img/countryBallBattle/extras_120x130/witchR.png');
}
.countryBall.myFeatureBall.defender .hat-fedora::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-fedora::before {
    background-image: url('/img/countryBallBattle/extras_120x130/fedoraR.png');
}
.countryBall.myFeatureBall.defender .hat-baseball::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-baseball::before {
    background-image: url('/img/countryBallBattle/extras_120x130/baseballR.png');
}
.countryBall.myFeatureBall.defender .hat-birthday::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-birthday::before {
    background-image: url('/img/countryBallBattle/extras_120x130/birthdayR.png');
}
.countryBall.myFeatureBall.defender .hat-crown::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-crown::before {
    background-image: url('/img/countryBallBattle/extras_120x130/crownR.png');
}
.countryBall.myFeatureBall.defender .hat-aureola::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-aureola::before {
    background-image: url('/img/countryBallBattle/extras_120x130/aureolaR.png');
}
.countryBall.myFeatureBall.defender .hat-rabbi::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-rabbi::before {
    background-image: url('/img/countryBallBattle/extras_120x130/rabbiR.png');
}
.countryBall.myFeatureBall.defender .hat-horns::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-horns::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hornsR.png');
}
.countryBall.myFeatureBall.defender .hat-beanie::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-beanie::before {
    background-image: url('/img/countryBallBattle/extras_120x130/beanieR.png');
}
.countryBall.myFeatureBall.defender .hat-straw_brown::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-straw_brown::before {
    background-image: url('/img/countryBallBattle/extras_120x130/straw-brownR.png');
}
.countryBall.myFeatureBall.defender .hat-cylinder_grey::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-cylinder_grey::before {
    background-image: url('/img/countryBallBattle/extras_120x130/cylinder-greyR.png');
}
.countryBall.myFeatureBall.defender .hat-fedora_grey::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-fedora_grey::before {
    background-image: url('/img/countryBallBattle/extras_120x130/fedora-greyR.png');
}
.countryBall.myFeatureBall.defender .hat-fedora_purple::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-fedora_purple::before {
    background-image: url('/img/countryBallBattle/extras_120x130/fedora-purpleR.png');
}
.countryBall.myFeatureBall.defender .hat-sherif::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-sherif::before {
    background-image: url('/img/countryBallBattle/extras_120x130/sheriffR.png');
}
.countryBall.myFeatureBall.defender .hat-cylinder_gold::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-cylinder_gold::before {
    background-image: url('/img/countryBallBattle/extras_120x130/cylinder-goldR.png');
}
.countryBall.myFeatureBall.defender .hat-straw::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-straw::before {
    background-image: url('/img/countryBallBattle/extras_120x130/strawR.png');
}
.countryBall.myFeatureBall.defender .hat-zorro::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-zorro::before {
    background-image: url('/img/countryBallBattle/extras_120x130/zorroR.png');
}
.countryBall.myFeatureBall.defender .hat-fez::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-fez::before {
    background-image: url('/img/countryBallBattle/extras_120x130/fezR.png');
}
.countryBall.myFeatureBall.defender .hat-liangmao::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-liangmao::before {
    background-image: url('/img/countryBallBattle/extras_120x130/liangmaoR.png');
}
.countryBall.myFeatureBall.defender .hat-baseball_hat_teal::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-baseball_hat_teal::before {
    background-image: url('/img/countryBallBattle/extras_120x130/baseball-tealR.png');
}
.countryBall.myFeatureBall.defender .hat-old_hat::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-old_hat::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hat-oldR.png');
}
.countryBall.myFeatureBall.defender .hat-beret::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-beret::before {
    background-image: url('/img/countryBallBattle/extras_120x130/betetR.png');
}
.countryBall.myFeatureBall.defender .hat-hat_brown::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-hat_brown::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hat-brownR.png');
}
.countryBall.myFeatureBall.defender .hat-hat_dark::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-hat_dark::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hat-darkR.png');
}
.countryBall.myFeatureBall.defender .hat-baseball_cap::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-baseball_cap::before {
    background-image: url('/img/countryBallBattle/extras_120x130/baseball-capR.png');
}
.countryBall.myFeatureBall.defender .hat-hat_light::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-hat_light::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hat-lightR.png');
}
.countryBall.myFeatureBall.defender .hat-sombrero::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-sombrero::before {
    background-image: url('/img/countryBallBattle/extras_120x130/sombreroR.png');
}
.countryBall.myFeatureBall.defender .hat-pope::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-pope::before {
    background-image: url('/img/countryBallBattle/extras_120x130/popeR.png');
}
.countryBall.myFeatureBall.defender .hat-chinese-rice::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-chinese-rice::before {
    background-image: url('/img/countryBallBattle/extras_120x130/chinese-riceR.png');
}
.countryBall.myFeatureBall.defender .hat-french-beret::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-french-beret::before {
    background-image: url('/img/countryBallBattle/extras_120x130/french-beretR.png');
}
.countryBall.myFeatureBall.defender .hat-turban::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-turban::before {
    background-image: url('/img/countryBallBattle/extras_120x130/turbanR.png');
}
.countryBall.myFeatureBall.defender .hat-korean::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-korean::before {
    background-image: url('/img/countryBallBattle/extras_120x130/koreanR.png');
}
.countryBall.myFeatureBall.defender .hat-sombrero-new::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-sombrero-new::before {
    background-image: url('/img/countryBallBattle/extras_120x130/sombrero-newR.png');
}
.countryBall.myFeatureBall.defender .hat-moose::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-moose::before {
    background-image: url('/img/countryBallBattle/extras_120x130/mooseR.png');
}
.countryBall.myFeatureBall.defender .hat-top::before, .countryBall.myFeatureBall.spectator:nth-child(2n + 1) .hat-top::before {
    background-image: url('/img/countryBallBattle/extras_120x130/topR.png');
}

.countryBall.myFeatureBall.attacker .hat-santa::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-santa::before {
    background-image: url('/img/countryBallBattle/extras_120x130/santaL.png');
}
.countryBall.myFeatureBall.attacker .hat-cylinder::before, .countryBall.myFeatureBall.spectator:nth-child(2n+1) .hat-cylinder::before {
    background-image: url('/img/countryBallBattle/extras_120x130/cylinderL.png');
}
.countryBall.myFeatureBall.attacker .hat-witches::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-witches::before {
    background-image: url('/img/countryBallBattle/extras_120x130/witchL.png');
}
.countryBall.myFeatureBall.attacker .hat-fedora::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-fedora::before {
    background-image: url('/img/countryBallBattle/extras_120x130/fedoraL.png');
}
.countryBall.myFeatureBall.attacker .hat-baseball::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-baseball::before {
    background-image: url('/img/countryBallBattle/extras_120x130/baseballL.png');
}
.countryBall.myFeatureBall.attacker .hat-birthday::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-birthday::before {
    background-image: url('/img/countryBallBattle/extras_120x130/birthdayL.png');
}
.countryBall.myFeatureBall.attacker .hat-crown::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-crown::before {
    background-image: url('/img/countryBallBattle/extras_120x130/crownL.png');
}
.countryBall.myFeatureBall.attacker .hat-aureola::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-aureola::before {
    background-image: url('/img/countryBallBattle/extras_120x130/aureolaL.png');
}
.countryBall.myFeatureBall.attacker .hat-rabbi::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-rabbi::before {
    background-image: url('/img/countryBallBattle/extras_120x130/rabbiL.png');
}
.countryBall.myFeatureBall.attacker .hat-horns::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-horns::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hornsL.png');
}
.countryBall.myFeatureBall.attacker .hat-beanie::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-beanie::before {
    background-image: url('/img/countryBallBattle/extras_120x130/beanieL.png');
}
.countryBall.myFeatureBall.attacker .hat-straw_brown::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-straw_brown::before {
    background-image: url('/img/countryBallBattle/extras_120x130/straw-brownL.png');
}
.countryBall.myFeatureBall.attacker .hat-cylinder_grey::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-cylinder_grey::before {
    background-image: url('/img/countryBallBattle/extras_120x130/cylinder-greyL.png');
}
.countryBall.myFeatureBall.attacker .hat-fedora_grey::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-fedora_grey::before {
    background-image: url('/img/countryBallBattle/extras_120x130/fedora-greyL.png');
}
.countryBall.myFeatureBall.attacker .hat-fedora_purple::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-fedora_purple::before {
    background-image: url('/img/countryBallBattle/extras_120x130/fedora-purpleL.png');
}
.countryBall.myFeatureBall.attacker .hat-sherif::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-sherif::before {
    background-image: url('/img/countryBallBattle/extras_120x130/sheriffL.png');
}
.countryBall.myFeatureBall.attacker .hat-cylinder_gold::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-cylinder_gold::before {
    background-image: url('/img/countryBallBattle/extras_120x130/cylinder-goldL.png');
}
.countryBall.myFeatureBall.attacker .hat-straw::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-straw::before {
    background-image: url('/img/countryBallBattle/extras_120x130/strawL.png');
}
.countryBall.myFeatureBall.attacker .hat-zorro::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-zorro::before {
    background-image: url('/img/countryBallBattle/extras_120x130/zorroL.png');
}
.countryBall.myFeatureBall.attacker .hat-fez::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-fez::before {
    background-image: url('/img/countryBallBattle/extras_120x130/fezL.png');
}
.countryBall.myFeatureBall.attacker .hat-liangmao::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-liangmao::before {
    background-image: url('/img/countryBallBattle/extras_120x130/liangmaoL.png');
}
.countryBall.myFeatureBall.attacker .hat-baseball_hat_teal::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-baseball_hat_teal::before {
    background-image: url('/img/countryBallBattle/extras_120x130/baseball-tealL.png');
}
.countryBall.myFeatureBall.attacker .hat-old_hat::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-old_hat::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hat-oldL.png');
}
.countryBall.myFeatureBall.attacker .hat-beret::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-beret::before {
    background-image: url('/img/countryBallBattle/extras_120x130/beretL.png');
}
.countryBall.myFeatureBall.attacker .hat-hat_brown::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-hat_brown::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hat-brownL.png');
}
.countryBall.myFeatureBall.attacker .hat-hat_dark::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-hat_dark::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hat-darkL.png');
}
.countryBall.myFeatureBall.attacker .hat-baseball_cap::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-baseball_cap::before {
    background-image: url('/img/countryBallBattle/extras_120x130/baseball-capL.png');
}
.countryBall.myFeatureBall.attacker .hat-hat_light::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-hat_light::before {
    background-image: url('/img/countryBallBattle/extras_120x130/hat-lightL.png');
}
.countryBall.myFeatureBall.attacker .hat-sombrero::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-sombrero::before {
    background-image: url('/img/countryBallBattle/extras_120x130/sombreroL.png');
}
.countryBall.myFeatureBall.attacker .hat-pope::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-pope::before {
    background-image: url('/img/countryBallBattle/extras_120x130/popeL.png');
}
.countryBall.myFeatureBall.attacker .hat-chinese-rice::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-chinese-rice::before {
    background-image: url('/img/countryBallBattle/extras_120x130/chinese-riceL.png');
}
.countryBall.myFeatureBall.attacker .hat-french-beret::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-french-beret::before {
    background-image: url('/img/countryBallBattle/extras_120x130/french-beretL.png');
}
.countryBall.myFeatureBall.attacker .hat-turban::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-turban::before {
    background-image: url('/img/countryBallBattle/extras_120x130/turbanL.png');
}
.countryBall.myFeatureBall.attacker .hat-korean::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-korean::before {
    background-image: url('/img/countryBallBattle/extras_120x130/koreanL.png');
}
.countryBall.myFeatureBall.attacker .hat-sombrero-new::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-sombrero-new::before {
    background-image: url('/img/countryBallBattle/extras_120x130/sombrero-newL.png');
}
.countryBall.myFeatureBall.attacker .hat-moose::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-moose::before {
    background-image: url('/img/countryBallBattle/extras_120x130/mooseL.png');
}
.countryBall.myFeatureBall.attacker .hat-top::before, .countryBall.myFeatureBall.spectator:nth-child(2n) .hat-top::before {
    background-image: url('/img/countryBallBattle/extras_120x130/topL.png');
}

    /*healthBar*/
.countryBall.myFeatureBall .healthBar,
.countryBall.myFeatureBall .health {
    transform: unset;
}

.countryBall.myFeatureBall .healthBar {
    top: 95px !important;
    height: 10% !important;
    transform: unset !important;
}

.countryBall.myFeatureBall .healthTitle {
    font-size: 1em;
}

.countryBall.myFeatureBall .healthBar {
    width: 100%;
    height: 10%;
    background-color: #555;
    border-radius: 0.5em;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    outline: 3px solid black;
    box-shadow: 0 2px 4px 2px black;
    transform: scaleX(-1);
}

.mobile .healthBar {
    height: 20%;
}

.countryBall.myFeatureBall .health {
    height: 100%;
    /*background-color: #00d500; !* green *!*/
    background: url(/img/stripes.png) repeat 0 0, linear-gradient(0deg, #004700, #00d500);
    border-radius: 0.5em;
    /*box-shadow: inset 0px 0px 1px 0px #202020, inset 0px 1px 1px 0px rgb(255 255 255);*/
    box-shadow: none;
    transition: width 0.3s ease-in-out;
    transform: scaleX(-1);
}

.countryBall.myFeatureBall .healthBar {
    scale: 1.25;
    width: 75%;
}

.countryBall.myBossBall .healthBar {
    scale: 1;
    width: 100%;
}

.countryBall.myFeatureBall .healthTitle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    font-weight: bolder;
    text-shadow: 0px 0px 2px black, 0px 1px 2px black, 0px 1px 2px black;
}

.mobile .healthTitle {
    font-size: 3.5em;
}

@keyframes bossHit {
    0% { filter: brightness(1) saturate(1); }
    50% { filter: brightness(0.5) saturate(2) drop-shadow(0 0 10px red); }
    100% { filter: brightness(1) saturate(1); }
}

@keyframes playerShake {
    0%, 100% { transform: translate(0, 0) scale(0.7);  }
    20% { transform: translate(-5px, 0) scale(0.7); }
    40% { transform: translate(5px, 0) scale(0.7); }
    60% { transform: translate(-5px, 0) scale(0.7); }
    80% { transform: translate(5px, 0) scale(0.7); }
}

@keyframes mobilePlayerShake {
    0%, 100% { transform: translate(0, 0) scale(1.5);  }
    20% { transform: translate(-5px, 0) scale(1.5); }
    40% { transform: translate(5px, 0) scale(1.5); }
    60% { transform: translate(-5px, 0) scale(1.5); }
    80% { transform: translate(5px, 0) scale(1.5); }
}

@keyframes bossShake {
    0%, 100% { transform: translate(0, 0) scale(1);  }
    20% { transform: translate(-5px, 0) scale(1); }
    40% { transform: translate(5px, 0) scale(1); }
    60% { transform: translate(-5px, 0) scale(1); }
    80% { transform: translate(5px, 0) scale(1); }
}

@keyframes mobileBossShake {
    0%, 100% { transform: translate(0, 0) scale(2);  }
    20% { transform: translate(-5px, 0) scale(2); }
    40% { transform: translate(5px, 0) scale(2); }
    60% { transform: translate(-5px, 0) scale(2); }
    80% { transform: translate(5px, 0) scale(2); }
}

@keyframes bossDying {
    0% {
        transform: scale(1.5) translate(0, 0) rotate(0deg);
        opacity: 1;
        filter: brightness(1) drop-shadow(0 0 5px rgba(255, 0, 0, 0.5));
        box-shadow: 0 0 30px rgba(255, 50, 50, 0.8);
    }
    10% {
        transform: scale(1.45) translate(-5px, -5px) rotate(-5deg);
        filter: brightness(1.8) drop-shadow(0 0 15px red) contrast(1.5);
        box-shadow: 0 0 40px crimson;
    }
    20% {
        transform: scale(1.4) translate(7px, 7px) rotate(8deg);
        filter: brightness(1.3) drop-shadow(0 0 20px #ff3300) hue-rotate(15deg);
        opacity: 0.95;
    }
    30% {
        transform: scale(1.3) translate(-10px, -10px) rotate(-15deg);
        filter: brightness(2) drop-shadow(0 0 30px #ff0000) contrast(2);
        box-shadow: 0 0 50px rgba(255, 0, 0, 0.9);
    }
    40% {
        transform: scale(1.1) translate(15px, 0) rotate(25deg);
        filter: hue-rotate(45deg) drop-shadow(0 0 40px #ff6600) blur(1px);
        opacity: 0.85;
    }
    50% {
        transform: scale(0.9) translate(-20px, 15px) rotate(-35deg);
        filter: brightness(2.5) drop-shadow(0 0 60px red) hue-rotate(90deg);
        box-shadow: 0 0 60px rgba(255, 100, 0, 0.8);
        opacity: 0.7;
    }
    60% {
        transform: scale(0.7) translate(25px, 30px) rotate(50deg);
        filter: contrast(4) drop-shadow(0 0 80px #ff3333) blur(3px);
        opacity: 0.5;
    }
    70% {
        transform: scale(0.5) translate(-30px, 50px) rotate(-65deg);
        filter: hue-rotate(180deg) drop-shadow(0 0 100px #ff0000) brightness(3);
        opacity: 0.3;
    }
    80% {
        transform: scale(0.3) translate(0, 70px) rotate(80deg);
        filter: contrast(6) drop-shadow(0 0 120px #ff5500) blur(8px);
        box-shadow: 0 0 80px rgba(255, 150, 0, 0.6);
        opacity: 0.15;
    }
    90% {
        transform: scale(0.1) translate(10px, 90px) rotate(-95deg);
        filter: hue-rotate(270deg) drop-shadow(0 0 150px #ff7700) brightness(5);
        opacity: 0.05;
    }
    100% {
        transform: scale(0) translate(0, 120px) rotate(120deg);
        filter: brightness(8) blur(20px) drop-shadow(0 0 200px #ff8800);
        opacity: 0;
        box-shadow: 0 0 100px rgba(255, 200, 0, 0);
    }
}

@keyframes bossBerserkHit {
    0% { filter: brightness(1) saturate(1); }
    25% { filter: brightness(0.7) saturate(2) drop-shadow(0 0 20px red); }
    50% { filter: brightness(0.5) saturate(3) drop-shadow(0 0 30px red); }
    75% { filter: brightness(0.7) saturate(2) drop-shadow(0 0 20px red); }
    100% { filter: brightness(1) saturate(1); }
}

@keyframes bossBerserkShake {
    0%, 100% { transform: translate(0, 0) scale(1.25) rotate(0deg); }
    10% { transform: translate(-8px, -4px) scale(1.25) rotate(-2deg); }
    20% { transform: translate(8px, 4px) scale(1.25) rotate(2deg); }
    30% { transform: translate(-10px, 0px) scale(1.25) rotate(-3deg); }
    40% { transform: translate(10px, -4px) scale(1.25) rotate(3deg); }
    50% { transform: translate(-12px, 4px) scale(1.25) rotate(-4deg); }
    60% { transform: translate(12px, -4px) scale(1.25) rotate(4deg); }
    70% { transform: translate(-8px, 0px) scale(1.25) rotate(-2deg); }
    80% { transform: translate(8px, 4px) scale(1.25) rotate(2deg); }
    90% { transform: translate(-5px, -4px) scale(1.25) rotate(-1deg); }
}

.myFeatureBall.myBossBall.berserk-hit {
    animation: bossBerserkHit 0.4s ease-in-out forwards, bossBerserkShake 0.4s ease-in-out forwards;
}
.myFeatureBall.myBossBall.hit {
    animation: bossHit 0.5s ease-in-out forwards, bossShake 0.5s ease-in-out forwards;
}

.mobile .myFeatureBall.myBossBall.hit {
    animation: bossHit 0.5s ease-in-out forwards, mobileBossShake 0.5s ease-in-out forwards;
}

.myFeatureBall.myBall.hit {
    animation: bossHit 0.5s ease-in-out forwards, playerShake 0.5s ease-in-out forwards;
}

.mobile .myFeatureBall.myBall.hit {
    animation: bossHit 0.5s ease-in-out, mobilePlayerShake 0.5s ease-in-out;
}

.myBossBall.dying {
    animation: bossDying 3s ease-in forwards;
    will-change: transform, opacity, filter;
    transform-origin: center bottom;
}

.myBossBall .bubbleTextContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
    text-transform: uppercase;
    color: black;
    box-shadow: 0px 1px 4px 2px #000000a6;
    position: absolute;
    bottom: 100%;
    padding: 0.5em;
    background: #ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: #000000 solid 2px;
    font-size: 0.75em;
    opacity: 0.9;
}

.mobile .myBossBall .bubbleTextContainer {
    font-size: 1em;
}

.myBossBall .bubbleTextContainer:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 0;
    margin-left: -15px;
    bottom: -14px;
    left: 50%;
}

.myBossBall .bubbleTextContainer:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 16px 16px 0;
    border-color: #000000 transparent;
    display: block;
    width: 0;
    z-index: 0;
    margin-left: -16px;
    bottom: -16px;
    left: 50%;
}

.myBossBall .bubbleTextContainer.fadeIn {
    animation: fade 0.4s;
}

.myBossBall .bubbleTextContainer.fadeOut {
    animation: fadeOut 0.25s;
}

.countryBall.myFeatureBall.attacker .shakeWeapon {
    offset-path: path("M 40,42 l 9,-8 l -4,8 l -7,-7 l -6,-9 l 8,6 l 4,8 l -9,-5 l 6,-8 l 7,6 l -7,9 l -8,6");
    offset-rotate: 0deg;
    animation-iteration-count: infinite;
}
.countryBall.myFeatureBall.defender .shakeWeapon {
    offset-path: path("M 90,42 l 5,-8 l -8,6 l 3,9 l 4,-8 l -3,-9 l -9,-4 l -4,8 l 8,-6 l 7,2 l -7,-2 l 9,4");
    offset-rotate: 0deg;
    animation-iteration-count: infinite;
}

.countryBall.myFeatureBall > .shakeWeapon {
    animation-name: shakeWeaponAnim;
    animation-duration: 2s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform: scale(0.8);
    will-change: transform;
    transform-origin: center center;
}

@keyframes shakeWeaponAnim {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}

.mobile .countryBall.myFeatureBall.attacker .throwWeapon {
	offset-path: path("M 20,42 C -90,-103 -180,-103 -310,33") !important;;
}
.mobile .countryBall.myFeatureBall.defender .throwWeapon  {
	offset-path: path("M 20,42 C 130,-103 240,-103 390,33") !important;;
}

.mobile .countryBall.myBossBall.attacker .throwWeapon  {
    offset-path: path("M 20,42 C -60,-63 -120,-67 -180,72") !important;

}
.mobile .countryBall.myBossBall.defender .throwWeapon  {
    offset-path: path("M 20,42 C 120,-63 200,-63 320,72") !important;
}

.countryBall.myFeatureBall.attacker .throwWeapon {
    offset-path: path("M 20,42 C -120,-103 -280,-103 -600,33");
    offset-rotate: 0deg;
    animation-iteration-count: 1;
}
.countryBall.myFeatureBall.defender .throwWeapon {
    offset-path: path("M 20,42 C 180,-103 340,-103 660,33");
    offset-rotate: 0deg;
    animation-iteration-count: 1;
}

.countryBall.myBossBall.attacker .throwWeapon {
    offset-path: path("M 20,42 C -80,-63 -190,-67 -280,72") !important;

}
.countryBall.myBossBall.defender .throwWeapon {
    offset-path: path("M 20,42 C 120,-63 220,-63 380,72") !important;
}

.countryBall.myFeatureBall > .throwWeapon {
    animation-name: throwWeaponAnim;
    animation-duration: 0.5s;
    animation-direction: normal;
    animation-timing-function: linear;
    transform: scale(0.8);
    animation-delay: unset !important;
    will-change: transform;
}

@keyframes throwWeaponAnim {
    0% {
        offset-distance: 0%;
        transform: scale(0.8);
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.5);
    }
}
.rewardModalContainer .rewardModal.GOLD {
    background-image: url("/img/productIcons/Rewards/gold.png");
}
.rewardModalContainer .rewardModal.LOCAL_CURRENCY {
    background-image: url("/img/productIcons/Rewards/localCurrency.png") ;
}
.rewardModalContainer .rewardModal.XP {
    background-image: url("/img/productIcons/Rewards/xpRestore.png");
}
@keyframes moveToDefenderSlash {
    0% {
        transform: translateX(0) rotate(0deg) scale(0.7);
    }

    30% {
        transform: translateX(-460px) rotate(0deg) scale(0.7);
    }

    40% {
        transform: translateX(-460px) rotate(-20deg) scale(0.7);
    }

    50% {
        transform: translateX(-460px) rotate(45deg) scale(0.7);
    }

    60% {
        transform: translateX(-460px) rotate(-30deg) scale(0.7);
    }

    75% {
        transform: translateX(-460px) rotate(10deg) scale(0.7);
    }

    90% {
        transform: translateX(-250px) rotate(0deg) scale(0.7);
    }

    100% {
        transform: translateX(0) rotate(0deg) scale(0.7);
    }
}

@keyframes moveToAttackerSlash {
    0% {
        transform: translateX(0) rotate(0deg) scale(0.7);
    }

    30% {
        transform: translateX(415px) rotate(0deg) scale(0.7);
    }

    40% {
        transform: translateX(415px) rotate(-20deg) scale(0.7);
    }

    50% {
        transform: translateX(415px) rotate(45deg) scale(0.7);
    }

    60% {
        transform: translateX(415px) rotate(-30deg) scale(0.7);
    }

    75% {
        transform: translateX(415px) rotate(10deg) scale(0.7);
    }

    90% {
        transform: translateX(250px) rotate(0deg) scale(0.7);
    }

    100% {
        transform: translateX(0) rotate(0deg) scale(0.7);
    }
}

@keyframes mobileMoveToDefenderSlash {
    0% {
        transform: translateX(0) rotate(0deg) scale(1.5);
    }

    30% {
        transform: translateX(-475px) rotate(0deg) scale(1.5);
    }

    40% {
        transform: translateX(-475px) rotate(-20deg) scale(1.5);
    }

    50% {
        transform: translateX(-475px) rotate(45deg) scale(1.5);
    }

    60% {
        transform: translateX(-475px) rotate(-30deg) scale(1.5);
    }

    75% {
        transform: translateX(-475px) rotate(10deg) scale(1.5);
    }

    90% {
        transform: translateX(-250px) rotate(0deg) scale(1.5);
    }

    100% {
        transform: translateX(0) rotate(0deg) scale(1.5);
    }
}

@keyframes mobileMoveToAttackerSlash {
    0% {
        transform: translateX(0) rotate(0deg) scale(1.5);
    }

    30% {
        transform: translateX(375px) rotate(0deg) scale(1.5);
    }

    40% {
        transform: translateX(375px) rotate(-20deg) scale(1.5);
    }

    50% {
        transform: translateX(375px) rotate(45deg) scale(1.5);
    }

    60% {
        transform: translateX(375px) rotate(-30deg) scale(1.5);
    }

    75% {
        transform: translateX(375px) rotate(10deg) scale(1.5);
    }

    90% {
        transform: translateX(150px) rotate(0deg) scale(1.5);
    }

    100% {
        transform: translateX(0) rotate(0deg) scale(1.5);
    }
}

@keyframes bossMoveToDefenderSlash {
    0% {
        transform: translateX(0) rotate(0deg) scale(1);
    }

    30% {
        transform: translateX(-460px) rotate(0deg) scale(1);
    }

    40% {
        transform: translateX(-460px) rotate(-20deg) scale(1);
    }

    50% {
        transform: translateX(-460px) rotate(45deg) scale(1);
    }

    60% {
        transform: translateX(-460px) rotate(-30deg) scale(1);
    }

    75% {
        transform: translateX(-460px) rotate(10deg) scale(1);
    }

    90% {
        transform: translateX(-250px) rotate(0deg) scale(1);
    }

    100% {
        transform: translateX(0) rotate(0deg) scale(1);
    }
}

@keyframes bossMoveToAttackerSlash {
    0% {
        transform: translateX(0) rotate(0deg) scale(1);
    }

    30% {
        transform: translateX(315px) rotate(0deg) scale(1);
    }

    40% {
        transform: translateX(315px) rotate(-20deg) scale(1);
    }

    50% {
        transform: translateX(315px) rotate(45deg) scale(1);
    }

    60% {
        transform: translateX(315px) rotate(-30deg) scale(1);
    }

    75% {
        transform: translateX(315px) rotate(10deg) scale(1);
    }

    90% {
        transform: translateX(200px) rotate(0deg) scale(1);
    }

    100% {
        transform: translateX(0) rotate(0deg) scale(1);
    }
}

@keyframes mobileBossMoveToDefenderSlash {
    0% {
        transform: translateX(0) rotate(0deg) scale(2);
    }

    30% {
        transform: translateX(-460px) rotate(0deg) scale(2);
    }

    40% {
        transform: translateX(-460px) rotate(-20deg) scale(2);
    }

    50% {
        transform: translateX(-460px) rotate(45deg) scale(2);
    }

    60% {
        transform: translateX(-460px) rotate(-30deg) scale(2);
    }

    75% {
        transform: translateX(-460px) rotate(10deg) scale(2);
    }

    90% {
        transform: translateX(-250px) rotate(0deg) scale(2);
    }

    100% {
        transform: translateX(0) rotate(0deg) scale(2);
    }
}

@keyframes mobileBossMoveToAttackerSlash {
    0% {
        transform: translateX(0) rotate(0deg) scale(2);
    }

    30% {
        transform: translateX(315px) rotate(0deg) scale(2);
    }

    40% {
        transform: translateX(315px) rotate(-20deg) scale(2);
    }

    50% {
        transform: translateX(315px) rotate(45deg) scale(2);
    }

    60% {
        transform: translateX(315px) rotate(-30deg) scale(2);
    }

    75% {
        transform: translateX(315px) rotate(10deg) scale(2);
    }

    90% {
        transform: translateX(200px) rotate(0deg) scale(2);
    }

    100% {
        transform: translateX(0) rotate(0deg) scale(2);
    }
}

@keyframes idleSword {
    0% {
        transform: translateY(0) scale(1) rotate(0deg);
    }
    25% {
        transform: translateY(-3px) scale(1.01) rotate(1deg);
    }
    50% {
        transform: translateY(0px) scale(1.005) rotate(0deg);
    }
    75% {
        transform: translateY(3px) scale(0.99) rotate(-1deg);
    }
    100% {
        transform: translateY(0) scale(1) rotate(0deg);
    }
}

.countryBall.myBall.defender.moveToEnemy {
    animation: moveToAttackerSlash 1s ease-in-out forwards;
    animation-iteration-count: 1;
    will-change: transform;
}

.countryBall.myBall.attacker.moveToEnemy {
    animation: moveToDefenderSlash 1s ease-in-out forwards;
    animation-iteration-count: 1;
    will-change: transform;
}

.mobile .countryBall.myBall.defender.moveToEnemy {
    animation: mobileMoveToAttackerSlash 1s ease-in-out forwards;
    animation-iteration-count: 1;
    will-change: transform;
}

.mobile .countryBall.myBall.attacker.moveToEnemy {
    animation: mobileMoveToDefenderSlash 1s ease-in-out forwards;
    animation-iteration-count: 1;
    will-change: transform;
}

.countryBall.myBossBall.defender.moveToEnemy {
    animation: bossMoveToAttackerSlash 1s ease-in-out forwards;
    animation-iteration-count: 1;
    will-change: transform;
}

.countryBall.myBossBall.attacker.moveToEnemy {
    animation: bossMoveToDefenderSlash 1s ease-in-out forwards;
    animation-iteration-count: 1;
    will-change: transform;
}

.mobile .countryBall.myBossBall.defender.moveToEnemy {
    animation: mobileBossMoveToAttackerSlash 1s ease-in-out forwards;
    animation-iteration-count: 1;
    will-change: transform;
}

.mobile .countryBall.myBossBall.attacker.moveToEnemy {
    animation: mobileBossMoveToDefenderSlash 1s ease-in-out forwards;
    animation-iteration-count: 1;
    will-change: transform;
}

.idleMelee {
    animation: idleSword 1s ease-in-out forwards infinite;
    animation-delay: unset !important;
    transform-origin: center bottom;
    will-change: transform;
}

.myFeatureBall .bullet {
    position: absolute;
    top: 8px;
    left: 100%;
    width: 40px;
    height: 20px;
    background-image: url('/img/countryBallBattle/weapons/bullet-min.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2px;
    z-index: 2;
    will-change: transform, opacity;
}

.myFeatureBall.myBossBall .bullet {
    width: 20px;
    height: 10px;
}

.myFeatureBall.defender .bullet {
    animation: fireBulletDefender 0.35s linear forwards;
}

.myFeatureBall.attacker .bullet {
    animation: fireBulletAttacker 0.35s linear forwards;
}

.mobile .myFeatureBall.defender .bullet {
    animation: mobileFireBulletDefender 0.15s linear forwards;
}

.mobile .myFeatureBall.attacker .bullet {
    animation: mobileFireBulletAttacker 0.15s linear forwards;
}

@keyframes fireBulletDefender {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateX(400px);
        opacity: 0;
    }
}


@keyframes fireBulletAttacker {
    0% {
        transform: translateX(0) scaleX(-1);
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateX(-800px) scaleX(-1);
        opacity: 0;
    }
}

@keyframes mobileFireBulletDefender {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateX(200px);
        opacity: 0;
    }
}


@keyframes mobileFireBulletAttacker {
    0% {
        transform: translateX(0) scaleX(-1);
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateX(-500px) scaleX(-1);
        opacity: 0;
    }
}

.newBgUi {
    background-color: #222;
    background-image: url(/img/bgForElements/texture3.png) !important;
    width: 96% !important;
    border: 2px solid black;
    margin: 0 auto;
}

#recentAttackers, #recentDefenders, #top10Attackers, #top10Defenders {
    background: #00000066;
    padding: 0.5em;
    border-radius: 0.5em;
}

.battleParticipantOnline {
    background: #00000066;
    padding: 0.5em 1em;
    border-radius: 0.5em;
    border: 1px solid black;
    box-shadow: 1px 1px 5px #00000080;
}
#totalSpectatorsByCountry, #totalDefendersByCountry, #totalAttackersByCountry {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5em 1em;
}

.mobile .battleParticipantOnline .xflagsBig {
    zoom: 0.5;
}

.mobile .topFighters .smallAvatar {
    width: 2vw;
    height: 2vw;
}

.topFighters .attacker,
.topFighters .defender {
    background: #0000005c;
    padding: 0.5em;
    border-radius: 0.5em;
}

/*BACKGROUNDS*/
.battle2022.countryBalls.VOLCANIC_1 {
    background-image: url('/img/battleBackgrounds/volcanic_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.URBAN_1 {
    background-image: url('/img/battleBackgrounds/urban_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.SUBURBAN_1 {
    background-image: url('/img/battleBackgrounds/suburban_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.TUNDRA_1 {
    background-image: url('/img/battleBackgrounds/tundra_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.TUNDRA_2 {
    background-image: url('/img/battleBackgrounds/tundra_2.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.STADIUM_1 {
    background-image: url('/img/battleBackgrounds/stadium_1.jpg') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.SLUMS_1 {
    background-image: url('/img/battleBackgrounds/slums_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.DESERT_1 {
    background-image: url('/img/battleBackgrounds/desert_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.CANYON_1 {
    background-image: url('/img/battleBackgrounds/canyon_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.FROZEN_1 {
    background-image: url('/img/battleBackgrounds/frozen_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.FROZEN_2 {
    background-image: url('/img/battleBackgrounds/frozen_2.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.JUNGLE_1 {
    background-image: url('/img/battleBackgrounds/jungle_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.MOUNTAINS_1 {
    background-image: url('/img/battleBackgrounds/mountains_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.MILITARY_1 {
    background-image: url('/img/battleBackgrounds/military_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.MILITARY_2 {
    background-image: url('/img/battleBackgrounds/military_2.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.FOREST_1 {
    background-image: url('/img/battleBackgrounds/forest_1.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.USA {
    background-image: url('/img/battleBackgrounds/usa.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.BERLIN {
    background-image: url('/img/battleBackgrounds/berlin.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.INDIA {
    background-image: url('/img/battleBackgrounds/india.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.PARIS {
    background-image: url('/img/battleBackgrounds/paris.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.SYDNEY {
    background-image: url('/img/battleBackgrounds/sydney.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.INDONESIA {
    background-image: url('/img/battleBackgrounds/indonesia.png') !important;
    background-position-y: 0 !important;
}
.battle2022.countryBalls.EGYPT {
    background-image: url('/img/battleBackgrounds/egypt.png') !important;
    background-position-y: 0 !important;
}