.bcSectionTitle
{
	color: #fdc233;
	font-size: 20px;
	margin: 20px 10px 10px;
	text-transform: uppercase;
}
.bcPerformanceSectionTitle
{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	justify-content: space-between;
}
.bcPerformanceSectionTitle > span
{
	display: block;
	min-width: 0;
}
#bcPerformanceExport
{
	background: #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);
	color: #d8c36f;
	cursor: pointer;
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	height: 36px;
	width: 36px;
	flex: 0 0 36px;
	opacity: 0;
	padding: 2px;
	pointer-events: none;
	text-transform: none;
	transform: translateY(2px);
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
	visibility: hidden;
	white-space: nowrap;
}
#bcPerformanceExport.visible
{
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	transition-delay: 0s;
	visibility: visible;
}
#bcPerformanceExport img
{
	display: block;
	width: 30px;
	height: 30px;
	object-fit: contain;
}
#bcPerformanceExport:focus-visible { outline: 2px solid #fdc233; outline-offset: 3px; }
#bcPerformanceExport:hover
{
	background: #24200f;
	border-color: #c99620;
	box-shadow: 0 0 10px rgba(253,194,51,.14);
	color: #fdc233;
}
#bcPerformanceExport.loading
{
	cursor: wait;
	opacity: .55;
	pointer-events: none;
}
.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: -3px;
	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, .bcPerformanceChartBox.bcPerformanceChartDenied
{
	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;
}
.bcPerformancePrintFrame
{
	border: 0;
	height: 1px;
	left: -10000px;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 1px;
}
@page
{
	background: #050505;
	margin: 8mm;
	size: A4 portrait;
}
.bcPerformancePrintRoot, .bcPerformancePrintDocument
{
	background: #050505 !important;
	color: #c9c9c9;
	font-family: Arial, sans-serif;
	margin: 0;
	min-height: 100%;
	padding: 0;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
.bcPerformancePrintPage
{
	background: #050505;
	margin: 0;
	min-height: 100%;
	padding: 0;
	width: 100%;
}
.bcPerformancePrintTable
{
	background: #050505;
	border-collapse: collapse;
	color: #c9c9c9;
	font-size: 8.2pt;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}
.bcPerformancePrintTable thead
{
	display: table-header-group;
}
.bcPerformancePrintTable tfoot
{
	display: table-row-group;
}
.bcPerformancePrintTable tr
{
	break-inside: avoid;
	page-break-inside: avoid;
}
.bcPerformancePrintTitleRow th
{
	background: #050505;
	border: 0;
	padding: 0;
	text-align: left;
}
.bcPerformancePrintHeader
{
	align-items: center;
	border-bottom: 1px solid #303030;
	border-top: 1.2mm solid #fdc233;
	display: grid;
	gap: 7mm;
	grid-template-columns: minmax(0, 1fr) 34mm;
	margin-bottom: 5mm;
	padding: 7mm 0 5mm;
}
.bcPerformancePrintIdentity
{
	align-items: center;
	display: grid;
	gap: 5mm;
	grid-template-columns: 16mm minmax(0, 1fr);
	min-width: 0;
}
.bcPerformancePrintClanIcon
{
	align-items: center;
	background: #121212;
	border: 1px solid #303030;
	border-radius: 2mm;
	display: grid;
	height: 16mm;
	justify-content: center;
	overflow: hidden;
	width: 16mm;
}
.bcPerformancePrintClanIcon img
{
	display: block;
	height: 12mm;
	object-fit: contain;
	width: 12mm;
}
.bcPerformancePrintIdentity h1
{
	color: #f2f2f2;
	font-size: 16pt;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0;
	white-space: nowrap;
}
.bcPerformancePrintDate
{
	background: #211b08;
	border: 1px solid #725b13;
	border-radius: 2mm;
	color: #fdc233;
	font-size: 10pt;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	line-height: 11mm;
	text-align: center;
	white-space: nowrap;
}
.bcPerformancePrintColumns
{
	background: #151515;
	border-bottom: 1px solid #725b13;
	border-top: 1px solid #725b13;
	display: grid;
	grid-template-columns: 30% 7% 11% 11% 11% 13% 7% 10%;
}
.bcPerformancePrintColumns span
{
	color: #e5e5e5;
	font-size: 7.5pt;
	font-weight: 700;
	line-height: 4mm;
	padding: 2mm 1mm;
	text-align: center;
	white-space: nowrap;
}
.bcPerformancePrintColumns span:first-child
{
	text-align: left;
}
.bcPerformancePrintTable col:nth-child(1)
{
	width: 30%;
}
.bcPerformancePrintTable col:nth-child(2)
{
	width: 7%;
}
.bcPerformancePrintTable col:nth-child(3), .bcPerformancePrintTable col:nth-child(4), .bcPerformancePrintTable col:nth-child(5)
{
	width: 11%;
}
.bcPerformancePrintTable col:nth-child(6)
{
	width: 13%;
}
.bcPerformancePrintTable col:nth-child(7)
{
	width: 7%;
}
.bcPerformancePrintTable col:nth-child(8)
{
	width: 10%;
}
.bcPerformancePrintTable td:first-child
{
	text-align: left;
}
.bcPerformancePrintTable tbody tr:nth-child(even) td
{
	background: #0c0c0c;
}
.bcPerformancePrintTable tbody td, .bcPerformancePrintTable tfoot td
{
	border-bottom: 1px solid #292929;
	box-sizing: border-box;
	font-variant-numeric: tabular-nums;
	height: 6.2mm;
	line-height: 5mm;
	overflow: hidden;
	padding: .8mm 1mm;
	text-align: center;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}
.bcPerformancePrintTable .bcIdentityCell
{
	align-items: center;
	display: flex;
	gap: 1.4mm;
	line-height: 5mm;
	min-height: 5mm;
	min-width: 0;
}
.bcPerformancePrintTable .bcPresenceBullet
{
	border-radius: 50%;
	display: block;
	flex: 0 0 1.4mm;
	height: 1.4mm;
	width: 1.4mm;
}
.bcPerformancePrintTable .bcClassIcon, .bcPerformancePrintTable .bcClassIconEmpty
{
	align-items: center;
	display: inline-flex;
	flex: 0 0 5.5mm;
	height: 5mm;
	justify-content: center;
	line-height: 5mm;
	width: 5.5mm;
}
.bcPerformancePrintTable .bcClassIcon img
{
	display: block;
	height: 5mm;
	max-height: 5mm;
	max-width: 5.5mm;
	object-fit: contain;
}
.bcPerformancePrintTable .bcNicknameText
{
	line-height: 5mm;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bcPerformancePrintTable .bcAbsentRow
{
	color: #747474;
	font-style: italic;
}
.bcPerformancePrintTable .bcAbsentDash
{
	color: #5e5e5e;
}
.bcPerformancePrintTable .bcPerformanceBestScore
{
	color: #fdc233;
	font-weight: 700;
	text-shadow: none;
}
.bcPerformancePrintTable .bcPerformanceBestDanger
{
	color: #fd3333;
	font-weight: 700;
	text-shadow: none;
}
.bcPerformancePrintTable .bcTotalRow td
{
	background: #171407;
	border-bottom: 1px solid #725b13;
	border-top: 1px solid #725b13;
	color: #f0d47a;
	font-weight: 700;
}
.bcPerformancePrintTable .bcTotalLabel
{
	text-align: left;
}

.bcShop
{
	margin: 28px 10px 50px;
	color: #9b9b9b;
	font: 14px 'Open Sans', sans-serif;
	letter-spacing: 0;
	--bc-shop-gold: #fdc233;
}
.bcShop *, .bcShop *:before, .bcShop *:after
{
	box-sizing: border-box;
}
.bcShop [hidden]
{
	display: none !important;
}
.bcShop h2, .bcShop h3, .bcShop h4, .bcShop p
{
	margin: 0;
}
.bcShopSrOnly
{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.bcShop h2.bcSectionTitle
{
	margin: 20px 10px 10px;
	font-size: 20px;
	font-weight: normal;
	color: var(--bc-shop-gold);
}
.bcShopIntro
{
	font-size: 15px;
}
.bcShop .bcShopIntro p
{
	margin: 0 0 10px;
}
.bcShop .bcShopIntro p:last-child
{
	margin-bottom: 0;
}
.bcShopAccountBar
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
	margin-bottom: 16px;
}
.bcShopAccountBar > .bcShopField
{
	margin-right: 12px;
}
.bcShopField
{
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 100%;
	min-width: 0;
}
.bcShopField label
{
	align-items: center;
	color: #d4b43c;
	display: inline-flex;
	font-size: 12px;
	font-weight: 400;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
}
.bcShopSubmit
{
	background: #e8bf3e;
	border: 1px solid #e8bf3e;
	color: #171717;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	padding: 0 22px;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
	vertical-align: middle;
}
.bcShopSubmit:hover:not(:disabled)
{
	background: #f5d568;
	border-color: #f5d568;
	box-shadow: 0 0 10px rgba(253,194,51,.2);
}
#bcShop select
{
	color: #c2c2c2;
	font: 13px 'Open Sans', sans-serif;
	float: none;
}
#bcShop select option
{
	background: #191919;
	color: #c2c2c2;
}
#bcShop select option:checked
{
	font-weight: bold;
}
.bcShopAccountBar .bcSelectShell
{
	max-width: 100%;
}
.bcShopAccountBar .bcSelectShell:focus-within
{
	background-color: #222;
	border-color: #c99620;
	box-shadow: 0 0 10px rgba(253,194,51,.16);
}
.bcShop button
{
	font-family: inherit;
	cursor: pointer;
	letter-spacing: 0;
}
.bcShop button:disabled
{
	opacity: .48;
	cursor: not-allowed;
}
.bcShop button:focus-visible, .bcShop select:focus-visible, .bcShop input:focus-visible
{
	outline: 2px solid var(--bc-shop-gold);
	outline-offset: 3px;
}
.bcShopCommand
{
	height: 30px;
	padding: 0 13px;
	color: #d8c36f;
	background: #191919;
	border: 1px solid #6b5718;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
	font-size: 12px;
	font-weight: 600;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.bcShopCommand:hover:not(:disabled)
{
	background: #24200f;
	border-color: #c99620;
	box-shadow: 0 0 10px rgba(253,194,51,.14);
	color: var(--bc-shop-gold);
}
.bcShop .bcShopBalance
{
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	gap: 24px;
	padding: 0 12px 12px;
	background: transparent;
	border: 0;
	color: var(--bc-shop-gold);
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.bcShopBalance strong
{
	vertical-align: -1px;
	margin-right: 4px;
	color: #fff;
	font-size: 18px;
	font-variant-numeric: tabular-nums;
}
.bcShopBalanceValue { color: #ddd; font-weight: 400; white-space: nowrap; }
.bcShopHistory:has(#bcShopOrdersTab[aria-selected='true']) .bcShopBalance { display: none; }
.bcShopIcon
{
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #cfcfcf;
	font-size: 24px;
}
.bcShopIcon:hover
{
	color: var(--bc-shop-gold);
}
.bcShop .bcShopNotice
{
	font-size: 13px;
	line-height: 1.6;
	margin: 12px 0 18px;
}
.bcShopNotice[data-error='true']
{
	color: #efa3a3;
}
#bcShopStatus
{
	text-align: center;
}
.bcShop .bcShopNotice[aria-busy='true']
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
}
.bcShopLoading
{
	display: block;
	width: 25px;
	height: 32px;
	object-fit: contain;
}
#bcShopCatalog { position: relative; }
.bcShopRedeemLoading .bcShopLoading
{
	width: 50px;
	height: 64px;
}
.bcShopRedeemLoading
{
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .35);
	cursor: wait;
}
.bcShopTier
{
	position: relative;
	isolation: isolate;
	padding: 0 2% 14px;
	margin: 22px 0;
	border: 18px solid transparent;
	--bc-shop-tier-1: url('../img/recompensas/bless_rewards_tier_1_bronze.webp');
	--bc-shop-tier-2: url('../img/recompensas/bless_rewards_tier_2.webp?v=2');
	--bc-shop-tier-3: url('../img/recompensas/bless_rewards_tier_3.webp?v=2');
	--bc-shop-frame: url('../img/recompensas/bless_rewards_frame_1.webp');
	--bc-shop-price-border: #893412;
	--bc-shop-item-highlight: 196, 65, 22;
}
.bcShopTier:before, .bcShopTier:after
{
	content: '';
	position: absolute;
	inset: -18px;
	border: 18px solid transparent;
	border-image: var(--bc-shop-background-before, var(--bc-shop-tier-1)) 36 fill stretch;
	z-index: -2;
	pointer-events: none;
}
.bcShopTier:after
{
	border-image-source: var(--bc-shop-background-after, var(--bc-shop-tier-1));
	z-index: -1;
	opacity: 0;
}
.bcShopTier[data-background-fading]:before
{
	opacity: 0;
	transition: opacity .5s ease;
}
.bcShopTier[data-background-fading]:after
{
	opacity: 1;
	transition: opacity .5s ease;
}
.bcShopTier[data-background-current='2']:before,
.bcShopTier[data-background-next='2']:after
{
	filter: grayscale(1);
}
.bcShopTier2
{
	--bc-shop-frame: url('../img/recompensas/bless_rewards_frame_2.webp');
	--bc-shop-price-border: #858585;
	--bc-shop-item-highlight: 200, 200, 200;
}
.bcShopTier3
{
	--bc-shop-frame: url('../img/recompensas/bless_rewards_frame_3.webp');
	--bc-shop-price-border: #917620;
	--bc-shop-item-highlight: 253, 194, 51;
}
.bcShopTierTabs
{
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 10px 0;
	padding: 0 15%;
}
.bcShopTierTabs:before, .bcShopTierTabs:after
{
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	width: 15%;
	height: 44px;
	transform: translateY(-50%);
	background: url('../img/recompensas/bless_rewards_ornament_left.webp') center / contain no-repeat;
	pointer-events: none;
}
.bcShopTierTabs:before
{
	left: 0;
}
.bcShopTierTabs:after
{
	right: 0;
	background-image: url('../img/recompensas/bless_rewards_ornament_right.webp');
}
.bcShop .bcShopTierTab
{
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 42px;
	padding: 0 12px;
	border: 0;
	background: none;
}
.bcShopTierTab img
{
	display: block;
	width: 84px;
	max-width: 100%;
	height: auto;
}
.bcShopTierTab:before
{
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url('../img/recompensas/bless_rewards_tab_1.webp') center / 100% 100% no-repeat;
	filter: brightness(.7);
	transition: filter .18s ease;
}
.bcShopTierTab:not(:last-child):after
{
	content: '';
	position: absolute;
	left: 100%;
	top: calc(50% + 1px);
	width: 10px;
	height: 44px;
	transform: translateY(-50%) scaleY(-1);
	background: url('../img/recompensas/bless_rewards_ornament_line.webp') center / 100% 100% no-repeat;
	pointer-events: none;
}
.bcShopTierTab2:before
{
	background-image: url('../img/recompensas/bless_rewards_tab_2.webp');
}
.bcShopTierTab3:before
{
	background-image: url('../img/recompensas/bless_rewards_tab_3.webp');
}
.bcShopTierTab:hover:before, .bcShopTierTab:focus-visible:before
{
	filter: brightness(1.15);
}
.bcShopTierTab[aria-selected='true']:before
{
	filter: brightness(1.4);
}
.bcShopProducts
{
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}
.bcShopProduct
{
	display: grid;
	grid-template-rows: 42px auto 14px 32px;
	gap: 8px;
	justify-items: center;
	align-items: center;
	min-width: 0;
	text-align: center;
}
.bcShopProduct h4
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #d9b547;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	overflow-wrap: anywhere;
	text-align: center;
	text-wrap: balance;
	text-transform: uppercase;
	max-width: 140px;
}
.bcShopItemImage.bcShopTooltipTarget
{
	cursor: help;
}
#bcShopTooltip
{
	position: fixed;
	max-width: min(360px, calc(100vw - 16px));
}
.bcShopTooltip .bcReplayTooltipName
{
	white-space: pre-line;
	overflow-wrap: anywhere;
	text-overflow: clip;
}
.bcShopItemImage
{
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 133px;
	aspect-ratio: 1;
	margin-bottom: 0;
	background: var(--bc-shop-frame) center / 100% 100% no-repeat;
}
.bcShopItemImage:after
{
	content: '';
	position: absolute;
	inset: 1px;
	border: 1px solid rgb(var(--bc-shop-item-highlight));
	box-shadow: 0 0 6px rgba(var(--bc-shop-item-highlight), .4), inset 0 0 5px rgba(var(--bc-shop-item-highlight), .2);
	opacity: 0;
	pointer-events: none;
	transition: opacity .4s ease, border-color .4s ease, box-shadow .4s ease;
}
.bcShopItemImage:hover:after, .bcShopItemImage:focus-visible:after,
.bcShopProduct:has(> .bcShopRedeem:hover:not(:disabled)) .bcShopItemImage:after,
.bcShopProduct:has(> .bcShopRedeem:focus-visible) .bcShopItemImage:after
{
	opacity: 1;
}
.bcShopItemImage img
{
	position: absolute;
	left: 11%;
	top: 11%;
	width: 78%;
	height: 78%;
	object-fit: contain;
	transition: transform .18s ease, filter .18s ease;
}
.bcShopItemImage:hover img, .bcShopItemImage:focus-visible img,
.bcShopProduct:has(> .bcShopRedeem:hover:not(:disabled)) .bcShopItemImage img,
.bcShopProduct:has(> .bcShopRedeem:focus-visible) .bcShopItemImage img
{
	transform: scale(1.04);
	filter: brightness(1.1);
}
.bcShopPrice
{
	position: relative;
	top: -3px;
	isolation: isolate;
	z-index: 3;
	align-self: end;
	width: 84%;
	max-width: 112px;
	height: 26px;
	background: none;
	font-size: 11px;
	line-height: 26px;
	color: #9b9b9b;
	text-transform: uppercase;
}
.bcShopPrice:before, .bcShopPrice:after
{
	content: '';
	position: absolute;
	inset: 2px 0 0;
	z-index: -1;
	pointer-events: none;
	background: var(--bc-shop-price-border);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));
}
.bcShopPrice:before
{
	background-color: var(--bc-shop-price-border);
	background-image: linear-gradient(to bottom, var(--bc-shop-price-border) 0 3px, transparent 3px);
	transition: background-color .4s ease;
}
.bcShopProduct:has(> .bcShopItemImage:hover) .bcShopPrice:before,
.bcShopProduct:has(> .bcShopItemImage:focus-visible) .bcShopPrice:before,
.bcShopProduct:has(> .bcShopRedeem:hover:not(:disabled)) .bcShopPrice:before,
.bcShopProduct:has(> .bcShopRedeem:focus-visible) .bcShopPrice:before,
.bcShopPrice:hover:before
{
	background-color: rgb(var(--bc-shop-item-highlight));
}
.bcShopPrice:after
{
	inset: 2px 1px 1px;
	background: #151515;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7.4px), calc(100% - 7.4px) 100%, 7.4px 100%, 0 calc(100% - 7.4px));
}
.bcShopPrice strong
{
	font-size: 12px;
	font-weight: 700;
}
.bcShopRedeem
{
	position: relative;
	height: 32px;
	width: 100%;
	max-width: 122px;
	padding: 0;
	font-size: 0;
	border: 0;
	background: url('../img/recompensas/bless_rewards_redeem.webp?v=2') center / contain no-repeat;
}
.bcShopRedeem:before
{
	content: '';
	position: absolute;
	inset: 0;
	background: url('../img/recompensas/bless_rewards_redeem_hover.webp?v=2') center / contain no-repeat;
	opacity: 0;
	pointer-events: none;
	transition: opacity .18s ease;
}
.bcShopRedeem:hover:not(:disabled):before, .bcShopRedeem:focus-visible:not(:disabled):before
{
	opacity: 1;
}
.bcShopRecords
{
	display: grid;
	grid-template-columns: minmax(0, 496fr) minmax(0, 344fr);
	gap: 18px;
	margin-top: 46px;
	align-items: stretch;
}
.bcShopRecordTables
{
	display: grid;
	gap: 40px;
	min-width: 0;
	margin-left: 40px;
}
.bcShopInfoBox
{
	position: relative;
	padding: 42px 24px 18px;
	background: url('../img/recompensas/bless_rewards_table_top.png') center top / 100% auto no-repeat, url('../img/recompensas/bless_rewards_table_bottom.png') center bottom / 100% auto no-repeat, url('../img/recompensas/bless_rewards_table_middle.png') center / 100% auto repeat-y;
}
.bcShop .bcShopTableTitle
{
	position: absolute;
	top: -18px;
	left: 16px;
	right: 16px;
	display: flex;
	align-items: flex-end;
	gap: 4px;
	height: 62px;
	margin: 0;
	line-height: 18px;
}
.bcShopTableTitle img
{
	display: block;
	flex: 0 0 auto;
	width: auto;
	height: 62px;
	object-fit: contain;
	object-position: left center;
}
#bcShopHistoryTitle .bcShopHeadingText { margin-left: 10px; }
.bcShopHeadingText
{
	min-width: 0;
	padding-bottom: 10px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #eab52d;
	background: linear-gradient(to bottom, #ffda70 0%, #edb428 52%, #c78b0e 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: .25px rgba(99, 58, 0, .65);
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .8));
}
.bcShopArtwork
{
	position: relative;
	min-width: 0;
}
.bcShopSpeech
{
	opacity: 1;
	transition: opacity 800ms ease-in-out;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 241px;
	height: 184px;
	z-index: 1;
}
.bcShopSpeech.is-delivering { opacity: 0; transition-duration: 500ms; }
@media (prefers-reduced-motion: reduce) { .bcShopSpeech { transition: none; } }
.bcDelivery { position: fixed; inset: 0; z-index: 100000; color: #ddd; font: 20px Arial, sans-serif; letter-spacing: 0; }
.bcDelivery[hidden], .bcDelivery [hidden] { display: none !important; }
.bcDelivery * { box-sizing: border-box; letter-spacing: 0; }
.bcDeliveryShade { position: absolute; inset: 0; background: #000; opacity: 0; }
.bcDeliveryLayout { position: absolute; inset: 6% 32px; max-width: 1080px; margin: auto; display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; align-items: center; pointer-events: none; }
.bcDeliveryDestination { height: 100%; min-width: 0; }
.bcDeliveryMessage { text-align: center; opacity: 0; transform: translate(24px, -134px); }
.bcDeliveryMessage h2 { margin: 0 0 10px; padding: 0; border: 0; color: #e5c778; font: bold 58.8px/1.1 Georgia, 'Times New Roman', serif; background: linear-gradient(180deg, #fff0b7 8%, #e7c875 35%, #c39a4d 65%, #eed38a 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 2px 2px rgba(0,0,0,.65)); }
.bcDeliveryMessage p { margin: 0; padding: 0; color: #c5c5c5; font: 16.8px/1.25 Arial, sans-serif; }
.bcDeliveryMessage p:not(.bcDeliveryLocation) strong { display: block; color: #ffedb0; font-size: 20.16px; font-weight: bold; background: linear-gradient(110deg, #f4d77b, #fff3bd 65%, #fff7dc); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.bcDeliveryMessage .bcDeliveryLocation { margin: 11px auto 6px; max-width: 460px; font-size: 13.44px; line-height: 1.25; }
.bcDeliveryLocation strong { display: inline; font: inherit; font-weight: bold; color: inherit; }
.bcDeliveryOrnament { display: block; width: 100%; aspect-ratio: 540/90; background: url('../img/recompensas/bless_delivery_ornaments_source.png') no-repeat 22.08481% 21.73913% / 309.62963% 1045.55556%; mask: url('../img/recompensas/bless_delivery_ornaments_source.png') no-repeat 22.08481% 21.73913% / 309.62963% 1045.55556%; mask-mode: luminance; filter: brightness(1.35); }
.bcDeliveryOrnamentBottom { background-position: 22.08481% 74.03055%; mask-position: 22.08481% 74.03055%; }
.bcDeliveryActor { position: absolute; left: 0; top: 0; transform-origin: top left; pointer-events: none; }
.bcDeliveryActor video { display: block; width: 100%; height: 100%; object-fit: contain; mask-image: linear-gradient(transparent, black 4%, black 96%, transparent); }
.bcDeliveryItem { position: absolute; width: 27.17%; height: auto; max-width: none; left: calc(22% + 5px); top: 37%; transform: translate(-50%, -100%); transform-origin: center bottom; opacity: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.85)) drop-shadow(0 3px 6px rgba(0,0,0,.7)); }
@media (max-width: 800px) {
    .bcDeliveryLayout { inset-inline: 16px; gap: 12px; }
    .bcDeliveryMessage h2 { font-size: 25.2px; }
    .bcDeliveryMessage p { font-size: 10.08px; }
    .bcDeliveryMessage p:not(.bcDeliveryLocation) strong { font-size: 12.32px; }
    .bcDeliveryMessage .bcDeliveryLocation { font-size: 8.96px; }
}
.bcShopCharacter
{
	position: absolute;
	top: 140px;
	left: 0;
	display: block;
	width: 100%;
	height: calc(100% - 140px);
	max-height: 725px;
	pointer-events: none;
	container-type: size;
}
.bcShopCharacterFrame
{
	position: relative;
	width: min(100cqw, calc(100cqh * 344 / 725));
	transition: width 400ms ease-in-out;
	aspect-ratio: 344 / 725;
	margin: 0 auto;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.16) 1%, rgba(0,0,0,.5) 2%, rgba(0,0,0,.84) 3%, #000 4%, #000 96%, rgba(0,0,0,.84) 97%, rgba(0,0,0,.5) 98%, rgba(0,0,0,.16) 99%, transparent);
	mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.16) 1%, rgba(0,0,0,.5) 2%, rgba(0,0,0,.84) 3%, #000 4%, #000 96%, rgba(0,0,0,.84) 97%, rgba(0,0,0,.5) 98%, rgba(0,0,0,.16) 99%, transparent);
}
.bcShopCharacterStill, .bcShopCharacterVideo
{
	position: absolute;
	top: -3.1762%;
	left: -12.1018%;
	display: block;
	width: 126.3978%;
	height: auto;
	max-width: none;
	max-height: none;
	object-fit: contain;
	object-position: center top;
}
.bcShopCharacterVideo, .bcShopCharacter.is-playing .bcShopCharacterStill
{
	opacity: 0;
}
.bcShopCharacter.is-playing .bcShopCharacterVideo
{
	opacity: 1;
}
@media (prefers-reduced-motion: reduce)
{
	.bcShopCharacterFrame { transition: none; }
	.bcShopCharacter.is-playing .bcShopCharacterStill { opacity: 1; }
	.bcShopCharacter.is-playing .bcShopCharacterVideo { opacity: 0; }
}
.bcShopHistory
{
	display: flex;
	flex-direction: column;
	min-height: 220px;
}
.bcShopHistory:has(#bcShopHistoryTable[hidden]) .bcShopBalance
{
	margin-top: 0;
}
#bcShopHistoryPanel
{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 96px;
	min-width: 0;
}
.bcShop #bcShopHistoryStatus
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 96px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
}
.bcShopTabs
{
	margin-top: 10px;
	display: flex;
	gap: 18px;
	border-bottom: 1px solid #494235;
}
.bcShopTabs button
{
	padding: 0 0 8px;
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	color: #aaa;
	font-size: 13px;
	transition: color .25s ease, border-color .25s ease, text-shadow .25s ease;
}
.bcShopTabs button:hover:not(:disabled),
.bcShopTabs button:focus-visible
{
	color: #f1dda0;
	border-bottom-color: #8f7942;
	text-shadow: 0 0 8px rgba(232,191,62,.25);
}
.bcShopTabs button[aria-selected='true']
{
	color: var(--bc-shop-gold);
	border-bottom-color: var(--bc-shop-gold);
}
.bcShopTabs button[aria-selected='true']:hover:not(:disabled),
.bcShopTabs button[aria-selected='true']:focus-visible
{
	color: #fff1c5;
	border-bottom-color: var(--bc-shop-gold);
}
@media (prefers-reduced-motion: reduce)
{
	.bcShopTabs button { transition: none; }
}
.bcShopTableScroll
{
	overflow-x: auto;
}
.bcShopTable
{
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	margin: 10px 0;
}
.bcShopTable th, .bcShopTable td
{
	padding: 6px 8px;
	border-bottom: 1px solid #ffffff0d;
	text-align: left;
	vertical-align: top;
}
.bcShopTable th
{
	color: #c2c2c2;
	background: #243038;
	font-weight: 600;
}
.bcShopTable tr:nth-child(even)
{
	background: #17202788;
}
.bcShopTable th:last-child, .bcShopTable td:last-child
{
	white-space: nowrap;
}
.bcShopTable small
{
	display: block;
	font-size: 11px;
	color: #90999c;
	margin-top: 3px;
}
.bcShopRules .bcShopTable td
{
	width: 50%;
}
.bcShopCreditTable th:first-child { width: 28%; }
.bcShopCreditTable th:nth-child(2) { width: 42%; }
.bcShopCreditTable th:last-child { width: 30%; }
.bcShopRules .bcShopTable td,
.bcShopCreditTable th, .bcShopCreditTable td,
.bcShopOrderTable th, .bcShopOrderTable td
{
	border: 1px solid #465057;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
}
.bcShopRules .bcShopTable tr:nth-child(odd),
.bcShopCreditTable tbody tr:nth-child(odd), .bcShopOrderTable tbody tr:nth-child(odd)
{
	background: #111a20;
}
.bcShopRules .bcShopTable tr:nth-child(even),
.bcShopCreditTable tbody tr:nth-child(even), .bcShopOrderTable tbody tr:nth-child(even)
{
	background: #18242d;
}
.bcShopRules .bcShopTable strong,
.bcShopCreditTable strong, .bcShopOrderTable strong
{
	color: inherit;
	font-size: 14px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.bcShopRules .bcShopTable strong { color: #f3c76b; }
.bcShopTableScroll:has(.bcShopOrderTable, .bcShopCreditTable)
{
	margin: 10px 0;
	max-height: 253px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #69757b #111a20;
}
.bcShopTableScroll .bcShopOrderTable, .bcShopTableScroll .bcShopCreditTable
{
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
}
.bcShopOrderTable th, .bcShopOrderTable td,
.bcShopCreditTable th, .bcShopCreditTable td
{
	border-top: 0;
	border-left: 0;
}
.bcShopOrderTable th:first-child, .bcShopOrderTable td:first-child,
.bcShopCreditTable th:first-child, .bcShopCreditTable td:first-child
{
	border-left: 1px solid #465057;
}
.bcShopOrderTable thead th, .bcShopCreditTable thead th
{
	border-top: 1px solid #465057;
}
.bcShopHistory .bcShopTableScroll::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
}
.bcShopHistory .bcShopTableScroll::-webkit-scrollbar-track
{
	background: #111a20;
}
.bcShopHistory .bcShopTableScroll::-webkit-scrollbar-thumb
{
	background: #69757b;
	border: 2px solid #111a20;
	border-radius: 4px;
}
.bcShopHistory .bcShopTableScroll::-webkit-scrollbar-thumb:hover
{
	background: #939da2;
}
.bcShopHistory .bcShopTableScroll::-webkit-scrollbar-button
{
	display: none;
}
.bcShopHistory .bcShopTableScroll::-webkit-scrollbar-corner
{
	background: #111a20;
}
.bcShopOrderTable thead, .bcShopCreditTable thead
{
	position: sticky;
	top: 0;
	z-index: 1;
	background: #151e23;
}
.bcShopOrderTable th:first-child { width: 20%; }
.bcShopOrderTable th:nth-child(2) { width: 57%; }
.bcShopCreditTable th:nth-child(2), .bcShopOrderTable th:nth-child(2) { padding-left: 12px; }
.bcShopOrderTable th:last-child { width: 24%; }
.bcShopCreditTable th:nth-child(2), .bcShopCreditTable td:nth-child(2),
.bcShopOrderTable th:nth-child(2), .bcShopOrderTable td:nth-child(2) { text-align: left; }
.bcShopOrderItem { display: flex; align-items: center; gap: 8px; }
.bcShopOrderItem img { width: 26px; height: 26px; margin: -4px 0; object-fit: contain; flex: 0 0 26px; }
.bcShopOrderItem span { min-width: 0; overflow-wrap: anywhere; }
.bcShopOrderItemName { font-weight: 600; }
.bcShopDialog
{
	width: 480px;
	max-width: calc(100vw - 28px);
	max-height: calc(100dvh - 32px);
	padding: 24px;
	border: 1px solid #8f7434;
	border-radius: 4px;
	background: #171a1c;
	color: #b8b8b8;
	box-shadow: 0 16px 70px #000b;
}
.bcShopDialog::backdrop
{
	background: #000b;
}
.bcShopDialog h3
{
	color: var(--bc-shop-gold);
	font-size: 18px;
	padding-right: 28px;
}
.bcShopClose
{
	position: absolute;
	right: 12px;
	top: 12px;
}
.bcShopDialogProduct
{
	display: flex;
	gap: 18px;
	align-items: center;
	margin: 22px 0;
}
.bcShopDialogProduct img
{
	object-fit: contain;
	flex-shrink: 0;
}
.bcShopDialogProduct h4
{
	font-size: 15px;
	color: #e4e4e4;
}
.bcShopDialogProduct ul
{
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1.8;
}
.bcShopDialog dl
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	padding: 16px 0;
	border-top: 1px solid #ffffff1c;
	border-bottom: 1px solid #ffffff1c;
	font-size: 13px;
}
.bcShopDialog dd
{
	margin: 0;
	text-align: right;
	color: #eee;
	overflow-wrap: anywhere;
}
.bcShopDialogActions
{
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}
@media (max-width: 680px)
{
	.bcShopTier
	{
		padding-left: 8px;
		padding-right: 8px;
	}
	.bcShop .bcShopTierTab
	{
		padding: 0 8px;
	}
	.bcShopProducts
	{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 22px 12px;
	}
	.bcShopRecords
	{
		grid-template-columns: minmax(0, 1fr);
	}
	.bcShopArtwork
	{
		display: none;
	}
	.bcShopAccountBar
	{
		gap: 10px;
	}
	.bcShopAccountBar .bcSelectShell
	{
		flex: 1 1 130px;
		min-width: 0;
	}
	.bcShopField
	{
		flex: 1 1 280px;
	}
}
@media (max-width: 420px)
{
	.bcShop .bcShopTierTab
	{
		height: 34px;
		padding: 0 4px;
	}
	.bcShopProducts
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.bcShopInfoBox
	{
		padding-left: 12px;
		padding-right: 12px;
	}
	.bcShopProduct h4
	{
		font-size: 11px;
	}
	.bcShopDialog
	{
		padding: 20px 16px;
	}
}
@media (prefers-reduced-motion: reduce)
{
	.bcShopTier[data-background-fading]:before,
	.bcShopTier[data-background-fading]:after,
	.bcShopTierTab, .bcShopTierTab:before, .bcShopItemImage:after, .bcShopItemImage img, .bcShopRedeem:before
	{
		transition: none;
	}
}