/* =============================================================================
   PVP -- top matadores: uma janela do jogo com a lista em linhas alternadas, o
   retrato num slot de item e o numero de abates no campo preto do cliente.
   ============================================================================= */

.c-pvp-matadores__janela {
	max-width: 46rem;
}

.c-pvp-matadores__lista {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
}

.c-pvp-matadores__linha {
	display: grid;
	grid-template-columns: 2rem 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 5px 8px 5px 6px;
	border-left: 3px solid var(--c);
	background: rgba(0, 0, 0, .28);
	transition: background .2s;
}

.c-pvp-matadores__linha:nth-child(even) { background: rgba(0, 0, 0, .45); }
.c-pvp-matadores__linha:hover { background: color-mix(in srgb, var(--c) 16%, rgba(0, 0, 0, .4)); }

.c-pvp-matadores__pos {
	font-family: var(--pvp-radical);
	font-size: 1.5rem;
	line-height: 1;
	text-align: center;
	color: rgba(232, 220, 192, .7);
	text-shadow: 0 2px 0 #000;
}

/* podio: ouro, prata e bronze na propria fonte */
.c-pvp-matadores__linha:nth-child(1) .c-pvp-matadores__pos { color: #ffd76a; font-size: 1.9rem; }
.c-pvp-matadores__linha:nth-child(2) .c-pvp-matadores__pos { color: #d9dee6; font-size: 1.7rem; }
.c-pvp-matadores__linha:nth-child(3) .c-pvp-matadores__pos { color: #e09a62; font-size: 1.6rem; }

.c-pvp-matadores__retrato {
	width: 36px;
	height: 36px;
	object-fit: cover;
}

.c-pvp-matadores__quem {
	display: grid;
	min-width: 0;
}

.c-pvp-matadores__quem b {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #f3e6c4;
}

.c-pvp-matadores__quem small {
	font-size: .78rem;
	color: rgba(232, 220, 192, .55);
}

.c-pvp-matadores__n {
	min-width: 3.2rem;
}

.c-pvp-matadores__n b {
	font-size: 1.05rem;
	color: var(--c);
}

.c-pvp-matadores__vazio {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 4px;
	color: rgba(232, 220, 192, .8);
	line-height: 1.55;
}

.c-pvp-matadores__vazio[hidden] { display: none; }
.c-pvp-matadores__vazio p { margin: 0; }
.c-pvp-matadores__vazio b { color: #f3e6c4; }

.c-pvp-matadores__trono {
	color: #ffd76a;
	animation: c-pvp-matadores-flutua 3s ease-in-out infinite;
}

.c-pvp-matadores__trono svg { filter: drop-shadow(0 0 8px rgba(217, 180, 90, .7)); }

@keyframes c-pvp-matadores-flutua {
	50% { transform: translateY(-3px); }
}

@media (max-width: 520px) {
	.c-pvp-matadores__linha {
		grid-template-columns: 1.6rem 40px minmax(0, 1fr) auto;
		gap: 8px;
		padding: 4px 6px 4px 4px;
	}
	.c-pvp-matadores__linha .m2-slot { width: 40px; height: 40px; }
	.c-pvp-matadores__retrato { width: 32px; height: 32px; }
	.c-pvp-matadores__quem small { font-size: .72rem; }
	.c-pvp-matadores__vazio { font-size: .9rem; }
}

@media (prefers-reduced-motion: reduce) {
	.c-pvp-matadores__trono { animation: none; }
}