.lucky13-overlay-open {
	overflow: hidden;
}

.lucky13-microsite-overlay[hidden],
.lucky13-microsite-game[hidden],
.lucky13-microsite-signup[hidden] {
	display: none !important;
}

.lucky13-microsite-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center;
	padding: 20px;
	font-family: Manrope, Arial, Helvetica, sans-serif;
}

.lucky13-microsite-overlay__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(5, 12, 26, .68);
	backdrop-filter: blur(8px);
}

.lucky13-microsite-overlay__panel {
	position: relative;
	width: min(1040px, 100%);
	max-height: min(92vh, 900px);
	overflow: auto;
	border-radius: 18px;
	background:
		radial-gradient(circle at 16% 10%, rgba(0, 87, 255, .20), transparent 24rem),
		radial-gradient(circle at 88% 18%, rgba(0, 156, 226, .16), transparent 24rem),
		radial-gradient(circle at 50% 95%, rgba(134, 190, 39, .12), transparent 22rem),
		#ffffff;
	box-shadow: 0 34px 100px rgba(4, 10, 24, .38);
}

.lucky13-microsite-overlay__close {
	position: sticky;
	top: 14px;
	float: right;
	z-index: 100;
	width: 38px;
	height: 38px;
	margin: 14px 14px -52px 0;
	border: 0;
	border-radius: 999px;
	background: #ffffff;
	color: #182034;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 10px 26px rgba(15, 23, 42, .18);
}

.lucky13-microsite-signup {
	position: relative;
	z-index: 2;
	max-width: 680px;
	margin: 0 auto;
	padding: 44px 28px;
	text-align: center;
	color: #182034;
}

.lucky13-microsite-signup__logo {
	width: min(280px, 80%);
	margin: 0 auto 10px;
}

.lucky13-microsite-signup__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.lucky13-microsite-signup__kicker {
	margin: 0 0 8px;
	color: #0057ff;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.lucky13-microsite-signup h2 {
	margin: 0;
	font-size: 41px;
	line-height: 1.08;
	letter-spacing: 0;
}

.lucky13-microsite-signup p {
	margin: 14px auto 0;
	color: #64748b;
	font-size: 17px;
	line-height: 1.6;
}

.lucky13-microsite-preview {
	position: relative;
	width: min(100%, 520px);
	margin: 18px auto 22px;
	border: 1px solid #dbe3ef;
	border-radius: 16px;
	overflow: hidden;
	background:
		radial-gradient(circle at 18% 20%, rgba(0,87,255,.20), transparent 14rem),
		radial-gradient(circle at 82% 18%, rgba(0,156,226,.16), transparent 14rem),
		radial-gradient(circle at 50% 95%, rgba(134,190,39,.12), transparent 12rem),
		linear-gradient(135deg, #ffffff 0%, #f8fafc 44%, #eef2ff 100%);
	box-shadow: 0 18px 44px rgba(15, 23, 42, .10);
}

.lucky13-microsite-preview--drop {
	height: 210px;
}

.lucky13-microsite-preview__token {
	position: absolute;
	left: 50%;
	top: 22px;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	transform: translateX(-50%);
	background:
		radial-gradient(circle at 34% 25%, rgba(255,255,255,.95), rgba(255,255,255,0) 25%),
		linear-gradient(135deg, #86BE27 0%, #009CE2 42%, #0057ff 78%, #003a9f 100%);
	color: #fff;
	font-size: 23px;
	font-weight: 950;
	box-shadow: 0 0 28px rgba(0,87,255,.36), inset 0 0 12px rgba(255,255,255,.42);
}

.lucky13-microsite-preview__pegs {
	position: absolute;
	inset: 72px 38px 54px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 13px 26px;
	opacity: .8;
}

.lucky13-microsite-preview__pegs span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #009CE2;
	box-shadow: 0 0 10px rgba(0,156,226,.32);
}

.lucky13-microsite-preview__slots {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 14px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 7px;
}

.lucky13-microsite-preview__slots strong {
	display: grid;
	place-items: center;
	min-height: 38px;
	border-radius: 8px;
	background: linear-gradient(135deg, #0057ff, #009CE2);
	color: #fff;
	font-size: 12px;
}

.lucky13-microsite-preview--wheel {
	display: grid;
	place-items: center;
	height: 240px;
}

.lucky13-microsite-preview__pointer {
	position: absolute;
	top: 16px;
	left: 50%;
	z-index: 3;
	width: 42px;
	height: 52px;
	transform: translateX(-50%);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background: linear-gradient(180deg, #009CE2, #0057ff);
	filter: drop-shadow(0 8px 12px rgba(0,87,255,.28));
}

.lucky13-microsite-preview__wheel {
	display: grid;
	place-items: center;
	width: 178px;
	height: 178px;
	border: 10px solid #17213a;
	border-radius: 50%;
	background:
		repeating-conic-gradient(from -14deg, rgba(255,255,255,.55) 0deg 2deg, transparent 2deg 27.7deg),
		conic-gradient(#0057ff 0deg 28deg, #009CE2 28deg 56deg, #64748b 56deg 84deg, #86BE27 84deg 112deg, #4bb4ff 112deg 140deg, #0ea5e9 140deg 168deg, #86BE27 168deg 196deg, #0057ff 196deg 224deg, #009CE2 224deg 252deg, #64748b 252deg 280deg, #86BE27 280deg 308deg, #4bb4ff 308deg 336deg, #86BE27 336deg 360deg);
	box-shadow: 0 18px 38px rgba(0,87,255,.20), inset 0 0 26px rgba(15,23,42,.22);
	animation: lucky13MicrositeWheelPreview 10s linear infinite;
}

.lucky13-microsite-preview__wheel span {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #fff;
	color: #0057ff;
	background:
		linear-gradient(#ffffff, #ffffff) padding-box,
		linear-gradient(135deg, #86BE27, #009CE2, #0057ff) border-box;
	border: 3px solid transparent;
	font-size: 24px;
	font-weight: 950;
	box-shadow: 0 8px 22px rgba(15,23,42,.20);
}

@keyframes lucky13MicrositeWheelPreview {
	to { transform: rotate(360deg); }
}

.lucky13-microsite-signup__form {
	display: grid;
	gap: 14px;
	margin-top: 22px;
	text-align: left;
}

.lucky13-microsite-signup__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.lucky13-microsite-signup label {
	display: grid;
	gap: 7px;
	min-width: 0;
	color: #182034;
	font-size: 13px;
	font-weight: 800;
}

.lucky13-microsite-signup__label-line {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	white-space: nowrap;
}

.lucky13-microsite-signup__label-line em {
	color: #64748b;
	font-style: normal;
	font-weight: 700;
}

.lucky13-microsite-signup__optional {
	color: #4f5d75;
}

.lucky13-microsite-signup__optional input {
	background: #f8fafc;
	border-style: dashed;
}

.lucky13-microsite-signup input {
	width: 100%;
	min-height: 48px;
	border: 1px solid #dbe3ef;
	border-radius: 8px;
	padding: 10px 12px;
	font: inherit;
}

.lucky13-microsite-signup button {
	min-height: 50px;
	border: 0;
	border-radius: 8px;
	background: #0057ff;
	color: #ffffff;
	font-weight: 800;
	font: inherit;
	cursor: pointer;
}

.lucky13-microsite-signup button:disabled {
	opacity: .62;
	cursor: wait;
}

.lucky13-microsite-signup__status {
	min-height: 22px;
	margin: 0;
	text-align: center;
	font-weight: 800;
}

.lucky13-microsite-game {
	padding: 12px;
}

.lucky13-microsite-game .lucky13,
.lucky13-microsite-game .lucky13-wheel-page {
	margin: 0 auto;
	border: 0;
	box-shadow: none;
}

.lucky13-microsite-game .lucky13 {
	max-width: 900px;
}

.lucky13-microsite-game .lucky13-wheel-page {
	max-width: 100%;
	min-height: 650px;
}

.lucky13-microsite-game .lucky13-wheel-page__stage {
	min-height: 610px;
}

.lucky13-microsite-game .lucky13,
.lucky13-microsite-game .lucky13-wheel-page {
	background:
		radial-gradient(circle at 17% 18%, rgba(0, 87, 255, .22), transparent 27rem),
		radial-gradient(circle at 86% 16%, rgba(0, 156, 226, .18), transparent 26rem),
		linear-gradient(135deg, #ffffff 0%, #f8fafc 42%, #eef6ff 100%);
}

.lucky13-microsite-game .lucky13__token,
.lucky13-microsite-game .lucky13__dropper-token,
.lucky13-microsite-game .lucky13-modal__icon {
	background:
		radial-gradient(circle at 34% 25%, rgba(255,255,255,.95), rgba(255,255,255,0) 25%),
		linear-gradient(135deg, #86BE27 0%, #009CE2 42%, #0057ff 78%, #003a9f 100%);
	box-shadow: 0 0 24px rgba(0,87,255,.40), inset 0 0 12px rgba(255,255,255,.38);
}

.lucky13-microsite-game .lucky13__dropper,
.lucky13-microsite-game .lucky13__button,
.lucky13-microsite-game .lucky13-modal__claim,
.lucky13-microsite-game .lucky13-wheel-page__hub,
.lucky13-microsite-game .lucky13-wheel-modal__claim,
.lucky13-microsite-game .lucky13-wheel-modal__secondary {
	background:
		linear-gradient(135deg, rgba(0,87,255,.98), rgba(0,156,226,.96) 58%, rgba(134,190,39,.92)),
		radial-gradient(circle at top, rgba(255,255,255,.34), transparent 46%);
}

.lucky13-microsite-game .lucky13__slot--purple,
.lucky13-microsite-game .lucky13__slot--pink {
	background: linear-gradient(180deg, #0057ff, #003a9f);
}

.lucky13-microsite-game .lucky13__slot--blue {
	background: linear-gradient(180deg, #009CE2, #006fb7);
}

.lucky13-microsite-game .lucky13__slot--green,
.lucky13-microsite-game .lucky13__slot--gold {
	background: linear-gradient(180deg, #86BE27, #4f8f14);
}

.lucky13-microsite-game .lucky13-wheel-page__pointer {
	background: linear-gradient(180deg, #009CE2, #0057ff);
	filter: drop-shadow(0 8px 13px rgba(0,87,255,.34));
}

.lucky13-microsite-game .lucky13-wheel-modal__icon {
	background:
		radial-gradient(circle at 34% 25%, rgba(255,255,255,.95), rgba(255,255,255,0) 25%),
		linear-gradient(135deg, #86BE27 0%, #009CE2 42%, #0057ff 78%, #003a9f 100%);
}

@media (max-width: 780px) {
	.lucky13-microsite-overlay {
		padding: 10px;
	}

	.lucky13-microsite-overlay__panel {
		max-height: 94vh;
	}

	.lucky13-microsite-signup__fields {
		grid-template-columns: 1fr;
	}

	.lucky13-microsite-game {
		padding: 8px;
	}
}