/* Skin: Neon Dark – inspired by idiotenbonus.com */
:root {
	--ptl-bg: #0a0f0d;
	--ptl-text: #f0fdf4;
	--ptl-text-muted: #86efac;
	--ptl-accent: #00ff88;
	--ptl-accent-2: #00cc6a;
	--ptl-accent-text: #041208;
	--ptl-accent-glow: rgba(0, 255, 136, 0.35);
	--ptl-accent-dim: rgba(0, 255, 136, 0.25);
	--ptl-gold: #fbbf24;
	--ptl-card-bg: linear-gradient(145deg, #0f1a14 0%, #0a120e 100%);
	--ptl-card-shadow: rgba(0, 255, 136, 0.08);
	--ptl-border: rgba(0, 255, 136, 0.12);
	--ptl-filter-bg: rgba(0, 255, 136, 0.04);
	--ptl-filter-hover: rgba(0, 255, 136, 0.08);
	--ptl-rank-bg: rgba(0, 255, 136, 0.12);
	--ptl-logo-bg: rgba(0, 255, 136, 0.04);
	--ptl-stat-bg: rgba(0, 255, 136, 0.04);
	--ptl-stat-highlight-bg: rgba(0, 255, 136, 0.1);
	--ptl-code-bg: rgba(0, 255, 136, 0.06);
	--ptl-details-bg: rgba(0, 0, 0, 0.4);
}

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

.ptl-wrap .ptl-card:nth-child(1) {
	box-shadow:
		0 12px 48px var(--ptl-accent-glow, rgba(0,255,136,0.18)),
		0 0 0 1px rgba(0, 255, 136, 0.2);
}

.ptl-wrap .ptl-card .ptl-btn--primary {
	animation: ptl-cta-glow 3s ease-in-out infinite;
}

@keyframes ptl-cta-glow {
	0%, 100% { box-shadow: 0 6px 24px var(--ptl-accent-glow, rgba(0,255,136,0.4)), inset 0 1px 0 rgba(255,255,255,0.25); }
	50% { box-shadow: 0 8px 32px var(--ptl-accent-glow, rgba(0,255,136,0.55)), inset 0 1px 0 rgba(255,255,255,0.3); }
}

@media (max-width: 768px) {
	.ptl-wrap .ptl-card .ptl-btn--primary {
		animation: none;
	}
}

.ptl-wrap .ptl-card::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(0,255,136,0.2), transparent 50%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}