/* =========================================================
   ProjectX — Single Product (lottery) — Cinematic v2
   Hero full-bleed · sticky buy-box · premium visual treatment
   ========================================================= */

#px-product {
	--px-bg: #000;
	--px-card: #0b0f0c;
	--px-card-2: #0e1510;
	--px-fg: #eafbea;
	--px-muted: rgba(255,255,255,.58);
	--px-neon: #25ff5a;
	--px-neon-2: #00d64a;
	--px-neon-soft: rgba(37,255,90,.14);
	--px-neon-glow: rgba(37,255,90,.35);
	--px-red: #ff2d55;
	--px-gold: #ffcc66;
	--px-border: rgba(255,255,255,.08);
	--px-border-hi: rgba(37,255,90,.3);
	--px-radius: 18px;

	background: var(--px-bg);
	color: var(--px-fg);
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	padding: 0 0 140px;
	overflow-x: hidden;
}
#px-product * { box-sizing: border-box; }

.px-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* Shared button */
.px-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 14px 24px;
	border-radius: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 13px;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
	line-height: 1;
}
.px-btn--xl { padding: 18px 30px; font-size: 15px; }
.px-btn--primary {
	background: linear-gradient(180deg, #3bff75, var(--px-neon) 55%, var(--px-neon-2));
	color: #021809;
	box-shadow: 0 14px 40px -10px rgba(37,255,90,.55), 0 0 0 3px rgba(37,255,90,.12), inset 0 1px 0 rgba(255,255,255,.35);
}
.px-btn--primary:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 18px 48px -10px rgba(37,255,90,.7), 0 0 0 4px rgba(37,255,90,.18); }
.px-btn--ghost { background: rgba(255,255,255,.04); color: #fff; border-color: rgba(255,255,255,.14); backdrop-filter: blur(8px); }
.px-btn--ghost:hover { border-color: var(--px-neon); color: var(--px-neon); background: rgba(37,255,90,.06); }

/* Shared pill */
.px-pill {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px; font-weight: 800;
	letter-spacing: .08em; text-transform: uppercase;
	border: 1px solid transparent;
}
.px-pill--green {
	background: linear-gradient(180deg, #3bff75, var(--px-neon-2));
	color: #021809;
	box-shadow: 0 6px 16px -4px rgba(37,255,90,.4);
}

/* =========================================================
   1. CINEMATIC HERO
   ========================================================= */
.px-phero {
	position: relative;
	min-height: 80vh;
	padding: 120px 0 60px;
	display: flex; align-items: center;
	overflow: hidden;
	isolation: isolate;
	border-bottom: 1px solid var(--px-border);
}
.px-phero__bg {
	position: absolute; inset: 0; z-index: -3;
	width: 100%; height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.08);
	filter: brightness(.55) saturate(1.1);
	animation: pxHeroPan 28s ease-in-out infinite alternate;
}
@keyframes pxHeroPan {
	0% { transform: scale(1.08) translate3d(0,0,0); }
	100% { transform: scale(1.15) translate3d(-2%, -1%, 0); }
}
.px-phero__scrim {
	position: absolute; inset: 0; z-index: -2;
	background:
		radial-gradient(90% 60% at 20% 30%, rgba(0,0,0,.35), transparent 70%),
		linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.85) 85%, #000);
}
/* Subtle matrix rain overlay on top */
.px-phero__matrix {
	position: absolute; inset: 0; z-index: -1;
	background:
		repeating-linear-gradient(0deg, transparent 0 2px, rgba(37,255,90,.03) 2px 3px),
		radial-gradient(50% 40% at 50% 0%, rgba(37,255,90,.08), transparent 70%);
	mix-blend-mode: screen;
	pointer-events: none;
}
.px-phero__inner {
	max-width: 1280px; margin: 0 auto; padding: 0 24px; width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
	column-gap: 48px;
	row-gap: 18px;
	align-items: start;
}
.px-phero__main {
	display: flex; flex-direction: column; gap: 22px;
	min-width: 0;
}

/* Top 3 in hero — compact glass podium card with CTA */
.px-phero__side { position: sticky; top: 24px; }
.px-phero__side-inner {
	background: linear-gradient(180deg, rgba(8,14,10,.72), rgba(4,8,6,.82));
	backdrop-filter: blur(18px) saturate(1.2);
	border: 1px solid var(--px-border-hi);
	border-radius: 20px;
	box-shadow:
		0 30px 80px -20px rgba(0,0,0,.9),
		0 0 0 1px rgba(37,255,90,.06),
		inset 0 1px 0 rgba(255,255,255,.04);
	overflow: hidden;
	display: flex; flex-direction: column;
}
.px-phero__side .lty-top10 {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Hide the table header in hero card — podium only, cleaner */
.px-phero__side .lty-top10__thead { display: none; }
.px-phero__side .lty-top10__table { border-spacing: 0; }
.px-phero__side .lty-top10__tbody tr { background-size: 300% 300%; }
.px-phero__side .lty-top10__tbody td { padding: 16px 20px !important; border: 0 !important; }
.px-phero__side .lty-top10__tbody tr + tr td { border-top: 1px solid rgba(255,255,255,.05) !important; }

.px-phero__side .lty-top10__head {
	padding: 20px 20px 14px !important;
	background: linear-gradient(180deg, rgba(37,255,90,.08), transparent) !important;
	border-bottom: 1px solid rgba(37,255,90,.15) !important;
}

/* ============ Hero sidebar — NEW px-top10 shortcode: green-neon minimal ============ */
.px-phero__side .px-top10 thead { display: none !important; }
.px-phero__side .px-top10 {
	background: transparent !important;
	border: 0 !important; box-shadow: none !important;
	table-layout: auto !important;
}
.px-phero__side .px-top10 col.px-top10__c-place   { width: 80px !important; }
.px-phero__side .px-top10 col.px-top10__c-tickets { width: 68px !important; }
.px-phero__side .px-top10 tbody td {
	padding: 14px 16px !important;
	border: 0 !important;
	background: transparent !important;
	animation: none !important;
}
.px-phero__side .px-top10 tbody tr + tr td { border-top: 1px solid rgba(255,255,255,.06) !important; }
.px-phero__side .px-top10 tbody td + td { border-left: 0 !important; }

/* Kill gold/silver/bronze podium + row gradients in hero — use green accent */
.px-phero__side .px-top10__row--1 > td,
.px-phero__side .px-top10__row--2 > td,
.px-phero__side .px-top10__row--3 > td {
	background: transparent !important;
	animation: none !important;
}
.px-phero__side .px-top10__rank {
	font-size: 15px !important;
	letter-spacing: .12em !important;
	color: rgba(37,255,90,.55) !important;
}
.px-phero__side .px-top10__row--1 .px-top10__rank { color: #25ff5a !important; }
.px-phero__side .px-top10__row--2 .px-top10__rank { color: rgba(37,255,90,.7) !important; }
.px-phero__side .px-top10__row--3 .px-top10__rank { color: rgba(37,255,90,.45) !important; }

/* Replace premium podium chip with simple green pill */
.px-phero__side .px-top10__podium {
	background: rgba(37,255,90,.10) !important;
	border: 1px solid rgba(37,255,90,.30) !important;
	box-shadow: none !important;
	color: #25ff5a !important;
	border-radius: 999px !important;
	padding: 3px 10px !important;
	min-width: 0 !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 4px !important;
}
.px-phero__side .px-top10__row--1 .px-top10__podium { background: rgba(37,255,90,.18) !important; border-color: rgba(37,255,90,.50) !important; }
.px-phero__side .px-top10__podium-amount {
	font-size: 12px !important;
	font-weight: 800 !important;
	color: #25ff5a !important;
	letter-spacing: 0 !important;
}
.px-phero__side .px-top10__podium-label { display: none !important; }

/* Left green accent bar on each row */
.px-phero__side .px-top10 tbody tr { position: relative; }
.px-phero__side .px-top10 tbody tr td:first-child { position: relative; }
.px-phero__side .px-top10 tbody tr td:first-child::before {
	content: ''; position: absolute; left: 0; top: 14%; bottom: 14%;
	width: 3px; border-radius: 2px;
	background: var(--px-neon);
	opacity: .22;
}
.px-phero__side .px-top10__row--1 td:first-child::before { opacity: 1 !important; }
.px-phero__side .px-top10__row--2 td:first-child::before { opacity: .55 !important; }
.px-phero__side .px-top10__row--3 td:first-child::before { opacity: .32 !important; }

/* Names: full, no ellipsis/truncation in hero */
.px-phero__side .px-top10__name {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
}
.px-phero__side .px-top10 td.px-top10__tickets {
	font-size: 15px !important;
}

/* CTA footer */
.px-phero__side-foot {
	padding: 10px 12px;
	border-top: 1px solid var(--px-border);
	background: rgba(0,0,0,.25);
}
.px-phero__side-foot .px-btn { padding: 10px 14px !important; font-size: 12px !important; }
.px-btn--block { width: 100%; }

/* ============ Top 10 — ORIGINAL styling (restored from WPCode snippet) ============ */
.lty-top10 {
	background: linear-gradient(180deg, #0b0b0b, #050505);
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 10px;
	box-shadow: 0 12px 40px rgba(0,0,0,.45);
}
.lty-top10__head {
	display: flex; align-items: center; justify-content: space-between;
	gap: 12px;
	padding: 14px 14px;
	background:
		radial-gradient(1200px 80px at 20% 0%, rgba(37,255,90,.14), transparent 55%),
		linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
	border-bottom: 1px solid rgba(255,255,255,.10);
	border-radius: 10px 10px 0 0;
}
.lty-top10__title {
	margin: 0;
	color: rgba(255,255,255,.92);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: .3px;
}
.lty-top10__pulse {
	display: inline-flex; align-items: center; gap: 6px;
	color: var(--px-neon); font-size: 11px; font-weight: 800; letter-spacing: .25em;
}
.lty-top10__pulse span {
	width: 8px; height: 8px; border-radius: 50%;
	background: var(--px-neon); box-shadow: 0 0 8px var(--px-neon);
	animation: pxPulse 1.6s ease-in-out infinite;
}

.lty-top10__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
}
.lty-top10__thead th {
	padding: 12px 20px;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.62);
	background: rgba(255,255,255,.04);
	border-bottom: 1px solid rgba(255,255,255,.10);
	text-align: left; font-weight: 700;
}
.lty-top10__thead th:first-child { width: 160px; }
.lty-top10__thead th:last-child { width: 130px; text-align: right; }

.lty-top10__tbody tr { background: rgba(255,255,255,.02); }
.lty-top10__tbody tr + tr td { border-top: 1px solid rgba(255,255,255,.06); }
.lty-top10__td { padding: 12px 20px; color: rgba(255,255,255,.92); vertical-align: middle; }
.lty-top10__td.lty-count { text-align: right; }

/* Animated gradient backgrounds for rows 1/2/3 (gold / silver / bronze) */
.lty-top10__tbody tr:nth-child(1) {
	background: linear-gradient(120deg, rgba(255,215,0,.25), rgba(255,215,0,.05), rgba(255,215,0,.25));
	background-size: 300% 300%;
	animation: goldFlow 6s linear infinite;
}
.lty-top10__tbody tr:nth-child(2) {
	background: linear-gradient(120deg, rgba(200,200,200,.25), rgba(200,200,200,.05), rgba(200,200,200,.25));
	background-size: 300% 300%;
	animation: silverFlow 7s linear infinite;
}
.lty-top10__tbody tr:nth-child(3) {
	background: linear-gradient(120deg, rgba(205,127,50,.25), rgba(205,127,50,.05), rgba(205,127,50,.25));
	background-size: 300% 300%;
	animation: bronzeFlow 8s linear infinite;
}
@keyframes goldFlow   { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes silverFlow { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes bronzeFlow { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

/* PODIUM (Top 3) */
.lty-podium {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.lty-podium__place {
	font-weight: 900;
	letter-spacing: .2px;
	font-size: 22px;
	line-height: 1;
	text-shadow: 0 6px 18px rgba(0,0,0,.55);
}
.lty-podium__block {
	position: relative;
	width: 100%;
	min-width: 140px;
	height: 64px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.14);
	box-shadow: 0 18px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.35) inset;
}
.lty-podium__block::after {
	content: "";
	position: absolute;
	inset: -30px;
	opacity: .55;
	filter: blur(14px);
	pointer-events: none;
}
.lty-podium__badge { display: none; }
.lty-podium__text { text-align: center; line-height: 1; }
.lty-podium__amount {
	font-weight: 900;
	font-size: 22px;
	letter-spacing: .3px;
	text-shadow: 0 8px 20px rgba(0,0,0,.6);
}
.lty-podium__label {
	margin-top: 6px;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-shadow: 0 8px 18px rgba(0,0,0,.55);
}

/* Color variants — 1st gold, 2nd silver, 3rd bronze */
.lty-podium--1 .lty-podium__place,
.lty-podium--1 .lty-podium__amount,
.lty-podium--1 .lty-podium__label { color: #ffcc66; }
.lty-podium--1 .lty-podium__block { background: linear-gradient(180deg, rgba(80,45,5,.92), rgba(35,20,2,.92)); }
.lty-podium--1 .lty-podium__block::after { background: radial-gradient(circle at 50% 30%, rgba(255,170,35,.55), transparent 60%); }

.lty-podium--2 .lty-podium__place,
.lty-podium--2 .lty-podium__label { color: #bfe9ff; }
.lty-podium--2 .lty-podium__amount { color: #e6f6ff; }
.lty-podium--2 .lty-podium__block { background: linear-gradient(180deg, rgba(20,45,55,.92), rgba(10,22,28,.92)); }
.lty-podium--2 .lty-podium__block::after { background: radial-gradient(circle at 50% 30%, rgba(90,210,255,.45), transparent 60%); }

.lty-podium--3 .lty-podium__place,
.lty-podium--3 .lty-podium__amount,
.lty-podium--3 .lty-podium__label { color: #ffb07a; }
.lty-podium--3 .lty-podium__block { background: linear-gradient(180deg, rgba(70,28,10,.92), rgba(28,12,6,.92)); }
.lty-podium--3 .lty-podium__block::after { background: radial-gradient(circle at 50% 30%, rgba(255,140,80,.45), transparent 60%); }

/* Rankbox (#4..#10) — green pill */
.lty-rankbox {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 45px;
	padding: 0 10px;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(37,255,90,.20), rgba(37,255,90,.10));
	border: 1px solid rgba(37,255,90,.25);
	box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 18px rgba(37,255,90,.10);
	color: rgba(255,255,255,.92);
	font-weight: 900;
	letter-spacing: .5px;
	white-space: nowrap;
}
.lty-rankbox__icon {
	width: 28px;
	height: 28px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.35);
	border: 1px solid rgba(255,255,255,.10);
	font-size: 14px;
	flex: 0 0 auto;
}
.lty-rankbox__rewardtext {
	margin-left: 3px;
	font-size: 12px;
	font-weight: 700;
	opacity: .85;
	white-space: nowrap;
}

/* Name + count */
.lty-name {
	font-weight: 800;
	font-size: 14px;
	line-height: 1.2;
	color: rgba(255,255,255,.92);
}
.lty-top10 .lty-barwrap { display: none !important; }
.lty-top10 .lty-count {
	text-align: right;
	font-weight: 900;
	font-size: 14px;
	color: rgba(255,255,255,.92);
}
.lty-count__paid { display: block; }
.lty-count__bonus {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 2px;
	margin-top: 2px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #ffd978;
	font-family: "Orbitron", sans-serif !important;
	font-size: 7px !important;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1;
	white-space: nowrap;
	text-transform: uppercase;
	opacity: .62;
}
.lty-count__bonus > span { color: #25ff5a; font-size: 7px; }


/* ============ Top 10 — premium desktop sizing (Orbitron, larger) ============ */
.lty-top10, .lty-top10 * {
	font-family: "Orbitron", "Rajdhani", sans-serif !important;
}
.lty-top10 .lty-name { font-size: 15px !important; letter-spacing: .01em !important; font-weight: 700 !important; }
.lty-top10 .lty-count { font-size: 20px !important; letter-spacing: .02em !important; }
.lty-top10 .lty-podium__place { font-size: 22px !important; letter-spacing: .02em; font-weight: 800 !important; }
.lty-top10 .lty-podium__amount { font-size: 20px !important; font-weight: 800 !important; }
.lty-top10 .lty-podium__label { font-size: 10px !important; letter-spacing: .2em !important; }
.lty-top10 .lty-rankbox { font-size: 14px !important; font-weight: 800 !important; }
.lty-top10 .lty-rankbox__rewardtext { font-size: 10px !important; letter-spacing: .05em !important; }
.lty-top10 .lty-top10__title { font-size: 14px !important; letter-spacing: .2em; font-weight: 800 !important; }
.lty-top10 .lty-top10__thead th { font-family: "Orbitron", sans-serif !important; font-size: 10px !important; letter-spacing: .2em !important; }


/* ============ Top 10 — mobile fixes ============ */
@media (max-width: 960px) {
	/* Fixed columns so things don't overflow */
	.lty-top10__table { table-layout: fixed !important; width: 100% !important; border-collapse: collapse !important; }

	.lty-top10__thead th:nth-child(1),
	.lty-top10__tbody tr:first-child td:nth-child(1) { width: 92px !important; padding: 8px 4px 8px 10px !important; }
	.lty-top10__thead th:nth-child(2),
	.lty-top10__tbody tr:first-child td:nth-child(2) { width: auto !important; padding: 8px 6px !important; }
	.lty-top10__thead th:nth-child(3),
	.lty-top10__tbody tr:first-child td:nth-child(3) { width: 78px !important; padding: 8px 8px 8px 2px !important; text-align: right !important; }
	.lty-top10__tbody td { padding: 8px 6px !important; vertical-align: middle !important; }
	.lty-top10__tbody td:first-child { padding-left: 10px !important; }
	.lty-top10__tbody td:last-child { padding-right: 10px !important; text-align: right !important; }

	/* Podium — small but keep gold/silver/bronze look */
	.lty-top10 .lty-podium {
		gap: 3px !important;
		min-width: 0 !important; width: 100% !important;
	}
	.lty-top10 .lty-podium__place {
		font-size: 10px !important;
		letter-spacing: .12em !important;
		text-shadow: 0 2px 6px rgba(0,0,0,.5) !important;
	}
	.lty-top10 .lty-podium__block {
		min-width: 0 !important;
		width: 100% !important;
		height: 30px !important;
		border-radius: 4px !important;
	}
	.lty-top10 .lty-podium__amount {
		font-size: 11px !important;
		font-weight: 900 !important;
		letter-spacing: 0 !important;
		text-shadow: 0 2px 6px rgba(0,0,0,.5) !important;
	}
	.lty-top10 .lty-podium__label { display: none !important; }
	.lty-top10 .lty-podium__block::after { display: none !important; }

	/* Rankbox (#4+) compact */
	.lty-top10 .lty-rankbox {
		flex-wrap: wrap !important;
		justify-content: flex-start !important;
		gap: 4px !important;
		padding: 6px 8px !important;
		height: auto !important;
		font-size: 11px !important;
	}
	.lty-top10 .lty-rankbox__icon { display: none !important; }
	.lty-top10 .lty-rankbox__rewardtext { font-size: 10px !important; }

	/* Full names may wrap to a second line; never hide the surname. */
	.lty-top10 .lty-name {
		font-size: 11px !important;
		font-weight: 700 !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		overflow-wrap: anywhere !important;
		max-width: 100% !important;
		display: block !important;
		line-height: 1.32 !important;
	}
	.lty-top10 .lty-count { font-size: 12px !important; }
	.lty-top10 .lty-count__bonus {
		gap: 1px !important;
		margin-top: 1px !important;
		padding: 0 !important;
		font-size: 6px !important;
		letter-spacing: 0 !important;
		opacity: .58 !important;
	}
	.lty-top10 .lty-count__bonus > span { font-size: 6px !important; }
	.lty-top10__thead th { padding: 8px 6px !important; font-size: 10px !important; letter-spacing: .04em !important; }
	.lty-top10__td { padding: 8px 6px !important; }
}


/* ============ Sticky CTA — mobile: bigger, chunkier ============ */
@media (max-width: 720px) {
	.px-sticky-cta { padding: 10px 0 max(12px, env(safe-area-inset-bottom)); }
	.px-sticky-cta__btn {
		height: 62px !important;
		font-size: 16px !important;
		letter-spacing: .05em !important;
		box-shadow: 0 16px 38px -8px rgba(37,255,90,.7), 0 0 0 3px rgba(37,255,90,.18), inset 0 1px 0 rgba(255,255,255,.35) !important;
	}
	.px-sticky-cta__price { font-size: 17px !important; }
	.px-sticky-cta__sub { font-size: 10px !important; letter-spacing: .05em; text-transform: uppercase; }

	/* Main buy-box "Participate Now" button — chunky CTA on mobile */
	.px-buybox .single_add_to_cart_button,
	.px-buybox .px-btn--primary.px-btn--xl {
		min-height: 64px !important;
		height: auto !important;
		padding: 18px 24px !important;
		font-size: 17px !important;
		font-weight: 900 !important;
		letter-spacing: .04em !important;
		line-height: 1.1 !important;
		width: 100% !important;
		border-radius: 14px !important;
		box-shadow: 0 18px 42px -10px rgba(37,255,90,.7), 0 0 0 3px rgba(37,255,90,.18), inset 0 1px 0 rgba(255,255,255,.35) !important;
	}
}

@media (max-width: 1000px) {
	.px-phero__inner { grid-template-columns: 1fr; }
	.px-phero__side { position: static; }
}
/* On phones: hide only Top 3 supporters (keep winner card visible for closed competitions). */
@media (max-width: 860px) {
	.px-phero__side-inner { display: none; }
	.px-phero__side { position: static; margin-top: 18px; }
	.px-phero__side--top-only { display: none; }
}
.px-phero__crumbs { color: var(--px-muted); font-size: 13px; display: flex; gap: 8px; flex-wrap: wrap; }
.px-phero__crumbs a { color: var(--px-muted); text-decoration: none; transition: color .15s ease; }
.px-phero__crumbs a:hover { color: var(--px-neon); }
.px-phero__crumbs .is-current { color: #fff; }

.px-phero__live {
	display: inline-flex; align-items: center; gap: 8px;
	color: var(--px-neon); font-size: 12px; font-weight: 800;
	letter-spacing: .25em; text-transform: uppercase;
}
.px-phero__dot {
	width: 9px; height: 9px; border-radius: 50%;
	background: var(--px-neon); box-shadow: 0 0 14px var(--px-neon);
	animation: pxPulse 1.6s ease-in-out infinite;
}
.px-phero__dot--soon {
	background: #ffd166;
	box-shadow: 0 0 14px #ffd166;
}
@keyframes pxPulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .3; transform: scale(.85); } }
.px-phero__sep { color: rgba(255,255,255,.3); font-weight: 400; margin: 0 4px; }

/* Hero CTA — coming-soon state */
.px-phero__not-started {
	display: inline-flex; flex-direction: column; gap: 4px;
	padding: 14px 20px;
	border-radius: 14px;
	border: 1px solid rgba(255,209,102,.4);
	background: rgba(255,209,102,.08);
}
.px-phero__not-started-label {
	font-family: "Orbitron", sans-serif;
	font-size: 11px; font-weight: 800;
	letter-spacing: .22em; text-transform: uppercase;
	color: #ffd166;
}
.px-phero__not-started strong {
	font-family: "Rajdhani", sans-serif;
	color: #fff; font-size: 18px; font-weight: 700;
}

/* Buybox FREE-ENTRY state (code required) */
.px-buybox__free-entry {
	padding: 26px 24px 22px;
	border-radius: 16px;
	border: 1px solid rgba(37,255,90,.3);
	background:
		radial-gradient(80% 60% at 0% 0%, rgba(37,255,90,.10), transparent 60%),
		linear-gradient(180deg, #0c160f, #060a07);
	display: flex; flex-direction: column; gap: 14px;
}
.px-buybox__free-head h3 {
	font-family: "Orbitron", sans-serif;
	color: #fff; font-size: 22px; font-weight: 800;
	margin: 6px 0 8px; letter-spacing: .02em;
}
.px-buybox__free-head p {
	margin: 0;
	color: rgba(255,255,255,.72);
	font-size: 14px; line-height: 1.55;
}
.px-buybox__free-head p strong { color: var(--px-neon); }

.px-buybox__free-input-wrap { position: relative; }
.px-buybox__free-input {
	width: 100% !important;
	padding: 18px 22px !important;
	background: rgba(0,0,0,.5) !important;
	border: 2px solid rgba(37,255,90,.35) !important;
	border-radius: 12px !important;
	color: #fff !important;
	font-family: "Orbitron", sans-serif !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	letter-spacing: .18em !important;
	text-align: center !important;
	text-transform: uppercase !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.5) !important;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.px-buybox__free-input::placeholder {
	color: rgba(255,255,255,.3);
	letter-spacing: .22em;
}
.px-buybox__free-input:focus {
	outline: none !important;
	border-color: var(--px-neon) !important;
	background: rgba(0,0,0,.7) !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.5), 0 0 0 4px rgba(37,255,90,.15), 0 0 24px rgba(37,255,90,.25) !important;
}
.px-buybox__free-help {
	margin: 0;
	text-align: center;
	font-size: 13px;
	color: rgba(255,255,255,.55);
	font-family: "Rajdhani", sans-serif;
}
.px-buybox__free-help a {
	color: var(--px-neon);
	text-decoration: none;
	font-weight: 600;
}
.px-buybox__free-help a:hover { text-decoration: underline; }

/* Buybox locked state */
.px-buybox__locked {
	padding: 32px 28px;
	text-align: center;
	border-radius: 14px;
	border: 1px solid rgba(255,209,102,.35);
	background:
		radial-gradient(80% 60% at 0% 0%, rgba(255,209,102,.08), transparent 60%),
		linear-gradient(180deg, #1a1404, #0a0703);
}
.px-buybox__locked-icon { font-size: 36px; margin-bottom: 10px; opacity: .9; }
.px-buybox__locked h3 {
	font-family: "Orbitron", sans-serif;
	color: #fff; font-size: 22px; font-weight: 800;
	margin: 0 0 12px; letter-spacing: .02em;
}
.px-buybox__locked p {
	color: rgba(255,255,255,.75);
	font-size: 14px; line-height: 1.55;
	margin: 0 0 14px;
}
.px-buybox__locked p strong { color: #ffd166; font-weight: 700; }
.px-buybox__locked-counter {
	display: inline-flex !important;
	margin: 8px 0 18px !important;
	padding: 12px 18px;
	background: rgba(0,0,0,.45);
	border: 1px solid rgba(255,209,102,.35);
	border-radius: 12px;
}
.px-buybox__locked-cd {
	font-family: "Orbitron", sans-serif;
	font-size: 16px; font-weight: 800;
	letter-spacing: .04em;
	color: #ffd166;
	text-shadow: 0 0 14px rgba(255,209,102,.4);
}

.px-phero__title {
	margin: 0;
	font-family: "Rajdhani","Oswald", sans-serif;
	font-size: clamp(30px, 4.2vw, 58px);
	line-height: 1.02;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #fff;
	text-shadow: 0 8px 40px rgba(0,0,0,.7);
	max-width: 22ch;
}
.px-phero__bonus {
	display: inline-block;
	margin-left: 12px;
	color: var(--px-neon);
	text-shadow: 0 0 30px rgba(37,255,90,.5);
}

.px-phero__value { margin: 0; color: #cfd6cf; font-size: 15px; letter-spacing: .02em; }
.px-phero__value strong { color: var(--px-neon); font-weight: 800; }

.px-phero__countdown {
	display: grid;
	grid-template-columns: repeat(4, minmax(120px, 1fr));
	gap: 10px;
	max-width: 720px;
	padding: 14px;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
	border: 1px solid var(--px-border-hi);
	backdrop-filter: blur(14px) saturate(1.2);
	box-shadow: 0 30px 60px -20px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05);
}
.px-cd__cell {
	display: flex; flex-direction: column; align-items: center; gap: 4px;
	padding: 12px 6px;
	background: rgba(0,0,0,.3);
	border-radius: 10px;
}
.px-cd__cell span {
	font-family: "Rajdhani", sans-serif;
	font-size: clamp(32px, 4.5vw, 52px);
	font-weight: 800; line-height: 1;
	color: #fff;
	text-shadow: 0 0 20px rgba(37,255,90,.2);
	font-variant-numeric: tabular-nums;
}
.px-cd__cell em {
	font-style: normal;
	color: var(--px-muted);
	font-size: 10px; text-transform: uppercase; letter-spacing: .3em;
}

.px-phero__stats {
	display: flex; flex-wrap: wrap; gap: 36px;
	padding: 6px 0;
}
.px-stat { display: flex; flex-direction: column; gap: 2px; }
.px-stat strong {
	font-family: "Rajdhani", sans-serif;
	font-size: clamp(22px, 2.4vw, 34px); font-weight: 800; line-height: 1;
	color: #fff;
}
.px-stat strong em { font-style: normal; color: var(--px-muted); font-weight: 500; font-size: .7em; }
.px-stat strong .woocommerce-Price-amount,
.px-stat strong .woocommerce-Price-amount bdi,
.px-stat strong .woocommerce-Price-currencySymbol {
	color: var(--px-neon);
	font: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/* Sale price in hero stat — old price strikethrough + new price neon */
.px-stat strong del,
.px-stat strong ins {
	display: inline-block;
	background: transparent;
	text-decoration: none;
	vertical-align: baseline;
}
.px-stat strong del {
	font-size: .55em !important;
	font-weight: 500 !important;
	color: rgba(255,255,255,.45) !important;
	margin-right: 8px;
	letter-spacing: .01em;
	position: relative;
	text-decoration: line-through;
	text-decoration-color: rgba(229,0,31,.7);
	text-decoration-thickness: 2px;
	text-decoration-skip-ink: none;
	opacity: .85;
}
.px-stat strong del .woocommerce-Price-amount,
.px-stat strong del bdi,
.px-stat strong del .woocommerce-Price-currencySymbol {
	color: rgba(255,255,255,.45) !important;
	-webkit-text-fill-color: rgba(255,255,255,.45) !important;
	font-weight: 500 !important;
	font-size: inherit !important;
}
.px-stat strong ins {
	color: var(--px-neon) !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}
.px-stat strong ins .woocommerce-Price-amount,
.px-stat strong ins bdi,
.px-stat strong ins .woocommerce-Price-currencySymbol {
	color: var(--px-neon) !important;
	-webkit-text-fill-color: var(--px-neon) !important;
}
/* Optional sale badge next to price */
.px-stat--price strong:has(del + ins)::after {
	content: 'SALE';
	display: inline-block;
	margin-left: 8px;
	padding: 3px 8px;
	background: linear-gradient(180deg, #ff3045, #c8001b);
	color: #fff;
	font-family: "Orbitron", sans-serif;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .15em;
	border-radius: 6px;
	vertical-align: middle;
	box-shadow: 0 4px 12px -2px rgba(229,0,31,.5);
}
.px-stat span { color: var(--px-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .2em; margin-top: 4px; }
.px-stat--instant strong { color: var(--px-neon); }

/* ============ Multi-prize draw winners section ============ */
.px-multidraw {
	padding: 48px 0;
	background: linear-gradient(180deg, #060a07, #050a07);
	border-top: 1px solid var(--px-border);
	border-bottom: 1px solid var(--px-border);
}
.px-multidraw__head {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 36px;
}
.px-multidraw__head .px-section__eyebrow {
	display: inline-block;
	color: var(--px-neon);
	font-family: "Orbitron", sans-serif;
	font-size: 11px;
	letter-spacing: .28em;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 12px;
}
.px-multidraw__title {
	font-family: "Orbitron", sans-serif;
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .01em;
	margin: 0 0 10px;
}
.px-multidraw__sub {
	color: rgba(255,255,255,.65);
	font-size: 14px;
	margin: 0;
}

.px-multidraw__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	max-width: 1200px;
	margin: 0 auto;
}
.px-multidraw__card {
	display: flex;
	flex-direction: column;
	padding: 22px 22px 20px;
	border-radius: 16px;
	border: 1px solid var(--px-border);
	background:
		radial-gradient(80% 50% at 0% 0%, rgba(37,255,90,.06), transparent 60%),
		linear-gradient(180deg, #0c140f, #060a07);
	transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
	overflow: hidden;
	position: relative;
}
.px-multidraw__card.is-drawn {
	border-color: rgba(212,175,55,.4);
	background:
		radial-gradient(80% 60% at 0% 0%, rgba(212,175,55,.10), transparent 60%),
		linear-gradient(180deg, #0e0a04, #050302);
	box-shadow: 0 20px 50px -20px rgba(212,175,55,.4);
}
.px-multidraw__card.is-pending {
	opacity: .85;
}
.px-multidraw__card.is-pending::after {
	content: '';
	position: absolute; inset: 0;
	background: repeating-linear-gradient(45deg, transparent 0 12px, rgba(255,255,255,.015) 12px 24px);
	pointer-events: none;
}
.px-multidraw__card-prize {
	padding-bottom: 16px;
	border-bottom: 1px dashed rgba(255,255,255,.1);
	margin-bottom: 16px;
}
.px-multidraw__card-label {
	display: block;
	font-family: "Orbitron", sans-serif;
	font-size: 10px;
	letter-spacing: .25em;
	text-transform: uppercase;
	color: rgba(255,255,255,.5);
	margin-bottom: 4px;
}
.px-multidraw__card-name {
	display: block;
	font-family: "Orbitron", sans-serif;
	color: #fff;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: .01em;
}
.px-multidraw__card-value {
	display: inline-block;
	margin-top: 6px;
	color: var(--px-neon);
	font-family: "Rajdhani", sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
}
.px-multidraw__card-winner {
	display: flex; flex-direction: column;
	gap: 4px;
}
.px-multidraw__winner-label {
	font-family: "Orbitron", sans-serif;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .25em;
	text-transform: uppercase;
	color: var(--px-gold);
}
.px-multidraw__winner-name {
	font-family: "Rajdhani", sans-serif;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
}
.px-multidraw__winner-ticket {
	font-family: "Orbitron", sans-serif;
	color: rgba(255,255,255,.55);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
}
.px-multidraw__pending {
	font-family: "Orbitron", sans-serif;
	color: rgba(255,255,255,.5);
	font-size: 12px;
	letter-spacing: .15em;
	text-transform: uppercase;
	font-weight: 700;
}

/* Compact stats when full stats are hidden (participants + draw timer) */
.px-phero__stats--compact {
	display: flex !important;
	flex-wrap: wrap;
	gap: 18px !important;
	align-items: stretch;
}
.px-stat--participants {
	padding: 10px 18px;
	background: rgba(37,255,90,.06);
	border: 1px solid rgba(37,255,90,.28);
	border-radius: 12px;
}
.px-stat--participants strong {
	font-family: "Orbitron", sans-serif;
	color: var(--px-neon) !important;
	font-size: clamp(28px, 3vw, 40px);
}
.px-stat--participants span {
	color: rgba(255,255,255,.65);
	font-family: "Orbitron", sans-serif;
	font-size: 10px;
	letter-spacing: .22em;
	text-transform: uppercase;
	margin-top: 6px;
	display: block;
}

/* Pulsing draw timer */
.px-draw-timer {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 12px 22px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(255,0,40,.18), rgba(229,0,31,.06));
	border: 2px solid #ff1a3a;
	box-shadow: 0 0 24px rgba(255,30,60,.4), inset 0 1px 0 rgba(255,255,255,.08);
	animation: pxDrawTimerPulse 1.6s ease-in-out infinite;
}
.px-draw-timer--mobile-only { display: none; }
.px-draw-timer__label {
	font-family: "Orbitron", sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 0 12px rgba(255,30,60,.6);
}
.px-draw-timer__values {
	display: inline-flex;
	gap: 8px;
}
.px-draw-timer__cell {
	display: inline-flex;
	align-items: baseline;
	gap: 2px;
	font-family: "Orbitron", sans-serif;
	font-weight: 900;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	text-shadow: 0 0 14px rgba(255,30,60,.55);
}
.px-draw-timer__cell em {
	font-style: normal;
	font-size: 11px;
	color: rgba(255,255,255,.75);
	font-weight: 700;
	margin-left: 1px;
	letter-spacing: .04em;
}
@keyframes pxDrawTimerPulse {
	0%, 100% {
		box-shadow: 0 0 24px rgba(255,30,60,.4), inset 0 1px 0 rgba(255,255,255,.08);
		border-color: #ff1a3a;
	}
	50% {
		box-shadow: 0 0 48px rgba(255,30,60,.75), 0 0 0 6px rgba(255,30,60,.12), inset 0 1px 0 rgba(255,255,255,.15);
		border-color: #ff4a6a;
	}
}

@media (max-width: 600px) {
	.px-draw-timer { padding: 10px 16px; gap: 10px; }
	.px-draw-timer--mobile-only { display: inline-flex; }
	.px-draw-timer__cell { font-size: 18px; }
	.px-draw-timer__label { font-size: 10px; letter-spacing: .16em; }
}

/* Editable note under price (set per-product in admin meta box) */
.px-phero__price-note {
	margin: 4px 0 14px !important;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(37,255,90,.06);
	border-left: 3px solid var(--px-neon);
	color: rgba(255,255,255,.85);
	font-family: "Rajdhani", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .02em;
	max-width: 620px;
}

/* Price stat — "from £2.40" with info tooltip */
.px-stat--price { position: relative; }
.px-stat--price strong { color: var(--px-neon); display: inline-flex; align-items: center; gap: 8px; }
.px-stat__info {
	display: inline-flex; align-items: center; justify-content: center;
	width: 20px; height: 20px; border-radius: 50%;
	background: rgba(37,255,90,.10);
	border: 1px solid rgba(37,255,90,.35);
	color: var(--px-neon);
	font-family: "Rajdhani", sans-serif;
	font-size: 12px; font-weight: 800; line-height: 1;
	cursor: help;
	transition: background .15s ease;
	font-style: italic;
}
.px-stat__info:hover { background: rgba(37,255,90,.22); }
.px-stat__tip {
	position: absolute;
	top: calc(100% + 8px); left: 0; z-index: 20;
	min-width: 260px; max-width: 320px;
	padding: 12px 14px;
	background: #0a0a0a;
	border: 1px solid rgba(37,255,90,.25);
	border-radius: 10px;
	box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 24px rgba(37,255,90,.08);
	color: rgba(255,255,255,.85);
	font-family: "Rajdhani", sans-serif;
	font-size: 13px; line-height: 1.45;
	letter-spacing: 0; text-transform: none;
	opacity: 0; visibility: hidden;
	transform: translateY(-4px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
	pointer-events: none;
}
.px-stat__tip strong { display: block; color: var(--px-neon); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 4px; }
.px-stat--price:hover .px-stat__tip,
.px-stat--price:focus-within .px-stat__tip {
	opacity: 1; visibility: visible; transform: translateY(0);
}

/* Grand-draw announce line (replaces "people viewing") */
.px-phero__announce { color: rgba(255,255,255,.85); }
.px-phero__announce strong { color: var(--px-neon); font-weight: 800; }

.px-phero__progress {
	height: 6px; border-radius: 999px;
	background: rgba(255,255,255,.08);
	overflow: hidden;
	max-width: 720px;
}
.px-phero__bar {
	appearance: none; -webkit-appearance: none; display: block;
	height: 100%; width: 100%; border: 0; background: transparent;
	animation: pxBarShine 2.4s ease-in-out infinite;
}
.px-phero__bar::-webkit-progress-bar { background: transparent; }
.px-phero__bar::-webkit-progress-value {
	background: linear-gradient(90deg, var(--px-neon-2), var(--px-neon), #8effc5);
	box-shadow: 0 0 20px var(--px-neon-glow);
}
.px-phero__bar::-moz-progress-bar {
	background: linear-gradient(90deg, var(--px-neon-2), var(--px-neon), #8effc5);
	box-shadow: 0 0 20px var(--px-neon-glow);
}
@keyframes pxBarShine {
	0%, 100% { filter: brightness(1); }
	50% { filter: brightness(1.25); }
}

.px-phero__cta { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

/* ============ Winner card — hero sidebar, closed competitions ============ */
.px-winner-card {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 18px;
	background:
		radial-gradient(80% 60% at 20% 0%, rgba(255,210,100,.18), transparent 60%),
		radial-gradient(60% 80% at 100% 100%, rgba(212,175,55,.14), transparent 55%),
		linear-gradient(180deg, #1a1304, #0a0703);
	border: 1px solid rgba(212,175,55,.45);
	box-shadow:
		0 30px 70px -20px rgba(212,175,55,.35),
		0 0 0 1px rgba(0,0,0,.35) inset,
		0 0 40px rgba(212,175,55,.12);
	isolation: isolate;
}
.px-winner-card::before {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(120deg, transparent 0%, rgba(255,210,100,.08) 50%, transparent 100%);
	background-size: 300% 100%;
	animation: pxWinnerFlow 7s linear infinite;
	pointer-events: none; z-index: -1;
}
@keyframes pxWinnerFlow {
	0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; }
}

.px-winner-card__ribbon {
	text-align: center;
	padding: 10px 14px;
	font-family: "Orbitron", sans-serif;
	font-size: 11px; font-weight: 800;
	letter-spacing: .22em; text-transform: uppercase;
	color: #1a1400;
	background: linear-gradient(135deg, #f5d97a, #d4af37 55%, #8b6f12);
	border-bottom: 1px solid rgba(0,0,0,.2);
}

.px-winner-card__body {
	padding: 24px 22px 22px;
	display: flex; flex-direction: column; gap: 6px;
	text-align: center;
}
.px-winner-card__label {
	font-family: "Orbitron", sans-serif;
	font-size: 10px; font-weight: 800;
	letter-spacing: .3em; text-transform: uppercase;
	color: rgba(255,210,100,.75);
}
.px-winner-card__ticket {
	font-family: "Orbitron", sans-serif;
	font-size: 28px; font-weight: 900;
	letter-spacing: .02em;
	background: linear-gradient(135deg, #f5d97a, #d4af37 50%, #f5d97a);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 30px rgba(212,175,55,.35);
	margin: 4px 0 0;
	line-height: 1.05;
	word-break: break-all;
}
.px-winner-card__name {
	font-family: "Rajdhani", sans-serif;
	color: #fff;
	font-size: 22px; font-weight: 800;
	line-height: 1.2;
	margin-top: 2px;
}
.px-winner-card__ctas {
	display: flex; flex-direction: column; gap: 10px;
	margin-top: 18px;
}
.px-winner-card__ctas .px-btn { width: 100%; }

/* Big red YouTube "Watch live draw" CTA */
.px-yt-cta {
	display: flex; align-items: center; gap: 14px;
	padding: 14px 20px;
	background: linear-gradient(180deg, #ff1f1f 0%, #ff0000 60%, #c80000 100%);
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,.1);
	box-shadow:
		0 18px 40px -10px rgba(255,0,0,.7),
		0 0 0 1px rgba(255,255,255,.08) inset,
		0 0 32px rgba(255,0,0,.4);
	transition: transform .18s ease, box-shadow .2s ease, background .2s ease;
	animation: pxYtPulse 2.4s ease-in-out infinite;
}
.px-yt-cta:hover {
	transform: translateY(-3px) scale(1.015);
	background: linear-gradient(180deg, #ff3a3a 0%, #ff1414 60%, #de0a0a 100%);
	box-shadow:
		0 24px 50px -10px rgba(255,0,0,.85),
		0 0 0 1px rgba(255,255,255,.15) inset,
		0 0 48px rgba(255,0,0,.6);
	animation: none;
}
.px-yt-cta:active { transform: translateY(-1px) scale(1); }

.px-yt-cta__icon {
	flex: 0 0 auto;
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 32px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,.3);
}
.px-yt-cta__icon svg { display: block; }

.px-yt-cta__text {
	display: flex; flex-direction: column; gap: 2px; line-height: 1.1;
}
.px-yt-cta__text strong {
	font-family: "Orbitron", sans-serif;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .12em;
	color: #fff;
}
.px-yt-cta__text em {
	font-style: normal;
	font-family: "Rajdhani", sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255,255,255,.85);
	letter-spacing: .05em;
}

@keyframes pxYtPulse {
	0%, 100% {
		box-shadow:
			0 18px 40px -10px rgba(255,0,0,.7),
			0 0 0 1px rgba(255,255,255,.08) inset,
			0 0 32px rgba(255,0,0,.4);
	}
	50% {
		box-shadow:
			0 22px 50px -8px rgba(255,0,0,.9),
			0 0 0 1px rgba(255,255,255,.15) inset,
			0 0 56px rgba(255,0,0,.65),
			0 0 0 6px rgba(255,0,0,.15);
	}
}

@media (max-width: 720px) {
	.px-phero { padding-top: 40px !important; padding-bottom: 20px !important; min-height: auto !important; }
	.px-phero__inner { padding-top: 0 !important; padding-bottom: 0 !important; gap: 18px !important; }
	.px-phero__title { font-size: clamp(24px, 7vw, 34px) !important; margin-bottom: 10px !important; }
	.px-phero__countdown { grid-template-columns: repeat(4, 1fr); padding: 10px; gap: 6px; }
	.px-cd__cell { padding: 8px 2px; }
	.px-phero__stats { gap: 14px; }
	.px-phero__value { margin: 4px 0 0 !important; font-size: 13px !important; }
	.px-phero__live { margin-bottom: 8px !important; }
}


/* =========================================================
   2. LATEST TICKETS TICKER
   ========================================================= */
.px-ticker {
	position: relative;
	display: flex; align-items: center; gap: 18px;
	padding: 12px 0 12px 24px;
	margin-top: -10px;
	background:
		radial-gradient(80% 100% at 10% 50%, rgba(37,255,90,.12), transparent 60%),
		radial-gradient(80% 100% at 90% 50%, rgba(37,255,90,.08), transparent 60%),
		linear-gradient(180deg, #06100a, #050a07);
	border-top: 1px solid var(--px-border-hi);
	border-bottom: 1px solid var(--px-border-hi);
	overflow: hidden;
	white-space: nowrap;
	box-shadow: 0 0 60px rgba(37,255,90,.08) inset;
}
/* Fade edges */
.px-ticker::before, .px-ticker::after {
	content: ''; position: absolute; top: 0; bottom: 0; width: 120px;
	pointer-events: none; z-index: 2;
}
.px-ticker::before { left: 0; background: linear-gradient(90deg, #000 0%, transparent 100%); }
.px-ticker::after { right: 0; background: linear-gradient(-90deg, #000 0%, transparent 100%); }

.px-ticker__label {
	position: relative; z-index: 3;
	flex: 0 0 auto;
	display: inline-flex; align-items: center; gap: 8px;
	padding: 8px 16px;
	background: linear-gradient(180deg, var(--px-neon) 0%, var(--px-neon-2) 100%);
	color: #021809;
	border-radius: 999px;
	font-weight: 800; font-size: 11px;
	letter-spacing: .22em; text-transform: uppercase;
	box-shadow: 0 8px 24px -6px rgba(37,255,90,.55), 0 0 0 4px rgba(37,255,90,.1);
}

.px-ticker__track { flex: 1; overflow: hidden; min-width: 0; }
.px-ticker__inner {
	display: inline-flex; gap: 12px;
	animation: pxMarquee 60s linear infinite;
	padding-left: 12px;
}
.px-ticker:hover .px-ticker__inner { animation-play-state: paused; }
@keyframes pxMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.px-ticker__item {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 10px 16px;
	background: linear-gradient(180deg, rgba(37,255,90,.06), rgba(37,255,90,.02));
	border: 1px solid rgba(37,255,90,.18);
	border-radius: 999px;
	backdrop-filter: blur(8px);
	transition: all .2s ease;
	font-size: 13px;
	line-height: 1;
}
.px-ticker__item:hover {
	border-color: var(--px-neon);
	box-shadow: 0 8px 24px -8px rgba(37,255,90,.35);
	transform: translateY(-1px);
}
.px-ticker__dot {
	width: 8px; height: 8px; border-radius: 50%;
	background: var(--px-neon); box-shadow: 0 0 10px var(--px-neon);
	animation: pxPulse 1.6s ease-in-out infinite;
	flex: 0 0 auto;
}
.px-ticker__item strong { color: #fff; font-weight: 800; }
.px-ticker__qty {
	color: var(--px-neon); font-weight: 700;
	padding: 4px 10px;
	background: rgba(37,255,90,.12);
	border-radius: 999px;
	font-size: 12px;
	border: 1px solid rgba(37,255,90,.25);
}
.px-ticker__item em { font-style: normal; color: var(--px-muted); font-size: 12px; }

/* Latest Mystery Box prizes — compact companion to Latest Tickets */
.px-mystery-awards {
	position: relative;
	display: flex; align-items: center; gap: 18px;
	padding: 10px 24px 12px;
	overflow: hidden;
	background:
		radial-gradient(45% 160% at 85% 50%, rgba(255,127,209,.08), transparent 70%),
		linear-gradient(180deg, rgba(4,10,7,.98), rgba(2,6,4,.98));
	border-bottom: 1px solid rgba(255,127,209,.18);
	box-shadow: 0 20px 46px -38px rgba(255,127,209,.65) inset;
}
.px-mystery-awards__head {
	display: flex; align-items: center; gap: 9px;
	flex: 0 0 auto; min-width: 410px;
}
.px-mystery-awards__heading {
	display: flex; min-width: 0; flex-direction: column; gap: 3px;
}
.px-mystery-awards__signal {
	display: grid; width: 34px; height: 34px; place-items: center;
	border: 1px solid rgba(255,127,209,.45); border-radius: 10px;
	background: rgba(255,127,209,.1); color: #ff7fd1;
	box-shadow: 0 0 20px -11px #ff7fd1;
}
.px-mystery-awards__head small {
	color: rgba(255,255,255,.38); font: 800 7px/1 "Orbitron",sans-serif;
	letter-spacing: .15em; text-transform: uppercase;
}
.px-mystery-awards__head strong {
	color: #fff; font: 900 12px/1.1 "Orbitron",sans-serif;
	letter-spacing: .08em; text-transform: uppercase;
}
.px-mystery-awards__head em {
	display: inline-flex; align-items: center; gap: 5px; margin-left: 3px;
	color: #39ff8b; font: 900 7px/1 "Orbitron",sans-serif;
	font-style: normal; letter-spacing: .12em;
}
.px-mystery-awards__head em i {
	width: 5px; height: 5px; border-radius: 50%;
	background: currentColor; box-shadow: 0 0 9px currentColor;
	animation: px-reward-live-pulse 1.7s ease-in-out infinite;
}
.px-mystery-awards__total {
	display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px;
	border: 1px solid rgba(57,255,139,.25); border-radius: 9px;
	background: rgba(57,255,139,.065); color: #39ff8b;
	white-space: nowrap;
}
.px-mystery-awards__total svg { flex: 0 0 auto; }
.px-mystery-awards__total b {
	color: #fff; font: 900 11px/1 "Orbitron",sans-serif;
	text-shadow: 0 0 12px rgba(57,255,139,.45);
}
.px-mystery-awards__total small {
	color: rgba(255,255,255,.58); font: 800 6.5px/1 "Orbitron",sans-serif;
	letter-spacing: .05em; text-transform: uppercase;
}
.px-mystery-awards__viewport {
	flex: 1 1 auto; min-width: 0; overflow: hidden;
}
.px-mystery-awards__rail {
	display: flex; width: max-content; min-width: 0;
	will-change: transform;
}
.px-mystery-awards__rail:not(.is-moving) { min-width: 100%; }
.px-mystery-awards__rail.is-moving {
	animation: px-mystery-awards-marquee 58s linear infinite;
}
.px-mystery-awards:hover .px-mystery-awards__rail.is-moving {
	animation-play-state: paused;
}
.px-mystery-awards__group {
	display: flex; flex: 0 0 auto; gap: 7px; padding-right: 7px;
}
@keyframes px-mystery-awards-marquee { to { transform: translateX(-50%); } }
.px-mystery-award {
	--px-box-award: #39ff8b;
	position: relative; display: grid; grid-template-columns: 36px minmax(0,1fr);
	align-items: center; gap: 9px; width: 245px; min-width: 245px; padding: 9px 11px;
	overflow: hidden; border: 1px solid color-mix(in srgb,var(--px-box-award) 25%,transparent);
	border-radius: 12px;
	background:
		radial-gradient(95% 150% at 0 0,color-mix(in srgb,var(--px-box-award) 9%,transparent),transparent 65%),
		linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
	box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.px-mystery-award::after {
	content: ""; position: absolute; left: 12%; right: 12%; bottom: 0; height: 1px;
	background: linear-gradient(90deg,transparent,var(--px-box-award),transparent);
	box-shadow: 0 0 10px var(--px-box-award);
}
.px-mystery-award__icon {
	display: grid; width: 36px; height: 36px; place-items: center;
	border: 1px solid color-mix(in srgb,var(--px-box-award) 58%,transparent);
	border-radius: 10px; background: color-mix(in srgb,var(--px-box-award) 9%,transparent);
	color: var(--px-box-award); font: 900 13px/1 "Orbitron",sans-serif; font-style: normal;
}
.px-mystery-award__icon svg { width: 17px; height: 17px; }
.px-mystery-award__copy {
	display: flex; min-width: 0; flex-direction: column; gap: 3px;
}
.px-mystery-award__copy > small {
	color: rgba(255,255,255,.36); font: 800 7px/1 "Orbitron",sans-serif;
	letter-spacing: .07em; text-transform: uppercase;
}
.px-mystery-award__copy > strong {
	overflow: hidden; color: #fff; font: 900 11px/1.2 "Orbitron",sans-serif;
	white-space: nowrap; text-overflow: ellipsis;
}
.px-mystery-award__copy > em {
	overflow: hidden; color: rgba(255,255,255,.48); font: 600 10px/1.2 "Rajdhani",sans-serif;
	font-style: normal; white-space: nowrap; text-overflow: ellipsis;
}
.px-mystery-award__copy > em b { color: var(--px-box-award); font-weight: 800; }
.px-mystery-award--x2 { --px-box-award: #55d8ff; }
.px-mystery-award--cash { --px-box-award: #f5c756; }
.px-mystery-award--coupon { --px-box-award: #b783ff; }
.px-mystery-award--mystery-box { --px-box-award: #ff7fd1; }
.px-mystery-award--new { animation: px-reward-card-in .68s cubic-bezier(.2,1.35,.35,1); }
.px-mystery-awards__empty {
	display: flex; align-items: center; gap: 10px; flex: 1 1 auto;
	min-width: 300px; padding: 8px 12px; color: rgba(255,255,255,.45);
	border: 1px dashed rgba(255,127,209,.18); border-radius: 12px;
}
.px-mystery-awards__empty > i {
	color: #ff7fd1; font-style: normal; text-shadow: 0 0 12px #ff7fd1;
}
.px-mystery-awards__empty > span { display: flex; flex-direction: column; gap: 2px; }
.px-mystery-awards__empty strong { color: rgba(255,255,255,.74); font-size: 11px; }
.px-mystery-awards__empty small { font-size: 10px; }

/* Mobile: stack label above marquee + add breathing room for chips */
@media (max-width: 720px) {
	.px-ticker {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding: 14px 0 14px;
		min-height: 0 !important;
		height: auto !important;
	}
	.px-ticker__label { align-self: flex-start; margin-left: 16px; }
	.px-ticker__track {
		width: 100%;
		flex: 0 0 auto !important;
		height: auto !important;
		min-height: 0 !important;
	}
	.px-ticker__inner {
		align-items: center !important;
		height: auto !important;
		min-height: 0 !important;
	}
	.px-ticker__item {
		flex: 0 0 auto !important;
		align-self: center !important;
		white-space: nowrap !important;
		height: 36px !important;
		padding: 0 14px !important;
	}
	.px-ticker::before, .px-ticker::after { width: 40px; }
	.px-mystery-awards {
		flex-direction: column; align-items: stretch; gap: 9px;
		padding: 12px 0 11px;
	}
	.px-mystery-awards__head { min-width: 0; padding: 0 10px; flex-wrap: nowrap; gap: 7px; }
	.px-mystery-awards__signal { width: 32px; height: 32px; flex: 0 0 32px; }
	.px-mystery-awards__heading { flex: 1 1 auto; }
	.px-mystery-awards__heading small { font-size: 6px; white-space: nowrap; }
	.px-mystery-awards__heading strong { font-size: 10px; white-space: nowrap; }
	.px-mystery-awards__head em { display: none; }
	.px-mystery-awards__total { order: initial; margin-left: auto; padding: 6px; gap: 4px; }
	.px-mystery-awards__total b { font-size: 9px; }
	.px-mystery-awards__total small { font-size: 5.5px; }
	.px-mystery-awards__viewport { padding-left: 10px; }
	.px-mystery-award { width: min(76vw,285px); min-width: min(76vw,285px); }
	.px-mystery-awards__empty { width: calc(100vw - 20px); min-width: calc(100vw - 20px); }
}


/* =========================================================
   3. SHOWCASE (gallery + sticky buy)
   ========================================================= */
.px-showcase { padding: 28px 0 40px; }
.px-showcase__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(500px, 1.05fr);
	gap: 40px;
}

/* ---- Gallery ---- */
.px-showcase__media { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.px-gallery__main {
	position: relative;
	display: block;
	width: 100%; padding: 0;
	border-radius: var(--px-radius);
	overflow: hidden;
	border: 1px solid var(--px-border);
	background: var(--px-card);
	cursor: zoom-in;
	aspect-ratio: 4/3;
}
.px-gallery__hero {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .6s cubic-bezier(.2,.9,.2,1), opacity .25s ease;
}
.px-gallery__hero.is-swapping { opacity: 0; }
.px-gallery__main:hover .px-gallery__hero { transform: scale(1.03); }
.px-gallery__zoom, .px-gallery__counter {
	position: absolute;
	background: rgba(0,0,0,.65); backdrop-filter: blur(8px);
	color: #fff; font-size: 12px; font-weight: 700;
	padding: 8px 14px; border-radius: 999px;
	letter-spacing: .05em;
	border: 1px solid var(--px-border);
}
.px-gallery__zoom { top: 16px; right: 16px; }
.px-gallery__counter { bottom: 16px; left: 16px; }

.px-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
}
.px-gallery__thumb {
	padding: 0; border: 1px solid var(--px-border); background: var(--px-card);
	border-radius: 10px; overflow: hidden; cursor: pointer;
	aspect-ratio: 4/3;
	transition: all .2s ease;
}
.px-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.px-gallery__thumb:hover { border-color: var(--px-neon); transform: translateY(-2px); }
.px-gallery__thumb.is-active { border-color: var(--px-neon); box-shadow: 0 0 0 2px rgba(37,255,90,.25); }

.px-showcase__desc {
	margin-top: 8px;
	padding: 20px 24px;
	color: #d1d8d1;
	line-height: 1.7;
	font-size: 15px;
	border: 1px solid var(--px-border);
	border-radius: var(--px-radius);
	background: var(--px-card);
}
.px-showcase__desc p { margin: 0 0 10px; }
.px-showcase__desc p:last-child { margin-bottom: 0; }

/* ---- Sticky Buy Box ---- */
.px-showcase__buy { min-width: 0; display: flex; flex-direction: column; gap: 10px; position: sticky; top: 24px; align-self: start; }

/* CASH Alternative — prominent card above buy-box */
.px-cashalt {
	display: flex; align-items: center; gap: 16px;
	padding: 18px 22px;
	border-radius: 16px;
	background:
		radial-gradient(80% 100% at 0% 50%, rgba(37,255,90,.14), transparent 70%),
		linear-gradient(180deg, rgba(12,24,16,.95), rgba(6,14,8,.95));
	border: 1px solid var(--px-border-hi);
	box-shadow: 0 20px 50px -16px rgba(37,255,90,.25), 0 0 0 1px rgba(37,255,90,.06);
}
.px-cashalt__ico {
	width: 48px; height: 48px; flex: 0 0 auto;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(37,255,90,.22), rgba(37,255,90,.06));
	border: 1px solid rgba(37,255,90,.4);
	color: var(--px-neon);
}
.px-cashalt__ico .px-ico { filter: drop-shadow(0 0 6px rgba(37,255,90,.55)); }
.px-cashalt__body { display: flex; flex-direction: column; line-height: 1; gap: 6px; }
.px-cashalt__body em {
	font-style: normal;
	color: var(--px-muted);
	font-size: 11px;
	letter-spacing: .22em; text-transform: uppercase; font-weight: 700;
}
.px-cashalt__body strong {
	color: var(--px-neon);
	font-family: "Orbitron","Rajdhani", sans-serif;
	font-size: 26px; font-weight: 800;
	text-shadow: 0 0 12px rgba(37,255,90,.3);
}
.px-buybox {
	padding: 18px 22px;
	border-radius: var(--px-radius);
	background:
		radial-gradient(80% 60% at 50% 0%, rgba(37,255,90,.08), transparent 70%),
		linear-gradient(180deg, rgba(12,24,16,.95), rgba(8,14,10,.95));
	border: 1px solid var(--px-border-hi);
	box-shadow:
		0 30px 80px -20px rgba(0,0,0,.9),
		0 0 0 1px rgba(37,255,90,.06),
		inset 0 1px 0 rgba(255,255,255,.04);
	backdrop-filter: blur(6px);
}
.px-buybox__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
.px-buybox__mine {
	font-size: 12px; color: var(--px-muted);
	padding: 6px 10px; border-radius: 999px;
	background: rgba(37,255,90,.08);
	border: 1px solid rgba(37,255,90,.2);
}
.px-buybox__mine strong { color: var(--px-neon); }

.px-buybox__form { display: flex; flex-direction: column; gap: 10px; }

/* Quantity + CTA inline */
.px-buybox__action {
	display: flex; align-items: stretch; gap: 12px;
}
.px-buybox__qty { flex: 0 0 auto; }

/* Per-product toggle: hide bundle discount buttons (lottery plugin's predefined buttons) */
.px-no-bundles .lty-predefined-buttons,
.px-no-bundles .lty-single-product-predefined-buttons,
.px-no-bundles .lty-predefined-button,
.px-no-bundles .lty-bundle-buttons,
.px-no-bundles .px-buybox__bundles { display: none !important; }

/* Hide native quantity input when slider is active (still in DOM for form submit) */
.px-buybox__qty--hidden { position: absolute !important; left: -9999px !important; opacity: 0 !important; pointer-events: none !important; }

/* ============ Quantity slider (drag left/right) ============ */
.px-buybox__action {
	flex-wrap: wrap !important;
	align-items: stretch !important;
}
.px-qty-slider {
	flex: 1 1 100%;
	padding: 18px 22px;
	border-radius: 14px;
	border: 1px solid var(--px-border-hi, rgba(37,255,90,.2));
	background:
		radial-gradient(80% 100% at 0% 0%, rgba(37,255,90,.08), transparent 60%),
		linear-gradient(180deg, #0c140f, #060a07);
	box-shadow: 0 12px 28px -16px rgba(37,255,90,.25), inset 0 1px 0 rgba(255,255,255,.04);
	margin-bottom: 4px;
	box-sizing: border-box;
}
.px-qty-slider__head {
	margin-bottom: 8px;
}
.px-qty-slider__label {
	font-family: "Orbitron", sans-serif;
	font-size: 11px; font-weight: 800;
	letter-spacing: .22em; text-transform: uppercase;
	color: rgba(255,255,255,.55);
}
.px-qty-slider__display {
	font-family: "Orbitron", sans-serif;
	font-size: 32px; font-weight: 900;
	color: var(--px-neon, #25ff5a);
	line-height: 1;
	text-shadow: 0 0 18px rgba(37,255,90,.35);
	letter-spacing: .02em;
	min-width: 80px;
	text-align: center;
}

/* Row: [-] display [+] */
.px-qty-slider__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(255,255,255,.06);
}
.px-qty-slider__btn {
	flex: 0 0 auto;
	width: 48px; height: 48px;
	padding: 0;
	margin: 0;
	border-radius: 10px;
	background: rgba(37,255,90,.10);
	border: 1px solid rgba(37,255,90,.45);
	color: var(--px-neon, #25ff5a);
	font-family: "Arial", -apple-system, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	box-sizing: border-box;
	transition: background .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease;
	box-shadow: 0 6px 18px -6px rgba(37,255,90,.4), inset 0 1px 0 rgba(255,255,255,.05);
}
.px-qty-slider__btn:hover {
	background: rgba(37,255,90,.20);
	border-color: var(--px-neon, #25ff5a);
	box-shadow: 0 10px 24px -6px rgba(37,255,90,.6);
}
.px-qty-slider__btn:active {
	transform: scale(.94);
	background: rgba(37,255,90,.30);
}
.px-qty-slider__row .px-qty-slider__display {
	flex: 1;
	font-size: 36px;
}

@media (max-width: 720px) {
	.px-qty-slider__btn { width: 52px; height: 52px; font-size: 30px; border-radius: 10px; }
	.px-qty-slider__row { gap: 12px; }
	.px-qty-slider__row .px-qty-slider__display { font-size: 32px; }
}

/* Range input — full custom styling */
.px-qty-slider__range {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	width: 100%;
	height: 8px;
	background: linear-gradient(90deg, var(--px-neon, #25ff5a) 0%, var(--px-neon, #25ff5a) var(--px-pct, 0%), rgba(255,255,255,.08) var(--px-pct, 0%), rgba(255,255,255,.08) 100%);
	border-radius: 999px;
	outline: none;
	cursor: pointer;
	transition: background .12s linear;
	margin: 8px 0;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
}
.px-qty-slider__range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 28px; height: 28px;
	border-radius: 50%;
	background: linear-gradient(180deg, #3bff75, var(--px-neon, #25ff5a) 55%, var(--px-neon-2, #00d64a));
	border: 2px solid #fff;
	box-shadow: 0 0 0 3px rgba(37,255,90,.18), 0 8px 18px rgba(0,0,0,.4), 0 0 14px rgba(37,255,90,.5);
	cursor: grab;
	transition: transform .12s ease, box-shadow .15s ease;
}
.px-qty-slider__range::-webkit-slider-thumb:hover { transform: scale(1.08); }
.px-qty-slider__range::-webkit-slider-thumb:active {
	cursor: grabbing;
	transform: scale(1.18);
	box-shadow: 0 0 0 5px rgba(37,255,90,.25), 0 12px 28px rgba(0,0,0,.5), 0 0 24px rgba(37,255,90,.7);
}
.px-qty-slider__range::-moz-range-thumb {
	width: 28px; height: 28px;
	border-radius: 50%;
	background: linear-gradient(180deg, #3bff75, var(--px-neon, #25ff5a) 55%, var(--px-neon-2, #00d64a));
	border: 2px solid #fff;
	box-shadow: 0 0 0 3px rgba(37,255,90,.18), 0 8px 18px rgba(0,0,0,.4), 0 0 14px rgba(37,255,90,.5);
	cursor: grab;
}
.px-qty-slider__scale {
	display: flex; justify-content: space-between;
	font-family: "Orbitron", sans-serif;
	font-size: 10px; letter-spacing: .15em;
	color: rgba(255,255,255,.4);
	margin-top: 6px;
}

@media (max-width: 720px) {
	.px-qty-slider { padding: 14px 16px; }
	.px-qty-slider__display { font-size: 26px; }
}
.px-buybox__qty .quantity {
	display: flex; align-items: stretch; height: 64px;
	border: 1px solid var(--px-border-hi);
	border-radius: 14px;
	overflow: hidden;
	background: rgba(0,0,0,.45);
	box-shadow: inset 0 2px 8px rgba(0,0,0,.4);
}
.px-buybox__qty button,
.px-buybox__qty .minus,
.px-buybox__qty .plus {
	background: transparent !important;
	color: #fff !important;
	border: 0 !important;
	width: 44px; height: 100%;
	font-size: 22px; font-weight: 700;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
	display: flex; align-items: center; justify-content: center;
	padding: 0 !important;
	line-height: 1;
}
.px-buybox__qty .minus:hover,
.px-buybox__qty .plus:hover { background: rgba(37,255,90,.1) !important; color: var(--px-neon) !important; }
.px-buybox__qty input.qty {
	width: 72px; height: 100%;
	background: transparent !important;
	color: #fff !important;
	border: 0 !important; border-left: 1px solid var(--px-border) !important; border-right: 1px solid var(--px-border) !important;
	border-radius: 0 !important; padding: 0 !important;
	font-size: 22px; font-weight: 800;
	text-align: center;
	font-family: "Rajdhani", sans-serif;
	font-variant-numeric: tabular-nums;
	-moz-appearance: textfield;
}
.px-buybox__qty input.qty::-webkit-outer-spin-button,
.px-buybox__qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.px-buybox__qty input.qty:focus { outline: none; }

/* CTA in action row needs to fill */
.px-buybox__action .px-btn {
	flex: 1;
	height: 64px;
	padding: 0 24px;
	font-size: 16px;
	border-radius: 14px;
}

.px-buybox__trust {
	list-style: none; padding: 0; margin: 18px 0 0;
	display: flex; flex-direction: column; gap: 8px;
	border-top: 1px dashed var(--px-border);
	padding-top: 16px;
}
.px-buybox__trust li { color: var(--px-muted); font-size: 13px; }
.px-buybox__trust a { color: var(--px-neon); text-decoration: none; }
.px-buybox__trust a:hover { text-decoration: underline; }

/* =========================================================
   Lottery plugin widgets — premium restyle (scoped to buy-box)
   ========================================================= */

/* Question + Answers container */
.px-buybox .lty-lottery-question-answer-container {
	margin: 0 0 6px;
	padding: 12px 14px;
	background: rgba(0,0,0,.35);
	border: 1px solid var(--px-border);
	border-radius: 12px;
}
.px-buybox .lty-lottery-question-answer-container h3 {
	color: var(--px-muted) !important;
	font-size: 10px !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	margin: 0 0 6px !important;
	font-weight: 700 !important;
	display: block !important;
}
.px-buybox .lty-lottery-question {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	margin: 0 0 8px !important;
	line-height: 1.3 !important;
}
.px-buybox .lty-lottery-answers {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)) !important;
	gap: 6px !important;
	flex-wrap: nowrap !important;
	justify-content: normal !important;
}
.px-buybox .lty-lottery-answers li {
	list-style: none !important;
	padding: 8px 10px !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)) !important;
	border: 1px solid var(--px-border) !important;
	color: #e8f0e8 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-align: center !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	line-height: 1.25 !important;
	flex: initial !important;
	position: relative;
	overflow: hidden;
}
.px-buybox .lty-lottery-answers li::before {
	content: '';
	position: absolute; inset: 0;
	background: linear-gradient(135deg, rgba(37,255,90,.18), rgba(37,255,90,0));
	opacity: 0;
	transition: opacity .2s ease;
	pointer-events: none;
}
.px-buybox .lty-lottery-answers li:hover {
	color: #fff !important;
	border-color: var(--px-border-hi) !important;
	background: rgba(37,255,90,.06) !important;
	transform: translateY(-2px);
}
.px-buybox .lty-lottery-answers li.lty-selected {
	color: #021809 !important;
	background: linear-gradient(180deg, #3bff75, var(--px-neon-2)) !important;
	border-color: var(--px-neon) !important;
	box-shadow: 0 10px 28px -8px rgba(37,255,90,.55), inset 0 1px 0 rgba(255,255,255,.3) !important;
	transform: translateY(-2px);
}
.px-buybox .lty-lottery-answers li.lty-selected::before { opacity: 1; }

/* Predefined bundle buttons */
.px-buybox .lty-predefined-buttons,
.px-buybox .lty-single-product-predefined-buttons {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px !important;
}
.px-buybox .lty-predefined-button {
	position: relative;
	list-style: none !important;
	padding: 22px 10px 16px !important;
	background: linear-gradient(180deg, rgba(12,22,16,.95), rgba(6,12,8,.95)) !important;
	border: 1px solid var(--px-border) !important;
	border-radius: 14px !important;
	color: #fff !important;
	font-family: "Rajdhani", sans-serif !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	text-align: center !important;
	cursor: pointer !important;
	transition: transform .15s ease, border-color .15s ease, box-shadow .2s ease, background .15s ease !important;
	overflow: visible !important;
	line-height: 1 !important;
}
.px-buybox .lty-predefined-button::after {
	content: '';
	display: block;
	width: 15px; height: 15px;
	margin: 6px auto 0;
	background: currentColor;
	-webkit-mask: url('/assets/img/icons/projectx-ticket.svg') center / contain no-repeat;
	mask: url('/assets/img/icons/projectx-ticket.svg') center / contain no-repeat;
	opacity: .5;
}
.px-buybox .lty-predefined-button:hover {
	transform: translateY(-3px) !important;
	border-color: var(--px-border-hi) !important;
	box-shadow: 0 14px 32px -12px rgba(37,255,90,.35);
}
.px-buybox .lty-predefined-button.lty-selected-button {
	background: linear-gradient(180deg, rgba(37,255,90,.22), rgba(37,255,90,.06)) !important;
	border-color: var(--px-neon) !important;
	color: #fff !important;
	box-shadow: 0 14px 36px -10px rgba(37,255,90,.5), 0 0 0 2px rgba(37,255,90,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
	transform: translateY(-3px) !important;
}
.px-buybox .lty-predefined-button.lty-selected-button::after { opacity: 1; }

/* Discount badge — as corner ribbon */
.px-buybox .lty-predefined-button-badge {
	position: absolute !important;
	top: -10px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(180deg, #ff2d55, #c6102a) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: .06em !important;
	padding: 5px 12px !important;
	border-radius: 999px !important;
	text-transform: uppercase !important;
	box-shadow: 0 6px 14px -4px rgba(255,45,85,.55), 0 0 0 2px rgba(0,0,0,.5) !important;
	white-space: nowrap !important;
	z-index: 2;
	line-height: 1.1 !important;
}

/* Generic form inputs inside buy-box */
.px-buybox input[type="text"],
.px-buybox input[type="email"],
.px-buybox select, .px-buybox textarea {
	background: #0a0f0a !important; color: #fff !important;
	border: 1px solid var(--px-border) !important;
	border-radius: 10px !important;
}
.px-buybox label:not(.skip-style) { color: #e8f0e8 !important; font-weight: 600; }

@media (max-width: 520px) {
	.px-buybox .lty-predefined-buttons { grid-template-columns: repeat(2, 1fr) !important; }
	.px-buybox__action { flex-direction: column; }
	.px-buybox__action .px-btn { width: 100%; }
}

.px-closed-notice {
	padding: 18px; border-radius: 12px; text-align: center; margin: 0; font-weight: 800;
	background: rgba(255,45,85,.12); color: #ff7585;
	border: 1px solid rgba(255,45,85,.3);
	letter-spacing: .05em; text-transform: uppercase;
}

@media (max-width: 1000px) {
	.px-showcase__grid { grid-template-columns: 1fr; }
	.px-showcase__buy { position: static; }
	.px-gallery__thumbs { grid-template-columns: repeat(4, 1fr); }
}

/* Hide PayPal "Pay in 3 interest-free payments" message under CTA */
.ppcp-messages,
.px-buybox .ppcp-messages,
.px-buybox .message__container,
.message__container.locale--GB {
	display: none !important;
}


/* =========================================================
   4. FEATURE GRID — premium cards
   ========================================================= */
.px-features { padding: 64px 0; }
.px-features--secondary { padding: 32px 0 56px; }
.px-features__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 22px;
}
.px-features__grid--2col {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 720px) {
	.px-features__grid--2col { grid-template-columns: 1fr; }
}

/* ============ Project X Package — full-width hero row ============ */
.px-package-hero { padding: 56px 0 32px; }
.px-package-hero__card {
	position: relative;
	padding: 40px 44px;
	border-radius: 24px;
	border: 1px solid rgba(37,255,90,.25);
	background:
		radial-gradient(80% 60% at 0% 0%, rgba(37,255,90,.14), transparent 60%),
		radial-gradient(60% 80% at 100% 100%, rgba(37,255,90,.08), transparent 55%),
		linear-gradient(180deg, #0e1a11, #070b08);
	box-shadow: 0 30px 80px -20px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.3) inset;
	overflow: hidden;
	isolation: isolate;
}
.px-package-hero__card::before {
	content: '';
	position: absolute; inset: 0;
	background: linear-gradient(120deg, transparent 0%, rgba(37,255,90,.06) 50%, transparent 100%);
	background-size: 300% 100%;
	animation: pxPkgFlow 8s linear infinite;
	pointer-events: none; z-index: -1;
}
@keyframes pxPkgFlow {
	0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; }
}

.px-package-hero__head {
	display: flex; align-items: flex-start; gap: 22px;
	margin-bottom: 32px;
	padding-bottom: 26px;
	border-bottom: 1px solid rgba(37,255,90,.12);
}
.px-package-hero__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 72px; height: 72px; flex: 0 0 auto;
	border-radius: 18px;
	background: rgba(37,255,90,.12);
	border: 1px solid rgba(37,255,90,.35);
	color: var(--px-neon);
	box-shadow: 0 0 30px rgba(37,255,90,.18);
}
.px-package-hero__head h2 {
	margin: 8px 0 10px;
	font-family: "Orbitron", sans-serif;
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 800;
	color: #fff;
	letter-spacing: .01em;
	line-height: 1.1;
}
.px-package-hero__lead {
	margin: 0;
	color: rgba(255,255,255,.82);
	font-size: 15px;
	line-height: 1.6;
	max-width: 780px;
}
.px-package-hero__lead strong { color: var(--px-neon); font-weight: 700; }

.px-package-hero__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}
.px-package-hero__item {
	padding: 18px 16px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,.08);
	background: rgba(255,255,255,.02);
	display: flex; flex-direction: column; gap: 8px;
	transition: border-color .2s ease, background .2s ease, transform .25s ease;
}
.px-package-hero__item:hover {
	border-color: rgba(37,255,90,.35);
	background: rgba(37,255,90,.04);
	transform: translateY(-2px);
}
.px-package-hero__item-ico {
	display: inline-flex; align-items: center; justify-content: center;
	width: 38px; height: 38px;
	border-radius: 10px;
	background: rgba(37,255,90,.10);
	border: 1px solid rgba(37,255,90,.28);
	color: var(--px-neon);
}
.px-package-hero__item strong {
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
}
.px-package-hero__item span {
	color: rgba(255,255,255,.6);
	font-size: 12px;
	line-height: 1.4;
}

@media (max-width: 960px) {
	.px-package-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	.px-package-hero { padding: 36px 0 24px; }
	.px-package-hero__card { padding: 26px 20px; border-radius: 18px; }
	.px-package-hero__head { flex-direction: column; gap: 14px; margin-bottom: 22px; padding-bottom: 18px; }
	.px-package-hero__icon { width: 56px; height: 56px; }
	.px-package-hero__head h2 { font-size: 24px; margin: 6px 0 8px; }
	.px-package-hero__lead { font-size: 14px; }
	.px-package-hero__grid { grid-template-columns: 1fr; gap: 10px; }
	.px-package-hero__item { padding: 14px; flex-direction: row; align-items: center; gap: 12px; }
	.px-package-hero__item-ico { width: 36px; height: 36px; flex: 0 0 auto; }
	.px-package-hero__item strong { font-size: 13px; }
	.px-package-hero__item > span:not(.px-package-hero__item-ico) { display: none; }
}
.px-feat {
	position: relative;
	padding: 32px 28px;
	border-radius: 20px;
	border: 1px solid var(--px-border);
	background:
		radial-gradient(80% 50% at 0% 0%, rgba(37,255,90,.08), transparent 60%),
		linear-gradient(180deg, #0c140f, #070b08);
	transition: transform .3s cubic-bezier(.2,.9,.2,1), border-color .2s ease, box-shadow .3s ease;
	display: flex; flex-direction: column; gap: 14px;
	overflow: hidden;
	isolation: isolate;
}
.px-feat::before {
	content: '';
	position: absolute; inset: 0;
	background: radial-gradient(60% 40% at 50% -10%, rgba(37,255,90,.14), transparent 60%);
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
	z-index: -1;
}
.px-feat:hover {
	transform: translateY(-4px);
	border-color: var(--px-border-hi);
	box-shadow: 0 30px 60px -20px rgba(37,255,90,.2), 0 0 0 1px rgba(37,255,90,.08);
}
.px-feat:hover::before { opacity: 1; }

/* Icon in circle — SVG, neon green */
.px-feat__icon {
	width: 56px; height: 56px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(37,255,90,.14), rgba(37,255,90,.04));
	border: 1px solid var(--px-border-hi);
	color: var(--px-neon);
	box-shadow: 0 8px 22px -8px rgba(37,255,90,.3), inset 0 1px 0 rgba(255,255,255,.05);
}
.px-feat__icon .px-ico {
	filter: drop-shadow(0 0 6px rgba(37,255,90,.45));
}

/* List icons inside Project X Package */
.px-feat__li-ico {
	display: inline-flex; align-items: center; justify-content: center;
	width: 30px; height: 30px;
	flex: 0 0 auto;
	border-radius: 8px;
	background: rgba(37,255,90,.1);
	border: 1px solid rgba(37,255,90,.22);
	color: var(--px-neon);
}
.px-feat__li-ico .px-ico { filter: drop-shadow(0 0 4px rgba(37,255,90,.35)); }

.px-feat h3 {
	margin: 0;
	font-family: "Rajdhani", sans-serif;
	font-size: 22px;
	font-weight: 800;
	color: #fff;
	letter-spacing: -.005em;
}
.px-feat p { margin: 0; color: #c8d0c8; line-height: 1.6; font-size: 14px; }
.px-feat p strong { color: var(--px-neon); font-weight: 700; }
.px-feat__muted { color: var(--px-muted) !important; font-size: 13px !important; }

.px-feat ul {
	list-style: none; margin: 4px 0 0; padding: 0;
	display: flex; flex-direction: column; gap: 10px;
}
.px-feat ul li {
	color: #e8f0e8; font-size: 14px; font-weight: 600;
	display: flex; align-items: center; gap: 12px;
	padding: 10px 14px;
	background: rgba(255,255,255,.025);
	border: 1px solid rgba(255,255,255,.05);
	border-radius: 10px;
	transition: all .15s ease;
}
.px-feat ul li:hover {
	background: rgba(37,255,90,.06);
	border-color: rgba(37,255,90,.18);
	transform: translateX(2px);
}

/* All 3 main feature icons share the brand-green tint for consistency */
.px-feat--package::before { background: radial-gradient(60% 40% at 50% -10%, rgba(37,255,90,.14), transparent 60%); }
.px-feat--draw::before    { background: radial-gradient(60% 40% at 50% -10%, rgba(37,255,90,.14), transparent 60%); }
.px-feat--postal::before  { background: radial-gradient(60% 40% at 50% -10%, rgba(37,255,90,.14), transparent 60%); }
.px-feat--instant { background: radial-gradient(80% 50% at 0% 0%, rgba(255,204,102,.1), transparent 60%), linear-gradient(180deg, #100d07, #0a0805); border-color: rgba(255,204,102,.22); }
.px-feat--instant h3 { color: var(--px-gold); }
.px-feat--instant .px-feat__icon { background: linear-gradient(180deg, rgba(255,204,102,.22), rgba(255,204,102,.06)); border-color: rgba(255,204,102,.4); color: var(--px-gold); }
.px-feat--instant .px-feat__icon .px-ico { filter: drop-shadow(0 0 8px rgba(255,204,102,.5)); }

.px-link-btn {
	background: transparent; border: 0; padding: 10px 0 0;
	color: var(--px-neon); font: inherit; cursor: pointer;
	font-weight: 800; font-size: 13px;
	letter-spacing: .08em; text-transform: uppercase;
	align-self: flex-start;
	margin-top: auto;
	transition: gap .15s ease;
	display: inline-flex; align-items: center; gap: 6px;
}
.px-link-btn:hover { gap: 10px; }


/* =========================================================
   5. TOP 10 WRAPPER
   ========================================================= */
.px-top10-wrap { padding: 32px 0 48px; }
.px-card { background: var(--px-card); border: 1px solid var(--px-border); border-radius: var(--px-radius); }
.px-card--flush { padding: 0; overflow: hidden; }


/* When Top 10 is wrapped in .px-card--flush, the outer card provides chrome */
.px-card--flush .lty-top10 { background: transparent; border: 0; box-shadow: none; border-radius: 0; }
.lty-podium__badge { display: none !important; }
.lty-barwrap { display: none !important; }


/* =========================================================
   6. TABS — premium glass card treatment
   ========================================================= */
.px-tabs-section { padding: 64px 0; position: relative; }
.px-tabs-section::before {
	content: '';
	position: absolute; top: 0; left: 10%; right: 10%; height: 1px;
	background: linear-gradient(90deg, transparent, var(--px-border-hi), transparent);
}
.px-tabs-section .px-container {
	padding: 32px;
	border-radius: 24px;
	background:
		radial-gradient(60% 80% at 50% 0%, rgba(37,255,90,.04), transparent 70%),
		linear-gradient(180deg, #0a100c, #060a08);
	border: 1px solid var(--px-border);
	box-shadow: 0 30px 80px -30px rgba(0,0,0,.9);
}

.px-tabs-nav {
	display: flex; gap: 8px;
	margin-bottom: 28px;
	padding: 6px;
	background: rgba(0,0,0,.4);
	border: 1px solid var(--px-border);
	border-radius: 14px;
	overflow-x: auto;
	scrollbar-width: none;
}
.px-tabs-nav::-webkit-scrollbar { display: none; }
.px-tab {
	flex: 1;
	background: transparent;
	border: 0;
	color: var(--px-muted);
	padding: 14px 22px;
	font-family: "Rajdhani", sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .18em;
	cursor: pointer;
	border-radius: 10px;
	transition: all .2s cubic-bezier(.2,.9,.2,1);
	white-space: nowrap;
}
.px-tab:hover { color: #fff; background: rgba(255,255,255,.04); }
.px-tab.is-active {
	color: #021809;
	background: linear-gradient(180deg, #3bff75, var(--px-neon-2));
	box-shadow: 0 10px 24px -8px rgba(37,255,90,.5), inset 0 1px 0 rgba(255,255,255,.25);
}
.px-tab-panel {
	display: none;
	color: #d1d8d1;
	line-height: 1.75;
	font-size: 15px;
	animation: pxFade .4s ease;
}
.px-tab-panel.is-active { display: block; }
.px-tab-panel p { margin: 0 0 14px; }
.px-tab-panel ul, .px-tab-panel ol { padding-left: 24px; margin: 0 0 14px; }
.px-tab-panel ul li, .px-tab-panel ol li { margin-bottom: 6px; }
.px-tab-panel h3 {
	color: #fff;
	margin: 28px 0 12px;
	font-family: "Rajdhani", sans-serif;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -.005em;
	padding-left: 14px;
	border-left: 3px solid var(--px-neon);
}
.px-tab-panel strong { color: #fff; }
.px-tab-panel a { color: var(--px-neon); text-decoration: none; border-bottom: 1px solid rgba(37,255,90,.3); }
.px-tab-panel a:hover { border-bottom-color: var(--px-neon); }

.px-rules { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; counter-reset: rules; }
.px-rules li { position: relative; padding-left: 56px; counter-increment: rules; }
.px-rules li::before {
	content: counter(rules, decimal-leading-zero);
	position: absolute; left: 0; top: 0;
	font-family: "Rajdhani", sans-serif;
	font-size: 14px; letter-spacing: .2em;
	color: var(--px-neon); font-weight: 800;
}
.px-rules li strong { color: #fff; display: block; margin-bottom: 2px; }


/* =========================================================
   7. STICKY BOTTOM CTA
   ========================================================= */
.px-sticky-cta {
	position: fixed; left: 0; right: 0; bottom: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.4), rgba(0,0,0,.96));
	backdrop-filter: blur(14px);
	border-top: 1px solid rgba(37,255,90,.3);
	z-index: 60;
	padding: 12px 0 max(12px, env(safe-area-inset-bottom));
	transform: translateY(0);
	transition: transform .3s ease;
}
.px-sticky-cta.is-hidden { transform: translateY(100%); }
.px-sticky-cta__inner {
	max-width: 1280px; margin: 0 auto; padding: 0 16px;
	display: flex; align-items: center; gap: 14px;
}
.px-sticky-cta__meta { display: flex; flex-direction: column; flex: 0 0 auto; }
.px-sticky-cta__price { font-size: 22px; color: var(--px-neon); font-weight: 800; line-height: 1.1; font-family: "Orbitron","Rajdhani", sans-serif; }
.px-sticky-cta__price .woocommerce-Price-amount { color: var(--px-neon); }
.px-sticky-cta__sub { font-size: 12px; color: var(--px-muted); margin-top: 2px; }
.px-sticky-cta__btn {
	flex: 1; max-width: 480px; margin-left: auto;
	height: 56px !important;
	padding: 0 20px !important;
	font-size: 15px !important;
}

@media (max-width: 720px) {
	.px-sticky-cta { padding: 10px 0 max(10px, env(safe-area-inset-bottom)); }
	.px-sticky-cta__inner { padding: 0 12px; gap: 10px; }
	.px-sticky-cta__meta { display: flex; }
	.px-sticky-cta__price { font-size: 18px; }
	.px-sticky-cta__sub { font-size: 11px; }
	.px-sticky-cta__btn {
		flex: 1; max-width: none;
		height: 54px !important;
		padding: 0 16px !important;
		font-size: 14px !important;
		letter-spacing: .06em !important;
	}
}


/* =========================================================
   8. MODAL (postal entry, instant win)
   ========================================================= */
.px-modal { position: fixed; inset: 0; z-index: 100; display: none; }
.px-modal.is-open { display: block; }
.px-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.78); backdrop-filter: blur(12px); animation: pxFade .25s ease; }
@keyframes pxFade { from { opacity: 0; } to { opacity: 1; } }
.px-modal__panel {
	position: relative; z-index: 1;
	max-width: 560px; margin: 8vh auto;
	padding: 32px;
	background: linear-gradient(180deg, #0e1510, #070b08);
	border: 1px solid var(--px-border-hi);
	border-radius: var(--px-radius);
	box-shadow: 0 40px 120px rgba(0,0,0,.6), 0 0 0 1px rgba(37,255,90,.1);
	animation: pxModalIn .3s cubic-bezier(.2,.9,.2,1);
}
@keyframes pxModalIn { from { transform: translateY(16px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.px-modal__close {
	position: absolute; top: 14px; right: 14px;
	background: transparent; border: 0; color: var(--px-muted);
	font-size: 28px; cursor: pointer; line-height: 1; padding: 4px 10px;
	border-radius: 8px; transition: all .15s ease;
}
.px-modal__close:hover { color: #fff; background: rgba(255,255,255,.06); }
.px-modal__panel h3 { margin: 14px 0 12px; color: #fff; font-size: 24px; font-family: "Rajdhani", sans-serif; font-weight: 800; }
.px-modal__panel p { color: #cfd6cf; line-height: 1.65; margin: 0 0 14px; }
.px-modal__steps { list-style: none; padding: 0; margin: 12px 0; display: flex; flex-direction: column; gap: 10px; counter-reset: msteps; }
.px-modal__steps li { position: relative; padding-left: 40px; color: #d1d8d1; counter-increment: msteps; line-height: 1.55; font-size: 14px; }
.px-modal__steps li::before {
	content: counter(msteps);
	position: absolute; left: 0; top: -2px;
	width: 28px; height: 28px;
	background: rgba(37,255,90,.14); color: var(--px-neon);
	border: 1px solid rgba(37,255,90,.3);
	border-radius: 8px;
	display: flex; align-items: center; justify-content: center;
	font-family: "Rajdhani", sans-serif; font-weight: 800; font-size: 14px;
}
.px-modal__steps strong { color: #fff; }
.px-modal__addr {
	display: inline-block;
	padding: 4px 10px; background: rgba(37,255,90,.06);
	border: 1px solid var(--px-border-hi); border-radius: 8px;
	font-family: "SF Mono", Menlo, monospace; font-size: 13px;
}
.px-modal__fine { color: var(--px-muted); font-size: 12px; }

/* Instant win modal (fires via JS on thank-you page) */
.px-modal--win .px-modal__panel {
	background: radial-gradient(60% 80% at 50% 0%, rgba(37,255,90,.25), transparent 60%), linear-gradient(180deg, #0e1510, #040605);
	text-align: center;
}
.px-modal--win h3 {
	font-size: 44px;
	background: linear-gradient(180deg, #fff, var(--px-neon));
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}


/* =========================================================
   9. SOCIAL PROOF TOAST
   ========================================================= */
.px-toast {
	position: fixed; left: 20px; bottom: 100px;
	display: flex; align-items: center; gap: 12px;
	padding: 12px 16px;
	background: linear-gradient(180deg, rgba(14,24,16,.97), rgba(4,10,6,.97));
	border: 1px solid var(--px-border-hi);
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(37,255,90,.08);
	backdrop-filter: blur(10px);
	max-width: 320px;
	min-width: 240px;
	transform: translateY(140%);
	opacity: 0;
	transition: transform .4s cubic-bezier(.2,.9,.2,1), opacity .4s ease;
	z-index: 55;
	pointer-events: none;
}
.px-toast.is-open { transform: translateY(0); opacity: 1; }
.px-toast__icon { font-size: 22px; flex: 0 0 auto; }
.px-toast__body { display: flex; flex-direction: column; min-width: 0; }
.px-toast__name { color: #fff; font-size: 13px; font-weight: 700; }
.px-toast__detail { color: var(--px-muted); font-size: 12px; }
@media (max-width: 720px) {
	.px-toast { left: 12px; right: 12px; bottom: 90px; max-width: none; }
}

/* ============================================================
   ProjectX — Mobile tweaks for the single-competition hero
   Optimization pass. Phones only (<= 720px). Later in source
   order so these win over earlier mobile rules.
   ============================================================ */
@media (max-width: 720px) {

	/* 1) Reduce the gap between the site header and the breadcrumbs */
	.px-phero        { padding-top: 14px !important; }
	.px-phero__crumbs { margin-bottom: 6px !important; }

	/* 2) Hide the LIVE / COMING SOON badge on mobile */
	.px-phero__live  { display: none !important; }

	/* 3) Keep the title, but tighten the vertical spacing around it */
	.px-phero__title { margin-top: 0 !important; margin-bottom: 6px !important; }
	.px-phero__value { margin-top: 4px !important; margin-bottom: 8px !important; }

	/* 4) Bring the prize gallery (showcase) up, right under the hero.
	      px-product becomes a flex column; only phero + showcase get an
	      explicit order, everything else stays in normal DOM order. */
	#px-product  { display: flex; flex-direction: column; }
	.px-phero    { order: -2; }
	.px-showcase { order: -1; }

	/* 5) Hide the hero countdown on mobile (draw timer is left intact) */
	.px-phero__countdown { display: none !important; }
}

/* ============================================================
   Top 10 / Top 3 — FROZEN state (locked at 80% sold)
   ============================================================ */
.lty-top10__frozen {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #ffd34d;
	background: rgba(255, 179, 0, .12);
	border: 1px solid rgba(255, 179, 0, .45);
	padding: 4px 10px;
	border-radius: 999px;
	white-space: nowrap;
}
.lty-top10__frozen-note {
	margin: 8px 0 12px;
	padding: 8px 12px;
	font-size: 13px;
	line-height: 1.4;
	color: #ffe08a;
	background: rgba(255, 179, 0, .08);
	border-left: 3px solid #ffb300;
	border-radius: 6px;
}
.lty-top10__frozen-note strong { color: #fff; }
.lty-top10__lock-rule {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 9px 14px;
	font-size: 11px;
	line-height: 1.4;
	color: rgba(255, 255, 255, .68);
	background: linear-gradient(90deg, rgba(255, 179, 0, .09), rgba(37, 255, 90, .035));
	border-bottom: 1px solid rgba(255, 179, 0, .18);
}
.lty-top10__lock-rule > span:first-child {
	flex: none;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(255, 211, 77, .35);
	border-radius: 50%;
	background: rgba(255, 179, 0, .08);
	font-size: 11px;
}
.lty-top10__lock-rule strong {
	display: inline;
	margin-right: 4px;
	color: #ffd34d;
	font-size: 9px;
	letter-spacing: .08em;
	white-space: nowrap;
}
@media (max-width: 720px) {
	.lty-top10__lock-rule {
		gap: 6px;
		padding: 7px 9px;
		font-size: 9px;
		line-height: 1.35;
	}
	.lty-top10__lock-rule > span:first-child {
		width: 20px;
		height: 20px;
		font-size: 9px;
	}
	.lty-top10__lock-rule strong { font-size: 7px; }
}
/* Subtle "locked" tint on the frozen leaderboard container */
.lty-top10.is-frozen { position: relative; }
.lty-top10.is-frozen .lty-top10__title::after {
	content: " 🔒";
	font-size: .85em;
}

/* Live draw CTA (YouTube red) shown in the hero before the draw */
.px-btn--yt {
	background: #ff0000;
	color: #fff;
	border: 1px solid #ff0000;
	box-shadow: 0 10px 26px -10px rgba(255,0,0,.6);
}
.px-btn--yt:hover {
	background: #e60000;
	border-color: #e60000;
	color: #fff;
	transform: translateY(-1px);
}


/* ---- Skill question (multiple choice) ---- */
.px-qa{ margin:6px 0 4px; }
.px-qa__q{ display:flex; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.px-qa__badge{ background:rgba(37,255,90,.14); color:#25ff5a; border:1px solid rgba(37,255,90,.4); font-family:"Rajdhani",sans-serif; font-weight:800; font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:4px 10px; border-radius:999px; }
.px-qa__text{ font-family:"Rajdhani",sans-serif; font-weight:700; font-size:16px; color:#fff; }
.px-qa__options{ display:grid; grid-template-columns:1fr; gap:9px; }
.px-qa__option{ cursor:pointer; }
.px-qa__option input{ position:absolute; opacity:0; pointer-events:none; }
.px-qa__option-box{ display:flex; align-items:center; gap:10px; padding:13px 16px; background:linear-gradient(180deg,rgba(12,22,16,.9),rgba(6,12,8,.9)); border:1px solid var(--px-border,rgba(255,255,255,.1)); border-radius:12px; color:#e8f0e8; font-family:"Rajdhani",sans-serif; font-weight:700; font-size:15.5px; transition:all .15s ease; }
.px-qa__option-box::before{ content:''; width:18px; height:18px; border-radius:50%; border:2px solid rgba(255,255,255,.3); flex:0 0 auto; transition:all .15s ease; }
.px-qa__option:hover .px-qa__option-box{ border-color:rgba(37,255,90,.5); }
.px-qa__option input:checked + .px-qa__option-box{ border-color:#25ff5a; background:linear-gradient(180deg,rgba(37,255,90,.18),rgba(37,255,90,.05)); box-shadow:0 8px 24px -10px rgba(37,255,90,.5); }
.px-qa__option input:checked + .px-qa__option-box::before{ border-color:#25ff5a; background:radial-gradient(circle,#25ff5a 40%,transparent 45%); }
.px-qa__option input:focus-visible + .px-qa__option-box{ outline:2px solid #25ff5a; outline-offset:2px; }

/* ---- Secure payment line ---- */
.px-buybox__secure{ display:flex; align-items:center; justify-content:center; gap:7px; margin:12px 0 0; color:rgba(255,255,255,.5); font-family:"Rajdhani",sans-serif; font-weight:600; font-size:13px; text-align:center; }
.px-buybox__secure svg{ color:#25ff5a; flex:0 0 auto; }

/* Sale price — strike-through the old regular price */
.px-stat__was{ color:rgba(255,255,255,.4); text-decoration:line-through; font-weight:600; font-size:.7em; margin-right:4px; }

/* ---- Milestone drops (FOMO) ---- */
.px-drop{ margin:16px 0 4px; padding:14px 16px; background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(37,255,90,.06)); border:1px solid rgba(212,175,55,.35); border-radius:14px; }
.px-drop__head{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.px-drop__pill{ background:linear-gradient(135deg,#f5d97a,#d4af37); color:#04150b; font-family:"Rajdhani",sans-serif; font-weight:800; font-size:12.5px; letter-spacing:.04em; padding:5px 12px; border-radius:999px; white-space:nowrap; animation:px-drop-pulse 2s ease-in-out infinite; }
@keyframes px-drop-pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(212,175,55,.5);} 50%{ box-shadow:0 0 0 7px rgba(212,175,55,0);} }
.px-drop__label{ font-family:"Rajdhani",sans-serif; font-weight:700; font-size:14.5px; color:#fff; }
.px-drop__bar{ height:8px; background:rgba(255,255,255,.08); border-radius:999px; overflow:hidden; margin-bottom:8px; }
.px-drop__bar progress{ appearance:none; -webkit-appearance:none; display:block; width:100%; height:100%; border:0; background:transparent; border-radius:999px; }
.px-drop__bar progress::-webkit-progress-bar{ background:transparent; }
.px-drop__bar progress::-webkit-progress-value{ background:linear-gradient(90deg,#d4af37,#f5d97a); border-radius:999px; transition:width .6s ease; }
.px-drop__bar progress::-moz-progress-bar{ background:linear-gradient(90deg,#d4af37,#f5d97a); border-radius:999px; }
.px-drop__meta{ display:flex; justify-content:space-between; gap:10px; font-family:"Rajdhani",sans-serif; font-size:13px; color:rgba(255,255,255,.6); flex-wrap:wrap; }
.px-drop__meta strong{ color:#f5d97a; }
.px-drop__hint{ color:rgba(255,255,255,.4); }

.px-drops-feed{ margin:10px 0 0; display:flex; flex-direction:column; gap:6px; }
.px-drops-feed__item{ display:flex; align-items:center; gap:10px; padding:8px 12px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:10px; font-family:"Rajdhani",sans-serif; font-size:13.5px; color:rgba(255,255,255,.75); }
.px-drops-feed__pct{ background:rgba(37,255,90,.14); color:#25ff5a; font-weight:800; font-size:12px; padding:3px 9px; border-radius:999px; flex:0 0 auto; }
.px-drops-feed__text strong{ color:#fff; }

/* ---- FOMO upgrades: shimmer, almost-there, live tick, celebration ---- */
.px-drop__bar{ position:relative; }
.px-drop__bar progress{ position:relative; overflow:hidden; }
@keyframes px-shimmer{ 0%{ transform:translateX(-100%);} 100%{ transform:translateX(100%);} }
.px-drop__live-dot{ display:inline-block; width:7px; height:7px; border-radius:50%; background:#25ff5a; margin-left:5px; vertical-align:middle; animation:px-live-blink 1.1s ease-in-out infinite; }
@keyframes px-live-blink{ 0%,100%{ opacity:1;} 50%{ opacity:.25;} }
.px-drop.is-ticking{ animation:px-drop-tick .5s ease; }
@keyframes px-drop-tick{ 0%{ transform:scale(1);} 40%{ transform:scale(1.025); box-shadow:0 0 34px rgba(212,175,55,.5);} 100%{ transform:scale(1);} }
.px-drop.is-almost{ border-color:#ff2d55; background:linear-gradient(135deg,rgba(255,45,85,.14),rgba(212,175,55,.1)); animation:px-almost-throb 1s ease-in-out infinite; }
@keyframes px-almost-throb{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,45,85,.45);} 50%{ box-shadow:0 0 26px 4px rgba(255,45,85,.25);} }
.px-drop__almost{ margin-top:10px; text-align:center; font-family:"Rajdhani",sans-serif; font-weight:800; letter-spacing:.05em; color:#ff8b95; font-size:14px; animation:px-live-blink .8s ease-in-out infinite; }
.px-drops-feed__item--new{ animation:px-feed-in .6s cubic-bezier(.2,1.4,.4,1); border-color:rgba(212,175,55,.5); }
@keyframes px-feed-in{ 0%{ transform:translateY(-14px) scale(.95); opacity:0;} 100%{ transform:translateY(0) scale(1); opacity:1;} }

/* ---- Full-width hero reward track ---- */
.px-reward-track{
	--px-track-gold:#f5c756;
	--px-track-green:#39ff8b;
	position:relative;isolation:isolate;grid-column:1/-1;min-width:0;
	margin-top:4px;padding:22px 22px 16px;
	border:1px solid rgba(220,180,74,.36);border-radius:24px;
	background:
		radial-gradient(52% 125% at 50% 110%,rgba(57,255,139,.11),transparent 68%),
		radial-gradient(38% 90% at 88% 0,rgba(245,199,86,.11),transparent 72%),
		linear-gradient(180deg,rgba(5,10,7,.94),rgba(2,5,3,.96));
	box-shadow:0 28px 80px -38px rgba(0,0,0,.95),0 0 52px -38px rgba(57,255,139,.6),inset 0 1px rgba(255,255,255,.05)
}
.px-reward-track::before{
	content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:.28;
	background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
	background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 90%)
}
.px-reward-track__glow{
	position:absolute;z-index:-1;left:12%;right:12%;bottom:38px;height:50px;border-radius:50%;
	background:rgba(57,255,139,.2);filter:blur(34px);pointer-events:none
}
.px-reward-track__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}
.px-reward-track__intro{min-width:0}
.px-reward-track__eyebrow{
	display:inline-flex;align-items:center;gap:7px;color:var(--px-track-green);
	font:800 10px/1 "Orbitron",sans-serif;letter-spacing:.2em;text-transform:uppercase
}
.px-reward-track__eyebrow i{
	width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 13px currentColor;
	animation:px-live-blink 1.3s ease-in-out infinite
}
.px-reward-track__title{
	display:flex;align-items:center;gap:2px;margin:7px 0 5px;color:#fff;
	font:900 clamp(21px,2.7vw,31px)/1 "Orbitron",sans-serif;letter-spacing:.05em;
	text-shadow:0 0 24px rgba(57,255,139,.18)
}
.px-reward-track__title .px-infopoint{transform:translateY(-1px)}
.px-reward-track__intro>p{
	margin:0;color:rgba(255,255,255,.58);font:600 13.5px/1.4 "Rajdhani",sans-serif
}
.px-reward-track__selected{
	display:flex;align-items:center;gap:13px;width:min(430px,43%);min-width:310px;padding:12px 15px;
	border:1px solid rgba(245,199,86,.35);border-radius:15px;
	background:linear-gradient(135deg,rgba(245,199,86,.12),rgba(57,255,139,.055));
	box-shadow:0 16px 34px -24px rgba(245,199,86,.8),inset 0 1px rgba(255,255,255,.04)
}
.px-reward-track__selected-pct{
	flex:0 0 auto;color:#1a1102;background:linear-gradient(180deg,#fff0ad,#d79b28);
	border-radius:11px;padding:9px 10px;min-width:60px;text-align:center;
	font:900 16px/1 "Orbitron",sans-serif;box-shadow:0 0 24px -9px var(--px-track-gold)
}
.px-reward-track__selected-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.px-reward-track__selected-copy em{
	color:var(--px-track-gold);font:800 9px/1 "Orbitron",sans-serif;
	font-style:normal;letter-spacing:.15em;text-transform:uppercase
}
.px-reward-track__selected-copy strong{
	overflow:hidden;color:#fff;font:800 13.5px/1.25 "Rajdhani",sans-serif;
	white-space:nowrap;text-overflow:ellipsis
}
.px-reward-track__progress-meta{
	display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 6px;
	color:rgba(255,255,255,.5);font:700 12px/1.2 "Rajdhani",sans-serif
}
.px-reward-track__progress-meta>span:first-child strong{
	color:var(--px-track-green);font:900 15px/1 "Orbitron",sans-serif
}
.px-reward-track__next strong{color:var(--px-track-gold)}
.px-reward-track__next b{margin:0 5px;color:rgba(255,255,255,.22)}
.px-reward-track__viewport{
	position:relative;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:0 2px;
	scrollbar-width:thin;scrollbar-color:rgba(57,255,139,.35) rgba(255,255,255,.04);
	-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain
}
.px-reward-track__viewport:focus-visible{outline:2px solid var(--px-track-green);outline-offset:4px;border-radius:10px}
.px-reward-track__canvas{position:relative;width:100%;min-width:980px;height:150px}
.px-reward-track__bar{
	position:absolute;left:0;right:0;top:43px;height:9px;border-radius:999px;
	background:rgba(255,255,255,.09);box-shadow:inset 0 1px 4px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.025)
}
.px-reward-track__fill{
	position:relative;display:block;overflow:hidden;width:0;height:100%;max-width:100%;border-radius:inherit;
	background:linear-gradient(90deg,#0dbb58,#39ff8b 68%,#f5c756);
	box-shadow:0 0 20px rgba(57,255,139,.58);transition:width .75s cubic-bezier(.2,.8,.2,1)
}
.px-reward-track__fill::after{
	content:"";position:absolute;inset:0;width:45%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
	transform:translateX(-120%);animation:px-reward-shine 2.8s ease-in-out infinite
}
@keyframes px-reward-shine{0%,42%{transform:translateX(-120%)}78%,100%{transform:translateX(330%)}}
.px-reward-track__current{
	position:absolute;top:50%;z-index:5;width:15px;height:15px;border:2px solid #d8ffe8;border-radius:50%;
	background:var(--px-track-green);box-shadow:0 0 0 5px rgba(57,255,139,.13),0 0 22px rgba(57,255,139,.9);
	transform:translate(-50%,-50%);transition:left .75s cubic-bezier(.2,.8,.2,1)
}
.px-reward-track__current>b{
	position:absolute;left:50%;bottom:19px;transform:translateX(-50%);padding:4px 7px;border-radius:7px;
	color:#031208;background:var(--px-track-green);font:900 9px/1 "Orbitron",sans-serif;white-space:nowrap
}
.px-reward-track__current>b::after{
	content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);
	border:4px solid transparent;border-top-color:var(--px-track-green)
}
.px-reward-track__step{
	position:absolute;left:0;top:23px;z-index:4;display:flex;width:116px;padding:0;
	flex-direction:column;align-items:center;gap:4px;transform:translateX(-50%);
	border:0;background:transparent;color:rgba(255,255,255,.42);text-align:center;cursor:pointer
}
.px-reward-track__node{
	display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin-bottom:3px;
	border:2px solid rgba(255,255,255,.22);border-radius:13px;background:#080d0a;
	box-shadow:0 8px 18px -12px #000;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s
}
.px-reward-track__node>b{font:900 14px/1 "Orbitron",sans-serif}
.px-reward-track__pct{color:rgba(255,255,255,.78);font:900 12px/1 "Orbitron",sans-serif}
.px-reward-track__label{
	display:-webkit-box;overflow:hidden;min-height:27px;color:rgba(255,255,255,.64);
	font:700 11.5px/1.18 "Rajdhani",sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:2
}
.px-reward-track__step>small{
	color:rgba(255,255,255,.34);font:800 8px/1 "Orbitron",sans-serif;letter-spacing:.07em;text-transform:uppercase
}
.px-reward-track__step:hover .px-reward-track__node,
.px-reward-track__step:focus-visible .px-reward-track__node,
.px-reward-track__step.is-selected .px-reward-track__node{
	transform:translateY(-4px) scale(1.07);border-color:currentColor;box-shadow:0 0 25px -5px currentColor
}
.px-reward-track__step:focus-visible{outline:0}
.px-reward-track__step.is-done{color:var(--px-track-green)}
.px-reward-track__step.is-done .px-reward-track__node{
	color:#04140a;border-color:var(--px-track-green);background:var(--px-track-green);box-shadow:0 0 18px -5px var(--px-track-green)
}
.px-reward-track__step.is-done .px-reward-track__pct{color:var(--px-track-green)}
.px-reward-track__step.is-next{z-index:6;color:var(--px-track-gold)}
.px-reward-track__step.is-next .px-reward-track__node{
	color:#1b1101;border-color:var(--px-track-gold);
	background:linear-gradient(180deg,#ffeaa0,#d99d2a);
	box-shadow:0 0 0 6px rgba(245,199,86,.12),0 0 28px rgba(245,199,86,.52);
	animation:px-reward-next 1.8s ease-in-out infinite
}
.px-reward-track__step.is-next .px-reward-track__pct,
.px-reward-track__step.is-next>small{color:var(--px-track-gold)}
@keyframes px-reward-next{
	0%,100%{transform:translateY(-2px) scale(1);box-shadow:0 0 0 5px rgba(245,199,86,.1),0 0 22px rgba(245,199,86,.38)}
	50%{transform:translateY(-5px) scale(1.08);box-shadow:0 0 0 9px rgba(245,199,86,0),0 0 34px rgba(245,199,86,.72)}
}
.px-reward-track__footer{
	display:flex;justify-content:space-between;gap:18px;margin-top:-3px;color:rgba(255,255,255,.34);
	font:600 11px/1.3 "Rajdhani",sans-serif
}
.px-reward-track__feed{margin-top:10px}
.px-reward-track__feed:empty{display:none}

/* Latest awarded bonuses — live, type-coded reward cards */
.px-reward-live{
	position:relative;margin-top:16px;padding-top:15px;
	border-top:1px solid rgba(255,255,255,.08)
}
.px-reward-live__head{
	display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px
}
.px-reward-live__heading{display:flex;align-items:center;gap:10px;min-width:0}
.px-reward-live__heading>span{display:flex;min-width:0;flex-direction:column;gap:3px}
.px-reward-live__heading em{
	color:rgba(255,255,255,.42);font:800 8px/1 "Orbitron",sans-serif;
	font-style:normal;letter-spacing:.18em;text-transform:uppercase
}
.px-reward-live__heading strong{
	color:#fff;font:900 14px/1.15 "Orbitron",sans-serif;letter-spacing:.1em
}
.px-reward-live__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.px-reward-live__bolt{
	display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;
	border:1px solid rgba(245,199,86,.48);border-radius:10px;
	background:linear-gradient(145deg,rgba(245,199,86,.18),rgba(245,199,86,.04));
	color:#f5c756;font:900 21px/1 "Orbitron",sans-serif;
	box-shadow:0 0 22px -10px rgba(245,199,86,.85)
}
.px-reward-live__status{
	display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;
	border:1px solid rgba(57,255,139,.25);border-radius:999px;background:rgba(57,255,139,.07);
	color:#39ff8b;font:900 8px/1 "Orbitron",sans-serif;letter-spacing:.16em
}
.px-reward-live__status i{
	width:6px;height:6px;border-radius:50%;background:#39ff8b;box-shadow:0 0 10px #39ff8b;
	animation:px-reward-live-pulse 1.7s ease-in-out infinite
}
.px-reward-live__nav{display:inline-flex;align-items:center;gap:5px}
.px-reward-live__nav button{
	display:grid;width:27px;height:27px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);
	border-radius:9px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.8);
	font:800 20px/1 "Rajdhani",sans-serif;cursor:pointer;transition:border-color .2s,background .2s,color .2s,opacity .2s
}
.px-reward-live__nav button:hover,.px-reward-live__nav button:focus-visible{
	border-color:rgba(57,255,139,.48);background:rgba(57,255,139,.09);color:#39ff8b;outline:none
}
.px-reward-live__nav button:disabled{opacity:.25;cursor:default}
@keyframes px-reward-live-pulse{50%{opacity:.35;transform:scale(.72)}}
.px-reward-live__viewport{
	max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
	scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.px-reward-live__viewport::-webkit-scrollbar{display:none}
.px-reward-live__viewport:focus-visible{outline:1px solid rgba(57,255,139,.42);outline-offset:5px;border-radius:12px}
.px-reward-live__rail{
	display:flex;width:max-content;min-width:100%;gap:9px
}
.px-reward-live__card{
	--px-reward-accent:#f5c756;
	position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);
	align-items:center;gap:9px;min-width:0;overflow:hidden;padding:10px 11px;
	flex:0 0 clamp(190px,13.5vw,220px);width:clamp(190px,13.5vw,220px);scroll-snap-align:start;
	border:1px solid color-mix(in srgb,var(--px-reward-accent) 28%,transparent);
	border-radius:14px;background:
		radial-gradient(100% 130% at 0 0,color-mix(in srgb,var(--px-reward-accent) 12%,transparent),transparent 64%),
		linear-gradient(155deg,rgba(12,18,14,.96),rgba(4,8,6,.97));
	box-shadow:0 14px 34px -28px #000,inset 0 1px rgba(255,255,255,.045);
	transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.px-reward-live__card::before{
	content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:0;height:1px;
	background:linear-gradient(90deg,transparent,var(--px-reward-accent),transparent);
	box-shadow:0 0 13px var(--px-reward-accent)
}
.px-reward-live__card::after{
	content:"";position:absolute;top:-50%;bottom:-50%;left:-30%;width:22%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
	transform:rotate(16deg) translateX(-250%);transition:transform .75s ease
}
.px-reward-live__card:hover{
	transform:translateY(-3px);border-color:color-mix(in srgb,var(--px-reward-accent) 55%,transparent);
	box-shadow:0 20px 38px -28px #000,0 0 24px -20px var(--px-reward-accent)
}
.px-reward-live__card:hover::after{transform:rotate(16deg) translateX(650%)}
.px-reward-live__card--bonus-tickets{--px-reward-accent:#39ff8b}
.px-reward-live__card--x2{--px-reward-accent:#55d8ff}
.px-reward-live__card--cash{--px-reward-accent:#f5c756}
.px-reward-live__card--coupon{--px-reward-accent:#b783ff}
.px-reward-live__card--mystery-box{--px-reward-accent:#ff7fd1}
.px-reward-live__icon{
	display:grid;width:39px;height:39px;place-items:center;flex:0 0 auto;
	border:1px solid color-mix(in srgb,var(--px-reward-accent) 60%,transparent);
	border-radius:12px;background:color-mix(in srgb,var(--px-reward-accent) 11%,transparent);
	color:var(--px-reward-accent);font:900 17px/1 "Orbitron",sans-serif;
	box-shadow:0 0 20px -12px var(--px-reward-accent)
}
.px-reward-live__copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.px-reward-live__copy>strong{
	overflow:hidden;color:#fff;font:800 11px/1.2 "Orbitron",sans-serif;
	white-space:nowrap;text-overflow:ellipsis
}
.px-reward-live__winner{
	overflow:hidden;color:rgba(255,255,255,.56);font:600 10.5px/1.15 "Rajdhani",sans-serif;
	white-space:nowrap;text-overflow:ellipsis
}
.px-reward-live__winner b{color:var(--px-reward-accent);font-weight:800}
.px-reward-live__ticket{align-self:flex-start;padding:1.5px 4px;border:1px solid color-mix(in srgb,var(--px-reward-accent) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--px-reward-accent) 4%,transparent);color:color-mix(in srgb,var(--px-reward-accent) 62%,rgba(255,255,255,.5));font:800 6px/1 "Orbitron",sans-serif;letter-spacing:.025em;white-space:nowrap}
.px-reward-live__meta{display:flex;align-items:center;justify-content:space-between;gap:6px}
.px-reward-live__meta b{
	color:var(--px-reward-accent);font:900 8px/1 "Orbitron",sans-serif;
	letter-spacing:.06em;text-transform:uppercase
}
.px-reward-live__meta time{
	color:rgba(255,255,255,.32);font:700 9px/1 "Rajdhani",sans-serif;white-space:nowrap
}
.px-reward-live__empty{
	flex:1 0 calc(100% - 2px);display:flex;align-items:center;justify-content:center;gap:9px;
	min-height:60px;padding:12px;border:1px dashed rgba(255,255,255,.11);border-radius:14px;
	background:rgba(255,255,255,.018);color:rgba(255,255,255,.46)
}
.px-reward-live__empty>span{color:#f5c756;font-size:19px}
.px-reward-live__empty strong{color:rgba(255,255,255,.68);font-size:12px}
.px-reward-live__empty small{font-size:11px}
.px-reward-live__card--new{animation:px-reward-card-in .68s cubic-bezier(.2,1.35,.35,1)}
@keyframes px-reward-card-in{
	0%{opacity:0;transform:translateY(-12px) scale(.94);filter:brightness(1.8)}
	100%{opacity:1;transform:none;filter:brightness(1)}
}
.px-reward-track.is-ticking{animation:px-reward-tick .55s ease}
@keyframes px-reward-tick{45%{box-shadow:0 0 0 1px rgba(57,255,139,.28),0 0 55px rgba(57,255,139,.24)}}
.px-reward-track.is-almost{border-color:rgba(255,77,98,.7)}
.px-reward-track.is-complete .px-reward-track__selected{border-color:rgba(57,255,139,.42);background:rgba(57,255,139,.09)}

@media (max-width:760px){
	.px-reward-track{margin:2px 0 0;padding:18px 12px 13px;border-radius:20px}
	.px-reward-track__header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:12px}
	.px-reward-track__title{font-size:22px}
	.px-reward-track__intro>p{font-size:12.5px}
	.px-reward-track__selected{width:100%;min-width:0;padding:10px 12px}
	.px-reward-track__selected-pct{min-width:55px;padding:8px;font-size:14px}
	.px-reward-track__selected-copy strong{font-size:13px}
	.px-reward-track__progress-meta{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:5px}
	.px-reward-track__viewport{margin:0 -12px;padding:0 12px}
	.px-reward-track__canvas{width:1060px;min-width:1060px;height:143px}
	.px-reward-track__step{width:112px}
	.px-reward-track__label{font-size:11px}
	.px-reward-track__footer{margin-top:0;justify-content:center;text-align:center}
	.px-reward-track__footer span:last-child{display:none}
	.px-reward-track__feed{margin-top:9px}
	.px-reward-track__feed .px-drops-feed__item{font-size:12px}
	.px-reward-live{margin-top:13px;padding-top:13px}
	.px-reward-live__head{margin-bottom:9px}
	.px-reward-live__heading strong{font-size:12px}
	.px-reward-live__bolt{width:31px;height:31px;font-size:18px}
	.px-reward-live__actions{gap:5px}
	.px-reward-live__status{padding:6px 8px}
	.px-reward-live__nav{gap:4px}
	.px-reward-live__nav button{width:25px;height:25px;border-radius:8px;font-size:18px}
	.px-reward-live__viewport{margin:0 -12px;padding:0 12px;scroll-snap-type:x mandatory}
	.px-reward-live__rail{gap:8px}
	.px-reward-live__card{flex-basis:min(78vw,290px);width:min(78vw,290px);min-height:70px}
	.px-reward-live__empty{width:calc(100vw - 48px);justify-content:flex-start}
	.px-reward-live__empty small{display:none}
}

/* Prize Drop celebration: quicker than a Mega reveal, but still a complete
   premium reveal. The awarded prize already exists before this UI opens. */
.px-dropcele{--px-drop-accent:#f5c94c;position:fixed;inset:0;z-index:380;display:none;align-items:center;justify-content:center;padding:18px}
.px-dropcele.is-on{display:flex}
.px-dropcele[data-reveal-type="x2"]{--px-drop-accent:#45dbff}.px-dropcele[data-reveal-type="cash"]{--px-drop-accent:#ffd058}.px-dropcele[data-reveal-type="coupon"]{--px-drop-accent:#70ff48}.px-dropcele[data-reveal-type="bonus"]{--px-drop-accent:#ffbe42}.px-dropcele[data-reveal-type="special"]{--px-drop-accent:#ff67dc}
.px-dropcele__scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--px-drop-accent) 17%,transparent),transparent 38%),rgba(0,2,1,.94);backdrop-filter:blur(10px)}
.px-dropcele__card{position:relative;z-index:2;width:min(94vw,620px);min-height:510px;overflow:hidden;border:1px solid color-mix(in srgb,var(--px-drop-accent) 48%,transparent);border-radius:26px;background:radial-gradient(circle at 50% 33%,color-mix(in srgb,var(--px-drop-accent) 11%,transparent),transparent 38%),linear-gradient(155deg,#0b110c,#030504 72%);box-shadow:0 30px 90px rgba(0,0,0,.82),0 0 95px color-mix(in srgb,var(--px-drop-accent) 18%,transparent),inset 0 0 55px rgba(255,255,255,.025);outline:none;text-align:center;animation:px-prize-pop2 .55s cubic-bezier(.14,1.25,.25,1)}
.px-dropcele__card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle,#000,transparent 74%);pointer-events:none}
@keyframes px-prize-pop2{0%{transform:scale(.7) translateY(40px);opacity:0;filter:blur(8px)}100%{transform:none;opacity:1;filter:none}}
.px-dropcele__eyebrow{position:absolute;z-index:5;top:24px;left:50%;color:var(--px-drop-accent);font:900 10px/1 "Orbitron",sans-serif;letter-spacing:.24em;transform:translateX(-50%);white-space:nowrap;text-shadow:0 0 14px color-mix(in srgb,var(--px-drop-accent) 55%,transparent)}
.px-dropcele__stage{position:absolute;z-index:3;inset:58px 24px 38px;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:opacity .35s,transform .45s}
.px-dropcele__orb{position:relative;display:grid;width:126px;height:126px;place-content:center;margin-bottom:25px;border:1px solid color-mix(in srgb,var(--px-drop-accent) 65%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--px-drop-accent) 27%,#071009),#050806 70%);box-shadow:0 0 34px color-mix(in srgb,var(--px-drop-accent) 35%,transparent),inset 0 0 22px color-mix(in srgb,var(--px-drop-accent) 18%,transparent);animation:px-drop-orb 1.25s ease-in-out infinite alternate}
.px-dropcele__orb:before{content:"";position:absolute;width:144px;height:144px;margin:-10px;border:1px dashed color-mix(in srgb,var(--px-drop-accent) 45%,transparent);border-radius:50%;animation:px-drop-orbit 7s linear infinite}.px-dropcele__orb small{color:rgba(255,255,255,.52);font:900 8px/1 "Orbitron",sans-serif;letter-spacing:.22em}.px-dropcele__orb b{margin-top:7px;color:#fff;font:900 29px/1 "Orbitron",sans-serif;text-shadow:0 0 18px var(--px-drop-accent)}
.px-dropcele__reel{width:min(540px,calc(100vw - 68px))}.px-dropcele__skip{margin-top:5px;border:0;background:transparent;color:rgba(255,255,255,.48);font:700 12px/1 "Rajdhani",sans-serif;text-decoration:underline;cursor:pointer}
.px-dropcele__result{position:absolute;z-index:4;inset:55px 38px 28px;display:flex;align-items:center;flex-direction:column;justify-content:center;opacity:0;transform:translateY(25px) scale(.91);pointer-events:none}.px-dropcele.is-revealed .px-dropcele__stage{opacity:0;transform:translateY(-24px) scale(.95);pointer-events:none}.px-dropcele.is-revealed .px-dropcele__result{opacity:1;transform:none;pointer-events:auto;transition:opacity .45s .08s,transform .6s .08s cubic-bezier(.12,1.35,.25,1)}
.px-dropcele__result-icon{display:grid;width:72px;height:72px;place-items:center;margin-bottom:18px;border:1px solid var(--px-drop-accent);border-radius:20px;background:color-mix(in srgb,var(--px-drop-accent) 12%,#050705);color:var(--px-drop-accent);font:900 31px/1 "Orbitron",sans-serif;box-shadow:0 0 35px color-mix(in srgb,var(--px-drop-accent) 28%,transparent)}.px-dropcele__result>small{color:var(--px-drop-accent);font:900 9px/1 "Orbitron",sans-serif;letter-spacing:.2em}.px-dropcele__label{max-width:500px;margin:15px 0;color:#fff;font:900 clamp(24px,5vw,37px)/1.08 "Orbitron",sans-serif;text-transform:uppercase;text-shadow:0 0 30px color-mix(in srgb,var(--px-drop-accent) 45%,transparent)}.px-dropcele__winner{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#fff;font:800 18px/1.2 "Rajdhani",sans-serif}.px-dropcele__winner small{color:rgba(255,255,255,.43);font:900 8px/1 "Orbitron",sans-serif;letter-spacing:.15em}.px-dropcele__winner b{color:var(--px-drop-accent)}.px-dropcele__hint{margin-bottom:20px;color:rgba(255,255,255,.56);font:600 14px/1.4 "Rajdhani",sans-serif}
.px-dropcele__ticket{margin:-7px 0 15px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--px-drop-accent) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--px-drop-accent) 5%,transparent);color:rgba(255,255,255,.48);font:800 7px/1 "Orbitron",sans-serif;letter-spacing:.04em}.px-dropcele__ticket b{color:color-mix(in srgb,var(--px-drop-accent) 72%,rgba(255,255,255,.55))}
.px-dropcele__flash{position:absolute;z-index:7;inset:0;background:radial-gradient(circle,#fff,#fff7bf 10%,color-mix(in srgb,var(--px-drop-accent) 72%,transparent) 26%,transparent 63%);opacity:0;pointer-events:none}.px-dropcele.is-revealed .px-dropcele__flash{animation:px-drop-flash .65s ease-out both}
.px-dropcele__confetti{position:absolute;z-index:6;inset:0;overflow:hidden;pointer-events:none}.px-dropcele__confetti i{--x:50vw;--dx:0px;--rot:520deg;position:absolute;left:var(--x);top:40%;width:9px;height:16px;border-radius:2px;background:var(--px-drop-accent);opacity:0}.px-dropcele.is-revealed .px-dropcele__confetti i{animation:px-drop-confetti 2.2s cubic-bezier(.1,.65,.25,1) both}.px-dropcele__confetti i:nth-child(3n){background:#fff}.px-dropcele__confetti i:nth-child(4n){background:#ff5574;border-radius:50%}.px-dropcele__confetti i:nth-child(1){--x:8vw;--dx:70px}.px-dropcele__confetti i:nth-child(2){--x:15vw;--dx:-45px;--rot:-540deg;animation-delay:.12s!important}.px-dropcele__confetti i:nth-child(3){--x:23vw;--dx:82px;animation-delay:.04s!important}.px-dropcele__confetti i:nth-child(4){--x:31vw;--dx:-70px;--rot:-620deg;animation-delay:.18s!important}.px-dropcele__confetti i:nth-child(5){--x:39vw;--dx:48px;animation-delay:.09s!important}.px-dropcele__confetti i:nth-child(6){--x:47vw;--dx:-84px;--rot:-740deg;animation-delay:.22s!important}.px-dropcele__confetti i:nth-child(7){--x:55vw;--dx:88px;animation-delay:.03s!important}.px-dropcele__confetti i:nth-child(8){--x:63vw;--dx:-54px;--rot:-500deg;animation-delay:.16s!important}.px-dropcele__confetti i:nth-child(9){--x:71vw;--dx:76px;animation-delay:.07s!important}.px-dropcele__confetti i:nth-child(10){--x:79vw;--dx:-90px;--rot:-680deg;animation-delay:.25s!important}.px-dropcele__confetti i:nth-child(11){--x:87vw;--dx:40px;animation-delay:.11s!important}.px-dropcele__confetti i:nth-child(12){--x:94vw;--dx:-72px;--rot:-610deg;animation-delay:.29s!important}.px-dropcele__confetti i:nth-child(13){--x:20vw;--dx:-42px;animation-delay:.31s!important}.px-dropcele__confetti i:nth-child(14){--x:42vw;--dx:65px;--rot:-570deg;animation-delay:.35s!important}.px-dropcele__confetti i:nth-child(15){--x:64vw;--dx:-78px;animation-delay:.39s!important}.px-dropcele__confetti i:nth-child(16){--x:86vw;--dx:50px;--rot:-700deg;animation-delay:.33s!important}
@keyframes px-drop-orb{to{filter:brightness(1.35);transform:scale(1.035)}}@keyframes px-drop-orbit{to{transform:rotate(360deg)}}@keyframes px-drop-flash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}@keyframes px-drop-confetti{0%{opacity:0;transform:translate(-50%,-25px) rotate(0) scale(.4)}10%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),58vh) rotate(var(--rot)) scale(1)}}
@media(max-width:600px){.px-dropcele{padding:8px}.px-dropcele__card{min-height:min(570px,calc(100dvh - 16px));border-radius:21px}.px-dropcele__stage{inset:55px 12px 30px}.px-dropcele__orb{width:104px;height:104px;margin-bottom:23px}.px-dropcele__orb:before{width:120px;height:120px}.px-dropcele__orb b{font-size:25px}.px-dropcele__result{inset:50px 20px 24px}.px-dropcele__label{font-size:clamp(21px,7vw,29px)}.px-dropcele__result-icon{width:62px;height:62px}.px-dropcele__hint{font-size:13px}}
@media(prefers-reduced-motion:reduce){.px-dropcele *{animation:none!important;transition:none!important}.px-dropcele__confetti{display:none}}
.px-box__burst{ position:fixed; inset:0; pointer-events:none; z-index:400; }
.px-box__burst i{ position:absolute; width:10px; height:10px; border-radius:2px; animation:px-burst2 1.2s ease-out forwards; }
@keyframes px-burst2{ 0%{ transform:translate(0,0) rotate(0); opacity:1;} 100%{ transform:translate(var(--dx),var(--dy)) rotate(620deg); opacity:0;} }

/* ---- Entry modal (skill question + details) ---- */
.px-buymodal{ position:fixed; inset:0; z-index:320; display:none; align-items:center; justify-content:center; padding:20px; }
.px-buymodal.is-open{ display:flex; }
.px-buymodal__scrim{ position:absolute; inset:0; background:rgba(2,6,3,.88); backdrop-filter:blur(10px); }
.px-buymodal__panel{ position:relative; z-index:2; width:min(94vw,520px); max-height:92vh; overflow:auto; background:linear-gradient(180deg,#0d120e,#080b08); border:1px solid rgba(37,255,90,.35); border-radius:20px; padding:28px 26px; box-shadow:0 0 90px rgba(37,255,90,.15), 0 30px 80px rgba(0,0,0,.7); animation:px-buymodal-in .35s cubic-bezier(.2,1.4,.4,1); }
@keyframes px-buymodal-in{ 0%{ transform:translateY(36px) scale(.96); opacity:0;} 100%{ transform:translateY(0) scale(1); opacity:1;} }
.px-buymodal__close{ position:absolute; top:14px; right:14px; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); color:#fff; font-size:22px; cursor:pointer; line-height:1; transition:all .15s ease; }
.px-buymodal__close:hover{ background:rgba(255,64,64,.15); border-color:rgba(255,64,64,.5); }
.px-buymodal__head{ text-align:center; margin-bottom:18px; }
.px-buymodal__title{ font-family:"Orbitron",sans-serif; font-weight:800; font-size:21px; margin:10px 0 12px; color:#fff; }
.px-buymodal__summary{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; background:rgba(37,255,90,.07); border:1px solid rgba(37,255,90,.25); border-radius:12px; padding:10px 14px; font-family:"Rajdhani",sans-serif; font-weight:700; font-size:14.5px; color:rgba(255,255,255,.85); }
.px-buymodal__summary-qty b{ color:#25ff5a; font-size:17px; }
.px-buymodal__summary-comp{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:220px; }
.px-buymodal__summary-total{ margin-left:auto; color:#25ff5a; font-size:18px; font-weight:800; }
.px-buymodal .px-qa{ margin-bottom:16px; }
.px-buymodal__fields{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 18px; }
.px-buymodal__field{ display:flex; flex-direction:column; gap:6px; color:rgba(255,255,255,.72); font-size:12.5px; font-weight:700; }
.px-buymodal__field .px-buybox__input{ width:100%; }
.px-buymodal__field select.px-buybox__input{appearance:auto;color-scheme:dark;cursor:pointer}
.px-buymodal__field .px-country-search{padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.58) 50%),linear-gradient(135deg,rgba(255,255,255,.58) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.px-buymodal__wide{ grid-column:1 / -1; }
.px-buymodal__coupon{display:flex;flex-direction:column;align-items:flex-start;margin-top:-2px}.px-buymodal__coupon-toggle{padding:2px 0;border:0;background:transparent;color:rgba(255,255,255,.52);font:700 11px/1.3 "Rajdhani",sans-serif;cursor:pointer;text-decoration:none}.px-buymodal__coupon-toggle span{color:#7dffb0;text-decoration:underline;text-underline-offset:2px}.px-buymodal__coupon-toggle:hover,.px-buymodal__coupon-toggle:focus-visible{color:#fff}.px-buymodal__coupon [data-coupon-field]{width:100%;margin-top:7px}.px-buymodal__coupon [data-coupon-field][hidden]{display:none!important}
.px-buymodal__credit{ display:flex; align-items:flex-start; gap:11px; margin:0 auto 16px; padding:12px 14px; border:1px solid rgba(212,175,55,.4); border-radius:12px; background:rgba(212,175,55,.09); color:#fff; cursor:pointer; }
.px-buymodal__credit input{ width:19px; height:19px; flex:0 0 auto; margin-top:1px; accent-color:#d4af37; }
.px-buymodal__credit span{ display:flex; flex-direction:column; gap:2px; }
.px-buymodal__credit strong{ color:#f5d97a; font-size:13.5px; }
.px-buymodal__credit small{ color:rgba(255,255,255,.58); font-size:11.5px; line-height:1.35; }
.px-buymodal__payment{ margin:0 auto 16px; padding:0; border:0; }
.px-buymodal__payment legend{ color:#fff; margin:0 0 9px; font-family:"Orbitron",sans-serif; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.px-buymodal__payment-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.px-payment-option{ display:block; min-width:0; cursor:pointer; }
.px-payment-option input{ position:absolute; opacity:0; pointer-events:none; }
.px-payment-option__card{ min-height:76px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; border:1px solid rgba(255,255,255,.16); border-radius:13px; background:rgba(255,255,255,.035); transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.px-payment-option:hover .px-payment-option__card{ border-color:rgba(255,255,255,.32); transform:translateY(-1px); }
.px-payment-option input:focus-visible + .px-payment-option__card{ outline:2px solid #fff; outline-offset:2px; }
.px-payment-option input:checked + .px-payment-option__card{ border-color:#25ff5a; background:rgba(37,255,90,.09); box-shadow:0 0 24px -16px rgba(37,255,90,.9),inset 0 1px rgba(255,255,255,.08); }
.px-payment-option--paypal input:checked + .px-payment-option__card{ border-color:#4aa8ff; background:rgba(0,112,186,.12); box-shadow:0 0 24px -16px rgba(74,168,255,.9),inset 0 1px rgba(255,255,255,.08); }
.px-payment-option__icon{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid rgba(155,135,245,.24); border-radius:10px; background:linear-gradient(145deg,rgba(155,135,245,.16),rgba(37,255,90,.07)); color:#d9d2ff; font-style:normal; box-shadow:inset 0 1px rgba(255,255,255,.08); }
.px-payment-option__icon .px-ico{ display:block; width:20px; height:20px; }
.px-payment-option__paypal{ color:#fff; font:900 14px/1 Arial,sans-serif; font-style:italic; letter-spacing:-1px; }
.px-payment-option__paypal span{ color:#37a8e8; }
.px-payment-option__card > span{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.px-payment-option__card strong{ color:#fff; font-size:12.5px; line-height:1.2; }
.px-payment-option__card small{ color:rgba(255,255,255,.55); font-size:10.5px; line-height:1.25; }
.px-payment-option__check{ display:flex; align-items:center; justify-content:center; width:19px; height:19px; border:1px solid rgba(255,255,255,.28); border-radius:50%; color:transparent; font-size:11px; }
.px-payment-option input:checked + .px-payment-option__card .px-payment-option__check{ color:#071008; background:#25ff5a; border-color:#25ff5a; }
.px-payment-option--paypal input:checked + .px-payment-option__card .px-payment-option__check{ color:#fff; background:#168bd2; border-color:#4aa8ff; }
.px-buymodal__payment-grid.has-quick-wallet{grid-template-columns:repeat(3,minmax(0,1fr))}
.px-payment-option--quick-wallet input:checked + .px-payment-option__card{border-color:#4aa8ff;background:linear-gradient(145deg,rgba(0,112,186,.22),rgba(74,168,255,.06));box-shadow:0 0 24px -14px rgba(74,168,255,.9),inset 0 1px rgba(255,255,255,.08)}
.px-payment-option--quick-wallet input:checked + .px-payment-option__card .px-payment-option__check{color:#fff;background:#168bd2;border-color:#4aa8ff}
.px-payment-option__wallet{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(74,168,255,.28);border-radius:10px;background:linear-gradient(145deg,rgba(74,168,255,.18),rgba(37,255,90,.06));color:#fff;font-style:normal;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.px-payment-option__wallet-apple{font:700 25px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transform:translateY(-1px)}
.px-payment-option__wallet-google{font:800 22px/1 Arial,sans-serif;color:#4285f4}
.px-payment-option__wallet-apple[hidden],.px-payment-option__wallet-google[hidden]{display:none!important}
.px-paypal-expanded{margin:0 auto 14px;padding:12px;border:1px solid rgba(74,168,255,.25);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(74,168,255,.09),transparent 42%),rgba(4,14,10,.82);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.px-paypal-expanded[hidden]{display:none!important}.px-paypal-expanded legend{padding:0 8px;color:#fff;font:800 10px/1.2 "Orbitron",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.px-paypal-expanded__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.px-paypal-tab{display:block;min-width:0;cursor:pointer}.px-paypal-tab--primary{grid-column:auto}.px-paypal-tab[hidden]{display:none!important}.px-paypal-tab input{position:absolute;opacity:0;pointer-events:none}.px-paypal-tab>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:7px 5px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.035);color:#fff;text-align:center;transition:.18s ease}.px-paypal-tab--primary>span{min-height:48px;background:linear-gradient(145deg,rgba(37,255,90,.07),rgba(255,255,255,.025))}.px-paypal-tab>span>b{font:800 13px/1.05 "Rajdhani",sans-serif;white-space:nowrap}.px-paypal-tab>span>small{color:rgba(255,255,255,.46);font:700 8.5px/1.05 "Rajdhani",sans-serif;letter-spacing:.02em}.px-paypal-tab input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.px-paypal-tab:hover>span{border-color:rgba(255,255,255,.3)}.px-paypal-tab input:checked+span{border-color:#4aa8ff;background:linear-gradient(145deg,rgba(0,112,186,.25),rgba(74,168,255,.07));box-shadow:0 0 20px -14px #4aa8ff,inset 0 1px rgba(255,255,255,.09)}.px-paypal-tab--primary input:checked+span{border-color:#25ff5a;background:linear-gradient(145deg,rgba(37,255,90,.16),rgba(37,255,90,.035));box-shadow:0 0 20px -14px #25ff5a,inset 0 1px rgba(255,255,255,.09)}.px-paypal-tab__card{display:inline-flex!important;align-items:center;justify-content:center;gap:4px}.px-paypal-tab__card .px-ico{width:14px;height:14px}.px-paypal-tab__paypal{font-family:Arial,sans-serif!important;font-style:italic;letter-spacing:-.06em}.px-paypal-tab__paypal span{color:#37a8e8}.px-paypal-tab__apple{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.02em}.px-paypal-tab__google{display:inline-flex!important;width:100%;align-items:center;justify-content:center;gap:4px;font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1!important}.px-paypal-tab__google i{display:inline-flex;align-items:center;justify-content:center;margin:0;color:#4285f4;font-size:17px;line-height:1;font-style:normal}
.px-paypal-panel{margin-top:8px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(0,0,0,.2)}.px-paypal-panel[hidden]{display:none!important}.px-paypal-panel>label,.px-paypal-panel__split>label{display:flex;flex-direction:column;gap:5px;color:rgba(255,255,255,.65);font:700 11px/1.2 "Rajdhani",sans-serif}.px-paypal-panel__split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.px-paypal-field{display:block;width:100%;height:46px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#fff}.px-paypal-panel>small{display:block;margin-top:8px;color:rgba(255,255,255,.45);font-size:10px;line-height:1.3}.px-paypal-panel--wallet{text-align:center}.px-paypal-panel--wallet p{margin:0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.3}.px-paypal-wallet{display:flex;align-items:stretch;justify-content:center;width:100%;height:48px;min-height:48px;max-height:48px;margin:8px auto 0;overflow:hidden;border-radius:9px}.px-paypal-wallet[hidden]{display:none!important}.px-paypal-wallet apple-pay-button{--apple-pay-button-width:100%;--apple-pay-button-height:48px;--apple-pay-button-border-radius:9px;display:block;width:100%;height:48px}.px-paypal-wallet>div,.px-paypal-wallet>button{width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important}.px-paypal-expanded__status{min-height:0;margin:7px 2px 0;color:#ffcb52;font:700 11.5px/1.3 "Rajdhani",sans-serif}.px-paypal-expanded__status:empty{display:none}.px-paypal-expanded.is-busy{pointer-events:none;opacity:.82}
.px-buymodal__consent{ display:flex; align-items:flex-start; gap:10px; margin:0 auto 16px; color:rgba(255,255,255,.68); font-size:12.5px; line-height:1.45; }
.px-buymodal__consent input{ width:18px; height:18px; flex:0 0 auto; margin-top:1px; accent-color:#25ff5a; }
.px-buymodal__consent a{ color:#7dffb0; text-decoration:underline; text-underline-offset:2px; }
.px-buymodal__submit{ width:100%; }
.px-buymodal__submit[hidden]{ display:none!important; }
.px-buymodal__submit[disabled]{ cursor:wait; opacity:.75; transform:none !important; }
.px-buymodal .px-buybox__secure{ margin-top:12px; }
body.px-buymodal-open{ overflow:hidden; }
@media (max-width:560px){ .px-buymodal{ padding:0; align-items:flex-end; } .px-buymodal__panel{ width:100vw; max-height:94vh; border-radius:20px 20px 0 0; animation-name:px-buymodal-up; } @keyframes px-buymodal-up{ 0%{ transform:translateY(100%);} 100%{ transform:translateY(0);} } }

/* ---- Entry modal v2: FULL-SCREEN takeover (desktop + mobile) ---- */
.px-buymodal{ padding:0; overflow:hidden; touch-action:pan-y; }
.px-buymodal__scrim{
	/* fully opaque — nothing behind stays visible, zero distractions */
	background:
		radial-gradient(1100px 700px at 50% 12%, rgba(37,255,90,.10), transparent 60%),
		radial-gradient(900px 600px at 85% 90%, rgba(212,175,55,.06), transparent 55%),
		#050806;
	backdrop-filter:none;
}
.px-buymodal__panel{
	width:100%; height:100%; max-height:none;
	box-sizing:border-box;
	background:transparent; border:none; border-radius:0; box-shadow:none;
	display:flex; flex-direction:column; justify-content:center;
	padding:48px 20px calc(40px + env(safe-area-inset-bottom));
	overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; overscroll-behavior-x:none;
	animation:px-buymodal-fade .3s ease;
}
.px-buymodal,
.px-buymodal *,
.px-buymodal *::before,
.px-buymodal *::after{ box-sizing:border-box; }
.px-buymodal__panel > *,
.px-buymodal__fields > *,
.px-paypal-expanded,
.px-paypal-expanded__tabs,
.px-paypal-panel,
.px-paypal-panel__split,
.px-paypal-tab,
.px-paypal-wallet{ min-width:0; max-width:100%; }
.px-paypal-wallet[data-google-pay-button]{
	display:flex!important; align-items:center; justify-content:center;
	width:100%!important; height:52px!important; min-width:0; padding:2px; overflow:hidden;
	background:#000; border-radius:11px;
}
.px-paypal-wallet[data-google-pay-button][hidden]{ display:none!important; }
.px-paypal-wallet[data-google-pay-button] > .px-google-pay-native{
	display:block!important; flex:1 1 100%; width:100%!important; min-width:160px!important; max-width:100%!important;
	height:48px!important; min-height:48px!important; max-height:48px!important; margin:0!important;
}
.px-paypal-wallet[data-apple-pay-button]{ align-items:center; justify-content:center; }
.px-paypal-wallet[data-apple-pay-button] apple-pay-button{
	--apple-pay-button-width:280px; --apple-pay-button-height:48px;
	display:block; width:min(100%,280px); height:48px; margin:auto;
}
.px-paypal-expanded.is-consent-locked .px-paypal-expanded__tabs{
	opacity:.42; filter:grayscale(.45); pointer-events:none;
}
.px-paypal-expanded.is-consent-locked .px-paypal-panel{ display:none!important; }
@keyframes px-buymodal-fade{ 0%{ opacity:0; transform:scale(1.015);} 100%{ opacity:1; transform:scale(1);} }
.px-buymodal__panel > *{ width:100%; max-width:560px; margin-left:auto; margin-right:auto; flex-shrink:0; }
.px-buymodal__close{
	position:fixed; top:calc(16px + env(safe-area-inset-top)); right:18px;
	width:44px; height:44px; font-size:24px; z-index:5;
	background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18);
}
.px-buymodal__title{ font-size:clamp(22px,3.4vw,28px); }
.px-buymodal__summary{ padding:13px 16px; font-size:15.5px; }
.px-buymodal__fields{ gap:12px; }
/* iOS: inputs must be >=16px or the browser force-zooms on focus */
.px-buymodal .px-buybox__input{ font-size:16px; padding:15px 16px; }
.px-buymodal .px-qa__option-box{ font-size:16px; }
.px-buymodal__submit{ padding-top:18px; padding-bottom:18px; font-size:17px; }
@media (max-width:560px){
	/* override v1 bottom-sheet: same full-screen takeover on mobile */
	.px-buymodal{ padding:0; align-items:stretch; }
	.px-buymodal__panel{ width:100%; border-radius:0; animation-name:px-buymodal-fade; justify-content:flex-start; padding-top:calc(64px + env(safe-area-inset-top)); }
	.px-buymodal__summary-comp{ max-width:150px; }
	.px-buymodal__payment-grid{ grid-template-columns:1fr; }
	.px-payment-option__card{ min-height:64px; }
	.px-paypal-expanded{width:100%;padding:10px}
	.px-paypal-expanded__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
	.px-paypal-tab>span,.px-paypal-tab--primary>span{min-height:44px;padding:6px 3px}
	.px-paypal-tab>span>b{font-size:12px}
	.px-paypal-tab>span>small{display:none}
}

/* Wallets require a final native button press. Make that hand-off unmistakable. */
.px-paypal-wallet-guide{
	display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px;
	margin:0 0 8px; padding:8px 10px;
	border:1px solid rgba(255,203,82,.38); border-radius:9px;
	background:linear-gradient(90deg,rgba(255,203,82,.11),rgba(255,255,255,.025));
	text-align:left;
}
.px-paypal-wallet-guide[hidden]{display:none!important}
.px-paypal-wallet-guide span{
	display:inline-flex; align-items:center; min-height:22px; padding:0 7px;
	border-radius:999px; background:#ffcb52; color:#111;
	font:900 8px/1 "Orbitron",sans-serif; letter-spacing:.08em; text-transform:uppercase;
}
.px-paypal-wallet-guide strong{color:#fff;font:800 11px/1.2 "Rajdhani",sans-serif}
.px-paypal-wallet-guide i{color:#ffcb52;font:900 18px/1 Arial,sans-serif;font-style:normal;animation:px-wallet-arrow .85s ease-in-out infinite}
.px-paypal-expanded.is-wallet-ready .px-paypal-panel--wallet{
	border-color:rgba(255,203,82,.42);
	box-shadow:0 0 0 1px rgba(255,203,82,.08),0 0 26px -18px rgba(255,203,82,.9);
}
.px-paypal-expanded.is-wallet-ready .px-paypal-wallet{
	box-shadow:0 0 0 2px rgba(255,203,82,.22),0 0 24px -8px rgba(255,203,82,.72);
	animation:px-wallet-ready 1.6s ease-in-out infinite;
}
@keyframes px-wallet-arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@keyframes px-wallet-ready{0%,100%{box-shadow:0 0 0 2px rgba(255,203,82,.18),0 0 20px -9px rgba(255,203,82,.55)}50%{box-shadow:0 0 0 3px rgba(255,203,82,.34),0 0 30px -7px rgba(255,203,82,.9)}}
@media(max-width:560px){
	.px-paypal-wallet-guide{grid-template-columns:auto 1fr;padding:7px 8px}
	.px-paypal-wallet-guide strong{font-size:10.5px}
	.px-paypal-wallet-guide i{display:none}
}
@media(prefers-reduced-motion:reduce){.px-paypal-wallet-guide i,.px-paypal-expanded.is-wallet-ready .px-paypal-wallet{animation:none}}

@media(max-width:560px){
	.px-buymodal__payment-grid.has-quick-wallet{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__card{position:relative;display:flex;min-height:78px;padding:8px 4px;flex-direction:column;justify-content:center;gap:5px;text-align:center}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__card>span{align-items:center;gap:0}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__card strong{font-size:11px;line-height:1.08}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__card small{display:none}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__icon,
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__wallet{width:29px;height:29px;flex-basis:29px;border-radius:8px}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__icon .px-ico{width:17px;height:17px}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__paypal{font-size:13px}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__wallet-apple{font-size:21px}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__wallet-google{font-size:19px}
	.px-buymodal__payment-grid.has-quick-wallet .px-payment-option__check{position:absolute;top:5px;right:5px;width:15px;height:15px;font-size:9px}
}

/* ---- Stripe card checkout via approved ProjectX Toys bridge ---- */
.px-payment-option--stripe input:checked + .px-payment-option__card{border-color:#9b87f5;background:linear-gradient(135deg,rgba(99,91,255,.18),rgba(37,255,90,.05));box-shadow:0 0 24px -14px rgba(99,91,255,.85),inset 0 1px rgba(255,255,255,.08)}
.px-stripe-toys{width:100%;min-width:0;min-inline-size:0;max-width:560px;margin:0 auto 14px;padding:13px;border:1px solid rgba(155,135,245,.35);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(99,91,255,.14),transparent 45%),rgba(4,10,8,.88);box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 34px -30px rgba(99,91,255,.9);overflow:hidden}
.px-stripe-toys[hidden]{display:none!important}
.px-stripe-toys legend{padding:0 8px;color:#fff;font:800 10px/1.2 "Orbitron",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.px-stripe-toys__intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px}
.px-stripe-toys__intro strong{display:flex;align-items:center;gap:8px;color:#fff;font:800 13px/1.2 "Rajdhani",sans-serif}
.px-stripe-toys__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(155,135,245,.28);border-radius:9px;background:linear-gradient(145deg,rgba(155,135,245,.18),rgba(37,255,90,.07));color:#d9d2ff;font-style:normal}
.px-stripe-toys__icon .px-ico{display:block;width:18px;height:18px}
.px-stripe-toys__intro span{color:rgba(255,255,255,.5);font:600 10.5px/1.2 "Rajdhani",sans-serif;text-align:right}
.px-stripe-toys__card{width:100%;min-width:0;min-inline-size:0;max-width:100%;min-height:52px;padding:16px 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(0,0,0,.34);box-shadow:inset 0 1px rgba(255,255,255,.04);transition:border-color .18s,box-shadow .18s;overflow:hidden}
.px-stripe-toys__card iframe{display:block;width:100%!important;max-width:100%!important}
.px-stripe-toys__card.StripeElement--focus{border-color:#9b87f5;box-shadow:0 0 0 3px rgba(99,91,255,.15)}
.px-stripe-toys__card.StripeElement--invalid{border-color:#ff7d83}
.px-stripe-toys__status{margin:8px 2px 0;color:#ffcb52;font:700 11.5px/1.3 "Rajdhani",sans-serif}
.px-stripe-toys__status:empty{display:none}
.px-stripe-toys__status.is-error{color:#ff7d83}
.px-stripe-toys>small{display:block;margin:8px 2px 0;color:rgba(255,255,255,.42);font:600 10px/1.35 "Rajdhani",sans-serif}
.px-stripe-toys.is-busy{pointer-events:none;opacity:.82}
@media(max-width:560px){
	.px-stripe-toys{width:100%;padding:11px}
	.px-stripe-toys__intro{align-items:flex-start;flex-direction:column;gap:2px}
	.px-stripe-toys__intro span{text-align:left}
}

/* ---- Modal skill question: inline answers (space saver) ---- */
.px-buymodal .px-qa__options{ display:flex; flex-wrap:wrap; gap:9px; grid-template-columns:none; }
.px-buymodal .px-qa__option{ flex:1 1 0; min-width:120px; }
.px-buymodal .px-qa__option-box{ justify-content:center; text-align:center; padding:13px 10px; height:auto; }
.px-buymodal .px-qa__option-box::before{ width:15px; height:15px; }
@media (max-width:480px){ .px-buymodal .px-qa__option{ min-width:100%; } }

/* ---- Bundle packs v2: full row of cards ABOVE the CTA, tier discounts ---- */
.px-buybox__action{ display:flex; flex-direction:column; gap:14px; }
.px-buybox__action > .px-btn{ width:100%; }
.px-buybox .px-buybox__bundles{ grid-template-columns:repeat(6,1fr) !important; width:100%; }
@media (max-width:640px){ .px-buybox .px-buybox__bundles{ grid-template-columns:repeat(3,1fr) !important; } }
.px-buybox .lty-predefined-button{ display:flex; flex-direction:column; align-items:center; gap:3px; padding:20px 6px 12px !important; }
.px-bundle-chip__per{ display:block; font-size:11px !important; font-weight:700; color:rgba(255,255,255,.45); letter-spacing:.02em; }
.px-buybox .lty-predefined-button.lty-selected-button .px-bundle-chip__per{ color:rgba(255,255,255,.72); }
.px-buybox .lty-predefined-button.lty-selected-button{ color:#fff !important; }
.px-bundle-chip__mystery{
	position:absolute; right:5px; bottom:5px; z-index:3;
	display:inline-flex; align-items:center; gap:2px;
	min-width:28px; height:20px; padding:0 5px;
	border:1px solid rgba(255,203,82,.55); border-radius:7px;
	background:linear-gradient(180deg,rgba(58,38,7,.98),rgba(21,14,3,.98));
	color:#ffd66d; box-shadow:0 5px 14px -7px rgba(255,193,54,.85),inset 0 1px rgba(255,255,255,.08);
	font:800 9px/1 "Orbitron",sans-serif; letter-spacing:0;
}
.px-bundle-chip__mystery .px-ico{ flex:none; filter:drop-shadow(0 0 4px rgba(255,203,82,.38)); }
.px-bundle-chip__mystery b{ color:#fff; font:inherit; }
.px-bundle-chip__mystery em{
	color:#25ff5a; font:900 7px/1 "Orbitron",sans-serif; letter-spacing:0;
	text-transform:uppercase;
}
.px-buybox .lty-predefined-button.lty-selected-button .px-bundle-chip__mystery{
	border-color:#ffe19a; background:linear-gradient(180deg,#5d3b07,#281902); color:#ffe19a;
}
@media (min-width:641px) and (max-width:1100px){
	.px-buybox .px-buybox__bundles{ grid-template-columns:repeat(3,1fr) !important; }
}

/* modal savings line */
.px-buymodal__save{ text-align:center; margin:7px 0 9px; font-family:"Rajdhani",sans-serif; font-weight:700; font-size:12px; color:#f5d97a; }
.px-buymodal__save b{ color:#25ff5a; }

/* ---- Main Participate CTA: big & unmissable again ---- */
.px-buybox__action > .px-btn.single_add_to_cart_button,
.px-buybox__action > [data-open-buymodal]{
	width:100%; padding:19px 24px !important; font-size:17.5px !important;
	letter-spacing:.04em; border-radius:14px;
	box-shadow:0 0 0 1px rgba(37,255,90,.4), 0 12px 40px -8px rgba(37,255,90,.55), inset 0 1px 0 rgba(255,255,255,.25);
	animation:px-cta-breathe 2.6s ease-in-out infinite;
}
@keyframes px-cta-breathe{
	0%,100%{ box-shadow:0 0 0 1px rgba(37,255,90,.4), 0 12px 40px -8px rgba(37,255,90,.5), inset 0 1px 0 rgba(255,255,255,.25); }
	50%{ box-shadow:0 0 0 1px rgba(37,255,90,.6), 0 14px 54px -6px rgba(37,255,90,.75), inset 0 1px 0 rgba(255,255,255,.3); }
}
.px-buybox__action > [data-open-buymodal]:hover{ transform:translateY(-2px); }
@media (prefers-reduced-motion:reduce){ .px-buybox__action > [data-open-buymodal]{ animation:none; } }

/* ---- Purchase cockpit v3: clearer hierarchy + higher-impact primary CTA ---- */
.px-buybox{
	position:relative;
	padding:26px 30px 28px;
	background:
		radial-gradient(90% 72% at 50% -8%,rgba(37,255,90,.17),transparent 62%),
		linear-gradient(135deg,rgba(37,255,90,.045) 0 1px,transparent 1px 38px),
		linear-gradient(180deg,rgba(9,28,16,.98),rgba(4,12,7,.99));
	background-size:auto,38px 38px,auto;
	border-color:rgba(37,255,90,.48);
	box-shadow:
		0 38px 90px -26px rgba(0,0,0,.95),
		0 0 45px -25px rgba(37,255,90,.85),
		0 0 0 1px rgba(37,255,90,.09),
		inset 0 1px 0 rgba(255,255,255,.08);
}
.px-buybox::after{
	content:"";
	position:absolute;
	top:-1px;
	left:10%;
	right:10%;
	height:2px;
	border-radius:999px;
	background:linear-gradient(90deg,transparent,#25ff5a 28%,#b2ffc5 50%,#25ff5a 72%,transparent);
	box-shadow:0 0 18px rgba(37,255,90,.8);
	pointer-events:none;
}
.px-buybox__top{
	justify-content:center;
	flex-wrap:nowrap;
	width:100%;
	margin:0 0 24px;
}
.px-buybox__top::before,
.px-buybox__top::after{
	content:"";
	flex:1 1 120px;
	max-width:220px;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(37,255,90,.55));
}
.px-buybox__top::after{ transform:scaleX(-1); }
.px-buybox__top .px-pill{
	flex:0 0 auto;
	justify-content:center;
	padding:11px 25px;
	font-family:"Orbitron","Rajdhani",sans-serif;
	font-size:13px;
	font-weight:900;
	letter-spacing:.12em;
	box-shadow:
		0 10px 28px -8px rgba(37,255,90,.85),
		0 0 0 4px rgba(37,255,90,.08),
		inset 0 1px 0 rgba(255,255,255,.55);
}
.px-qty-slider{
	position:relative;
	padding:24px 30px 26px;
	border-color:rgba(37,255,90,.58);
	background:
		radial-gradient(circle at 50% 100%,rgba(37,255,90,.11),transparent 38%),
		linear-gradient(180deg,rgba(8,22,13,.99),rgba(3,9,5,.99));
	box-shadow:
		0 22px 44px -28px rgba(37,255,90,.9),
		0 0 0 1px rgba(37,255,90,.07),
		inset 0 1px 0 rgba(255,255,255,.07);
}
.px-qty-slider__label{
	font-size:12px;
	color:rgba(255,255,255,.68);
}
.px-qty-slider__range{
	height:9px;
	margin:12px 0 9px;
	box-shadow:inset 0 2px 3px rgba(0,0,0,.65),0 0 14px rgba(37,255,90,.08);
}
.px-qty-slider__row{
	margin-top:18px;
	padding-top:18px;
	border-color:rgba(37,255,90,.12);
}
.px-qty-slider__btn{
	width:58px;
	height:58px;
	border-radius:14px;
	border-color:rgba(37,255,90,.7);
	background:linear-gradient(180deg,rgba(37,255,90,.17),rgba(37,255,90,.055));
	box-shadow:0 12px 28px -12px rgba(37,255,90,.75),inset 0 1px 0 rgba(255,255,255,.1);
}
.px-qty-slider__row .px-qty-slider__display{
	flex:0 1 210px;
	min-width:112px;
	padding:11px 28px 12px;
	border:1px solid rgba(37,255,90,.2);
	border-radius:999px;
	background:radial-gradient(circle,rgba(37,255,90,.14),rgba(37,255,90,.025) 70%);
	box-shadow:inset 0 0 26px rgba(37,255,90,.04),0 0 30px -18px rgba(37,255,90,.8);
	font-size:40px;
	text-shadow:0 0 22px rgba(37,255,90,.55);
}
.px-buybox__action > .px-btn.single_add_to_cart_button,
.px-buybox__action > [data-open-buymodal]{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	min-height:82px;
	padding:22px 30px !important;
	border:2px solid rgba(182,255,199,.86);
	border-radius:18px;
	font-family:"Orbitron","Rajdhani",sans-serif;
	font-size:20px !important;
	font-weight:900;
	letter-spacing:.065em;
	background:linear-gradient(180deg,#53ff83 0%,#25ff5a 48%,#00d747 100%);
	box-shadow:
		0 0 0 5px rgba(37,255,90,.09),
		0 20px 52px -12px rgba(37,255,90,.9),
		inset 0 2px 0 rgba(255,255,255,.48),
		inset 0 -8px 18px rgba(0,92,30,.2);
}
.px-buybox__action > [data-open-buymodal]::before{
	content:"";
	position:absolute;
	z-index:-1;
	top:-65%;
	bottom:-65%;
	left:-35%;
	width:24%;
	transform:rotate(18deg);
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
	animation:px-cta-sweep 3.4s ease-in-out infinite;
}
.px-buybox__action > [data-open-buymodal] .px-ico{
	width:23px;
	height:23px;
	filter:drop-shadow(0 1px 0 rgba(255,255,255,.38));
}
@keyframes px-cta-sweep{
	0%,55%{ left:-35%; opacity:0; }
	62%{ opacity:1; }
	82%,100%{ left:115%; opacity:0; }
}
@media (max-width:720px){
	.px-buybox{ padding:20px 14px 22px; }
	.px-buybox__top{ margin-bottom:18px; gap:10px; }
	.px-buybox__top::before,.px-buybox__top::after{ flex-basis:24px; }
	.px-buybox__top .px-pill{ padding:10px 16px; font-size:11px; letter-spacing:.09em; }
	.px-qty-slider{ padding:18px 16px 20px; }
	.px-qty-slider__btn{ width:52px; height:52px; border-radius:12px; }
	.px-qty-slider__row .px-qty-slider__display{ flex-basis:140px; min-width:82px; padding:9px 18px 10px; font-size:34px; }
	.px-buybox__action > .px-btn.single_add_to_cart_button,
	.px-buybox__action > [data-open-buymodal]{
		min-height:70px !important;
		padding:19px 16px !important;
		border-radius:16px !important;
		font-size:16px !important;
		letter-spacing:.045em !important;
	}
	.px-buybox__action > [data-open-buymodal] .px-ico{ width:20px; height:20px; }
}
@media (prefers-reduced-motion:reduce){
	.px-buybox__action > [data-open-buymodal]::before{ animation:none; display:none; }
}

/* Accessible image lightbox (kept in the versioned bundle for strict CSP). */
.px-lightbox {
	position:fixed; inset:0; z-index:200; display:none;
	align-items:center; justify-content:center; padding:40px;
}
.px-lightbox.is-open { display:flex; }
.px-lightbox__scrim {
	position:absolute; inset:0; background:rgba(0,0,0,.92);
	backdrop-filter:blur(12px);
}
.px-lightbox__img {
	position:relative; max-width:94vw; max-height:92vh; object-fit:contain;
	border-radius:12px; box-shadow:0 40px 120px rgba(0,0,0,.8);
}
.px-lightbox__close,.px-lightbox__nav {
	position:absolute; z-index:2; display:flex; align-items:center; justify-content:center;
	width:48px; height:48px; border-radius:50%; cursor:pointer; font-size:28px;
	background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.15);
	color:#fff; transition:all .15s ease;
}
.px-lightbox__close:hover,.px-lightbox__nav:hover {
	background:rgba(37,255,90,.15); border-color:#25ff5a; color:#25ff5a;
}
.px-lightbox__close { top:20px; right:20px; }
.px-lightbox__nav--prev { left:20px; top:50%; transform:translateY(-50%); }
.px-lightbox__nav--next { right:20px; top:50%; transform:translateY(-50%); }
.px-lightbox__count {
	position:absolute; bottom:20px; left:50%; z-index:2; transform:translateX(-50%);
	color:#fff; background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.1);
	padding:8px 16px; border-radius:999px; font-size:13px; font-weight:600;
}
@media (max-width:600px) {
	.px-lightbox { padding:18px; }
	.px-lightbox__close { top:12px; right:12px; }
	.px-lightbox__nav { width:44px; height:44px; }
	.px-lightbox__nav--prev { left:10px; }
	.px-lightbox__nav--next { right:10px; }
}

/* ===== PRIZE DROPS premium timeline + mystery callout ===== */
.px-ladder{padding:46px 0 10px}
.px-ladder__inner{max-width:1180px;margin:0 auto;padding:0 20px}
.px-ladder__head{text-align:center;margin-bottom:30px}
.px-ladder__title{font-family:"Orbitron",sans-serif;font-size:clamp(20px,3.2vw,28px);font-weight:900;color:#fff;margin:6px 0 10px;letter-spacing:.03em}
.px-ladder__sub{color:rgba(255,255,255,.6);font-size:14.5px;max-width:640px;margin:0 auto;line-height:1.55}
.px-timeline{position:relative;display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 0 18px;margin-bottom:20px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.px-timeline__track{position:absolute;top:11px;left:0;right:0;height:2px;background:rgba(255,255,255,.12);pointer-events:none}
.px-timeline__fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#39ff8b,#f5b83d);transition:width .6s ease}
.px-timeline__cell{position:relative;flex:1 0 0;min-width:104px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:0 6px;scroll-snap-align:center}
.px-timeline__dot{width:22px;height:22px;flex:none;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#0b0e0c;display:flex;align-items:center;justify-content:center;color:#0b0e0c;z-index:1;transition:all .3s}
.px-timeline__cell.is-done .px-timeline__dot{border-color:#39ff8b;background:#39ff8b;color:#04150b}
.px-timeline__cell.is-next .px-timeline__dot{border-color:#f5b83d;background:rgba(245,184,61,.15);box-shadow:0 0 0 5px rgba(245,184,61,.14);animation:px-tl-pulse 1.6s ease-in-out infinite}
@keyframes px-tl-pulse{0%,100%{box-shadow:0 0 0 4px rgba(245,184,61,.12)}50%{box-shadow:0 0 0 8px rgba(245,184,61,.28)}}
.px-timeline__pct{font-family:"Orbitron",sans-serif;font-weight:900;font-size:15.5px;color:rgba(255,255,255,.85);letter-spacing:.02em}
.px-timeline__cell.is-next .px-timeline__pct{color:#f5b83d}
.px-timeline__cell.is-done .px-timeline__pct{color:#39ff8b}
.px-timeline__label{font-family:"Rajdhani",sans-serif;font-weight:700;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.82);max-width:120px}
.px-timeline__state{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.px-timeline__cell.is-next .px-timeline__state{color:#f5b83d}
.px-timeline__cell.is-done .px-timeline__state{color:#39ff8b;letter-spacing:.02em}
.px-ladder__mystery{
  position:relative;isolation:isolate;display:block;overflow:hidden;
  width:calc(100% - 48px);max-width:1180px;margin:28px auto 18px;padding:30px 26px 18px;text-align:center;
  border:1px solid rgba(220,180,74,.38);border-radius:26px;
  background:
    radial-gradient(70% 48% at 50% 48%,rgba(57,255,139,.13),transparent 72%),
    radial-gradient(42% 36% at 50% 12%,rgba(245,184,61,.13),transparent 74%),
    linear-gradient(180deg,#050806 0%,#020403 72%,#070604 100%);
  box-shadow:0 30px 90px -38px rgba(0,0,0,.95),0 0 70px -42px rgba(57,255,139,.55),inset 0 1px rgba(255,255,255,.05)
}
.px-ladder__mystery::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 74%)
}
.px-mystery__head{position:relative;z-index:3}
.px-mystery__eyebrow{
  display:inline-flex;margin-bottom:5px;color:#39ff8b;font:800 11px/1 "Orbitron",sans-serif;
  letter-spacing:.22em;text-transform:uppercase
}
.px-mystery__title{
  margin:0;font:900 clamp(38px,7vw,78px)/.96 "Orbitron",sans-serif;letter-spacing:.01em;
  color:#f7df9a;background:linear-gradient(180deg,#fff8d9 4%,#f8d990 33%,#9e6412 72%,#ffe8a2);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 5px 0 rgba(72,38,2,.75)) drop-shadow(0 0 18px rgba(244,184,61,.45));
  transform-origin:50% 55%;will-change:transform,filter;
  animation:px-mystery-title-pulse 3.2s ease-in-out infinite
}
@keyframes px-mystery-title-pulse{
  0%,68%,100%{
    transform:scale(1);
    filter:brightness(1) drop-shadow(0 5px 0 rgba(72,38,2,.75)) drop-shadow(0 0 18px rgba(244,184,61,.45))
  }
  80%{
    transform:scale(1.025);
    filter:brightness(1.22) drop-shadow(0 5px 0 rgba(72,38,2,.72)) drop-shadow(0 0 30px rgba(255,203,82,.78))
  }
  90%{
    transform:scale(1.008);
    filter:brightness(1.08) drop-shadow(0 5px 0 rgba(72,38,2,.75)) drop-shadow(0 0 22px rgba(244,184,61,.58))
  }
}
.px-mystery__rule{
  margin:14px 0 0!important;color:#39ff8b!important;font:800 clamp(11px,1.8vw,16px)/1.35 "Orbitron",sans-serif!important;
  letter-spacing:.15em!important;text-transform:uppercase;text-shadow:0 0 16px rgba(57,255,139,.32)
}
.px-mega-inline{
  position:relative;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;
  width:min(720px,calc(100% - 24px));margin:15px auto 3px;padding:10px 13px;border:1px solid rgba(46,255,125,.28);
  border-radius:14px;background:linear-gradient(90deg,rgba(46,255,125,.09),rgba(4,9,6,.88) 34%,rgba(255,198,55,.06));
  color:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 32px -24px rgba(46,255,125,.8),inset 0 1px rgba(255,255,255,.05);
  transition:transform .2s ease,border-color .2s ease,background .2s ease
}
.px-mega-inline:hover{transform:translateY(-2px);border-color:rgba(46,255,125,.58);background:linear-gradient(90deg,rgba(46,255,125,.15),rgba(4,9,6,.92) 38%,rgba(255,198,55,.09))}
.px-mega-inline:focus-visible{outline:2px solid #fff;outline-offset:3px}
.px-mega-inline__x{display:grid;width:39px;height:39px;place-items:center;border:1px solid rgba(46,255,125,.54);border-radius:50%;background:#07150c;color:#2eff7d;font:900 22px/1 "Orbitron",sans-serif;text-shadow:0 0 12px #20f774;box-shadow:0 0 20px -8px #2eff7d;animation:px-mega-inline-x 2s ease-in-out infinite}
.px-mega-inline__copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.px-mega-inline__copy small{display:flex;align-items:center;gap:5px;color:#78ffa5;font:800 8px/1.2 "Orbitron",sans-serif;letter-spacing:.13em}
.px-mega-inline__copy small i{width:6px;height:6px;border-radius:50%;background:#2eff7d;box-shadow:0 0 8px #2eff7d}
.px-mega-inline__copy strong{overflow:hidden;color:#fff;font:800 11px/1.3 "Orbitron",sans-serif;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}
.px-mega-inline__copy em{color:rgba(255,255,255,.55);font:600 11px/1.25 "Rajdhani",sans-serif;font-style:normal}
.px-mega-inline__progress{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:0;color:#ffd05a;font:900 13px/1 "Orbitron",sans-serif;white-space:nowrap}
.px-mega-inline__score{display:flex;align-items:baseline;justify-content:flex-end;flex:0 0 100%}
.px-mega-inline__score small{margin-left:6px;color:#2eff7d;font-size:7px;letter-spacing:.1em}
.px-mega-inline__timer{display:flex;align-items:center;justify-content:flex-end;flex:0 0 100%;gap:4px;margin-top:5px;color:rgba(255,255,255,.72);font:800 9px/1 "Orbitron",sans-serif;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.px-mega-inline__timer>span{color:#ffd05a;font:900 11px/1 Arial,sans-serif}
.px-mega-inline__timer b{color:#fff;text-shadow:0 0 10px rgba(255,208,90,.25)}
.px-mega-inline--tickets{border-color:rgba(64,215,255,.42);background:linear-gradient(100deg,rgba(6,32,47,.96),rgba(3,9,16,.96) 52%,rgba(43,28,5,.94));box-shadow:inset 0 1px rgba(255,255,255,.045),0 0 24px rgba(46,199,255,.1)}
.px-mega-inline--tickets:hover{border-color:rgba(83,224,255,.72);background:linear-gradient(100deg,rgba(10,50,69,.98),rgba(3,11,20,.97) 52%,rgba(58,39,7,.96));box-shadow:0 10px 34px rgba(0,0,0,.38),0 0 30px rgba(48,205,255,.17)}
.px-mega-inline--tickets .px-mega-inline__x{border-color:rgba(75,220,255,.66);background:radial-gradient(circle,#10384b,#030a11 72%);color:#54ddff;text-shadow:0 0 12px #26c8ff;box-shadow:inset 0 0 0 3px rgba(255,205,75,.045),0 0 23px rgba(41,204,255,.35);animation:px-mega-ticket-x 2s ease-in-out infinite}
.px-mega-inline--tickets .px-mega-inline__copy small,.px-mega-inline--tickets .px-mega-inline__score small{color:#65e5ff}
.px-mega-inline--tickets .px-mega-inline__copy small i{background:#4edcff;box-shadow:0 0 10px #28caff}
.px-mega-inline--tickets .px-mega-inline__progress{color:#ffd15c}
@keyframes px-mega-ticket-x{50%{filter:brightness(1.45);box-shadow:inset 0 0 0 3px rgba(255,205,75,.09),0 0 29px rgba(41,204,255,.6);text-shadow:0 0 18px #4adfff,0 0 30px rgba(40,196,255,.55)}}
@keyframes px-mega-inline-x{50%{filter:brightness(1.45);box-shadow:0 0 25px -3px #2eff7d;text-shadow:0 0 18px #20f774}}
.px-mystery__art{position:relative;z-index:1;max-width:940px;margin:-16px auto -26px}
.px-mystery__art[data-open-buymodal]{cursor:pointer;border-radius:24px;outline:0;transition:filter .22s ease}
.px-mystery__art[data-open-buymodal]:hover{filter:brightness(1.09)}
.px-mystery__art[data-open-buymodal]:focus-visible{outline:2px solid #2eff7d;outline-offset:4px}
.px-mystery__art::after{
  content:"";position:absolute;left:16%;right:16%;bottom:8%;height:13%;z-index:-1;
  background:rgba(57,255,139,.32);filter:blur(34px);border-radius:50%
}
.px-mystery__art>img{display:block;width:100%;height:auto;filter:saturate(1.06) contrast(1.03)}
.px-mystery__float{
  --px-float-rotate:0deg;--px-float-x:4px;--px-float-y:-8px;
  position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;
  min-width:145px;padding:10px 13px;border:1px solid currentColor;border-radius:10px;
  background:rgba(3,7,5,.74);backdrop-filter:blur(8px);box-shadow:0 0 22px -8px currentColor;
  font:800 11px/1.2 "Orbitron",sans-serif;letter-spacing:.06em;text-transform:uppercase;
  will-change:transform;animation:px-mystery-float 4.8s ease-in-out infinite;
  transition:filter .2s,box-shadow .2s
}
.px-mystery__float>span{font-size:24px;line-height:1}
.px-mystery__float--bonus{top:25%;left:1%;color:#f7c952;--px-float-rotate:-5deg;--px-float-x:5px;animation-delay:-.4s}
.px-mystery__float--x2{top:25%;right:1%;color:#55d8ff;--px-float-rotate:5deg;--px-float-x:-5px;--px-float-y:-10px;animation-delay:-2.5s;animation-duration:5.4s}
.px-mystery__float--discount{bottom:21%;left:0;color:#65ff62;--px-float-rotate:-7deg;--px-float-x:7px;--px-float-y:-6px;animation-delay:-3.1s;animation-duration:5.8s}
.px-mystery__float--cash{bottom:21%;right:0;color:#ffca58;--px-float-rotate:7deg;--px-float-x:-6px;--px-float-y:-9px;animation-delay:-1.5s;animation-duration:5.1s}
.px-mystery__float--surprise{
  top:8%;left:50%;translate:-50% 0;color:#df8cff;
  --px-float-rotate:0deg;--px-float-x:0;--px-float-y:-7px;
  animation-delay:-3.8s;animation-duration:5.6s
}
.px-mystery__float:hover{
  animation-play-state:paused;filter:brightness(1.25);
  box-shadow:0 0 32px -5px currentColor
}
.px-mystery__buy-hint{position:absolute;z-index:5;left:50%;bottom:10%;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(255,215,112,.52);border-radius:999px;background:rgba(3,7,5,.88);color:#ffe39a;box-shadow:0 8px 24px rgba(0,0,0,.42),0 0 22px -12px #ffcc54;transform:translateX(-50%);font:800 9px/1 "Orbitron",sans-serif;letter-spacing:.035em;white-space:nowrap;pointer-events:none}
@keyframes px-mystery-float{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--px-float-rotate))}
  34%{transform:translate3d(var(--px-float-x),var(--px-float-y),0) rotate(var(--px-float-rotate))}
  67%{transform:translate3d(0,2px,0) rotate(var(--px-float-rotate))}
}
.px-mystery__rewards{
  position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);
  max-width:950px;margin:-20px auto 0;border:1px solid rgba(228,194,107,.34);border-radius:20px;
  background:rgba(5,8,6,.9);box-shadow:0 20px 58px -28px #000;backdrop-filter:blur(14px)
}
.px-mystery__reward{
  position:relative;display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;
  gap:8px;padding:17px 8px;color:#fff;transition:transform .22s ease,background .22s ease
}
.px-mystery__reward:hover{transform:translateY(-4px);background:rgba(255,255,255,.035)}
.px-mystery__reward+.px-mystery__reward::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:rgba(255,255,255,.12)
}
.px-mystery__reward-icon{
  display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid currentColor;
  border-radius:13px;font:900 23px/1 "Orbitron",sans-serif;box-shadow:0 0 18px -7px currentColor;
  animation:px-mystery-icon-pulse 3.6s ease-in-out infinite
}
.px-mystery__reward:nth-child(2) .px-mystery__reward-icon{animation-delay:-.9s}
.px-mystery__reward:nth-child(3) .px-mystery__reward-icon{animation-delay:-1.8s}
.px-mystery__reward:nth-child(4) .px-mystery__reward-icon{animation-delay:-2.7s}
@keyframes px-mystery-icon-pulse{
  0%,72%,100%{transform:translateY(0) scale(1);box-shadow:0 0 18px -7px currentColor}
  84%{transform:translateY(-3px) scale(1.06);box-shadow:0 0 28px -4px currentColor}
}
.px-mystery__reward strong{
  display:block;margin:0!important;color:#fff!important;font:800 11px/1.35 "Orbitron",sans-serif!important;
  letter-spacing:.04em!important;text-transform:uppercase
}
.px-mystery__reward--gold{color:#f7c952}.px-mystery__reward--green{color:#39ff8b}
.px-mystery__reward--blue{color:#55d8ff}.px-mystery__reward--amber{color:#ffc44f}
/* Info-point tooltip (hover/focus) — replaces the inline note to save space */
.px-infopoint{position:relative;display:inline-flex;vertical-align:middle;margin-left:8px}
.px-infopoint__btn{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:transparent;color:rgba(255,255,255,.7);font-size:12px;font-weight:800;font-family:Georgia,serif;font-style:italic;line-height:1;cursor:help;display:flex;align-items:center;justify-content:center;transition:all .2s}
.px-infopoint__btn:hover,.px-infopoint__btn:focus-visible{border-color:#39ff8b;color:#39ff8b}
.px-infopoint__tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);width:420px;max-width:82vw;max-height:60vh;overflow:auto;background:#101512;border:1px solid rgba(57,255,139,.4);border-radius:12px;padding:13px 15px;color:rgba(255,255,255,.85);font-size:13px;font-weight:400;font-family:inherit;line-height:1.55;text-align:left;text-transform:none;letter-spacing:0;box-shadow:0 16px 40px rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}
.px-infopoint__tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:rgba(57,255,139,.4)}
.px-infopoint__row{display:block}.px-infopoint__row+.px-infopoint__row{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1)}.px-infopoint__row>strong{display:block;margin-bottom:3px;color:#7dffb0;font:800 10px/1.25 "Orbitron",sans-serif;letter-spacing:.04em}.px-infopoint__row>span{display:block;color:rgba(255,255,255,.78);font-size:12px;line-height:1.45}
.px-infopoint:hover .px-infopoint__tip,.px-infopoint__btn:focus-visible + .px-infopoint__tip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
@media(max-width:640px){.px-reward-track__title{position:relative}.px-reward-track__title .px-infopoint{position:static;transform:none}.px-reward-track__title .px-infopoint__tip{top:calc(100% + 10px);bottom:auto;left:0;right:auto;width:100%;max-width:calc(100vw - 40px);transform:translateY(4px)}.px-reward-track__title .px-infopoint:hover .px-infopoint__tip,.px-reward-track__title .px-infopoint__btn:focus-visible + .px-infopoint__tip{transform:translateY(0)}.px-reward-track__title .px-infopoint__tip::after{top:auto;bottom:100%;left:65%;border-top-color:transparent;border-bottom-color:rgba(57,255,139,.4)}}
@media (max-width:760px){
	.px-gallery__thumbs{
		display:flex;box-sizing:border-box;width:100%;max-width:100%;min-width:0;gap:10px;padding:2px 2px 6px;
		overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
		scroll-padding-inline:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch
	}
	.px-gallery__thumbs::-webkit-scrollbar{display:none}
	.px-gallery__thumb{
		flex:0 0 calc((100% - 30px)/4);width:calc((100% - 30px)/4);min-width:0;
		scroll-snap-align:start;scroll-snap-stop:normal
	}
  .px-timeline__cell{min-width:96px}
  .px-ladder__mystery{width:100%;max-width:none;margin:0;padding:22px 8px 15px;border-radius:20px}
  .px-mystery__eyebrow{font-size:9px}
  .px-mystery__title{font-size:clamp(30px,8.6vw,40px);white-space:nowrap}
  .px-mystery__rule{margin-top:11px!important;font-size:clamp(9px,2.7vw,12px)!important;letter-spacing:.09em!important}
  .px-mega-inline{width:calc(100% - 12px);margin:12px auto 4px;gap:9px;padding:9px 10px;border-radius:12px}
  .px-mega-inline__x{width:34px;height:34px;font-size:19px}
  .px-mega-inline__copy strong{font-size:9px}
  .px-mega-inline__copy em{font-size:9.5px}
  .px-mega-inline__progress{font-size:10px}
  .px-mega-inline__score small{display:none}
  .px-mega-inline__timer{gap:3px;font-size:7.5px}
  .px-mega-inline__timer>span{font-size:9px}
  .px-mystery__art{width:112%;margin:-5px -6% -16px}
  .px-mystery__float{min-width:92px;max-width:108px;gap:5px;padding:7px 7px;font-size:8px;border-radius:8px}
  .px-mystery__float .px-ico{width:17px;height:17px}
  .px-mystery__float>span{font-size:18px}
  .px-mystery__float--bonus{top:25%;left:5%;--px-float-rotate:-5deg}
  .px-mystery__float--x2{top:26%;right:5%;--px-float-rotate:5deg}
  .px-mystery__float--discount{bottom:20%;left:3%;--px-float-rotate:-6deg}
  .px-mystery__float--cash{bottom:20%;right:3%;--px-float-rotate:6deg}
  .px-mystery__float--surprise{top:7%;left:50%;min-width:112px;max-width:122px}
  .px-mystery__buy-hint{bottom:8%;padding:7px 9px;font-size:7.5px}
  .px-mystery__rewards{margin:-6px 0 0;border-radius:14px}
  .px-mystery__reward{gap:6px;padding:12px 2px}
  .px-mystery__reward-icon{width:34px;height:34px;border-radius:10px;font-size:17px}
  .px-mystery__reward-icon .px-ico{width:20px;height:20px}
  .px-mystery__reward strong{font-size:8px!important;line-height:1.3!important}
}

/* ===== Hero density: tighter vertical rhythm (notes + drop bar) ===== */
.px-phero__price-note{margin:3px 0 6px !important;padding:7px 12px;font-size:13.5px}
.px-phero__price-note + .px-phero__price-note{margin-top:0 !important}
.px-phero__progress{margin:8px 0 6px}
.px-drop{margin:8px 0 4px;padding:10px 14px}
.px-drop__head{margin-bottom:6px}
.px-drop__meta{margin-top:5px}
.px-drops-feed{margin-top:6px}
.px-phero__cta{margin-top:12px}

/* ===== Hero stats: premium three-card dashboard ===== */
.px-phero__stats--cards{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
  width:100%;max-width:720px;padding:0
}
.px-phero__stats--cards .px-stat{
  position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);
  align-items:center;gap:11px;min-width:0;padding:13px 14px;overflow:hidden;
  border:1px solid rgba(255,255,255,.11);border-radius:15px;
  background:
    radial-gradient(90% 100% at 0 0,rgba(57,255,139,.095),transparent 70%),
    linear-gradient(180deg,rgba(7,15,10,.84),rgba(3,8,5,.9));
  box-shadow:0 16px 38px -28px #000,inset 0 1px rgba(255,255,255,.045);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.px-phero__stats--cards .px-stat::before{
  content:"";position:absolute;z-index:-1;inset:0;opacity:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.075) 48%,transparent 75%);
  transform:translateX(-85%);transition:opacity .22s
}
.px-phero__stats--cards .px-stat::after{
  content:"";position:absolute;left:15%;right:15%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--px-stat-accent,#39ff8b),transparent);
  box-shadow:0 0 12px var(--px-stat-accent,#39ff8b)
}
.px-phero__stats--cards .px-stat:hover{
  transform:translateY(-3px);border-color:color-mix(in srgb,var(--px-stat-accent,#39ff8b) 48%,transparent);
  box-shadow:0 18px 38px -24px #000,0 0 24px -18px var(--px-stat-accent,#39ff8b)
}
.px-phero__stats--cards .px-stat:hover::before{opacity:1;animation:px-stat-sheen .85s ease}
@keyframes px-stat-sheen{to{transform:translateX(85%)}}
.px-phero__stats--cards .px-stat--filled{--px-stat-accent:#f5c756}
.px-phero__stats--cards .px-stat--price{--px-stat-accent:#39ff8b}
.px-phero__stats--cards .px-stat__icon{
  display:flex;align-items:center;justify-content:center;width:39px;height:39px;margin:0;
  border:1px solid color-mix(in srgb,var(--px-stat-accent,#39ff8b) 48%,transparent);
  border-radius:11px;background:color-mix(in srgb,var(--px-stat-accent,#39ff8b) 10%,transparent);
  color:var(--px-stat-accent,#39ff8b);
  font:900 16px/1 "Orbitron",sans-serif;letter-spacing:0;
  box-shadow:0 0 18px -10px var(--px-stat-accent,#39ff8b)
}
.px-phero__stats--cards .px-stat__icon svg{width:19px;height:19px}
.px-phero__stats--cards .px-stat__content{display:flex;min-width:0;flex-direction:column;gap:4px}
.px-phero__stats--cards .px-stat strong{
  overflow:hidden;font-family:"Orbitron",sans-serif;font-size:clamp(18px,1.75vw,25px);
  font-weight:900;line-height:1.05;white-space:nowrap;text-overflow:ellipsis
}
.px-phero__stats--cards .px-stat--filled strong{color:#f5d06b;text-shadow:0 0 18px rgba(245,199,86,.2)}
.px-phero__stats--cards .px-stat--price strong{color:#39ff8b;text-shadow:0 0 18px rgba(57,255,139,.18)}
.px-phero__stats--cards .px-stat strong em{font-family:"Rajdhani",sans-serif;font-size:.56em}
.px-phero__stats--cards .px-stat__label{
  display:block;margin:0;color:rgba(255,255,255,.48);font:800 9px/1.15 "Orbitron",sans-serif;
  letter-spacing:.13em;text-transform:uppercase;white-space:nowrap
}

/* ===== Mobile gallery strip (under the title, phones only) ===== */
.px-mgallery{display:none}
@media (max-width:760px){
  .px-mgallery{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:4px 2px 10px;margin:10px 0 4px}
  .px-mgallery__item{flex:0 0 auto;width:132px;height:96px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.16);scroll-snap-align:start}
  .px-mgallery__item img{width:100%;height:100%;object-fit:cover;display:block}
  /* CTA-urile din hero: pe telefon stau unul sub altul, full width */
  .px-phero__cta{flex-direction:column;align-items:stretch}
  .px-phero__cta .px-btn{width:100%;justify-content:center;text-align:center}
}
/* WhatsApp bubble: deasupra barei sticky pe telefon, nu peste buton */
@media (max-width:760px){
  .px-wa{bottom:96px !important}
}

/* Mobile fix: the side rail (Top-3 + prize timeline) must be allowed to shrink —
   min-width:auto let the 9-cell timeline force a 900px+ grid track on phones. */
.px-phero__side{min-width:0}
.px-phero__side-inner{min-width:0}
.px-timeline{max-width:100%}

/* ===== Mobile compaction: tighter rhythm on phones ===== */
@media (max-width:760px){
  .px-phero{padding-bottom:8px!important}
  .px-phero__main{gap:10px}
  .px-phero__crumbs{margin-bottom:0;font-size:12.5px}
  .px-phero__title{margin:2px 0 4px;font-size:clamp(24px,7vw,30px)}
  .px-phero__stats{margin:2px 0}
  .px-phero__stats--cards{gap:6px}
  .px-phero__stats--cards .px-stat{
    display:flex;min-height:82px;align-items:flex-start;justify-content:center;flex-direction:column;
    gap:6px;padding:9px 8px;border-radius:12px
  }
  .px-phero__stats--cards .px-stat__icon{width:27px;height:27px;border-radius:8px;font-size:11px}
  .px-phero__stats--cards .px-stat__icon svg{width:15px;height:15px}
  .px-phero__stats--cards .px-stat__content{gap:4px;width:100%}
  .px-phero__stats--cards .px-stat strong{font-size:clamp(16px,4.7vw,20px)}
  .px-phero__stats--cards .px-stat--price strong{gap:4px;font-size:16px}
  .px-phero__stats--cards .px-stat--price .px-stat__was{margin-right:0;font-size:9px}
  .px-phero__stats--cards .px-stat__label{font-size:7.5px;letter-spacing:.08em}
  .px-phero__stats--cards .px-stat:hover{transform:none}
  .px-phero__price-note{margin:2px 0 !important;padding:6px 11px;font-size:13px}
  .px-phero__progress{margin:4px 0 2px}
  .px-drop{margin:4px 0 2px;padding:9px 12px}
  .px-drops-feed{margin-top:2px}
  .px-phero__cta{margin-top:6px;gap:8px}
  .px-showcase{padding-top:18px;padding-bottom:18px}
  .px-showcase__grid{row-gap:14px}
  /* gallery moved under the title */
  .px-phero__main .px-showcase__media{position:relative;margin:2px 0 4px}
  .px-phero__main .px-gallery__thumbs{margin-top:8px}
  .px-showcase__media>.px-phero__price-note--offer{
    position:absolute;z-index:8;top:10px;left:10px;width:auto;max-width:calc(100% - 20px);
    display:inline-flex;align-items:center;margin:0!important;padding:7px 10px!important;
    border:1px solid rgba(57,255,139,.58);border-radius:999px;
    background:rgba(3,10,6,.88)!important;backdrop-filter:blur(9px);
    box-shadow:0 8px 24px -12px #000,0 0 20px -12px rgba(57,255,139,.8);
    color:#fff!important;font-size:11px!important;line-height:1.15!important;
    white-space:nowrap;pointer-events:none
  }
  /* Mystery Box sits directly above the purchase rail; description remains below. */
  .px-ladder__mystery + .px-showcase__buy{margin-top:0}
  .px-showcase__buy ~ .px-showcase__desc{margin:14px 0 0}
  /* condensed prize-drops timeline */
  .px-ladder{padding:22px 0 4px}
  .px-ladder__head{margin-bottom:12px}
  .px-ladder__sub{font-size:13px}
  .px-timeline{padding:2px 0 8px;margin-bottom:8px}
  .px-timeline__cell{min-width:86px;gap:4px}
  .px-timeline__pct{font-size:13.5px}
  .px-timeline__label{font-size:11.5px;max-width:100px}
  .px-timeline__state{font-size:9px}
}

/* Modal skill answers: 3 columns to save vertical space */
.px-buymodal .px-qa__options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.px-buymodal .px-qa__option-box{width:100%;text-align:center;padding:10px 6px;font-size:13.5px;line-height:1.25;min-height:44px;display:flex;align-items:center;justify-content:center}
@media (max-width:400px){.px-buymodal .px-qa__option-box{font-size:12.5px;padding:9px 4px}}

/* Top 10 re-homed on mobile: tighten its section spacing */
@media (max-width:760px){
  .px-ladder__mystery + .px-top10-wrap,#px-top10{scroll-margin-top:80px}
  .px-showcase__buy ~ .px-top10-wrap{padding:14px 0 6px}
  /* JS re-homes Latest Tickets immediately before Top 10 on phones. Let the
     live strip use the same full-bleed width as the leaderboard below it. */
  .px-showcase__buy ~ .px-ticker{
    width:calc(100% + 48px);
    margin:14px -24px 0;
  }
  .px-showcase__buy ~ .px-mystery-awards{
    width:calc(100% + 48px);
    margin:0 -24px;
  }
  .px-showcase__buy + .px-mystery-awards{margin-top:14px}
  /* Use almost the full phone width. The global container has 24px on each
     side, which is too much for this three-column leaderboard. */
  #px-top10 > .px-container{padding-left:8px;padding-right:8px}
  /* On phones JS moves Top 10 inside the showcase container, otherwise its
     outer 24px padding would still stack with the 8px above. */
  .px-showcase__buy ~ #px-top10{
    width:calc(100% + 48px);
    margin-left:-24px;
    margin-right:-24px
  }
}

/* ===== ProjectX suitcase icon (lid opens) ===== */
.px-case{overflow:visible}
.px-case .px-case__lid{transform-origin:4px 10px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.px-ladder__mystery:hover .px-case__lid,.px-drop:hover .px-case--sm .px-case__lid{transform:rotate(-14deg) translateY(-1px)}
.px-drop__pill .px-case--sm{vertical-align:-2px;margin-right:2px}
.px-ladder__mystery .px-case__lid{animation:px-case-peek 3.2s ease-in-out infinite}
@keyframes px-case-peek{0%,78%,100%{transform:none}86%,92%{transform:rotate(-12deg) translateY(-1px)}}

@media (prefers-reduced-motion:reduce){
  .px-mystery__title,.px-mystery__float,.px-mystery__reward-icon,.px-mega-inline__x{animation:none}
  .px-mystery__reward{transition:none}
  .px-reward-track__eyebrow i,.px-reward-track__fill::after,.px-reward-track__step.is-next .px-reward-track__node{animation:none}
  .px-reward-track__fill,.px-reward-track__current,.px-reward-track__node{transition:none}
  .px-reward-live__status i,.px-reward-live__card--new{animation:none}
  .px-reward-live__card,.px-reward-live__card::after{transition:none}
  .px-mystery-awards__head em i,.px-mystery-award--new,.px-mystery-awards__rail.is-moving{animation:none}
}

/* ===== Hero background slideshow ===== */
/* Same stacking level as the base background (-3): later sibling paints above
   the old image but stays BELOW the scrim and every hero element. */
.px-phero__bg--layer{opacity:0;transition:opacity 1.4s ease;z-index:-3;pointer-events:none}
.px-phero__bg--layer.is-visible{opacity:1}

/* ===== Description: full-width section under Top 10 (desktop) ===== */
.px-desc-wrap{padding:34px 0 10px}
.px-desc-wrap__title{font-family:"Orbitron",sans-serif;font-size:clamp(18px,2.6vw,24px);font-weight:800;color:#fff;margin:0 0 14px}
.px-showcase__desc--full{max-width:none;columns:1}
@media (min-width:900px){.px-showcase__desc--full{font-size:15.5px;line-height:1.75}}
@media (max-width:760px){.px-desc-wrap{padding:18px 0 6px}}

/* Small phones: bottom padding of a scroll container is ignored for overflowing
   content in WebKit/Blink — a real spacer guarantees the pay button clears the
   screen edge on every device. */
.px-buymodal__panel::after{content:"";display:block;flex-shrink:0;height:calc(56px + env(safe-area-inset-bottom))}

/* iOS Safari: the modal must size to the VISIBLE (dynamic) viewport — with the
   layout viewport it thinks everything fits, disables scrolling and leaves the
   pay button unreachable behind the bottom toolbar. */
.px-buymodal.is-open{height:100vh;height:100dvh;bottom:auto}
.px-buymodal__panel{max-height:100vh;max-height:100dvh}
/* the cookie revisit bubble must never sit on top of the checkout modal */
body.px-buymodal-open .px-consent-revisit{display:none}
body.px-mega-modal-open{overflow:hidden}
/* Competition pages already have a persistent purchase bar in this corner.
   Keep the initial consent banner, but remove its floating revisit shortcut. */
body.px-single-lottery .px-consent-revisit{display:none!important}

/* ===== Mega Mystery Drop · community charge ===== */
.px-mega{--mega-progress:0%;position:relative;margin:18px auto 10px;overflow:hidden;border-block:1px solid rgba(46,255,125,.28);background:
 radial-gradient(circle at 50% 42%,rgba(38,255,118,.12),transparent 34%),
 radial-gradient(circle at 16% 10%,rgba(247,190,53,.08),transparent 28%),#030705;color:#fff;isolation:isolate}
.px-mega:before,.px-mega:after{content:"";position:absolute;inset:0;pointer-events:none}
.px-mega:before{z-index:-2;background-image:linear-gradient(rgba(46,255,125,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(46,255,125,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
.px-mega:after{z-index:5;border:1px solid transparent;box-shadow:inset 0 0 90px rgba(0,0,0,.78)}
.px-mega__energy{position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#2eff7d,#ffd053,#2eff7d,transparent);box-shadow:0 0 22px #2eff7d;animation:px-mega-scan 4.2s ease-in-out infinite}
.px-mega__inner{position:relative;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(300px,1fr);grid-template-areas:"head stage" "console console" "foot foot";align-items:center;gap:12px 34px;padding-block:28px 25px}
.px-mega__head{grid-area:head;position:relative;z-index:2}
.px-mega__live{display:inline-flex;align-items:center;gap:7px;color:#4cff8b;font:800 10px/1 "Orbitron",sans-serif;letter-spacing:.18em}
.px-mega__live i{width:7px;height:7px;border-radius:50%;background:#2eff7d;box-shadow:0 0 0 5px rgba(46,255,125,.1),0 0 15px #2eff7d;animation:px-mega-live 1.5s ease infinite}
.px-mega__head h2{margin:14px 0 9px;font:900 clamp(27px,4.5vw,56px)/.94 "Orbitron",sans-serif;letter-spacing:-.045em;background:linear-gradient(180deg,#fff 5%,#f8d77d 48%,#a56b12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(246,187,54,.2))}
.px-mega__head p{max-width:540px;margin:0;color:rgba(255,255,255,.64);font:600 15px/1.5 "Rajdhani",sans-serif}
.px-mega__stage{grid-area:stage;display:flex;align-items:center;justify-content:center;gap:12px;min-height:235px}
.px-mega__orb{position:relative;display:grid;flex:0 0 210px;width:210px;height:210px;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(41,255,121,.13),transparent 63%);filter:drop-shadow(0 0 25px rgba(41,255,121,.18))}
.px-mega__orb:before,.px-mega__orb:after{content:"";position:absolute;border-radius:50%}
.px-mega__orb:before{inset:8px;border:1px solid rgba(46,255,125,.18);border-left-color:#2eff7d;border-right-color:#e7b338;animation:px-mega-orbit 8s linear infinite}
.px-mega__orb:after{inset:24px;border:1px dashed rgba(255,255,255,.13);animation:px-mega-orbit 13s linear reverse infinite}
.px-mega__x{position:absolute;font:900 152px/.8 "Orbitron",sans-serif;letter-spacing:-.13em;transform:translateX(-7px)}
.px-mega__x--base{color:rgba(255,255,255,.035);-webkit-text-stroke:2px rgba(255,255,255,.15)}
.px-mega__x--charge{color:#20f774;text-shadow:0 0 9px #20f774,0 0 28px rgba(32,247,116,.72),0 0 60px rgba(32,247,116,.38);clip-path:inset(calc(100% - var(--mega-progress)) -20px -20px -20px);transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1)}
.px-mega__core{position:relative;z-index:3;display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(255,207,76,.55);border-radius:14px;background:linear-gradient(145deg,#111914,#030705);box-shadow:0 0 0 6px rgba(0,0,0,.5),0 0 30px rgba(246,188,50,.18);transform:rotate(45deg)}
.px-mega__core i{position:absolute;inset:5px;border:1px solid rgba(46,255,125,.25);border-radius:9px}
.px-mega__core b{font:900 24px/1 "Orbitron",sans-serif;color:#ffd05a;transform:rotate(-45deg);text-shadow:0 0 16px rgba(255,208,90,.8)}
.px-mega__secret{display:flex;min-width:155px;flex-direction:column;gap:6px}
.px-mega__secret small{color:#8ea298;font:800 9px/1 "Orbitron",sans-serif;letter-spacing:.15em}
.px-mega__secret strong{color:#ffd05a;font:900 clamp(16px,2vw,23px)/1.15 "Orbitron",sans-serif;text-transform:uppercase}
.px-mega__secret span{max-width:210px;color:rgba(255,255,255,.44);font:600 12px/1.35 "Rajdhani",sans-serif}
.px-mega__console{grid-area:console;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:18px;padding:14px 17px;border:1px solid rgba(46,255,125,.17);border-radius:16px;background:rgba(2,8,4,.76);box-shadow:inset 0 0 26px rgba(46,255,125,.035)}
.px-mega__numbers span{display:block;font:900 21px/1 "Orbitron",sans-serif;color:#fff}.px-mega__numbers span b:first-child{color:#38ff82}.px-mega__numbers small,.px-mega__time span{display:block;margin-top:5px;color:rgba(255,255,255,.43);font:800 8px/1 "Orbitron",sans-serif;letter-spacing:.12em}
.px-mega__bar{position:relative;height:12px;overflow:visible;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#090e0b;box-shadow:inset 0 2px 6px rgba(0,0,0,.8)}
.px-mega__bar i{position:absolute;inset:-1px auto -1px -1px;width:0;border-radius:inherit;background:linear-gradient(90deg,#0bbb4e,#2eff7d 72%,#ffe067);box-shadow:0 0 14px rgba(46,255,125,.55);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.px-mega__bar b{position:absolute;top:50%;left:var(--mega-progress);width:22px;height:22px;border:2px solid #dfff8a;border-radius:50%;background:#2eff7d;box-shadow:0 0 20px #2eff7d;transform:translate(-50%,-50%);transition:left 1.1s cubic-bezier(.2,.8,.2,1)}
.px-mega__time{text-align:right}.px-mega__time strong{display:block;margin-top:5px;color:#ffd05a;font:900 20px/1 "Orbitron",sans-serif;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.px-mega__foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:18px}.px-mega__foot p{margin:0;color:rgba(255,255,255,.54);font:600 13px/1.35 "Rajdhani",sans-serif}.px-mega__foot .px-btn{flex:0 0 auto}
.px-mega.is-charging .px-mega__orb{animation:px-mega-charge 1.05s ease}.px-mega.is-resetting .px-mega__x--charge{filter:brightness(2)}
.px-mega.is-activated{border-color:rgba(255,206,74,.55);background:radial-gradient(circle at 60% 40%,rgba(255,190,42,.15),transparent 36%),#030705}.px-mega.is-activated .px-mega__orb{animation:px-mega-armed 1.15s ease-in-out infinite alternate}.px-mega.is-activated .px-mega__x--charge{color:#ffd34f;text-shadow:0 0 12px #ffca37,0 0 40px rgba(255,190,42,.8)}.px-mega.is-activated .px-mega__bar i{background:linear-gradient(90deg,#e89316,#fff074)}
@keyframes px-mega-scan{0%,100%{transform:translateX(-45%);opacity:.45}50%{transform:translateX(45%);opacity:1}}
@keyframes px-mega-live{50%{opacity:.38;transform:scale(.75)}}@keyframes px-mega-orbit{to{transform:rotate(360deg)}}
@keyframes px-mega-charge{45%{transform:scale(1.07);filter:brightness(1.6) drop-shadow(0 0 34px rgba(41,255,121,.5))}}
@keyframes px-mega-armed{to{transform:scale(1.035);filter:drop-shadow(0 0 34px rgba(255,194,48,.55))}}
@media(max-width:780px){.px-mega{margin-block:8px}.px-mega__inner{grid-template-columns:1fr;grid-template-areas:"head" "stage" "console" "foot";gap:8px;padding:24px 14px 20px;text-align:center}.px-mega__head p{margin-inline:auto;font-size:13px}.px-mega__stage{min-height:190px;gap:0}.px-mega__orb{flex-basis:175px;width:175px;height:175px}.px-mega__x{font-size:125px}.px-mega__secret{min-width:125px;text-align:left}.px-mega__secret strong{font-size:14px}.px-mega__console{grid-template-columns:1fr;gap:10px}.px-mega__numbers,.px-mega__time{text-align:center}.px-mega__bar{order:2}.px-mega__time{order:3}.px-mega__foot{flex-direction:column}.px-mega__foot p{max-width:440px}.px-mega__foot .px-btn{width:calc(100% - 54px);margin-right:54px}}
@media(max-width:410px){.px-mega__stage{transform:scale(.92);margin-inline:-16px}.px-mega__secret{min-width:118px}.px-mega__secret span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.px-mega *{animation:none!important;transition:none!important}}

/* Compact sticky Mega Drop launcher. The full presentation now lives in a
   click-open modal, so this component consumes no space in the page flow. */
.px-mega{position:fixed;z-index:250;left:22px;bottom:24px;margin:0;overflow:visible;border:0;background:none;color:#fff;isolation:auto;pointer-events:none;transition:bottom .38s cubic-bezier(.2,.8,.2,1)}
.px-toast-visible .px-mega{bottom:180px}
.px-mega:before,.px-mega:after{display:none}
.px-mega__launcher{position:relative;display:grid;width:226px;height:82px;padding:6px 13px 6px 6px;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;overflow:visible;border:1px solid rgba(46,255,125,.46);border-radius:999px;background:linear-gradient(105deg,rgba(5,25,13,.98),rgba(2,8,4,.97) 65%,rgba(27,20,4,.96));color:#fff;cursor:pointer;pointer-events:auto;box-shadow:0 16px 42px rgba(0,0,0,.68),0 0 30px rgba(46,255,125,.25),inset 0 1px rgba(255,255,255,.05);isolation:isolate;transition:transform .2s ease,filter .2s ease,border-color .2s ease;animation:px-mega-launcher-attention 3.2s ease-in-out infinite}
.px-mega__launcher:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.1)}
.px-mega__launcher:focus-visible{outline:3px solid #fff;outline-offset:4px}
.px-mega__launcher:after{content:"";position:absolute;inset:-6px;z-index:-1;border:1px solid rgba(46,255,125,.32);border-radius:inherit;opacity:0;pointer-events:none;animation:px-mega-launcher-ripple 3.2s ease-out infinite}
.px-mega__launcher-orb{position:relative;display:grid;width:70px;height:70px;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 44%,#153522 0 44%,#030705 72%);box-shadow:inset 0 0 0 1px rgba(46,255,125,.18),0 0 20px rgba(46,255,125,.18)}
.px-mega__launcher-orb:before{content:"";position:absolute;inset:7px;border:1px solid rgba(46,255,125,.25);border-radius:inherit;animation:px-mega-launcher-pulse 2.4s ease-in-out infinite}
.px-mega__launcher-ring{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(#2eff7d 0 var(--mega-progress),rgba(255,255,255,.12) var(--mega-progress) 100%);box-shadow:0 0 18px rgba(46,255,125,.25);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}
.px-mega__launcher-x{position:absolute;left:50%;top:50%;font:900 38px/.8 "Orbitron",sans-serif;color:#2eff7d;text-shadow:0 0 8px #20f774,0 0 22px rgba(32,247,116,.65);transform:translate(-50%,-50%);animation:px-mega-launcher-x-pulse 1.9s ease-in-out infinite}
.px-mega__launcher-count{position:absolute;bottom:9px;color:#ffd05a;font:900 8px/1 "Orbitron",sans-serif;letter-spacing:.03em}
.px-mega__launcher-live{position:absolute;right:7px;top:7px;width:9px;height:9px;border:2px solid #07100a;border-radius:50%;background:#2eff7d;box-shadow:0 0 10px #2eff7d;animation:px-mega-live 1.5s ease infinite}
.px-mega__launcher-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}.px-mega__launcher-copy small{display:flex;align-items:center;gap:6px;color:#72ffa1;font:800 8px/1.1 "Orbitron",sans-serif;letter-spacing:.1em;white-space:nowrap}.px-mega__launcher-copy small i{width:6px;height:6px;border-radius:50%;background:#2eff7d;box-shadow:0 0 9px #2eff7d}.px-mega__launcher-copy strong{display:flex;align-items:center;gap:5px;color:#fff;font:900 10px/1.15 "Orbitron",sans-serif;letter-spacing:.035em;white-space:nowrap}.px-mega__launcher-copy strong b{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#2eff7d;color:#031007;font:900 18px/1 Arial,sans-serif;box-shadow:0 0 13px rgba(46,255,125,.52)}
.px-mega__launcher-timer{display:flex;align-items:center;gap:4px;margin-top:1px;color:rgba(255,255,255,.52);font:800 8.3px/1 "Orbitron",sans-serif;letter-spacing:.055em;font-variant-numeric:tabular-nums;white-space:nowrap}.px-mega__launcher-timer em{color:rgba(255,255,255,.48);font:800 5.8px/1 "Orbitron",sans-serif;font-style:normal;letter-spacing:.11em}.px-mega__launcher-timer i{color:#ffd05a;font:900 10px/1 Arial,sans-serif;font-style:normal}.px-mega__launcher-timer b{color:rgba(255,255,255,.9);font-weight:900;text-shadow:0 0 10px rgba(255,208,90,.3)}
.px-mega__dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:18px;border:0;background:transparent;color:#fff;overflow:auto;pointer-events:auto}
.px-mega__dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}
.px-mega__panel{position:relative;display:grid;width:min(920px,calc(100vw - 36px));min-height:430px;margin:auto;grid-template-columns:minmax(250px,.72fr) minmax(300px,1fr);grid-template-areas:"head stage" "console console" "foot foot";align-items:center;gap:14px 34px;padding:34px 38px 30px;overflow:hidden;border:1px solid rgba(46,255,125,.32);border-radius:26px;background:radial-gradient(circle at 70% 34%,rgba(46,255,125,.12),transparent 28%),radial-gradient(circle at 28% 70%,rgba(255,199,62,.08),transparent 30%),#020504;box-shadow:0 36px 120px rgba(0,0,0,.75),inset 0 0 90px rgba(0,0,0,.45);isolation:isolate}
.px-mega__panel:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(46,255,125,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(46,255,125,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.px-mega__close{position:absolute;z-index:10;right:14px;top:14px;display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(0,0,0,.46);color:#fff;font:300 27px/1 Arial,sans-serif;cursor:pointer;transition:.2s ease}
.px-mega__close:hover{border-color:#2eff7d;color:#2eff7d;transform:rotate(8deg)}
.px-mega.is-charging .px-mega__launcher{animation:px-mega-charge 1.05s ease}
@keyframes px-mega-launcher-pulse{50%{box-shadow:0 0 0 7px rgba(46,255,125,.08),0 0 22px rgba(46,255,125,.24)}}
@keyframes px-mega-launcher-x-pulse{0%,100%{filter:brightness(1);text-shadow:0 0 8px #20f774,0 0 22px rgba(32,247,116,.65)}50%{filter:brightness(1.55);text-shadow:0 0 12px #8affb1,0 0 28px #20f774,0 0 44px rgba(32,247,116,.68)}}
@keyframes px-mega-launcher-attention{0%,72%,100%{border-color:rgba(46,255,125,.4);box-shadow:0 16px 42px rgba(0,0,0,.68),0 0 26px rgba(46,255,125,.2),inset 0 1px rgba(255,255,255,.05)}82%{border-color:rgba(255,211,82,.72);box-shadow:0 16px 42px rgba(0,0,0,.68),0 0 38px rgba(46,255,125,.42),0 0 18px rgba(255,205,75,.2),inset 0 1px rgba(255,255,255,.08)}}
@keyframes px-mega-launcher-ripple{0%,70%{opacity:0;transform:scale(.96)}78%{opacity:.72}100%{opacity:0;transform:scale(1.08)}}
@media(max-width:780px){.px-mega{left:10px;bottom:calc(98px + env(safe-area-inset-bottom));margin:0}.px-toast-visible .px-mega{bottom:calc(176px + env(safe-area-inset-bottom))}.px-mega__launcher{width:195px;height:66px;padding:5px 11px 5px 5px;grid-template-columns:56px minmax(0,1fr);gap:8px}.px-mega__launcher-orb{width:56px;height:56px}.px-mega__launcher-x{font-size:29px}.px-mega__launcher-count{bottom:6px;font-size:6.5px}.px-mega__launcher-live{right:5px;top:5px;width:8px;height:8px}.px-mega__launcher-copy{gap:2px}.px-mega__launcher-copy small{font-size:7px}.px-mega__launcher-copy strong{font-size:8.5px}.px-mega__launcher-copy strong b{width:17px;height:17px;font-size:16px}.px-mega__launcher-timer{font-size:7.2px}.px-mega__launcher-timer em{font-size:5.2px}.px-mega__launcher-timer i{font-size:9px}.px-mega__dialog{padding:10px}.px-mega__panel{width:calc(100vw - 20px);min-height:0;margin-block:10px;grid-template-columns:1fr;grid-template-areas:"head" "stage" "console" "foot";gap:8px;padding:28px 16px 18px;border-radius:20px;text-align:center}.px-mega__head{padding-inline:16px}.px-mega__head h2{font-size:30px}.px-mega__stage{min-height:175px}.px-mega__orb{flex-basis:165px;width:165px;height:165px}.px-mega__x{font-size:118px}.px-mega__secret{min-width:120px}.px-mega__foot .px-btn{width:100%;margin-right:0}}

/* Paid-ticket community challenge: electric blue + gold distinguishes it
   immediately from the green Mystery Box counter while preserving the X. */
.px-mega--tickets .px-mega__launcher{border-color:rgba(68,216,255,.64);background:linear-gradient(105deg,rgba(5,34,49,.99),rgba(2,8,15,.98) 63%,rgba(42,29,5,.97));box-shadow:0 16px 42px rgba(0,0,0,.7),0 0 32px rgba(48,204,255,.3),inset 0 1px rgba(255,255,255,.06);animation:px-mega-ticket-attention 3.2s ease-in-out infinite}
.px-mega--tickets .px-mega__launcher:before{content:"";position:absolute;inset:2px;z-index:0;border-radius:999px;background:linear-gradient(112deg,transparent 18%,rgba(74,220,255,.16) 33%,rgba(255,211,82,.13) 48%,transparent 63%),repeating-linear-gradient(90deg,transparent 0 17px,rgba(75,220,255,.045) 17px 18px);background-size:210% 100%,auto;clip-path:inset(0 round 999px);pointer-events:none;animation:px-mega-community-sweep 4.4s linear infinite}
.px-mega--tickets .px-mega__launcher>span{position:relative;z-index:1}
.px-mega--tickets .px-mega__launcher:after{border-color:rgba(64,215,255,.42)}
.px-mega--tickets .px-mega__launcher-orb{background:radial-gradient(circle at 50% 44%,#12384a 0 44%,#02070d 72%);box-shadow:inset 0 0 0 1px rgba(68,216,255,.27),0 0 22px rgba(47,202,255,.28)}
.px-mega--tickets .px-mega__launcher-orb:before{border-color:rgba(68,216,255,.38)}
.px-mega--tickets .px-mega__launcher-ring{background:conic-gradient(#48dcff 0 var(--mega-progress),rgba(255,255,255,.12) var(--mega-progress) 100%);box-shadow:0 0 19px rgba(48,204,255,.4)}
.px-mega--tickets .px-mega__launcher-x{color:#59e1ff;text-shadow:0 0 8px #24c9ff,0 0 24px rgba(42,198,255,.74);animation:px-mega-ticket-launcher-x 1.9s ease-in-out infinite}
.px-mega--tickets .px-mega__launcher-live,.px-mega--tickets .px-mega__launcher-copy small i{background:#50ddff;box-shadow:0 0 11px #25caff}
.px-mega--tickets .px-mega__launcher-copy small{color:#79e8ff}
.px-mega--tickets .px-mega__launcher-timer em{color:#70dff7}.px-mega--tickets .px-mega__launcher-timer b{color:#fff3c9;text-shadow:0 0 11px rgba(255,203,61,.42)}
.px-mega--tickets .px-mega__launcher-copy strong b{background:#54dfff;color:#021019;box-shadow:0 0 14px rgba(48,204,255,.6)}
.px-mega--tickets .px-mega__panel{border-color:rgba(65,213,255,.48);background:radial-gradient(circle at 70% 34%,rgba(48,202,255,.16),transparent 30%),radial-gradient(circle at 28% 70%,rgba(255,199,62,.11),transparent 31%),linear-gradient(145deg,#03101a,#02060a 58%,#0c0902);box-shadow:0 36px 120px rgba(0,0,0,.78),0 0 50px rgba(42,198,255,.12),inset 0 0 90px rgba(0,0,0,.42)}
.px-mega--tickets .px-mega__panel:before{background-image:linear-gradient(rgba(63,210,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(63,210,255,.055) 1px,transparent 1px)}
.px-mega--tickets .px-mega__head h2{background:linear-gradient(180deg,#f9feff 5%,#70e8ff 48%,#ffd154 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 20px rgba(51,207,255,.22))}
.px-mega__ambient{position:absolute;inset:-24%;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 24% 30%,rgba(60,218,255,.16),transparent 19%),radial-gradient(circle at 74% 64%,rgba(255,201,58,.12),transparent 22%),conic-gradient(from 90deg at 50% 50%,transparent,rgba(50,204,255,.05),transparent 28%,rgba(255,205,72,.045),transparent 56%);opacity:.9;animation:px-mega-community-ambient 10s ease-in-out infinite alternate;will-change:transform}
.px-mega__ambient i{position:absolute;width:5px;height:5px;border-radius:50%;background:#65e6ff;box-shadow:0 0 8px #3ad4ff,0 0 18px rgba(44,204,255,.72);opacity:.2;animation:px-mega-community-particle 5s ease-in-out infinite;will-change:transform,opacity}.px-mega__ambient i:nth-child(1){left:13%;top:68%;animation-delay:-1.2s}.px-mega__ambient i:nth-child(2){left:31%;top:24%;width:3px;height:3px;animation-delay:-3.4s}.px-mega__ambient i:nth-child(3){right:16%;top:31%;background:#ffd35a;box-shadow:0 0 8px #ffd35a,0 0 19px rgba(255,203,65,.66);animation-delay:-2.1s}.px-mega__ambient i:nth-child(4){right:28%;bottom:18%;width:4px;height:4px;background:#ffd35a;box-shadow:0 0 8px #ffd35a;animation-delay:-4.4s}.px-mega__ambient i:nth-child(5){left:51%;bottom:12%;animation-delay:-.5s}
.px-mega--tickets .px-mega__stage,.px-mega--tickets .px-mega__console,.px-mega--tickets .px-mega-winners,.px-mega--tickets .px-mega__foot{position:relative;z-index:1}.px-mega--tickets .px-mega__energy{z-index:2;background:linear-gradient(90deg,transparent,#45d9ff,#ffd053,#45d9ff,transparent);box-shadow:0 0 24px rgba(58,215,255,.8)}
.px-mega__community-signal{display:inline-flex;max-width:100%;align-items:center;gap:8px;margin-top:13px;padding:8px 11px;border:1px solid rgba(73,220,255,.26);border-radius:999px;background:linear-gradient(90deg,rgba(49,202,255,.09),rgba(255,204,65,.055));box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 20px rgba(42,198,255,.06)}.px-mega__community-signal>span{display:flex;align-items:center;padding-left:5px}.px-mega__community-signal>span i{width:15px;height:15px;margin-left:-5px;border:2px solid #07121a;border-radius:50%;background:linear-gradient(145deg,#72eaff,#138bbc);box-shadow:0 0 10px rgba(57,208,255,.3)}.px-mega__community-signal>span i:nth-child(2){background:linear-gradient(145deg,#ffe67c,#bb7411)}.px-mega__community-signal>span i:nth-child(3){background:linear-gradient(145deg,#d4faff,#359fbc)}.px-mega__community-signal strong{color:#bcefff;font:800 7.5px/1.35 "Orbitron",sans-serif;letter-spacing:.08em;text-align:left}
.px-mega--tickets .px-mega__live{color:#77e8ff}.px-mega--tickets .px-mega__live i{background:#50dcff;box-shadow:0 0 0 5px rgba(55,206,255,.1),0 0 16px #27caff}
.px-mega--tickets .px-mega__orb{background:radial-gradient(circle,rgba(41,196,255,.16),transparent 63%);filter:drop-shadow(0 0 27px rgba(41,195,255,.24))}
.px-mega--tickets .px-mega__orb:before{border-color:rgba(70,218,255,.24);border-left-color:#4edfff;border-right-color:#e7b338}
.px-mega--tickets .px-mega__x--charge{color:#48d8ff;text-shadow:0 0 9px #32ccff,0 0 30px rgba(39,195,255,.78),0 0 62px rgba(39,195,255,.4)}
.px-mega--tickets .px-mega__core i{border-color:rgba(68,216,255,.34)}
.px-mega--tickets .px-mega__console{border-color:rgba(67,215,255,.24);background:rgba(2,8,14,.82);box-shadow:inset 0 0 28px rgba(44,196,255,.055)}
.px-mega--tickets .px-mega__numbers span b:first-child{color:#5adfff}
.px-mega--tickets .px-mega__bar i{background:linear-gradient(90deg,#118fc2,#4edcff 72%,#ffe067);box-shadow:0 0 15px rgba(52,204,255,.58)}
.px-mega--tickets .px-mega__bar b{border-color:#d9faff;background:#4edcff;box-shadow:0 0 21px #31cfff}
.px-mega--tickets .px-mega__close:hover{border-color:#53ddff;color:#53ddff}
@keyframes px-mega-ticket-launcher-x{0%,100%{filter:brightness(1);text-shadow:0 0 8px #24c9ff,0 0 24px rgba(42,198,255,.7)}50%{filter:brightness(1.55);text-shadow:0 0 12px #b8f5ff,0 0 30px #27caff,0 0 46px rgba(42,198,255,.75)}}
@keyframes px-mega-ticket-attention{0%,72%,100%{border-color:rgba(68,216,255,.58);box-shadow:0 16px 42px rgba(0,0,0,.7),0 0 27px rgba(48,204,255,.25),inset 0 1px rgba(255,255,255,.06)}82%{border-color:rgba(255,211,82,.78);box-shadow:0 16px 42px rgba(0,0,0,.7),0 0 40px rgba(48,204,255,.48),0 0 20px rgba(255,205,75,.24),inset 0 1px rgba(255,255,255,.09)}}
@keyframes px-mega-community-sweep{0%{background-position:140% 0,0 0}100%{background-position:-110% 0,36px 0}}
@keyframes px-mega-community-ambient{0%{transform:translate3d(-1.5%,-1%,0) rotate(-1deg) scale(1)}100%{transform:translate3d(1.5%,1%,0) rotate(1deg) scale(1.05)}}
@keyframes px-mega-community-particle{0%,100%{opacity:.12;transform:translate3d(0,18px,0) scale(.7)}45%{opacity:.9;transform:translate3d(8px,-12px,0) scale(1.15)}75%{opacity:.35;transform:translate3d(-4px,-26px,0) scale(.85)}}
@media(max-width:780px){.px-mega--tickets .px-mega__launcher-copy small{max-width:100%;font-size:6.15px;letter-spacing:.035em}.px-mega__community-signal{margin-top:10px;padding:7px 9px}.px-mega__community-signal strong{font-size:6.4px;text-align:center}.px-mega__community-signal>span i{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.px-mega--tickets .px-mega__launcher:before,.px-mega__ambient,.px-mega__ambient i{animation:none!important}}

/* Permanent proof after the one-off prize is opened. Kept compact so it adds
   social proof without pushing the purchase journey down the page. */
.px-flash-winner{position:relative;display:grid;width:min(1120px,calc(100% - 32px));margin:12px auto 6px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:15px 18px;overflow:hidden;border:1px solid rgba(255,205,75,.46);border-radius:17px;background:radial-gradient(circle at 8% 50%,rgba(46,255,125,.15),transparent 27%),linear-gradient(105deg,#07110a,#171205 58%,#090b08);box-shadow:0 15px 45px rgba(0,0,0,.4),inset 0 0 35px rgba(255,204,75,.035);color:#fff}
.px-flash-winner[hidden]{display:none!important}.px-flash-winner:after{content:"";position:absolute;inset:auto -20% 0;height:1px;background:linear-gradient(90deg,transparent,#31ff7d,#ffd35c,#31ff7d,transparent);box-shadow:0 0 18px #2eff7d;animation:px-flash-winner-scan 4s ease-in-out infinite}
.px-flash-winner__burst{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(255,211,92,.55);border-radius:50%;background:rgba(255,204,71,.08);color:#ffd35c;font:900 25px/1 "Orbitron",sans-serif;box-shadow:0 0 25px rgba(255,204,71,.2);animation:px-flash-winner-pulse 1.8s ease-in-out infinite}
.px-flash-winner__copy{display:flex;min-width:0;flex-direction:column;gap:4px}.px-flash-winner__copy small{color:#55ff91;font:800 8px/1.2 "Orbitron",sans-serif;letter-spacing:.16em}.px-flash-winner__copy strong{overflow:hidden;color:#ffd45f;font:900 clamp(16px,2vw,24px)/1.1 "Orbitron",sans-serif;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.px-flash-winner__copy em{color:rgba(255,255,255,.58);font:700 13px/1.2 "Rajdhani",sans-serif;font-style:normal}.px-flash-winner__copy em b{color:#fff}
.px-flash-winner__ticket{align-self:flex-start;padding:2px 5px;border:1px solid rgba(255,211,92,.18);border-radius:999px;background:rgba(255,211,92,.045);color:rgba(255,230,155,.55);font:800 6.5px/1 "Orbitron",sans-serif;letter-spacing:.04em}.px-flash-winner__ticket b{color:rgba(255,255,255,.68)}
.px-flash-winner__cta{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(53,255,127,.35);border-radius:10px;background:rgba(35,255,111,.08);color:#65ff98;font:900 9px/1 "Orbitron",sans-serif;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.px-flash-winner__cta:hover{background:#2eff7d;color:#031007}
.px-flash-winner--mobile{display:none}
@keyframes px-flash-winner-pulse{50%{transform:scale(1.07);box-shadow:0 0 32px rgba(255,204,71,.42)}}@keyframes px-flash-winner-scan{50%{transform:translateX(35%)}}
@media(max-width:650px){.px-flash-winner{width:calc(100% - 16px);margin-block:7px 3px;grid-template-columns:auto 1fr;gap:11px;padding:12px}.px-flash-winner__burst{width:42px;height:42px;font-size:21px}.px-flash-winner__copy strong{overflow:visible;font-size:13px;line-height:1.2;text-overflow:clip;white-space:normal}.px-flash-winner__copy small{font-size:7px}.px-flash-winner__cta{grid-column:1/-1;justify-content:center;padding:9px;font-size:8px}}
@media(max-width:760px){.px-flash-winner--desktop{display:none!important}.px-flash-winner--mobile{display:grid;width:100%;margin:8px 0 0}.px-flash-winner--mobile[hidden]{display:none!important}}
@media(prefers-reduced-motion:reduce){.px-flash-winner *,.px-flash-winner:after{animation:none!important}}

/* ===== Persistent Mega Mystery winners =====
   Permanent social proof lives inside the Mystery Box presentation and is
   repeated compactly inside the sticky X modal. Native scroll-snap keeps the
   mobile carousel fast and dependency-free. */
.px-mega-winners{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,205,75,.25);border-radius:17px;background:radial-gradient(circle at 8% 0,rgba(46,255,125,.11),transparent 32%),linear-gradient(115deg,rgba(4,13,8,.98),rgba(18,14,5,.96));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.px-mega-winners[hidden]{display:none!important}
.px-mega-winners--page{width:100%;margin:12px 0 2px;padding:14px}
.px-mega-winners__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-bottom:11px}
.px-mega-winners__mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(46,255,125,.36);border-radius:11px;background:rgba(30,255,108,.08);color:#35ff7f;font:900 21px/1 "Orbitron",sans-serif;text-shadow:0 0 12px rgba(46,255,125,.72)}
.px-mega-winners__head>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}
.px-mega-winners__head small{color:#55ff91;font:800 7px/1.1 "Orbitron",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.px-mega-winners__head strong{color:#ffd45f;font:900 13px/1.1 "Orbitron",sans-serif;letter-spacing:.035em}
.px-mega-winners__head em{padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:rgba(255,255,255,.55);font:800 9px/1 "Orbitron",sans-serif;font-style:normal;white-space:nowrap}
.px-mega-winners__viewport{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(46,255,125,.42) rgba(255,255,255,.04);-webkit-overflow-scrolling:touch}
.px-mega-winners__viewport:focus-visible{outline:2px solid #2eff7d;outline-offset:3px}
.px-mega-winners__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,calc((100% - 20px)/3));gap:10px}
.px-mega-winner{display:grid;min-width:0;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(0,0,0,.34);scroll-snap-align:start;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.px-mega-winner__visual{display:grid;width:58px;height:58px;overflow:hidden;place-items:center;border:1px solid rgba(255,205,75,.28);border-radius:11px;background:radial-gradient(circle,#17301f,#050906)}
.px-mega-winner__visual img{width:100%;height:100%;object-fit:cover}
.px-mega-winner__visual b{color:#31ff7d;font:900 30px/1 "Orbitron",sans-serif;text-shadow:0 0 17px rgba(46,255,125,.75)}
.px-mega-winner__copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.px-mega-winner__copy small{color:#63ff98;font:800 7px/1 "Orbitron",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.px-mega-winner__copy strong{overflow:hidden;color:#ffd45f;font:900 11px/1.2 "Orbitron",sans-serif;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.px-mega-winner__copy em{overflow:hidden;color:rgba(255,255,255,.58);font:700 12px/1.2 "Rajdhani",sans-serif;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.px-mega-winner__copy em b{color:#fff}
.px-mega-winner__ticket{align-self:center;padding:2px 5px;border:1px solid rgba(46,255,125,.16);border-radius:999px;background:rgba(46,255,125,.035);color:rgba(141,255,179,.6);font:800 6px/1 "Orbitron",sans-serif;letter-spacing:.035em;text-align:center;white-space:nowrap}
.px-mega-winner__copy time{color:rgba(255,255,255,.35);font:700 9px/1 "Rajdhani",sans-serif}
.px-mega__panel{grid-template-areas:"head stage" "console console" "winners winners" "foot foot"}
.px-mega-winners--modal{grid-area:winners;width:100%;padding:10px 11px;border-color:rgba(46,255,125,.18);background:rgba(1,7,3,.72)}
.px-mega-winners--modal .px-mega-winners__head{margin-bottom:8px}
.px-mega-winners--modal .px-mega-winners__mark{width:31px;height:31px;font-size:17px}
.px-mega-winners--modal .px-mega-winners__head strong{font-size:10px}
.px-mega-winners--modal .px-mega-winners__track{grid-auto-columns:minmax(220px,calc((100% - 10px)/2))}
.px-mega-winners--modal .px-mega-winner{padding:7px 8px}
.px-mega-winners--modal .px-mega-winner__visual{width:44px;height:44px}
.px-mega-winners--modal .px-mega-winner__copy strong{font-size:9px}
@media(max-width:780px){
  .px-mega__panel{grid-template-areas:"head" "stage" "console" "winners" "foot"}
  .px-mega-winners--page{margin-top:9px;padding:11px 9px}
  .px-mega-winners__head{gap:8px;margin-bottom:9px}
  .px-mega-winners__mark{width:34px;height:34px;font-size:18px}
  .px-mega-winners__head strong{font-size:10px}
  .px-mega-winners__head em{padding:5px 6px;font-size:7px}
  .px-mega-winners__track{grid-auto-columns:86%;gap:8px}
  .px-mega-winner{padding:9px}
  .px-mega-winner__copy strong{overflow:visible;font-size:10px;white-space:normal}
  .px-mega-winners--modal{padding:9px 8px;text-align:left}
  .px-mega-winners--modal .px-mega-winners__track{grid-auto-columns:88%}
  .px-mega-winners--modal .px-mega-winners__head em{display:none}
}
@media(prefers-reduced-motion:reduce){.px-mega-winners__viewport{scroll-behavior:auto}}