.xscores-player {
	width: 100%;
}

.xscores-player:not(.xscores-native) {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.xscores-player-card {
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.xscores-player-hero {
	padding: 24px;
	background: linear-gradient(135deg, #f8f9fb 0%, #eef1f5 100%);
	border-bottom: 1px solid #e5e7eb;
}

.xscores-player-hero-content {
	display: flex;
	align-items: center;
	gap: 16px;
}

.xscores-player-photo-wrapper {
	flex: 0 0 96px;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.xscores-player-photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xscores-player-photo-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #b0b6bd;
	font-size: 42px;
}

.xscores-player-info {
	flex: 1;
	min-width: 0;
}

.xscores-player-name {
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
}

.xscores-player-name-original {
	margin-top: 4px;
}

.xscores-player-section {
	padding: 16px 20px;
	border-top: 1px solid #f0f1f3;
}

.xscores-player-section:first-of-type {
	border-top: none;
}

.xscores-player-section-title {
	font-size: 0.95rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #6b7280;
	margin: 0 0 12px;
}

.xscores-player-profile-table .xscores-player-label {
	color: #6b7280;
	width: 40%;
}

.xscores-player-stats {
	font-size: 0.9rem;
}

.xscores-player-stats thead th {
	background: #f8f9fb;
	font-weight: 600;
	color: #374151;
}

.xscores-player-legend {
	margin-top: 8px;
}

.xscores-player-transfers {
	margin: 0;
}

.xscores-player-transfer-item {
	padding: 10px 0;
	border-bottom: 1px solid #f0f1f3;
}

.xscores-player-transfer-item:last-child {
	border-bottom: none;
}

.xscores-player-transfer-team {
	font-weight: 600;
}

.xscores-player-transfer-link {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted transparent;
	transition: border-color 0.15s;
}

.xscores-player-transfer-link:hover {
	border-bottom-color: currentColor;
	color: #da374c;
}

.xscores-player-transfer-meta {
	margin-top: 2px;
}

.xscores-player-recent {
	margin: 0;
}

.xscores-player-recent-item {
	border-bottom: 1px solid #f0f1f3;
}

.xscores-player-recent-item:last-child {
	border-bottom: none;
}

.xscores-player-recent-link {
	display: block;
	padding: 10px 0;
	color: inherit;
	text-decoration: none;
}

.xscores-player-recent-link:hover {
	background: #f8f9fb;
}

.xscores-player-recent-meta {
	margin-bottom: 2px;
}

.xscores-player-recent-result strong {
	color: #1f2937;
}

.xscores-player-empty {
	color: #9ca3af;
	padding: 8px 0;
	font-style: italic;
}

.xscores-player-link {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted transparent;
	transition: border-color 0.15s;
}

.xscores-player-link:hover {
	border-bottom-color: currentColor;
	color: #da374c;
}

.xscores-player.xscores-native {
	padding: 0;
}
.xscores-player.xscores-native .xscores-player-card {
	border-radius: 0;
	box-shadow: none;
}

/* Dark mode — app webview only (.xscores-native) */
@media (prefers-color-scheme: dark) {
	.xscores-native .xscores-player-card {
		background: #1b2630;
		color: #ccd6df;
	}
	.xscores-native .xscores-player-hero {
		background: linear-gradient(135deg, #1b2630 0%, #141d26 100%);
		border-bottom-color: #36444f;
	}
	.xscores-native .xscores-player-photo-wrapper {
		background: #243038;
	}
	.xscores-native .xscores-player-name {
		color: #e6edf3;
	}
	.xscores-native .xscores-player-section {
		border-top-color: #2a3742;
	}
	.xscores-native .xscores-player-section-title,
	.xscores-native .xscores-player-profile-table .xscores-player-label {
		color: #90a0ac;
	}
	.xscores-native .xscores-player-card .table {
		color: #ccd6df;
		--mdb-table-color: #ccd6df;
		--mdb-table-bg: transparent;
	}
	.xscores-native .xscores-player-card .table td,
	.xscores-native .xscores-player-card .table th {
		border-color: #2a3742;
	}
	.xscores-native .xscores-player-stats thead th {
		background: #141d26;
		color: #ccd6df;
	}
	.xscores-native .xscores-player-transfer-item {
		border-bottom-color: #2a3742;
	}
	.xscores-native .xscores-player-recent-result strong {
		color: #e6edf3;
	}
}