/* Blaze Realtime - tema escuro */
.blaze-rt {
	--brt-bg: #0f1320;
	--brt-card: #171c2e;
	--brt-card2: #1e2438;
	--brt-line: #2a3150;
	--brt-text: #e7ebf5;
	--brt-muted: #8b93ad;
	--brt-red: #e8413a;
	--brt-black: #1f2640;
	--brt-white: #f4f6fb;
	--brt-accent: #ff5a36;
	--brt-green: #2bd47a;
	--brt-yellow: #ffce4f;

	max-width: 920px;
	margin: 0 auto;
	padding: 18px;
	background: radial-gradient( 1200px 400px at 50% -10%, #1a2138 0%, var(--brt-bg) 60% );
	border: 1px solid var(--brt-line);
	border-radius: 18px;
	color: var(--brt-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	box-shadow: 0 20px 60px rgba( 0, 0, 0, 0.35 );
}

.blaze-rt *,
.blaze-rt *::before,
.blaze-rt *::after {
	box-sizing: border-box;
}

/* Header */
.blaze-rt__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}
.blaze-rt__brand {
	display: flex;
	align-items: center;
	gap: 12px;
}
.blaze-rt__logo {
	font-weight: 800;
	letter-spacing: 2px;
	font-size: 20px;
	background: linear-gradient( 90deg, var(--brt-accent), var(--brt-yellow) );
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.blaze-rt__live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	color: var(--brt-muted);
}
.blaze-rt__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--brt-green);
	box-shadow: 0 0 0 0 rgba( 43, 212, 122, 0.7 );
	animation: brt-pulse 1.6s infinite;
}
@keyframes brt-pulse {
	0%   { box-shadow: 0 0 0 0 rgba( 43, 212, 122, 0.6 ); }
	70%  { box-shadow: 0 0 0 8px rgba( 43, 212, 122, 0 ); }
	100% { box-shadow: 0 0 0 0 rgba( 43, 212, 122, 0 ); }
}
.blaze-rt__status {
	font-size: 12px;
	color: var(--brt-muted);
	padding: 5px 12px;
	border: 1px solid var(--brt-line);
	border-radius: 999px;
	background: var(--brt-card);
}
.blaze-rt__status.is-ok   { color: var(--brt-green); border-color: rgba( 43, 212, 122, 0.4 ); }
.blaze-rt__status.is-warn { color: var(--brt-yellow); border-color: rgba( 255, 206, 79, 0.4 ); }
.blaze-rt__status.is-err  { color: var(--brt-red); border-color: rgba( 232, 65, 58, 0.4 ); }

/* Abas / seletor de modo */
.blaze-rt__tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 16px;
	background: var(--brt-card);
	border: 1px solid var(--brt-line);
	border-radius: 12px;
	padding: 6px;
}
.blaze-rt__tab {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
	padding: 9px 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--brt-muted);
	cursor: pointer;
	font-family: inherit;
	transition: background 0.18s, color 0.18s;
}
.blaze-rt__tab b { font-size: 14px; font-weight: 800; }
.blaze-rt__tab span { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.blaze-rt__tab:hover { color: var(--brt-text); }
.blaze-rt__tab.is-active {
	background: linear-gradient( 160deg, var(--brt-accent), #ff7a45 );
	color: #fff;
	box-shadow: 0 6px 18px rgba( 255, 90, 54, 0.35 );
}
.blaze-rt__tab.is-active span { color: rgba( 255, 255, 255, 0.85 ); }

.blaze-rt__pane[hidden] { display: none; }

/* Painel "ao vivo" do Modo 2 */
.blaze-rt__live {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--brt-card2);
	border: 1px solid var(--brt-line);
	border-radius: 12px;
	padding: 14px 16px;
	margin-bottom: 14px;
}
.blaze-rt__live-dot {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	flex: 0 0 auto;
	box-shadow: 0 0 0 4px rgba( 255, 255, 255, 0.04 );
}
.blaze-rt__live-dot--red   { background: var(--brt-red); }
.blaze-rt__live-dot--black { background: #2a3252; }
.blaze-rt__live-dot--white { background: var(--brt-white); }
.blaze-rt__live-info { display: flex; flex-direction: column; }
.blaze-rt__live-state { font-size: 15px; font-weight: 800; }
.blaze-rt__live-sub { font-size: 12px; color: var(--brt-muted); }

.blaze-rt__live--crash { flex-direction: column; align-items: center; gap: 4px; }
.blaze-rt__live-big {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.05;
	color: var(--brt-text);
}
.blaze-rt__live-big.is-graphing { color: var(--brt-yellow); animation: brt-blink 0.8s infinite; }
.blaze-rt__live-big.is-low  { color: #9aa4c6; }
.blaze-rt__live-big.is-high { color: var(--brt-green); }
.blaze-rt__live-big.is-epic { color: var(--brt-yellow); }
@keyframes brt-blink { 50% { opacity: 0.45; } }

/* Cards */
.blaze-rt__card {
	background: var(--brt-card);
	border: 1px solid var(--brt-line);
	border-radius: 14px;
	padding: 16px;
	margin-bottom: 16px;
}
.blaze-rt__card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.blaze-rt__card-head h3 {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
}
.blaze-rt__sub {
	font-size: 11px;
	color: var(--brt-muted);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 6px;
}
.blaze-rt__current {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
}
.blaze-rt__current-label {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--brt-muted);
}
.blaze-rt__current-val {
	font-size: 13px;
	font-weight: 700;
	color: var(--brt-text);
}
.blaze-rt__current-val[data-state="waiting"] { color: var(--brt-green); }
.blaze-rt__current-val[data-state="rolling"] { color: var(--brt-yellow); }

/* Stats */
.blaze-rt__stats {
	display: flex;
	gap: 10px;
	margin-bottom: 14px;
}
.blaze-rt__stat {
	flex: 1;
	background: var(--brt-card2);
	border: 1px solid var(--brt-line);
	border-radius: 10px;
	padding: 10px;
	text-align: center;
}
.blaze-rt__stat b {
	display: block;
	font-size: 20px;
	line-height: 1.1;
}
.blaze-rt__stat span {
	font-size: 11px;
	color: var(--brt-muted);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.blaze-rt__stat--red b   { color: var(--brt-red); }
.blaze-rt__stat--black b { color: #aab4d8; }
.blaze-rt__stat--white b { color: var(--brt-white); }

/* Double rolls */
.blaze-rt__roll-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.blaze-rt__roll {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 16px;
	color: #fff;
	position: relative;
	border: 1px solid rgba( 255, 255, 255, 0.06 );
}
.blaze-rt__roll--red {
	background: linear-gradient( 160deg, #ff5a52, var(--brt-red) );
}
.blaze-rt__roll--black {
	background: linear-gradient( 160deg, #2a3252, var(--brt-black) );
}
.blaze-rt__roll--white {
	background: linear-gradient( 160deg, #ffffff, #d8def0 );
	color: #1a2138;
}
.blaze-rt__roll.is-new {
	animation: brt-pop 0.5s ease;
	box-shadow: 0 0 0 2px var(--brt-accent), 0 0 18px rgba( 255, 90, 54, 0.6 );
}
@keyframes brt-pop {
	0%   { transform: scale( 0.4 ); opacity: 0; }
	60%  { transform: scale( 1.12 ); }
	100% { transform: scale( 1 ); opacity: 1; }
}

/* Crash list */
.blaze-rt__crash-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.blaze-rt__crash {
	min-width: 64px;
	padding: 9px 12px;
	border-radius: 9px;
	text-align: center;
	font-weight: 800;
	font-size: 14px;
	border: 1px solid var(--brt-line);
	background: var(--brt-card2);
}
.blaze-rt__crash--low  { color: #9aa4c6; }
.blaze-rt__crash--high { color: var(--brt-green); border-color: rgba( 43, 212, 122, 0.35 ); }
.blaze-rt__crash--epic {
	color: #1a2138;
	background: linear-gradient( 160deg, var(--brt-yellow), #ffb020 );
	border-color: transparent;
}
.blaze-rt__crash.is-new {
	animation: brt-pop 0.5s ease;
	box-shadow: 0 0 0 2px var(--brt-accent);
}

/* Empty / foot */
.blaze-rt__empty {
	color: var(--brt-muted);
	font-size: 13px;
	padding: 14px 0;
}
.blaze-rt__foot {
	text-align: center;
	font-size: 11px;
	color: var(--brt-muted);
	margin-top: 4px;
}

/* Responsivo */
@media ( max-width: 560px ) {
	.blaze-rt__roll { width: 38px; height: 38px; font-size: 14px; }
	.blaze-rt__logo { font-size: 17px; }
	.blaze-rt__stat b { font-size: 17px; }
}