/* Skin: Cyber Purple */
:root {
	--ptl-bg: #0a0812;
	--ptl-text: #f3e8ff;
	--ptl-text-muted: #c4b5fd;
	--ptl-accent: #a855f7;
	--ptl-accent-2: #7c3aed;
	--ptl-accent-text: #faf5ff;
	--ptl-accent-glow: rgba(168, 85, 247, 0.4);
	--ptl-accent-dim: rgba(168, 85, 247, 0.3);
	--ptl-gold: #22d3ee;
	--ptl-card-bg: linear-gradient(145deg, #150f24 0%, #0d0818 100%);
	--ptl-card-shadow: rgba(168, 85, 247, 0.1);
	--ptl-border: rgba(168, 85, 247, 0.15);
	--ptl-filter-bg: rgba(168, 85, 247, 0.06);
	--ptl-filter-hover: rgba(168, 85, 247, 0.12);
	--ptl-rank-bg: rgba(168, 85, 247, 0.15);
	--ptl-logo-bg: rgba(168, 85, 247, 0.05);
	--ptl-stat-bg: rgba(168, 85, 247, 0.06);
	--ptl-stat-highlight-bg: rgba(168, 85, 247, 0.14);
	--ptl-code-bg: rgba(168, 85, 247, 0.1);
	--ptl-details-bg: rgba(0, 0, 0, 0.45);
}

.ptl-wrap .ptl-card {
	background: var(--ptl-card-bg);
}

.ptl-wrap .ptl-card:nth-child(1) .ptl-card__rank-num {
	background: linear-gradient(135deg, #22d3ee, #a855f7);
	color: #fff;
	box-shadow: 0 0 30px rgba(168, 85, 247, 0.5);
}

.ptl-wrap .ptl-btn--primary {
	background: linear-gradient(135deg, #c084fc, #7c3aed);
}

.ptl-wrap .ptl-card:hover {
	box-shadow: 0 8px 40px rgba(168, 85, 247, 0.2), 0 0 0 1px rgba(168, 85, 247, 0.2);
}