/* Aura Leaderboard — Asura Scans deep dark aesthetic */

.mcp-leaderboard {

	--mcp-lb-bg: #0b0c10;

	--mcp-lb-card: #15171e;

	--mcp-lb-elev: #1c1f29;

	--mcp-lb-text: #e0e6ed;

	--mcp-lb-muted: #8a93a2;

	--mcp-lb-accent: #a855f7;

	--mcp-lb-accent-2: #7c3aed;

	--mcp-lb-border: #242837;

	--mcp-lb-gold: #ffd700;

	--mcp-lb-silver: #cbd5e1;

	--mcp-lb-bronze: #d97706;

	--mcp-lb-radius: 14px;



	background: var(--mcp-lb-bg);

	color: var(--mcp-lb-text);

	border: 1px solid var(--mcp-lb-border);

	border-radius: var(--mcp-lb-radius);

	padding: 28px 24px 32px;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	font-size: 15px;

	line-height: 1.5;

	box-sizing: border-box;

	max-width: 960px;

	margin: 0 auto 40px;

}



.mcp-leaderboard *,

.mcp-leaderboard *::before,

.mcp-leaderboard *::after {

	box-sizing: border-box;

}



.mcp-lb-header {

	text-align: center;

	margin-bottom: 32px;

}



.mcp-lb-title {

	margin: 0 0 8px;

	font-size: 28px;

	font-weight: 800;

	letter-spacing: -0.02em;

	background: linear-gradient(135deg, #fff 0%, var(--mcp-lb-accent) 100%);

	-webkit-background-clip: text;

	background-clip: text;

	color: transparent;

	-webkit-text-fill-color: transparent;

}



.mcp-lb-subtitle {

	margin: 0;

	font-size: 14px;

	color: var(--mcp-lb-muted);

	font-weight: 500;

}



.mcp-lb-empty {

	text-align: center;

	color: var(--mcp-lb-muted);

	padding: 40px 16px;

	margin: 0;

}



/* Podium — Top 3 vertical cards (#2 left, #1 center elevated, #3 right) */

.mcp-lb-podium {

	display: grid;

	grid-template-columns: 1fr 1.15fr 1fr;

	align-items: end;

	gap: 16px;

	margin-bottom: 28px;

}



.mcp-lb-podium-card {

	display: flex;

	flex-direction: column;

	align-items: center;

	text-align: center;

	background: var(--mcp-lb-card);

	border: 1px solid var(--mcp-lb-border);

	border-radius: var(--mcp-lb-radius);

	padding: 20px 16px 22px;

	position: relative;

	transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.mcp-lb-podium-card:hover {

	transform: translateY(-3px);

}



.mcp-lb-podium-rank-1 {

	padding-top: 28px;

	padding-bottom: 28px;

	margin-bottom: 12px;

	border-color: rgba(255, 215, 0, 0.45);

	box-shadow: 0 0 24px rgba(255, 215, 0, 0.15), inset 0 1px 0 rgba(255, 215, 0, 0.1);

	background: linear-gradient(180deg, rgba(255, 215, 0, 0.06) 0%, var(--mcp-lb-card) 40%);

}



.mcp-lb-podium-rank-2 {

	border-color: rgba(203, 213, 225, 0.35);

	box-shadow: 0 0 16px rgba(203, 213, 225, 0.08);

}



.mcp-lb-podium-rank-3 {

	border-color: rgba(217, 119, 6, 0.35);

	box-shadow: 0 0 16px rgba(217, 119, 6, 0.08);

}



/* Gold / silver / bronze crown medals */

.mcp-lb-podium-medal {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 10px;

	line-height: 0;

}



.mcp-lb-podium-medal svg {

	display: block;

	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));

}



.mcp-lb-podium-medal-1 svg {

	width: 36px;

	height: 36px;

	filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.55));

}



.mcp-lb-podium-medal-2 svg {

	width: 30px;

	height: 30px;

	filter: drop-shadow(0 0 8px rgba(203, 213, 225, 0.35));

}



.mcp-lb-podium-medal-3 svg {

	width: 30px;

	height: 30px;

	filter: drop-shadow(0 0 8px rgba(217, 119, 6, 0.35));

}



.mcp-lb-podium-rank-num {

	font-size: 13px;

	font-weight: 800;

	letter-spacing: 0.5px;

	margin-bottom: 12px;

	padding: 4px 12px;

	border-radius: 20px;

	border: 1px solid var(--mcp-lb-border);

	color: var(--mcp-lb-muted);

}



.mcp-lb-podium-rank-1 .mcp-lb-podium-rank-num {

	color: var(--mcp-lb-gold);

	border-color: var(--mcp-lb-gold);

	text-shadow: 0 0 10px rgba(255, 215, 0, 0.6);

	box-shadow: 0 0 12px rgba(255, 215, 0, 0.25);

}



.mcp-lb-podium-rank-2 .mcp-lb-podium-rank-num {

	color: var(--mcp-lb-silver);

	border-color: var(--mcp-lb-silver);

}



.mcp-lb-podium-rank-3 .mcp-lb-podium-rank-num {

	color: var(--mcp-lb-bronze);

	border-color: var(--mcp-lb-bronze);

}



.mcp-lb-podium-avatar-wrap {

	margin-bottom: 12px;

}



.mcp-lb-podium-avatar-wrap .mcp-lb-avatar {

	width: 96px;

	height: 96px;

	border-radius: 50%;

	object-fit: cover;

	border: 3px solid var(--mcp-lb-border);

	display: block;

}



.mcp-lb-podium-rank-1 .mcp-lb-podium-avatar-wrap .mcp-lb-avatar {

	width: 110px;

	height: 110px;

	border-color: var(--mcp-lb-gold);

	box-shadow: 0 0 20px rgba(255, 215, 0, 0.35);

}



.mcp-lb-podium-rank-2 .mcp-lb-podium-avatar-wrap .mcp-lb-avatar {

	border-color: var(--mcp-lb-silver);

}



.mcp-lb-podium-rank-3 .mcp-lb-podium-avatar-wrap .mcp-lb-avatar {

	border-color: var(--mcp-lb-bronze);

}



.mcp-lb-podium-name {

	margin: 0 0 8px;

	font-size: 16px;

	font-weight: 700;

	color: var(--mcp-lb-text);

	line-height: 1.3;

	word-break: break-word;

}



.mcp-lb-podium-rank-1 .mcp-lb-podium-name {

	font-size: 18px;

}



/* Title badges (shared) */

.mcp-lb-badge,

.mcp-rank-badge {

	display: inline-flex;

	align-items: center;

	font-size: 0.85em;

	font-weight: 700;

	letter-spacing: 0.04em;

	text-transform: uppercase;

	border-radius: 4px;

	padding: 2px 8px;

	border: 1px solid transparent;

	margin-bottom: 14px;

	white-space: nowrap;

	line-height: 1.4;

}



.mcp-rank-badge.rank-rookie,

.mcp-lb-badge.rank-rookie {

	color: #2ecc71;

	border-color: #2ecc71;

	background: rgba(46, 204, 113, 0.15);

}



.mcp-rank-badge.rank-veteran,

.mcp-lb-badge.rank-veteran {

	color: #3498db;

	border-color: #3498db;

	background: rgba(52, 152, 219, 0.15);

}



.mcp-rank-badge.rank-elite,

.mcp-lb-badge.rank-elite {

	color: #9b59b6;

	border-color: #9b59b6;

	background: rgba(155, 89, 182, 0.15);

}



.mcp-rank-badge.rank-legend,

.mcp-lb-badge.rank-legend {

	color: #f1c40f;

	border-color: #f1c40f;

	background: rgba(241, 196, 15, 0.15);

}



.mcp-rank-badge.rank-mythic,

.mcp-lb-badge.rank-mythic {

	color: #e74c3c;

	border-color: #e74c3c;

	background: rgba(231, 76, 60, 0.15);

}



.mcp-lb-stat {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 2px;

	margin-top: 6px;

}



.mcp-lb-stat-aura .mcp-lb-stat-value {

	color: #fb923c;

	font-weight: 800;

	font-size: 18px;

}



.mcp-lb-podium-rank-1 .mcp-lb-stat-aura .mcp-lb-stat-value {

	font-size: 22px;

	text-shadow: 0 0 12px rgba(251, 146, 60, 0.5);

}



.mcp-lb-stat-icon {

	font-size: 16px;

	line-height: 1;

}



.mcp-lb-stat-label {

	font-size: 11px;

	color: var(--mcp-lb-muted);

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.4px;

}



/* List — ranks 4–100 */

.mcp-lb-list {

	list-style: none;

	margin: 0;

	padding: 0;

	display: flex;

	flex-direction: column;

	gap: 6px;

	border-top: 1px solid var(--mcp-lb-border);

	padding-top: 20px;

}



.mcp-lb-row {

	display: grid;

	grid-template-columns: 48px 48px minmax(0, 1fr) auto minmax(72px, auto);

	align-items: center;

	gap: 12px;

	background: var(--mcp-lb-card);

	border: 1px solid var(--mcp-lb-border);

	border-radius: 10px;

	padding: 12px 16px;

	transition: background 0.15s ease, border-color 0.15s ease;

}



.mcp-lb-row:hover {

	background: var(--mcp-lb-elev);

	border-color: rgba(168, 85, 247, 0.35);

}



.mcp-lb-row-rank {

	font-size: 13px;

	font-weight: 800;

	color: var(--mcp-lb-muted);

	text-align: center;

	flex-shrink: 0;

}



.mcp-lb-row-avatar .mcp-lb-avatar {

	width: 40px;

	height: 40px;

	border-radius: 50%;

	object-fit: cover;

	border: 2px solid var(--mcp-lb-border);

	display: block;

}



.mcp-lb-row-name {

	font-weight: 700;

	font-size: 14px;

	color: var(--mcp-lb-text);

	min-width: 0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.mcp-lb-row .mcp-lb-badge {

	margin-bottom: 0;

	font-size: 10px;

	padding: 2px 7px;

}



.mcp-lb-row-aura {

	display: inline-flex;

	align-items: center;

	gap: 5px;

	font-size: 14px;

	font-weight: 700;

	white-space: nowrap;

	color: #fb923c;

	justify-content: flex-end;

}



.mcp-lb-aura-icon {

	font-size: 14px;

	line-height: 1;

}



a.mcp-profile-link {

	color: inherit;

	text-decoration: none;

	transition: color 0.15s ease;

}



a.mcp-profile-link:hover {

	color: var(--mcp-lb-accent);

}



a.mcp-profile-link .mcp-lb-avatar {

	transition: box-shadow 0.2s ease;

}



a.mcp-profile-link:hover .mcp-lb-avatar {

	box-shadow: 0 0 12px rgba(168, 85, 247, 0.45);

}



.mcp-lb-podium-name-link,

.mcp-lb-row-name-link {

	font-weight: inherit;

}



@media (max-width: 768px) {

	.mcp-leaderboard {

		padding: 20px 14px 24px;

	}



	.mcp-lb-title {

		font-size: 22px;

	}



	/* Podium stacks vertically on mobile */

	.mcp-lb-podium {

		grid-template-columns: 1fr;

		align-items: stretch;

		gap: 12px;

	}



	.mcp-lb-podium-rank-1 {

		margin-bottom: 0;

		order: -1;

	}



	.mcp-lb-podium-card {

		flex-direction: column;

		text-align: center;

		padding: 20px 16px;

	}



	.mcp-lb-podium-medal-1 svg {

		width: 32px;

		height: 32px;

	}



	.mcp-lb-podium-avatar-wrap .mcp-lb-avatar,

	.mcp-lb-podium-rank-1 .mcp-lb-podium-avatar-wrap .mcp-lb-avatar {

		width: 80px;

		height: 80px;

	}



	.mcp-lb-podium-name {

		margin: 0 0 8px;

	}



	.mcp-lb-row {

		grid-template-columns: 36px 40px minmax(0, 1fr);

		grid-template-rows: auto auto;

		gap: 6px 10px;

		padding: 12px;

	}



	.mcp-lb-row-rank {

		grid-row: 1 / 3;

		align-self: center;

	}



	.mcp-lb-row-avatar {

		grid-row: 1 / 3;

		align-self: center;

	}



	.mcp-lb-row-name {

		grid-column: 3;

		grid-row: 1;

	}



	.mcp-lb-row .mcp-lb-badge {

		grid-column: 3;

		grid-row: 2;

		justify-self: start;

	}



	.mcp-lb-row-aura {

		grid-column: 1 / -1;

		grid-row: 3;

		justify-content: flex-end;

		padding-top: 4px;

		border-top: 1px solid var(--mcp-lb-border);

		margin-top: 2px;

	}

}