.bcSectionTitle
{
	color: #fdc233;
	font-size: 20px;
	margin: 20px 10px 10px;
	text-transform: uppercase;
}
.bcSectionText
{
	padding: 0 10px;
}
.bcSectionText p
{
	margin: 0 0 10px;
}
.bcSectionText p:last-child
{
	margin-bottom: 0;
}
.bcBlessInfoPage
{
	color: #9b9b9b !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px !important;
}
.bcGoldTableHead
{
	border: 2px solid;
	border-image-slice: 25;
	border-image-source: linear-gradient(#eac346, #3b3a12);
	border-width: 0 0 2px;
	color: #ddd;
	font-size: 13px;
	font-weight: 600;
	margin-top: 20px;
	padding-bottom: 15px;
}
.bcGoldTableRow
{
	color: #c5c5c5;
	font-size: 14px;
	margin-bottom: 40px;
	margin-top: 12px;
}
.bcGoldCol
{
	display: inline-block;
	text-align: center;
}
.bcGoldColPeriod
{
	width: 190px;
}
.bcGoldColTotal
{
	width: 180px;
}
.bcGoldColReward
{
	width: 160px;
}
.bcGoldClanIcon
{
	margin-right: 8px;
	vertical-align: -2px;
	width: 15px;
}
.bcBlessInfoChart
{
	margin-top: 0;
}
.bcSectionTitleWithControl
{
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.bcSectionTitleWithControl > span:first-child
{
	display: block;
}
.bcSectionTitleControl
{
	text-transform: none;
}
.bcSectionTitleControl .bcSelectShell
{
	min-width: 180px !important;
	width: 180px !important;
}
.bcMatchHighlights
{
	margin: 14px 10px 28px;
}
.bcMatchHighlightsGrid
{
	align-items: center;
	display: grid;
	gap: 65px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	position: relative;
}
.bcMatchHighlightsGrid:before
{
	background: rgba(253,194,51,.35);
	bottom: 4px;
	content: '';
	left: 51%;
	position: absolute;
	top: 4px;
	width: 1px;
}
.bcMatchHighlightsGrid:after
{
	background: #050505;
	border: 1px solid rgba(253,194,51,.38);
	box-shadow: 0 0 8px rgba(253,194,51,.16);
	content: '';
	height: 8px;
	left: 51%;
	margin-left: -5px;
	position: absolute;
	top: 45%;
	transform: rotate(45deg);
	width: 8px;
}
.bcMatchHighlightCard
{
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: 78px minmax(160px, 1fr) minmax(112px, auto);
	min-height: 92px;
	padding: 0 8px;
}
.bcMatchHighlightIcon
{
	align-items: center;
	display: flex;
	justify-content: center;
}
.bcMatchHighlightIcon img
{
	display: block;
	filter: drop-shadow(0 0 10px rgba(253,194,51,.14));
	height: 66px;
	object-fit: contain;
	width: 66px;
}
.bcMatchHighlightCardPve .bcMatchHighlightIcon img
{
	filter: drop-shadow(0 0 10px rgba(122,205,255,.16));
}
.bcMatchHighlightRole
{
	color: #c5a72f;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.bcMatchHighlightName
{
	color: #f1f1f1;
	display: block;
	font-size: 19px;
	line-height: 23px;
	min-width: 0;
	white-space: nowrap;
}
.bcMatchHighlightName span
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bcMatchHighlightClan
{
	align-items: center;
	color: #bdbdbd;
	display: flex;
	font-size: 13px;
	gap: 7px;
	line-height: 18px;
	margin-top: 4px;
	min-width: 0;
	white-space: nowrap;
}
.bcMatchHighlightClan img
{
	flex: 0 0 15px;
	height: 15px;
	object-fit: contain;
	width: 15px;
}
.bcMatchHighlightClan span
{
	display: block;
}
.bcMatchHighlightScore
{
	align-self: center;
	min-width: 112px;
	text-align: right;
}
.bcMatchHighlightValue
{
	color: #fdc233;
	font-size: 25px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	line-height: 30px;
	text-shadow: 0 0 10px rgba(253,194,51,.18);
}
.bcMatchHighlightEmpty
{
	color: #777;
	font-size: 13px;
	grid-column: 1 / -1;
	padding: 18px 0;
	text-align: center;
}
@media (max-width: 860px)
{
	.bcMatchHighlightsGrid
	{
		grid-template-columns: 1fr;
	}
	.bcMatchHighlightsGrid:before, .bcMatchHighlightsGrid:after
	{
		display: none;
	}
	.bcMatchHighlightCard
	{
		grid-template-columns: 64px minmax(0, 1fr);
	}
	.bcMatchHighlightScore
	{
		grid-column: 2;
		min-width: 0;
		text-align: left;
	}
}
.bcControlLine
{
	align-items: center;
	color: #d4b43c;
	display: flex;
	font-size: 12px;
	gap: 10px;
	justify-content: center;
	line-height: 30px;
	margin: 18px 0 12px;
	text-align: center;
}
.bcControlLine > span, .bcReplayClanControl > span
{
	align-items: center;
	display: inline-flex;
	height: 30px;
	line-height: 30px;
	margin-right: 0;
}
.bcPerformanceControls
{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 80px;
	justify-content: center;
	margin: 18px 10px 12px;
}
.bcPerformanceControls .bcControlLine, .bcPerformanceControls .bcTimelineControl
{
	margin: 0;
}
#bcPresenceClan, #bcPerformanceClan, #bcReplayClan, #bcHighlightClan, #bcClassFilter, #infoData, #infoServidor
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #191919;
	background-image: linear-gradient(45deg, transparent 50%, #fdc233 50%), linear-gradient(135deg, #fdc233 50%, transparent 50%);
	background-position: calc(100% - 13px) 11px, calc(100% - 8px) 11px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
	border: 1px solid #6b5718;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 0 rgba(253, 194, 51, 0);
	color: #d6d6d6;
	cursor: pointer;
	font-size: 13px;
	height: 30px;
	line-height: 29px;
	min-width: 180px;
	outline: none;
	padding: 0 28px 0 10px;
	transition: border-color .18s ease, box-shadow .18s ease, color .18s ease, background-color .18s ease;
}
#bcPresenceClan:hover, #bcPerformanceClan:hover, #bcReplayClan:hover, #bcHighlightClan:hover, #bcClassFilter:hover, #infoData:hover, #infoServidor:hover, #bcPresenceClan:focus, #bcPerformanceClan:focus, #bcReplayClan:focus, #bcHighlightClan:focus, #bcClassFilter:focus, #infoData:focus, #infoServidor:focus, #bcPresenceClan.focus, #bcPerformanceClan.focus, #bcReplayClan.focus, #bcHighlightClan.focus, #bcClassFilter.focus, #infoData.focus, #infoServidor.focus
{
	background-color: #222;
	border-color: #c99620;
	box-shadow: 0 0 10px rgba(253, 194, 51, 0.16);
	color: #fff;
}
#bcPresenceClan option, #bcPerformanceClan option, #bcReplayClan option, #bcHighlightClan option, #bcClassFilter option, #infoData option, #infoServidor option
{
	background: #171717;
	color: #d8d8d8;
}
#bcPresenceClan option:checked, #bcPerformanceClan option:checked, #bcReplayClan option:checked, #bcHighlightClan option:checked, #bcClassFilter option:checked, #infoData option:checked, #infoServidor option:checked
{
	font-weight: 600;
}
#bcPresenceClan option:disabled, #bcPresenceClan option[disabled], #bcPerformanceClan option:disabled, #bcPerformanceClan option[disabled], #bcReplayClan option:disabled, #bcReplayClan option[disabled], #bcHighlightClan option:disabled, #bcHighlightClan option[disabled], #bcClassFilter option:disabled, #bcClassFilter option[disabled], #infoData option:disabled, #infoData option[disabled], #infoServidor option:disabled, #infoServidor option[disabled]
{
	background: #171717 !important;
	color: #666 !important;
	font-style: italic;
}
#infoData option[value='']:disabled, #infoData option[value=''][disabled]
{
	font-style: normal;
}
#infoServidor option[value='']:disabled, #infoServidor option[value=''][disabled]
{
	font-style: normal;
}
#bcPresenceClan::-ms-expand, #bcPerformanceClan::-ms-expand, #bcReplayClan::-ms-expand, #bcHighlightClan::-ms-expand, #bcClassFilter::-ms-expand, #infoData::-ms-expand, #infoServidor::-ms-expand
{
	display: none;
}
#bcClassFilter
{
	height: 30px;
	line-height: 29px;
	min-width: 130px;
	padding: 0 28px 0 10px;
	background-position: calc(100% - 13px) 11px, calc(100% - 8px) 11px;
	margin-left: 0;
}
#infoData, #infoServidor
{
	color: #c2c2c2;
	cursor: pointer;
	vertical-align: middle;
	width: 200px !important;
}
#bcPresenceClan, #bcPerformanceClan, #bcReplayClan, #bcHighlightClan, #bcClassFilter
{
	align-self: center;
	display: block;
	margin: 0;
	vertical-align: middle;
}
#bcInfoSubmit
{
	background: #e8bf3e;
	border: 1px solid #e8bf3e;
	color: #171717;
	cursor: pointer;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	margin-left: 8px;
	padding: 0 22px;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
	vertical-align: middle;
}
#bcInfoSubmit:hover
{
	background: #f5d568;
	border-color: #f5d568;
	box-shadow: 0 0 10px rgba(253,194,51,.2);
}
#bcPresenceClan, #bcPerformanceClan, #bcReplayClan
{
	min-width: 200px;
	width: 200px;
}
#bcHighlightClan
{
	min-width: 180px;
	width: 180px;
}
.bcSelectShell
{
	background-color: #191919;
	border: 1px solid #6b5718;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 0 0 rgba(253,194,51,0);
	display: inline-block;
	height: 30px;
	min-width: 200px;
	position: relative;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
	vertical-align: middle;
	width: 200px;
}
.bcControlLine .bcSelectShell, .bcReplayClanControl .bcSelectShell
{
	min-width: 200px !important;
	width: 200px !important;
}
.bcSelectShell:hover, .bcSelectShell.focus
{
	background-color: #222;
	border-color: #c99620;
	box-shadow: 0 0 10px rgba(253,194,51,.16);
}
.bcSelectShell:before
{
	border: solid #fdc233;
	border-width: 0 1px 1px 0;
	content: '';
	height: 6px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 9px;
	transform: rotate(45deg);
	width: 6px;
	z-index: 1;
}
.bcSelectShell select
{
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	cursor: pointer;
	height: 30px !important;
	left: 0;
	line-height: normal !important;
	margin: 0 !important;
	min-width: 0 !important;
	opacity: 0;
	padding: 0 !important;
	position: absolute;
	top: 0;
	width: 100% !important;
	z-index: 2;
}
.bcSelectShell .bcSelectText
{
	color: #d6d6d6;
	display: block;
	font-size: 13px;
	height: 30px;
	line-height: 29px;
	overflow: hidden;
	padding: 0 28px 0 10px;
	pointer-events: none;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bcSelectShell:hover .bcSelectText, .bcSelectShell.focus .bcSelectText
{
	color: #fff;
}
.bcReplay
{
	margin-top: 18px;
}
.bcReplayToolbar
{
	align-items: center;
	color: #fdc233;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(150px, 1fr) auto minmax(200px, 1fr);
	margin: 0 auto 14px;
	max-width: 828px;
	padding: 3px 0;
}
.bcReplayTime
{
	align-items: center;
	background: linear-gradient(180deg, rgba(18,18,18,.96), rgba(5,5,5,.96));
	border: 1px solid rgba(253,194,51,.28);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 0 10px rgba(0,0,0,.25);
	color: #f4f4f4;
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	gap: 20px;
	height: 28px;
	justify-content: center;
	justify-self: start;
	letter-spacing: 0;
	line-height: 28px;
	min-width: 148px;
	outline: 0;
	padding: 0 10px;
	text-align: left;
	text-shadow: 0 1px 1px #000;
	transition: border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.bcReplayTime:before
{
	color: #caa42e;
	content: 'PlayTime';
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.bcReplayTime:hover, .bcReplayTime:focus
{
	border-color: rgba(253,194,51,.48);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 14px rgba(253,194,51,.12);
	color: #fff;
}
.bcReplayButtonGroup
{
	align-items: center;
	display: flex;
	gap: 7px;
	height: 40px;
	justify-content: center;
}
.bcReplayBtn
{
	background: transparent;
	border: 0;
	cursor: pointer;
	height: 40px;
	min-width: 48px;
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	width: 48px;
}
.bcReplayBtn:before, .bcReplayBtn:after
{
	background-image: url('../img/bless_replay_controls_sprite_v10.svg');
	background-repeat: no-repeat;
	background-size: 288px 200px;
	content: '';
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 48px;
}
.bcReplayBtn:before
{
	opacity: 1;
	transition: filter .22s ease;
	z-index: 1;
}
.bcReplayBtn:after
{
	opacity: 0;
	transition: opacity .22s ease, filter .22s ease;
	z-index: 2;
}
.bcReplayBtn:hover:not(:disabled):after, .bcReplayBtn.active:not(:disabled):after
{
	opacity: 1;
}
.bcReplayBtn.active:not(:disabled):after
{
	filter: brightness(1.2);
}
.bcReplayBtn:active:not(:disabled):after
{
	opacity: 0;
}
.bcReplayBtn:disabled
{
	cursor: default;
}
.bcReplayBtn:disabled:before
{
	filter: grayscale(10%);
	opacity: 1;
}
.bcReplayBtn:disabled:after
{
	opacity: 0;
}
.bcReplayRewind:before
{
	background-position: 0 0;
}
.bcReplayRewind:after
{
	background-position: 0 -80px;
}
.bcReplayRewind:disabled:before
{
	background-position: 0 -40px;
}
.bcReplayRewind:active:not(:disabled):before
{
	background-position: 0 -120px;
}
.bcReplayPlay:before
{
	background-position: -48px 0;
}
.bcReplayPlay:after
{
	background-position: -48px -80px;
}
.bcReplayPlay:active:not(:disabled):before
{
	background-position: -48px -120px;
}
.bcReplayPlay.active:before
{
	background-position: -96px 0;
}
.bcReplayPlay.active:after
{
	background-position: -96px -80px;
}
.bcReplayPlay.active:not(:hover):after
{
	opacity: 0;
}
.bcReplayPlay.active:active:not(:disabled):before
{
	background-position: -96px -120px;
}
.bcReplayPlay:disabled:before
{
	background-position: -48px -40px;
}
.bcReplayPlay.active:disabled:before
{
	background-position: -96px -40px;
}
.bcReplayForward:before
{
	background-position: -144px 0;
}
.bcReplayForward:after
{
	background-position: -144px -80px;
}
.bcReplayForward:disabled:before
{
	background-position: -144px -40px;
}
.bcReplayForward:active:not(:disabled):before
{
	background-position: -144px -120px;
}
.bcReplayFast:before
{
	background-position: -192px 0;
}
.bcReplayFast:after
{
	background-position: -192px -80px;
}
.bcReplayFast:active:not(:disabled):before
{
	background-position: -192px -120px;
}
.bcReplayFast.active:hover:not(:disabled):after
{
	background-position: -192px -160px;
	background-size: 288px 200px;
	filter: brightness(1.1);
	opacity: 1;
}
.bcReplayFast.active:active:hover:not(:disabled):after
{
	filter: brightness(.9);
}
.bcReplayFast:disabled:before
{
	background-position: -192px -40px;
}
.bcReplayNextEvent:before
{
	background-position: -240px 0;
}
.bcReplayNextEvent:after
{
	background-position: -240px -80px;
}
.bcReplayNextEvent:disabled:before
{
	background-position: -240px -40px;
}
.bcReplayNextEvent:active:not(:disabled):before
{
	background-position: -240px -120px;
}
.bcReplayClanControl
{
	align-items: center;
	display: flex;
	justify-content: flex-end;
	justify-self: end;
	min-width: 0;
}
.bcReplayStage
{
	overflow-x: auto;
	padding-bottom: 8px;
	scrollbar-color: #8b731e #101010;
}
.bcReplayMapWrap
{
	min-width: 828px;
}
.bcReplayMap
{
	height: 768px;
	margin: 0 auto;
	position: relative;
	width: 828px;
}
.bcReplayMap > img:first-child
{
	display: block;
	margin-left: 60px;
	pointer-events: none;
}
.bcReplayRankingClan
{
	color: #f6f6f6;
	cursor: pointer;
	font-size: 11px;
	font-weight: 400;
	line-height: 15px;
	opacity: 1;
	position: absolute;
	text-shadow: 0 1px 2px #000;
	transition: color .18s ease, opacity .18s ease, text-shadow .18s ease, top .18s ease;
	width: 245px;
	z-index: 3;
}
.bcReplayRankingClan:hover
{
	color: #fdc233;
	text-shadow: 0 0 5px #000;
}
.bcReplayRankingClan.bcReplayRankingLeaving
{
	opacity: 0;
}
.bcReplayRankingClan > span
{
	display: inline-block;
	vertical-align: top;
}
.bcReplayRankingClan > span:first-child
{
	font-weight: 700;
	width: 150px;
}
.bcReplayRankingClan > span:nth-child(2)
{
	width: 68px;
	text-align: right;
}
.bcReplayRankingClan > span:nth-child(3)
{
	width: 25px;
	text-align: right;
}
.bcReplayInterserver .bcReplayRankingClan
{
	width: 285px;
}
.bcReplayInterserver .bcReplayRankingClan > span:first-child
{
	white-space: nowrap;
	width: 170px;
}
.bcReplayInterserver .bcReplayRankingClan > span:nth-child(2)
{
	width: 78px;
}
.bcReplayRankingClan img
{
	vertical-align: -3px;
}
.bcReplayStructMarker
{
	--bc-struct-duration: .46s;
	--bc-struct-x: 0px;
	--bc-struct-y: 0px;
	background: #ff3c3c;
	border: 1px solid #fff;
	box-shadow: 0 0 6px rgba(255, 80, 80, .55);
	height: 6px;
	left: 0;
	opacity: 1;
	position: absolute;
	scale: 1;
	top: 0;
	transform: none;
	transition: opacity .22s ease, translate var(--bc-struct-duration) linear, scale .15s ease, box-shadow .22s ease;
	translate: var(--bc-struct-x) var(--bc-struct-y);
	will-change: translate, opacity;
	width: 6px;
	z-index: 4;
}
.bcReplayStructMarker:hover
{
	scale: 1.3;
}
.bcReplayStructImage
{
	--bc-struct-duration: .46s;
	--bc-struct-x: 0px;
	--bc-struct-y: 0px;
	display: block;
	filter: drop-shadow(0 0 2px #fff);
	height: 30px;
	left: 0;
	margin-left: 0;
	opacity: 1;
	pointer-events: auto;
	position: absolute;
	scale: 1;
	top: 0;
	transform: none;
	transition: opacity .22s ease, translate var(--bc-struct-duration) linear, scale .15s ease, filter .22s ease;
	translate: var(--bc-struct-x) var(--bc-struct-y);
	will-change: translate, opacity;
	z-index: 5;
}
.bcReplayStructImage:hover
{
	filter: drop-shadow(0 0 5px #fdc233);
	scale: 1.15;
}
.bcReplayStructMarker.bcReplayStructLeaving, .bcReplayStructImage.bcReplayStructLeaving
{
	opacity: 0;
	pointer-events: none;
	scale: .75;
}
.bcReplayPersonMarker
{
	--bc-marker-duration: .46s;
	--bc-marker-x: 0px;
	--bc-marker-y: 0px;
	background: #f0e06a;
	border: 1px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 4px rgba(253, 194, 51, .5);
	height: 4px;
	left: 0;
	opacity: 1;
	position: absolute;
	scale: 1;
	top: 0;
	transform: none;
	transition: opacity .18s ease, translate var(--bc-marker-duration) linear, scale .12s ease, box-shadow .2s ease;
	translate: var(--bc-marker-x) var(--bc-marker-y);
	will-change: translate, opacity;
	width: 4px;
	z-index: 6;
}
.bcReplayPersonMarker:hover
{
	box-shadow: 0 0 8px rgba(253, 194, 51, .85);
	scale: 1.5;
}
.bcReplayPersonMarker.top0
{
	background: #00d624;
}
.bcReplayPersonMarker.top1
{
	background: #ff557d;
}
.bcReplayPersonMarker.top2
{
	background: #43d5ff;
}
.bcReplayPersonMarker.bcReplayMarkerEntering, .bcReplayPersonMarker.bcReplayMarkerLeaving
{
	opacity: 0;
	scale: .35;
}
.bcReplayMap.bcReplayNoMotion .bcReplayPersonMarker
{
	transition: opacity .12s ease, translate var(--bc-marker-duration) linear, scale .12s ease, box-shadow .12s ease;
}
.bcReplayMap.bcReplayClanHighlight .bcReplayPersonMarker
{
	opacity: .25;
}
.bcReplayMap.bcReplayClanHighlight .bcReplayPersonMarker.bcReplayClanHighlighted
{
	opacity: 1;
}
.bcReplayMap.bcReplayClanHighlight .bcReplayPersonMarker.bcReplayMarkerEntering, .bcReplayMap.bcReplayClanHighlight .bcReplayPersonMarker.bcReplayMarkerLeaving
{
	opacity: 0;
}
.bcReplayPanels
{
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(360px, 1fr) minmax(420px, 1fr);
	margin-top: 14px;
	min-width: 828px;
}
.bcReplayPanel
{
	background: rgba(255,255,255,0.018);
	border-top: 1px solid rgba(253,194,51,0.28);
	min-width: 0;
}
.bcPanelHead, .bcReplayRow
{
	align-items: center;
	display: grid;
	gap: 8px;
}
.bcReplayStructures .bcPanelHead, .bcReplayStructures .bcReplayRow
{
	grid-template-columns: minmax(210px, 1fr) 82px;
}
.bcReplayCharacters .bcPanelHead, .bcReplayCharacters .bcReplayRow
{
	grid-template-columns: minmax(120px, 1.1fr) minmax(105px, .9fr) 56px 56px;
}
.bcReplayCharacters.hasScroll .bcPanelHead
{
	padding-right: 24px;
}
.bcPanelHead
{
	border-bottom: 1px solid #5f5019;
	color: #ddd;
	font-size: 12px;
	font-weight: 600;
	min-height: 26px;
	padding: 0 8px;
}
.bcPanelHead span, .bcReplayRow span
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bcReplayRow
{
	color: #c8c8c8;
	font-size: 12px;
	min-height: 27px;
	padding: 0 8px;
	transition: background-color .18s ease, color .18s ease;
}
.bcReplayRow:nth-child(odd)
{
	background: rgba(255, 255, 255, 0.03);
}
.bcReplayRow:hover
{
	background: rgba(253,194,51,0.09);
	color: #f0f0f0;
}
.bcReplayStructures .bcPanelHead span:first-child, .bcReplayStructures .bcReplayRow span:first-child, .bcReplayCharacters .bcPanelHead span:first-child, .bcReplayCharacters .bcReplayRow span:first-child, .bcReplayCharacters .bcPanelHead span:nth-child(2), .bcReplayCharacters .bcReplayRow span:nth-child(2)
{
	text-align: left;
}
.bcReplayStructures .bcPanelHead span:nth-child(n+2), .bcReplayStructures .bcReplayRow span:nth-child(n+2), .bcReplayCharacters .bcPanelHead span:nth-child(n+3), .bcReplayCharacters .bcReplayRow span:nth-child(n+3)
{
	text-align: center;
}
.bcReplayStructureRows, .bcReplayCharacterRows
{
	height: 220px;
	overflow-y: auto;
}
.bcTableWrap
{
	overflow-x: auto;
}
.bcInfoTable
{
	border-collapse: collapse;
	color: #c9c9c9;
	font-size: 12px;
	margin-top: 14px;
	min-width: 1040px;
	width: 100%;
}
.bcInfoTable th
{
	background: rgba(255,255,255,0.025);
	border-bottom: 1px solid #5f5019;
	color: #ddd;
	font-weight: 600;
	padding: 9px 8px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
.bcInfoTable td
{
	border-bottom: 1px solid rgba(255,255,255,0.06);
	padding: 8px;
	transition: background-color .18s ease, color .18s ease;
	vertical-align: middle;
}
.bcInfoTable tbody tr
{
	transition: background-color .18s ease, opacity .18s ease;
}
.bcInfoTable tbody tr:hover
{
	background: rgba(253,194,51,0.08);
}
.bcInfoTable tbody tr.bcSelectedRow
{
	background: rgba(253,194,51,0.14);
}
.bcPerformanceTable
{
	min-width: 0;
	table-layout: fixed;
}
.bcPerformanceTable th, .bcPerformanceTable td
{
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}
.bcPerformanceTable th:first-child, .bcPerformanceTable td:first-child
{
	text-align: left;
	width: 230px;
}
.bcPerformanceTable th:nth-child(2), .bcPerformanceTable td:nth-child(2)
{
	width: 54px;
}
.bcPerformanceTable th:nth-child(3), .bcPerformanceTable td:nth-child(3), .bcPerformanceTable th:nth-child(4), .bcPerformanceTable td:nth-child(4)
{
	width: 88px;
}
.bcPerformanceTable th:nth-child(5), .bcPerformanceTable td:nth-child(5)
{
	width: 76px;
}
.bcPerformanceTable th:nth-child(6), .bcPerformanceTable td:nth-child(6)
{
	width: 96px;
}
.bcPerformanceTable th:nth-child(7), .bcPerformanceTable td:nth-child(7), .bcPerformanceTable th:nth-child(8), .bcPerformanceTable td:nth-child(8)
{
	width: 58px;
}
.bcPerformanceTable .bcNicknameHeader
{
	text-align: left;
}
.bcPerformanceTable td
{
	line-height: 24px;
}
.bcPerformanceBestScore
{
	text-shadow: 0 0 0 #fdc233, -1px 0 0 #fdc233cc, 0 0 1px #fdc233, 0 0 2px #fdc233;
}
.bcPerformanceBestDanger
{
	text-shadow: 0 0 0 #fd3333, -1px 0 0 #fd3333e6, 0 0 1px #fd3333, 0 0 2px #fd3333;
}
.bcNicknameHeaderInner
{
	align-items: center;
	display: inline-flex;
	gap: 6px;
	min-height: 30px;
}
.bcClassFilterWrap
{
	display: inline-block;
	flex: 0 0 auto;
	height: 18px;
	margin-left: 0;
	position: relative;
	vertical-align: middle;
	width: 18px;
	z-index: 35;
}
.bcClassFilterToggle
{
	background: transparent;
	border: 0;
	cursor: pointer;
	height: 18px;
	left: 0;
	outline: none;
	padding: 0;
	position: absolute;
	top: 0;
	transition: filter .18s ease, transform .18s ease;
	width: 18px;
}
.bcClassFilterToggle:before
{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #8a711c;
	content: '';
	height: 0;
	left: 4px;
	position: absolute;
	top: 4px;
	transition: border-top-color .18s ease;
	width: 0;
}
.bcClassFilterToggle:after
{
	background: #8a711c;
	content: '';
	height: 5px;
	left: 8px;
	position: absolute;
	top: 10px;
	transition: background-color .18s ease;
	width: 2px;
}
.bcClassFilterToggle:hover, .bcClassFilterWrap.open .bcClassFilterToggle
{
	filter: drop-shadow(0 0 5px rgba(253,194,51,.45));
	transform: translateY(-1px);
}
.bcClassFilterToggle:hover:before, .bcClassFilterWrap.open .bcClassFilterToggle:before
{
	border-top-color: #fdc233;
}
.bcClassFilterToggle:hover:after, .bcClassFilterWrap.open .bcClassFilterToggle:after
{
	background: #fdc233;
}
.bcClassFilterWrap #bcClassFilter
{
	left: 0;
	min-width: 150px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: -6px;
	transform: translateX(-6px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, background-color .18s ease;
	visibility: hidden;
	width: 150px;
	z-index: 40;
}
.bcClassFilterWrap.open #bcClassFilter
{
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
	visibility: visible;
}
.bcPerformanceTable th.bcSortable
{
	cursor: pointer;
	user-select: none;
}
.bcPerformanceTable th.bcSortable:after
{
	color: #806a1b;
	content: ' \25BE';
	font-size: 12px;
	line-height: 1;
	opacity: .7;
	transition: color .18s ease, opacity .18s ease;
}
.bcPerformanceTable th.bcSortable.sorted:after
{
	color: #fdc233;
	opacity: 1;
}
.bcPerformanceTable th.bcSortable.sorted.asc:after
{
	content: ' \25B4';
}
.bcPerformanceTable th.bcSortable:hover:after
{
	color: #fdc233;
	opacity: 1;
}
.bcNicknameHeader.bcSortable:after
{
	vertical-align: 4px;
}
.bcChartRow
{
	cursor: pointer;
}
.bcAbsentRow
{
	color: #797979;
	font-style: italic;
}
.bcAbsentRow td
{
	background: rgba(255,255,255,0.015);
}
.bcAbsentDash
{
	color: #5e5e5e;
}
.bcTimelineControl
{
	color: #a7a7a7;
	display: flex;
	font-size: 12px;
	justify-content: flex-end;
	margin: 10px 10px 0;
}
.bcTimelineControl label
{
	align-items: center;
	background: rgba(255,255,255,.025);
	border: 1px solid rgba(253,194,51,.18);
	cursor: pointer;
	display: inline-flex;
	gap: 8px;
	min-height: 30px;
	padding: 5px 9px;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.bcPerformanceControls .bcTimelineControl label
{
	padding: 0 9px;
}
.bcTimelineControl label:hover
{
	background: rgba(253,194,51,.06);
	border-color: rgba(253,194,51,.45);
	box-shadow: 0 0 10px rgba(253,194,51,.08);
}
.bcTimelineControl input
{
	opacity: 0;
	position: absolute;
}
.bcTimelineCheck
{
	background: #101010;
	border: 1px solid #6b5718;
	display: inline-block;
	flex: 0 0 14px;
	height: 14px;
	position: relative;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
	width: 14px;
}
.bcTimelineCheck:after
{
	border: solid #171717;
	border-width: 0 2px 2px 0;
	content: '';
	height: 7px;
	left: 4px;
	opacity: 0;
	position: absolute;
	top: 1px;
	transform: rotate(45deg) scale(.8);
	transition: opacity .18s ease, transform .18s ease;
	width: 4px;
}
.bcTimelineControl input:checked + .bcTimelineCheck
{
	background: #fdc233;
	border-color: #fdc233;
	box-shadow: 0 0 9px rgba(253,194,51,.25);
}
.bcTimelineControl input:checked + .bcTimelineCheck:after
{
	opacity: 1;
	transform: rotate(45deg) scale(1);
}
.bcTimelineControl strong
{
	color: #cfcfcf;
	font-weight: 600;
}
.bcTimelineControl em
{
	color: #8d8d8d;
	font-style: normal;
}
.bcTimelineControl b
{
	color: #fdc233;
	display: inline-block;
	font-weight: 700;
	min-width: 42px;
	text-align: center;
}
.bcPerformanceControls .bcTimelineControl strong, .bcPerformanceControls .bcTimelineControl em, .bcPerformanceControls .bcTimelineControl b
{
	line-height: 30px;
}
.bcClassIcon
{
	align-items: center;
	display: inline-flex;
	height: 24px;
	justify-content: center;
	line-height: 24px;
	text-align: center;
	width: 28px;
}
.bcClassIcon img
{
	display: block;
	max-height: 24px;
}
.bcClassIconEmpty
{
	align-items: center;
	color: #666;
	display: inline-flex;
	height: 24px;
	justify-content: center;
	line-height: 24px;
	width: 28px;
}
.bcTotalRow td
{
	background: rgb(253 194 51 / 4%);
	border-top: 1px solid #6b5718;
	color: #f0d47a;
	font-weight: 600;
}
.bcIdentityCell
{
	align-items: center;
	display: flex;
	gap: 7px;
	line-height: 24px;
	min-height: 24px;
	min-width: 0;
}
.bcIdentityCell .bcClassIcon, .bcIdentityCell .bcClassIconEmpty
{
	flex: 0 0 28px;
}
.bcNicknameText
{
	display: block;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bcPresenceBullet
{
	align-self: center;
	border-radius: 50%;
	box-shadow: 0 0 7px rgba(255,255,255,.08);
	cursor: help;
	display: block;
	flex: 0 0 7px;
	height: 7px;
	margin-right: 0;
	width: 7px;
}
.bcPresenceOn
{
	background: #8dde78;
	box-shadow: 0 0 8px rgba(141,222,120,.28);
}
.bcPresenceOff
{
	background: #777;
	box-shadow: 0 0 7px rgba(150,150,150,.18);
}
.bcStatus
{
	border-radius: 2px;
	display: inline-block;
	min-width: 62px;
	padding: 2px 6px;
	text-align: center;
}
.bcStatusOn
{
	background: rgba(89, 168, 68, 0.18);
	color: #8dde78;
}
.bcStatusOff
{
	background: rgba(146, 146, 146, 0.14);
	color: #9a9a9a;
}
.bcPerformanceChartBox
{
	margin: 16px 10px 50px;
}
.bcPerformanceChartBox.bcPerformanceChartSuspended
{
	display: none;
}
.bcPerformanceChartCanvas
{
	height: 500px;
	position: relative;
	width: 100%;
}
.bcPerformanceChartCanvas canvas
{
	display: block;
	height: 500px !important;
	max-height: 500px;
	width: 100% !important;
}
.bcRadarTooltip
{
	background: rgba(0,0,0,.94);
	border: 1px solid #6b5718;
	box-shadow: 0 8px 22px rgba(0,0,0,.45), 0 0 12px rgba(253,194,51,.12);
	color: #dcdcdc;
	font-size: 12px;
	min-width: 150px;
	opacity: 0;
	padding: 7px 9px;
	pointer-events: none;
	position: absolute;
	transform: translate(-50%, -112%);
	transition: opacity .12s ease, transform .12s ease;
	z-index: 30;
}
.bcRadarTooltip.visible
{
	opacity: 1;
	transform: translate(-50%, -120%);
}
.bcRadarTooltipTitle
{
	align-items: center;
	border-bottom: 1px solid rgba(253,194,51,.24);
	display: flex;
	gap: 7px;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
.bcRadarTooltipTitle img
{
	display: block;
	height: 24px;
	width: 24px;
}
.bcRadarTooltipTitle strong
{
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bcRadarTooltipRow
{
	display: grid;
	font-variant-numeric: tabular-nums;
	gap: 16px;
	grid-template-columns: 1fr auto;
	line-height: 18px;
}
.bcRadarTooltipRow span
{
	color: #bdbdbd;
}
.bcRadarTooltipRow b
{
	color: #f2f2f2;
	font-weight: 600;
	text-align: right;
}
.bcRadarTooltipRow.pve span
{
	-webkit-text-stroke: 1px rgb(120 170 255 / 30%);
}
.bcRadarTooltipRow.pvp span
{
	-webkit-text-stroke: 1px rgb(169 229 122 / 30%);
}
.bcRadarTooltipRow.suffered span
{
	-webkit-text-stroke: 1px rgb(238 140 175 / 30%);
}
.bcBlessInfoTooltip
{
	background: rgba(0,0,0,.94);
	border: 1px solid #6b5718;
	box-shadow: 0 8px 22px rgba(0,0,0,.45), 0 0 12px rgba(253,194,51,.12);
	color: #dcdcdc;
	font-size: 12px;
	min-width: 170px;
	opacity: 0;
	padding: 7px 9px;
	pointer-events: none;
	position: absolute;
	text-shadow: none;
	transform: translate(-50%, -112%);
	transition: opacity .12s ease, transform .12s ease;
	z-index: 9999;
}
.bcBlessInfoTooltip.visible
{
	opacity: 1;
	transform: translate(-50%, -120%);
}
.bcBlessInfoTooltipTitle
{
	align-items: center;
	border-bottom: 1px solid rgba(253,194,51,.24);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
.bcBlessInfoTooltipTitle strong, .bcBlessInfoTooltipTitle span
{
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 11px;
	white-space: nowrap;
}
.bcBlessInfoTooltipTitle b
{
	color: #fdc233;
	font-size: 11px;
	font-weight: 700;
	line-height: 13px;
	white-space: nowrap;
}
.bcBlessInfoTooltipRow
{
	align-items: center;
	display: grid;
	font-variant-numeric: tabular-nums;
	gap: 7px;
	grid-template-columns: 18px minmax(82px, 1fr) auto;
	line-height: 18px;
}
.bcBlessInfoTooltipRow img
{
	display: block;
	height: 16px;
	width: 16px;
}
.bcBlessInfoTooltipSwatch
{
	display: block;
	height: 10px;
	margin: 3px;
	width: 10px;
}
.bcBlessInfoTooltipRow span
{
	color: #d8d8d8;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bcBlessInfoTooltipRow b
{
	color: #f2f2f2;
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
}
#bcPerformanceChartReset
{
	background: #fdc233;
	border: 0;
	color: #191919;
	cursor: pointer;
	font-size: 11px;
	font-weight: 600;
	height: 24px;
	left: 740px;
	margin-top: -15px;
	opacity: 0;
	padding: 0 12px;
	pointer-events: none;
	position: relative;
	top: 34px;
	transition: opacity .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
	z-index: 2;
}
#bcPerformanceChartReset.visible
{
	opacity: 1;
	pointer-events: auto;
}
#bcPerformanceChartReset:hover
{
	background: #ffe08a;
	box-shadow: 0 0 10px rgba(253,194,51,.2);
}
.bcEmpty
{
	color: #979797;
	font-size: 15px;
	padding: 0px 10px;
	text-align: center;
	text-shadow: 0px 0 1px #f44336cc;
}
.bcEmptyAccess
{
	margin-top: 18px;
}
.bcEmpty.bcEmptyAccess:last-child
{
	margin-bottom: 60px;
}
.bcReplayTooltip
{
	align-items: center;
	background: linear-gradient(180deg, rgba(17,17,17,.98), rgba(2,2,2,.98));
	border: 1px solid #9a7a23;
	box-shadow: 0 8px 20px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.035) inset, 0 0 12px rgba(253,194,51,.16);
	color: #f0e7c8;
	display: flex;
	font-size: 12px;
	gap: 7px;
	left: 0;
	line-height: 16px;
	max-width: 260px;
	min-height: 16px;
	opacity: 0;
	padding: 6px 8px;
	pointer-events: none;
	position: absolute;
	text-shadow: 0 1px 1px #000;
	top: 0;
	transform: translateY(4px);
	transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s;
	visibility: hidden;
	white-space: nowrap;
	z-index: 10000;
}
.bcReplayTooltip.visible
{
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0s;
	visibility: visible;
}
.bcReplayTooltipName
{
	color: #f3ead0;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bcReplayTooltipMeta
{
	background: rgba(253,194,51,.11);
	border: 1px solid rgba(253,194,51,.28);
	color: #fdc233;
	font-size: 11px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	line-height: 14px;
	padding: 0 5px;
}
.bcReplayTooltipCompact
{
	background: rgba(8,8,8,.92);
	border-color: rgba(154,122,35,.55);
	box-shadow: 0 5px 12px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.025) inset;
	color: #d8d0b8;
	font-size: 11px;
	gap: 5px;
	line-height: 14px;
	max-width: 240px;
	min-height: 14px;
	padding: 4px 6px;
	transform: translateY(3px);
}
.bcReplayTooltipCompact.visible
{
	transform: translateY(0);
}
.bcReplayTooltipCompact .bcReplayTooltipName
{
	color: #ddd5bf;
	font-weight: 500;
}
.bcReplayTooltipCompact .bcReplayTooltipMeta
{
	background: rgba(253,194,51,.07);
	border-color: rgba(253,194,51,.18);
	color: #e2bd45;
	font-size: 10px;
	font-weight: 600;
	line-height: 12px;
	padding: 0 4px;
}
#easyTooltip
{
	background: linear-gradient(180deg, rgba(17,17,17,.98), rgba(2,2,2,.98));
	border: 1px solid #9a7a23;
	box-shadow: 0 8px 20px rgba(0,0,0,.5), 0 0 12px rgba(253,194,51,.16);
	color: #f0e7c8;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 9px;
	text-shadow: 0 1px 1px #000;
	z-index: 9999;
}