/* FIGHT STYLESHEET */

.FS_main {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: black;

	font-size: 2vh;


	--border_width: 	0.5vh;
	--border_width_r: -0.5vh;

	--scene_margin: min(max(calc(70vw - 100vh),1vh),5vh);

	--mc_color1 : #B4C7E7; /* inside */
	--mc_color2 : #4d73b4;	/* filling */
	--mc_color3 : #2F5597;	/* border */

	--op_color1 : #fee2e2;
	--op_color2 : #fd6e6e;
	--op_color3 : #c00000;

	--mix_color1 : #dac2ec;
	--mix_color2 : #9c72bd;
	--mix_color3 : #7030a0;

	--no_color1 : #555;
	--no_color2 : #777;
	--no_color3 : #BBB;
}


/* ---------------------- Choose popup ---------------------- */
.FS_choose-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.92);
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	user-select: none;
	color: var(--FS_chosen_3);
	text-shadow: var(--FS_chosen_4) 0 0 0.1em;
	font-size: 1.3em;
	font-weight: bold;

	--FS_gold_1: rgb(153, 137, 46);
	--FS_gold_2: goldenrod;
	--FS_gold_3: black; /* text */
	--FS_gold_4: white; /* text shadow */

	--FS_black_1: #151515;
	--FS_black_2: #3f3f3f;
	--FS_black_3: white; /* text */
	--FS_black_4: black; /* text shadow */

	--FS_chosen_1: var(--FS_gold_1);
	--FS_chosen_2: var(--FS_gold_2);
	--FS_chosen_3: var(--FS_gold_3);
	--FS_chosen_4: var(--FS_gold_4);

	transition: opacity 0.3s;
}

.FS_choose-overlay > div {
	width: 70vh;
	max-width: 100%;
	padding: 0.3em;

	box-shadow: -0.1em 0.1em 1em rgb(40, 40, 40);

	background-color: var(--FS_chosen_1);
	border-style: solid;
	border-width: 0.3em;
	border-color: var(--FS_chosen_2);
	border-radius: 1em;

	display: flex;
	flex-direction: column;
}

.FS_choose-overlay > div > top {
	/* width: 100%; */
	text-align: center;
	padding: 0.2em 2em;

	background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.1) 90%, transparent 100%);
}

.FS_choose-overlay > div > hr {
	margin-bottom: 0.2em;
	border-top: solid 0.2em var(--FS_chosen_2);
}

.FS_choose-overlay > div > bottom {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.FS_choose-overlay > div > bottom > .FS_button {
	width: 50%;
	margin: 0.5em 0.5em;
	padding: 0.2em 1em;
	border-radius: 0.5em;

	background-color: var(--FS_chosen_2);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;

	border-style: solid;
	border-width: 0.2em;
	border-color: color-mix(in srgb, var(--FS_chosen_2), rgb(255, 0, 0) 10%);

	cursor: pointer;

	transition: background-color 0.2s, transform 0.2s;

}
.FS_choose-overlay > div > bottom > .FS_button:hover {
	background-color: color-mix(in srgb, var(--FS_chosen_2), red 10%);
	transform: translate(0.05em, -0.1em);
}


/* ---------------------- Fight end ---------------------- */
.FS_finish-overlay {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.92);
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	user-select: none;
	color: white;

	transition: opacity 0.3s;
}
.FS_finish-overlay > .FS_contentCont {
	height: 100%;
	width: 100%;

	overflow-y: auto;

	display: flex;
	justify-content: center;

	animation: scroll-shadow-inset linear;
	animation-timeline: scroll( self inline );
}

@keyframes scroll-shadow-inset {
	0% {/* start with inset shadow on right */
		box-shadow: inset -10px -10px 15px 0px rgba(255, 255, 255, 0.3);
	} to {/* end with inset shadow on left */
		box-shadow: inset 10px -10px 15px 0px rgba(255, 255, 255, 0.3);
	}
}

.FS_finish-overlay > .FS_contentCont > .FS_content { /*.DIAS_container*/
	width: 100%;
	max-width: 100vh;
}

.FS_finish-overlay > .FS_exit {
	width: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.7em;
}
/* .FS_finish-overlay > .FS_exit > .DIAS_button */


/* ---------------------- wheel ---------------------- */
.FS_wheel-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	user-select: none;

	transition: opacity 0.3s, background-color 0.3s;
}
.FS_wheel-overlay[focused] {
	background-color: rgb(15, 15, 15, 1);
}
.FS_wheel-pin {
	position: absolute;
	top: 8vh;
	height: 8vh;
	z-index: 3;
}
.FS_wheel-pin > img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
}
#FS_wheel {
	height: 80%;
	filter: drop-shadow(0 0 1vh #fff);
	opacity: 0.8;
}
.FS_wheel-stats {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.747);
	color: #fff;
	right: 19vh;
	top: 1vh;
	padding: 1vh;
	border-radius: 1vh;
	z-index: 3;
	display: flex;
	flex-direction: column;
}
.FS_wheel-stats td {
	padding: 0 0.5vh;
	border-radius: 0.6vh;
	text-align: center;
	color: #fff;
}
.FS_wheel-overlay__center-button {
	position: absolute;
	height: 17vh;
	aspect-ratio: 1/1;
	border: solid 0.5vh #fff;
	border-radius: 50%;
	background-color: #FFF;
	color: #fff;
	-webkit-text-stroke: 0.05em black;
	/*text-shadow: 0.05em 0 black, -0.05em 0 black, 0 0.05em black, 0 -0.05em black, 0.05em 0.05em black;*/
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.7em;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	animation: infinite 1s ease-in-out alternate FS_center-button-animation;
}
@keyframes FS_center-button-animation {
	0% {transform: scale(1)}
	to {transform: scale(0.96)}
}

@keyframes FS_wheel-spin {
	0% {transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}


/* ---------------------- clicker fight ---------------------- */
.FS_clicker-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	background: rgba(0, 0, 0, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	user-select: none;
	transition: visibility 0.3s linear, opacity 0.3s linear;
}
.FS_clicker-overlay > div { /* the container */
	height: 80%;
	width: 95%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.FS_clicker__side {
	box-sizing: border-box;
	position: relative;
	height: 100%;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--mc_color1);
	border: solid var(--border_width) var(--mc_color3);
	border-radius: 1.5vh;
}
.FS_clicker__side.op-tag {
	background-color: var(--op_color1);
	border-color: var(--op_color3);
}
.FS_clicker__side-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.FS_clicker__side-content > * {
	height: 100%;
	width: 100%;
	object-fit: contain;
	border: solid calc(1.6 * var(--border_width)) transparent;
	filter:
		drop-shadow(var(--border_width) 0 var(--mc_color3))
		drop-shadow(0 var(--border_width) var(--mc_color3))
		drop-shadow(calc(-1 * var(--border_width)) 0 var(--mc_color3))
		drop-shadow(0 calc(-1 * var(--border_width)) var(--mc_color3));
}
.FS_clicker__side-content.op-tag > * {
	filter:
		drop-shadow(var(--border_width) 0 var(--op_color3))
		drop-shadow(0 var(--border_width) var(--op_color3))
		drop-shadow(calc(-1 * var(--border_width)) 0 var(--op_color3))
		drop-shadow(0 calc(-1 * var(--border_width)) var(--op_color3));
}
.FS_clicker__click {
	position: absolute;
	bottom: -6vh;
	height: 12vh;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: var(--mc_color1);
	border: solid 0.3em var(--mc_color3);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.05s ease-in-out;
}
.FS_clicker__click:hover {
	transform: translate(0.2vh, -0.3vh);
	filter: drop-shadow(0 0 0.5vh #fff);
}
.FS_clicker__click:active {
	transition: all 0.01s ease-in-out;
	transform: translate(0.2vh, -0.3vh) scale(0.95);
	filter: drop-shadow(0 0 0.5vh #fff);
}
.FS_clicker__click > img {
	height: 80%;
	border-radius: 38%;
	aspect-ratio: 1/1;
	object-fit: cover;
	filter: drop-shadow(0 200vh 0 var(--mc_color2));
	transform: translateY(-200vh);
}
.FS_clicker__corner {
	position: absolute;
	top: -2vh;
	height: 12vh;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: solid 0.3em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.FS_clicker__corner.mc-tag {
	border-color: var(--mc_color3);
	background-color: var(--mc_color1);
	left: -2vh;
}
.FS_clicker__corner.op-tag {
	border-color: var(--op_color3);
	background-color: var(--op_color1);
	right: -2vh;
}
.FS_clicker__corner > img {
	height: 80%;
	aspect-ratio: 1/1;
	border-radius: 20%;
	object-fit: cover;
	filter: drop-shadow(0 200vh 0 var(--mc_color2));
	transform: translateY(-200vh);
}
.FS_clicker__corner.op-tag > img {
	filter: drop-shadow(0 200vh 0 var(--op_color2));
}
.FS_clicker__middle {
	position: relative;
	height: 100%;
	width: 18vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.FS_clicker__middle-instruction {
	width: 95%;
	aspect-ratio: 1.4;
	padding: 0.5vh;
	margin-top: 3vh;
	margin-bottom: 10vh;
	border: solid var(--border_width) var(--mix_color3);
	border-radius: 1.5vh;
	background-color: var(--mix_color1);
	display: flex;
	justify-content: center;
	align-items: center;
	/*font-size: 1em;*/
	font-weight: bold;
	text-align: center;
}
.FS_clicker__middle-progress-cont {
	margin-bottom: 1vh;
	position: relative;
	flex: 1;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.FS_clicker__middle-progress-end {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	width: 90%;
	aspect-ratio: 1/1;
	background-color: var(--mix_color1);
	border: solid 0.3em var(--mix_color3);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.FS_clicker__middle-progress-end img {
	height: 70%;
	aspect-ratio: 1/1;
	object-fit: cover;
	filter: drop-shadow(0 200vh 0 var(--mix_color2));
	transform: translateY(-200vh);
}
.FS_clicker__middle-progress {
	width: 70%;
	height: 100%;
	background-color: var(--mix_color1);
	border: solid 0.3em var(--mix_color3);
	border-radius: 1.5vh;
	display: flex;
	justify-content: space-around;
}
.FS_clicker__middle-progress__bar {
	position: relative;
	width: 0;
	height: auto;
	margin-bottom: 2.5vh;
	margin-top: 8vh;
	border: solid 0.5vh var(--mc_color2);
	display: flex;
	justify-content: center;
}
.FS_clicker__middle-progress__bar.op-tag {
	border-color: var(--op_color2);
}
.FS_clicker__middle-progress__bar > img {
	position: absolute;
	bottom: 0; /* set via js */ /* fightClickerMcProgress fightClickerOpProgress */
	transform: translateY(50%);
	opacity: 1;
	height: 5.5vh;
	aspect-ratio: 1/1;
	object-fit: cover;
	background-color: gray;
	border: solid 0.2em var(--mc_color3);
	border-radius: 50%;
	z-index: 2;
}
.FS_clicker__middle-progress__bar.op-tag img {
	border-color: var(--op_color3);
}
.FS_clicker__middle-done {
	position: absolute;
	bottom: -1vh;
	transform: translateY(100%);
	width: 130%;
	height: 6vh;
	background-color: var(--no_color3);
	border: solid 0.3em var(--no_color1);
	border-radius: 1.5vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	cursor: pointer;
	transition: transform 0.1s ease-in-out, opacity 0.5s ease-in-out;
}
.FS_clicker__middle-done:hover {
	transform: translateY(100%) scale(1.05);
}


/* ---------------------- main fight ---------------------- */
.FS_top {
	width: 100%;
	height: 45%;
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;

	padding-top: 1vh;
}
.FS_top__scene {
	margin-right: 5ch;
	margin-left: var(--scene_margin);
	width: 50%;
	height: 100%;
	max-width: 80vh;
	padding: 0.5vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(75, 75, 75, 0.733);
	border: solid 0.3em var(--mc_color3);
	border-radius: 2vh;
}
.FS_top__scene.op-tag {
	margin-left: 5vh;
	margin-right: var(--scene_margin);
	border-color: var(--op_color3);
}
.FS_top__scene > * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border: solid var(--border_width) transparent;
	transition: opacity 300ms ease-in-out; /* fightContentTransitionTime */
	filter:
		drop-shadow(var(--border_width) 0 var(--mc_color3))
		drop-shadow(0 var(--border_width) var(--mc_color3))
		drop-shadow(calc(-1 * var(--border_width)) 0 var(--mc_color3))
		drop-shadow(0 calc(-1 * var(--border_width)) var(--mc_color3));
}
.FS_top__scene.op-tag > * {
	filter:
		drop-shadow(var(--border_width) 0 var(--op_color3))
		drop-shadow(0 var(--border_width) var(--op_color3))
		drop-shadow(calc(-1 * var(--border_width)) 0 var(--op_color3))
		drop-shadow(0 calc(-1 * var(--border_width)) var(--op_color3));
}
.FS_middle {
	width: 100%;
	height: 25%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.FS_middle__dial {
	margin-left: var(--scene_margin);
	padding: 0.7vh;
	min-height: 60%;
	max-height: 100%;
	width: 80vh;
	border-radius: 2vh;
	background-color: var(--mc_color1);
	border: solid 0.3em var(--mc_color3);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.FS_middle__dial.op-tag {
	margin-left: 0;
	margin-right: var(--scene_margin);
	background-color: var(--op_color1);
	border-color: var(--op_color3);
}
.FS_middle__dial > .FS_middle__dial__text {
	color: black;
	margin-top: 0;
	margin-bottom: auto;
	transition: opacity 300ms ease-in-out; /* fightContentTransitionTime */
}
.FS_middle__dial > .FS_middle__dial__text > inner, /* ref: dialogV2.css - .DIAS_text>inner */
.FS_middle__dial > .FS_middle__dial__text > action {
	display: block;
	/* margin-top: 1em; */
	padding: 0.5vh 1vh;
	border-left: 0.4vh solid rgb(0, 0, 0);
	font-style: italic;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	box-sizing: border-box;
}
.FS_middle__dial > .FS_middle__dial__text > action {
	border-color: rgba(0, 0, 0, 0.4);
	color: rgba(17, 17, 17);
}
.FS_middle__dial > .FS_middle__dial__text > inner {
	border-color: rgba(255, 0, 0, 0.7);
	color: rgba(255, 0, 0, 0.7);
	border-radius: 0.5vw;
}
.FS_middle__dial.op-tag > .FS_middle__dial__text {
	margin-left: 0;
	margin-right: auto;
}
.FS_middle__dial > img {
	height: 12vh;
	margin: 0 0 auto 0.7vh;
	border: solid 0.3em var(--mc_color3);
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 1.5vh;
}
.FS_middle__dial.op-tag > img {
	margin: 0 0.7vh auto 0;
	border-color: var(--op_color3);
}
.FS_middle__current-move {
	height: 80%;
	margin: 0 1vh;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: var(--mix_color1);
	border: solid 0.3em var(--mix_color3);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: transform 0.2s ease-in-out;
}
.FS_middle__current-move:hover {
	transform: translate(0.2vh, -0.3vh);
}
.FS_middle__current-move > img {
	height: 90%;
	border-radius: 38%;
	aspect-ratio: 1/1;
	object-fit: cover;
	filter: drop-shadow(0 200vh 0 var(--mix_color2));
	transform: translateY(-200vh);
}
.FS_bottom {
	height: 25%;
	width: 100%;
	display: flex;
	justify-content: space-around;

	padding-bottom: 1vh;
}
.FS_bottom__mc,
.FS_bottom__op {
	height: 100%;
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}
.FS_bottom__x__imgCont {
	position: absolute;
	top: 0;
    height: 78%;
    width: 100%;
}
.FS_bottom__mc > .FS_bottom__x__imgCont > img,
.FS_bottom__op > .FS_bottom__x__imgCont > img {
	height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 50%;
    border: solid 0.3em var(--mc_color3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.FS_bottom__op > img {
	border-color: var(--op_color3);
}
.FS_bottom__mc > .FS_bottom__x__imgCont > video,
.FS_bottom__op > .FS_bottom__x__imgCont > video {
    height: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	max-width: unset; /* Twine css override */
}
.FS_bottom__x__name {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);

	font-size: 2em;
	padding: 0.05em 0.5em;
	background-color: rgba(0, 0, 0, 0.541);
	color: white;
	border-radius: 1vh;
	text-align: center;
}
.FS_bottom__progress {
	flex: 1;
	height: 100%;
	background: linear-gradient(90deg, transparent 0%, rgb(0,0,0,0.5) 8%, rgb(0,0,0,0.5) 92%, transparent 100%);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 1;
}
.FS_bottom__progress__mc, .FS_bottom__progress__op {
	height: 33%;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}


/* ---------------------- progress bar ---------------------- */
.FS_bottom__progress__bar {
	height: 1vh;
	width: 87%;
	background-color: var(--mc_color1);
	border: solid var(--mc_color3);
	border-width: 0.3vh 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.FS_bottom__progress__bar-start {
	height: 4vh;
	width: 1vh;
	background-color: var(--mc_color1);
	border: solid var(--mc_color3);
	border-width: 0.3vh;
	position: relative;
	z-index: -1;
	transform: translateX(-0.75vh);
}
.FS_bottom__progress__bar-end {
	position: relative;
	height: 7vh;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: var(--mc_color1);
	border: solid var(--mc_color3);
	border-width: 0.3vh;
	position: relative;
	transform: translateX(50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.FS_bottom__progress__bar-end > img {
	height: 78%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 20%;
	filter: drop-shadow(0 200vh 0 var(--mc_color2));
	transform: translateY(-200vh);
}
.FS_bottom__progress__bar-end.op-tag > img {
	filter: drop-shadow(0 200vh 0 var(--op_color2));
}


/* ---------------------- progress overlay ---------------------- */
.FS_bottom__progress__overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.FS_bottom__progress__overlay > img {
	height: 80%;
	position: relative;
	left: -42.5%; /* 42.5 is about right*/
	transition: all 0.5s ease-in-out;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #676767;
	border: solid 0.3vh var(--mc_color3);
	object-fit: cover;
	border-radius: 50%;
	z-index: 2;
}
.FS_bottom__progress__overlay.op-tag > img {
	background-color: #676767;
	border: solid 0.3vh var(--op_color3);
}


/* ---------------------- progress state ---------------------- */
.FS_bottom__progress__state {
	height: 33%;
	width: 90%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.FS_bottom__progress__state > div {
	height: 100%;
	aspect-ratio: 1/1;
	border: solid 0.1em;
	background-color: #BBB;
	border-color: #555;
	color: #555;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 2.2em;
	font-weight: bold;

	overflow: hidden;
}
.FS_bottom__progress__state > div > img { /* for normal fight */
	position: relative;
	height: 80%;
	/* border-radius: 38%; */
	aspect-ratio: 1/1;
	object-fit: fill;
	filter: drop-shadow(0 200vh 0 #555);
	transform: translateY(-200vh);
}


/* ---------------------- other ---------------------- */
.FS_op-color {
	background-color: var(--op_color1);
	border-color: var(--op_color3);
}
.FS_shadow {
	filter: drop-shadow(-0.3vh 0.6vh 0.5vh #000);
}
.FS_hidden {
	opacity: 0;
	pointer-events: none;
}
.FS_gone {
	display: none;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.FIGHT_successRate {
	position: absolute;
	pointer-events: none;
	opacity: 0;
	z-index: 2;
	top: 0.2em;
	padding: 0 0.5em;
	max-width: 110%;
	height: 6.7vh;
	min-width: 7em;
	font-size: 1.3em;
	white-space: nowrap;
	line-height: 3.2vh;
	font-weight: bold;
	color: #ffffff;
	background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0.7) 90%, transparent);
	--text-shadow-color: rgb(255, 255, 255);
	text-align: center;
}
.FIGHT_successRate > div {
	opacity: 1;
	text-shadow: 0 0 0.2em var(--text-shadow-color), 0 0 0.3em var(--text-shadow-color);
	font-size: 2.2vh;
}

.FIGHT_successRate > span,
.FIGHT_successRate > div.FIGHT_successRate__keyVirus {
	display: inline-block;
	font-size: 2.2vh;
}

/* animation: pulseBoxShadow 1s ease-in-out infinite alternate; */
@keyframes FS_pulseBoxShadow { /* boss fight */ 
	0% {
		box-shadow: 0 0 1vh 0.8vh #ff9011;
	}
	100% {
		box-shadow: 0 0 1vh 0.8vh #F7F6D5;
	}
}