.bdt-live-events-mount[hidden] {
	display: none !important;
}

.bdt-live {
	--bdt-live-z: 2147481200;
	--bdt-live-gold-a: #ffd662;
	--bdt-live-gold-b: #de9f28;
	--bdt-live-ink: #111725;
	--bdt-live-paper: rgba(13, 18, 29, 0.92);
	--bdt-live-line: rgba(255, 255, 255, 0.12);
	--bdt-live-muted: rgba(240, 244, 255, 0.7);
	--bdt-live-warn: #ffcf70;
	--bdt-live-danger: #ff8d94;
	position: fixed;
	inset: 0;
	z-index: var(--bdt-live-z);
	pointer-events: none;
	overflow: clip;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.bdt-live__veil,
.bdt-live__mist,
.bdt-live__actors,
.bdt-live__effects,
.bdt-live__cards,
.bdt-live__notices,
.bdt-live__hud,
.bdt-live__debug {
	position: absolute;
	inset: 0;
}

.bdt-live__veil,
.bdt-live__mist,
.bdt-live__actors,
.bdt-live__effects {
	pointer-events: none;
}

.bdt-live__veil {
	opacity: 0;
	background:
		radial-gradient(circle at 50% 10%, rgba(98, 109, 198, 0.12), transparent 32%),
		radial-gradient(circle at 80% 18%, rgba(255, 194, 82, 0.1), transparent 18%),
		linear-gradient(180deg, rgba(7, 11, 19, 0.08), rgba(7, 11, 19, 0.02));
	transition: opacity 600ms ease;
	will-change: opacity;
}

.bdt-live__mist {
	opacity: 0;
	background:
		radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.08), transparent 22%),
		radial-gradient(circle at 68% 24%, rgba(130, 164, 255, 0.11), transparent 25%),
		radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.06), transparent 18%);
	mix-blend-mode: screen;
	transition: opacity 600ms ease;
	filter: blur(24px);
}

.bdt-live__notices {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	padding: 18px;
}

.bdt-live__notice,
.bdt-live__npc,
.bdt-live__loot-card,
.bdt-live__debug-panel {
	pointer-events: auto;
}

.bdt-live__notice {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	width: min(360px, calc(100vw - 28px));
	padding: 13px 14px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	background:
		linear-gradient(180deg, rgba(17, 23, 36, 0.96), rgba(10, 14, 22, 0.96));
	box-shadow: 0 20px 42px rgba(4, 7, 13, 0.42);
	color: #f8f9ff;
	backdrop-filter: blur(12px);
	opacity: 0;
	transform: translate3d(0, -10px, 0) scale(0.985);
	transition: transform 240ms ease, opacity 240ms ease;
}

.bdt-live__notice.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.bdt-live__notice--warning {
	box-shadow: 0 18px 36px rgba(72, 42, 8, 0.34);
}

.bdt-live__notice--danger {
	box-shadow: 0 18px 36px rgba(98, 24, 32, 0.34);
}

.bdt-live__notice-eyebrow,
.bdt-live__loot-card-eyebrow,
.bdt-live__npc-eyebrow {
	display: block;
	margin-bottom: 4px;
	color: var(--bdt-live-gold-a);
	font-family: "Arial Narrow", "Roboto Condensed", "Franklin Gothic Medium", sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
}

.bdt-live__notice-title,
.bdt-live__loot-card-title {
	display: block;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
}

.bdt-live__notice-text,
.bdt-live__loot-card-text,
.bdt-live__npc-text {
	margin: 6px 0 0;
	color: var(--bdt-live-muted);
	font-size: 12px;
	line-height: 1.45;
}

.bdt-live__notice-actions {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.bdt-live__notice-link,
.bdt-live__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 20px;
	border: 2px solid #261d11;
	border-radius: 18px;
	background: linear-gradient(180deg, #ffd35c 0%, #e1ac2e 100%);
	box-shadow: 0 6px 0 #171717, 0 8px 18px rgba(16, 14, 25, 0.22);
	color: #15110c;
	font-family: "Arial Narrow", "Roboto Condensed", "Franklin Gothic Medium", sans-serif;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 0.03em;
	line-height: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.bdt-live__button--small {
	height: 36px;
	padding: 0 16px;
	font-size: 13px;
}

.bdt-live__button--ghost {
	border-color: #261d11;
	background: linear-gradient(180deg, #ffd35c 0%, #e1ac2e 100%);
	color: #15110c;
}

.bdt-live__button:hover,
.bdt-live__button:focus {
	filter: brightness(1.03);
	transform: translateY(1px);
	box-shadow: 0 5px 0 #171717, 0 7px 14px rgba(16, 14, 25, 0.22);
}

.bdt-live__icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: #ffffff;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

.bdt-live__hud {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 18px;
}

.bdt-live__counter,
.bdt-live__toggle,
.bdt-live__debug-panel {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	background: rgba(8, 12, 19, 0.74);
	box-shadow: 0 10px 26px rgba(2, 4, 8, 0.24);
	backdrop-filter: blur(10px);
}

.bdt-live__counter {
	align-self: flex-end;
	padding: 9px 12px;
	color: rgba(255, 250, 236, 0.88);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.bdt-live__hud-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.bdt-live__toggle {
	pointer-events: auto;
	height: 36px;
	padding: 0 14px;
	color: #fff2c5;
	font-family: "Arial Narrow", "Roboto Condensed", "Franklin Gothic Medium", sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
}

.bdt-live__cards {
	pointer-events: none;
}

.bdt-live__raid {
	position: absolute;
	left: -22vw;
	top: var(--bdt-live-raid-y, 28vh);
	width: 260px;
	height: 120px;
	opacity: 0;
	transform: translate3d(0, 0, 0) scale(var(--bdt-live-raid-scale, 0.9));
	transition:
		transform var(--bdt-live-raid-duration, 9000ms) cubic-bezier(0.18, 0.68, 0.12, 1),
		opacity 360ms ease;
	will-change: transform, opacity;
}

.bdt-live__raid.is-active {
	opacity: 1;
	transform: translate3d(calc(100vw + 36vw), 0, 0) scale(var(--bdt-live-raid-scale, 1));
}

.bdt-live__raid-core,
.bdt-live__raid-trail,
.bdt-live__raid-spark,
.bdt-live__raid-sprite {
	position: absolute;
	display: block;
}

.bdt-live__raid-sprite {
	left: 52px;
	top: 50%;
	width: auto;
	height: var(--bdt-live-raid-sprite-height, 96px);
	transform: translateY(-50%);
	image-rendering: pixelated;
	filter: drop-shadow(0 12px 20px rgba(5, 8, 14, 0.45));
}

.bdt-live__raid--dragon .bdt-live__raid-trail {
	background: linear-gradient(90deg, rgba(113, 187, 255, 0), rgba(113, 187, 255, 0.14), rgba(255, 168, 74, 0.94));
}

.bdt-live__raid--demon .bdt-live__raid-trail {
	background: linear-gradient(90deg, rgba(255, 118, 122, 0), rgba(255, 118, 122, 0.18), rgba(255, 230, 172, 0.9));
}

.bdt-live__raid--reverse {
	left: auto;
	right: -24vw;
	transform: translate3d(0, 0, 0) scale(var(--bdt-live-raid-scale, 0.9));
}

.bdt-live__raid--reverse.is-active {
	transform: translate3d(calc(-100vw - 34vw), 0, 0) scale(var(--bdt-live-raid-scale, 1));
}

.bdt-live__raid--reverse .bdt-live__raid-sprite {
	left: auto;
	right: 48px;
	transform: translateY(-50%) scaleX(-1);
}

.bdt-live__raid--reverse .bdt-live__raid-spark {
	right: auto;
	left: 12px;
}

.bdt-live__raid-core {
	top: 50%;
	right: 12px;
	width: 52px;
	height: 24px;
	border-radius: 999px;
	background:
		radial-gradient(circle at 70% 50%, rgba(255, 233, 159, 0.98), rgba(255, 186, 62, 0.9) 38%, rgba(255, 120, 38, 0.4) 68%, transparent 100%);
	filter: blur(2px);
	transform: translateY(-50%) rotate(-10deg);
	box-shadow: 0 0 24px rgba(255, 193, 79, 0.54);
}

.bdt-live__raid-trail {
	inset: 50% 44px auto 0;
	height: 12px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(113, 187, 255, 0), rgba(113, 187, 255, 0.2), rgba(255, 227, 130, 0.95));
	filter: blur(10px);
	transform: translateY(-50%);
}

.bdt-live__raid-spark {
	top: 50%;
	right: 8px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 248, 216, 0.95) 0%, rgba(255, 183, 74, 0.52) 44%, rgba(255, 183, 74, 0) 74%);
	transform: translateY(-50%);
}

.bdt-live__mist-burst,
.bdt-live__chaos-fracture,
.bdt-live__frost {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.bdt-live__mist-burst span,
.bdt-live__chaos-fracture span,
.bdt-live__frost span {
	position: absolute;
	display: block;
}

.bdt-live__mist-burst span {
	width: 34vw;
	height: 34vw;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent 72%);
	filter: blur(14px);
	animation: bdt-live-fog 7s ease forwards;
}

.bdt-live__mist-burst span:nth-child(1) { left: -6vw; top: 10vh; }
.bdt-live__mist-burst span:nth-child(2) { right: 8vw; top: 4vh; animation-delay: 120ms; }
.bdt-live__mist-burst span:nth-child(3) { left: 28vw; bottom: -10vh; animation-delay: 220ms; }

.bdt-live__loot-trigger {
	position: absolute;
	width: 78px;
	height: 78px;
	border: 0;
	padding: 0;
	background: transparent;
	opacity: 0;
	transform: translate3d(0, 8px, 0) scale(0.92);
	transition: transform 220ms ease, opacity 220ms ease;
	cursor: pointer;
	pointer-events: auto;
}

.bdt-live__loot-trigger.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.bdt-live__loot-glow,
.bdt-live__loot-box {
	position: absolute;
	inset: 0;
	display: block;
}

.bdt-live__loot-glow {
	border-radius: 24px;
	background: radial-gradient(circle, rgba(255, 216, 98, 0.38), rgba(255, 216, 98, 0) 64%);
	filter: blur(6px);
	animation: bdt-live-pulse 2.6s ease-in-out infinite;
}

.bdt-live__loot-box {
	inset: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.bdt-live__loot-trigger.is-opened .bdt-live__loot-box {
	transform: translateY(-4px) scale(1.04);
}

.bdt-live__loot-image {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 92px;
	height: 92px;
	object-fit: contain;
	transform: translate(-50%, -50%);
	image-rendering: pixelated;
	filter: drop-shadow(0 14px 20px rgba(8, 5, 1, 0.34));
}

.bdt-live__loot-card,
.bdt-live__npc,
.bdt-live__banner-signal {
	position: absolute;
	width: min(280px, calc(100vw - 24px));
	padding: 14px 15px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(10, 15, 24, 0.97), rgba(17, 22, 34, 0.94));
	box-shadow: 0 24px 42px rgba(5, 7, 12, 0.38);
	color: #fcfdff;
	opacity: 0;
	transform: translate3d(0, 10px, 0) scale(0.98);
	transition: transform 260ms ease, opacity 260ms ease;
}

.bdt-live__loot-card.is-visible,
.bdt-live__npc.is-visible,
.bdt-live__banner-signal.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.bdt-live__npc {
	right: 18px;
	bottom: 18px;
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 12px;
}

.bdt-live__npc-avatar {
	width: 64px;
	height: 64px;
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(56, 74, 119, 0.9), rgba(17, 21, 30, 0.94));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
	overflow: hidden;
}

.bdt-live__npc-avatar-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	image-rendering: pixelated;
	filter: drop-shadow(0 8px 12px rgba(3, 7, 12, 0.34));
}

.bdt-live__npc-name {
	display: block;
	color: #ffffff;
	font-family: "Arial Narrow", "Roboto Condensed", "Franklin Gothic Medium", sans-serif;
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}

.bdt-live__npc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.bdt-live__field-cluster,
.bdt-live__portal-burst {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 260ms ease;
}

.bdt-live__field-cluster.is-visible,
.bdt-live__portal-burst.is-visible {
	opacity: 1;
}

.bdt-live__field,
.bdt-live__portal-field {
	position: absolute;
	width: 56px;
	height: 56px;
	object-fit: contain;
	image-rendering: pixelated;
	filter: drop-shadow(0 10px 18px rgba(8, 12, 20, 0.32));
	pointer-events: none;
}

.bdt-live__field {
	animation: bdt-live-field-pop 2200ms ease forwards;
}

.bdt-live__portal-field {
	width: 72px;
	height: 72px;
	animation: bdt-live-portal-pulse 2200ms ease-in-out infinite;
}

.bdt-live__banner-signal {
	left: 18px;
	top: 18px;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
}

.bdt-live__banner-image {
	width: 52px;
	height: 52px;
	object-fit: contain;
	image-rendering: pixelated;
	filter: drop-shadow(0 10px 16px rgba(4, 8, 14, 0.32));
}

.bdt-live__banner-copy {
	min-width: 0;
}

.bdt-live__chaos-fracture span {
	background: linear-gradient(180deg, rgba(255, 178, 181, 0), rgba(255, 178, 181, 0.78), rgba(202, 91, 120, 0));
	border-radius: 999px;
	filter: drop-shadow(0 0 14px rgba(255, 157, 186, 0.34));
	animation: bdt-live-fracture 1600ms ease both;
}

.bdt-live__chaos-fracture span:nth-child(1) {
	left: 46%;
	top: 8%;
	width: 2px;
	height: 64%;
	transform: rotate(18deg);
}

.bdt-live__chaos-fracture span:nth-child(2) {
	left: 44%;
	top: 26%;
	width: 2px;
	height: 28%;
	transform: rotate(-28deg);
}

.bdt-live__chaos-fracture span:nth-child(3) {
	left: 53%;
	top: 32%;
	width: 2px;
	height: 32%;
	transform: rotate(36deg);
}

.bdt-live__frost span {
	width: 6px;
	height: 72px;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(205, 232, 255, 0.92), rgba(255, 255, 255, 0));
	filter: blur(0.4px);
	animation: bdt-live-frost 3.2s ease both;
}

.bdt-live__frost span:nth-child(1) { left: 14%; top: -10%; }
.bdt-live__frost span:nth-child(2) { left: 38%; top: -12%; animation-delay: 180ms; }
.bdt-live__frost span:nth-child(3) { left: 62%; top: -8%; animation-delay: 320ms; }
.bdt-live__frost span:nth-child(4) { left: 84%; top: -14%; animation-delay: 460ms; }

.bdt-live__debug {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 18px;
}

.bdt-live__debug-panel {
	padding: 12px;
	border-radius: 18px;
}

.bdt-live__debug-title {
	display: block;
	margin-bottom: 8px;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bdt-live__debug-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	max-width: min(540px, calc(100vw - 36px));
}

.bdt-live.is-eclipse .bdt-live__veil {
	opacity: 0.78;
}

.bdt-live.is-eclipse .bdt-live__mist {
	opacity: 0.84;
}

.bdt-live.is-chaos .bdt-live__veil {
	opacity: 0.72;
	background:
		radial-gradient(circle at 50% 28%, rgba(255, 190, 198, 0.22), transparent 24%),
		linear-gradient(180deg, rgba(45, 4, 11, 0.18), rgba(8, 5, 10, 0.04));
}

.bdt-live.is-chaos .bdt-live__effects {
	animation: bdt-live-chaos-pulse 620ms ease-in-out 4;
}

.bdt-live.is-demon-raid .bdt-live__veil {
	opacity: 0.56;
	background:
		radial-gradient(circle at 50% 28%, rgba(255, 108, 92, 0.18), transparent 24%),
		linear-gradient(180deg, rgba(34, 5, 8, 0.16), rgba(8, 5, 10, 0.04));
}

.bdt-live.is-teleport-storm .bdt-live__mist {
	opacity: 0.74;
	background:
		radial-gradient(circle at 20% 18%, rgba(80, 180, 255, 0.12), transparent 22%),
		radial-gradient(circle at 78% 22%, rgba(156, 218, 255, 0.14), transparent 24%),
		radial-gradient(circle at 54% 72%, rgba(137, 149, 255, 0.1), transparent 20%);
}

.bdt-live--silent .bdt-live__mist,
.bdt-live--silent .bdt-live__veil {
	opacity: 0 !important;
}

.bdt-live--reduced * {
	animation-duration: 0.01ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: 0.01ms !important;
	scroll-behavior: auto !important;
}

@keyframes bdt-live-pulse {
	0%, 100% { transform: scale(0.92); opacity: 0.68; }
	50% { transform: scale(1.06); opacity: 1; }
}

@keyframes bdt-live-field-pop {
	0% { transform: scale(0.78) translate3d(0, 6px, 0); opacity: 0; }
	16% { opacity: 1; }
	100% { transform: scale(1.06) translate3d(0, -6px, 0); opacity: 0; }
}

@keyframes bdt-live-portal-pulse {
	0%, 100% { transform: scale(0.92); opacity: 0.44; }
	50% { transform: scale(1.08); opacity: 0.92; }
}

@keyframes bdt-live-fog {
	0% { transform: translate3d(0, 0, 0) scale(0.9); opacity: 0; }
	18% { opacity: 1; }
	100% { transform: translate3d(3vw, -2vh, 0) scale(1.12); opacity: 0; }
}

@keyframes bdt-live-chaos-pulse {
	0%, 100% { transform: translate3d(0, 0, 0); filter: brightness(1); }
	40% { transform: translate3d(0, 0, 0); filter: brightness(1.18); }
	50% { transform: translate3d(2px, -1px, 0); }
	60% { transform: translate3d(-2px, 1px, 0); }
}

@keyframes bdt-live-fracture {
	0% { opacity: 0; transform-origin: top center; transform: scaleY(0) rotate(18deg); }
	14% { opacity: 1; }
	100% { opacity: 0; transform-origin: top center; transform: scaleY(1) rotate(18deg); }
}

@keyframes bdt-live-frost {
	0% { transform: translate3d(0, -20px, 0); opacity: 0; }
	12% { opacity: 1; }
	100% { transform: translate3d(-12px, calc(100vh + 40px), 0); opacity: 0; }
}

@media (max-width: 767px) {
	.bdt-live__notices,
	.bdt-live__hud,
	.bdt-live__debug {
		padding: 12px;
	}

	.bdt-live__npc {
		right: 12px;
		bottom: 12px;
		grid-template-columns: 52px minmax(0, 1fr);
		gap: 10px;
	}

	.bdt-live__banner-signal {
		left: 12px;
		top: 12px;
		grid-template-columns: 40px minmax(0, 1fr) auto;
		gap: 10px;
	}

	.bdt-live__banner-image {
		width: 40px;
		height: 40px;
	}

	.bdt-live__npc-avatar {
		width: 52px;
		height: 52px;
		border-radius: 14px;
	}

	.bdt-live__counter {
		max-width: calc(100vw - 160px);
	}

	.bdt-live__toggle {
		padding: 0 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bdt-live * {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}