/* Loterias Caixa · Tele Sena: visual do resultado (bloco lcx/telesena).
 * Cores oficiais: azul #356BF2, azul claro #3E89FB, amarelo #FFC300, cinza #F5F5F5, texto #333333.
 * O padrão claro ou escuro vem das configurações (classe lcx-ts--claro ou lcx-ts--escuro). */

.lcx-ts-block {
	--ts-primary: #356bf2;
	--ts-primary-2: #3e89fb;
	--ts-yellow: #ffc300;
	--ts-ink: #333333;
	--ts-muted: #6b6b6b;
	--ts-line: #e6e6e6;
	--ts-surface: #ffffff;
	--ts-soft: #f5f5f5;
	--ts-ball: #356bf2;
	--ts-ball-ink: #ffffff;
	color: var(--ts-ink);
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 16px 0;
	font-size: 15px;
	line-height: 1.5;
}

.lcx-ts-block.lcx-ts--escuro {
	--ts-ink: #f2f5fa;
	--ts-muted: #a9b4c6;
	--ts-line: #2d3a52;
	--ts-surface: #1b2433;
	--ts-soft: #243047;
	--ts-primary: #5a8bff;
	--ts-primary-2: #3a6fe0;
	--ts-ball: #4d7ff0;
	--ts-ball-ink: #ffffff;
}

.lcx-ts-block p,
.lcx-ts-block h2 {
	margin: 0;
}

/* Seções (premiação, rodadas e giro) */
.lcx-ts-sec {
	background: var(--ts-surface);
	border: 1px solid var(--ts-line);
	border-radius: 18px;
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.lcx-ts-h {
	font-size: 1.05rem;
	line-height: 1.3;
	color: var(--ts-primary);
	font-weight: 700;
}

/* Premiação: um cartão por prêmio */
.lcx-ts-prizes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 10px;
}

.lcx-ts-prize {
	background: var(--ts-soft);
	border-radius: 14px;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.lcx-ts-prize strong {
	font-size: .95rem;
	color: var(--ts-ink);
}

.lcx-ts-prize__val {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--ts-primary);
	font-variant-numeric: tabular-nums;
}

.lcx-ts-prize__meta {
	font-size: .82rem;
	color: var(--ts-muted);
}

/* Rodadas: números em bolas azuis (opção B) */
.lcx-ts-round {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lcx-ts-round__head {
	font-size: .9rem;
	font-weight: 600;
	color: var(--ts-ink);
}

.lcx-ts-balls {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.lcx-ts-balls li {
	list-style: none;
	margin: 0;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--ts-primary);
	color: #ffffff;
	display: grid;
	place-items: center;
	font-weight: 700;
	font-size: 1rem;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

.lcx-ts-balls li::marker {
	content: '';
}

/* Giro da Semana e números de modalidades (bilhetes) */
.lcx-ts-giros {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 10px;
}

.lcx-ts-ticket {
	background: var(--ts-surface);
	border: 2px solid var(--ts-primary);
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.lcx-ts-ticket__top {
	background: var(--ts-primary);
	color: #ffffff;
	padding: 10px 12px;
	font-size: .8rem;
	font-weight: 600;
	line-height: 1.3;
	text-wrap: balance;
}

.lcx-ts-ticket__body {
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	border-top: 2px dashed var(--ts-line);
}

.lcx-ts-ticket__body strong {
	font-size: 1.9rem;
	font-weight: 800;
	line-height: 1.1;
	color: var(--ts-ink);
	font-variant-numeric: tabular-nums;
}

.lcx-ts-ticket__body span {
	font-size: .8rem;
	color: var(--ts-muted);
}

.lcx-ts__foot {
	font-size: .85rem;
	color: var(--ts-muted);
	margin: 0;
}

@media (max-width: 600px) {
	.lcx-ts-sec {
		padding: 14px;
	}
	.lcx-ts-balls li {
		width: 38px;
		height: 38px;
		font-size: .92rem;
	}
}