.gpp-sp .gpp-intake-signup { margin: 0; }
.gpp-sp .gpp-intake-signup [hidden] { display: none !important; }
.gpp-sp .gpp-intake-signup__form { display: grid; gap: 12px; margin: 0 !important; }
.gpp-sp .gpp-intake-signup__field { display: block; margin: 0; padding: 0; }
.gpp-sp .gpp-intake__sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.gpp-sp .gpp-intake-signup__input {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	background: transparent;
	color: var(--gpp-white);
	font-family: var(--gpp-font);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	box-shadow: none;
	transition: border-color 0.2s;
}
.gpp-sp .gpp-intake-signup__input::placeholder { color: rgba(255, 255, 255, 0.6); opacity: 1; }
.gpp-sp .gpp-intake-signup__input:focus { border-color: var(--gpp-gold); outline: none; }
.gpp-sp .gpp-intake-signup__captcha { display: flex; justify-content: center; font-size: 0; line-height: 0; }
.gpp-sp .gpp-intake-signup__captcha + .gpp-intake-signup__submit { margin-top: -12px; }
.gpp-sp .gpp-intake-signup__submit,
.gpp-sp .gpp-intake-signup__go,
.gpp-sp .gpp-intake-signup__login a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 14px 40px;
	border: 0;
	background: var(--gpp-gold);
	color: var(--gpp-navy);
	font-family: var(--gpp-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s;
}
.gpp-sp .gpp-intake-signup__submit:hover, .gpp-sp .gpp-intake-signup__submit:focus-visible,
.gpp-sp .gpp-intake-signup__go:hover, .gpp-sp .gpp-intake-signup__go:focus-visible,
.gpp-sp .gpp-intake-signup__login a:hover, .gpp-sp .gpp-intake-signup__login a:focus-visible { background: var(--gpp-white); color: var(--gpp-navy); }
.gpp-sp .gpp-intake-signup__submit:disabled { opacity: 0.75; cursor: progress; }
.gpp-sp .gpp-intake-signup__submit:disabled:hover { background: var(--gpp-gold); }
.gpp-sp .gpp-intake-signup__or { display: flex; align-items: center; gap: 16px; margin: 4px 0 !important; padding: 0 !important; font-size: 14px; line-height: 1.5; color: var(--gpp-white); }
.gpp-sp .gpp-intake-signup__or::before, .gpp-sp .gpp-intake-signup__or::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, 0.2); }
.gpp-sp .gpp-intake-signup__google {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #8e918f;
	background: #131314;
	color: #e3e3e3;
	font-family: var(--gpp-font);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	cursor: pointer;
	transition: background-color 0.2s;
}
.gpp-sp .gpp-intake-signup__google:hover, .gpp-sp .gpp-intake-signup__google:focus-visible { background: #1f1f21; }
.gpp-sp .gpp-intake-signup__google:disabled { cursor: progress; }
.gpp-sp .gpp-intake-signup__google-mark { flex: none; width: 20px; height: 20px; }
.gpp-sp .gpp-intake-signup__msg { margin: 0 0 12px !important; padding: 12px 16px !important; border: 1px solid var(--gpp-gold); font-size: 14px; line-height: 1.4; color: var(--gpp-white); }
.gpp-sp .gpp-intake-signup__msg[data-tone="bad"] { border-color: rgba(239, 68, 68, 0.55); background: rgba(239, 68, 68, 0.12); }
.gpp-sp .gpp-intake-signup__login { margin: 0 0 12px !important; }
.gpp-sp .gpp-intake-signup__in, .gpp-sp .gpp-intake-signup__closed { margin: 0 0 12px !important; font-size: 16px; line-height: 1.5; color: var(--gpp-white); }
.gpp-sp .gpp-signup__admin { margin: 0 !important; padding: 12px 16px !important; border: 1px dashed var(--gpp-gold); font-size: 14px; line-height: 1.4; color: var(--gpp-white); }
.gpp-sp .gpp-signup__fine { margin: 4px 0 0 !important; padding: 0 !important; font-size: 12px; line-height: 1.4; text-align: center; text-wrap: balance; color: var(--gpp-white); }
.gpp-sp :is(.gpp-free__box--form, .gpp-pop__box, .gpp-end__card) .gpp-free__small { font-size: 12px; line-height: 1.4; text-wrap: balance; }
@media (max-width: 980px) {
	.gpp-sp :is(.gpp-free__box--form, .gpp-pop__box, .gpp-end__card) .gpp-free__small { font-size: 14px; }
}
.gpp-sp .gpp-signup__fine a { position: relative; color: var(--gpp-white); text-decoration: underline; }
.gpp-sp .gpp-signup__fine a::after { content: ''; position: absolute; inset: -10px -4px; }
.gpp-sp :is(.gpp-free__box--form, .gpp-pop__box, .gpp-end__card) .gpp-free__kicker { text-wrap: balance; }
.gpp-sp .gpp-free__box--form .gpp-free__h { margin-bottom: 24px !important; }
.gpp-sp .gpp-free .gpp-free__small { margin-top: 16px !important; }
.gpp-sp .gpp-signup__phone { display: none; }
@media (max-width: 600px) {
	.gpp-sp .gpp-signup__phone {
		display: flex;
		align-items: center;
		gap: 12px;
		margin: -12px 0 16px !important;
		padding: 8px 12px 8px 10px !important;
		border: 1px solid var(--gpp-line);
		border-left: 2px solid var(--gpp-gold);
		font-size: 13px;
		line-height: 1.4;
		color: var(--gpp-white);
	}
	.gpp-sp .gpp-signup__phone span { text-wrap: balance; }
	.gpp-sp .gpp-signup__phone-ic { flex: none; width: 24px; height: 24px; color: var(--gpp-gold); }
}
.gpp-sp .gpp-free__box--form .gpp-bet { display: block; margin: 0 !important; }
.gpp-sp .gpp-bet__pic { position: relative; width: 100%; container-type: inline-size; aspect-ratio: 16 / 9; overflow: hidden; }
.gpp-sp .gpp-bet__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gpp-sp .gpp-bet__pic::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.gpp-sp .gpp-bet__copy { position: absolute; z-index: 2; top: 9%; left: 5.5%; width: 56%; display: flex; flex-direction: column; gap: 3cqw; }
.gpp-sp .gpp-bet__line { font-size: 7.4cqw; font-weight: 700; line-height: 1.05; letter-spacing: -0.01em; color: var(--gpp-white); text-wrap: balance; }
.gpp-sp .gpp-bet__price { display: flex; align-items: baseline; gap: 3cqw; line-height: 1; }
.gpp-sp .gpp-bet__price s { font-size: 5.6cqw; font-weight: 500; color: var(--gpp-white); text-decoration-thickness: 0.12em; }
.gpp-sp .gpp-bet__price strong { font-size: 15cqw; font-weight: 700; color: var(--gpp-gold); }
.gpp-sp .gpp-bet__copy [hidden] { display: none !important; }
.gpp-sp .gpp-bet__tag {
	position: absolute;
	z-index: 2;
	left: 5.5%;
	bottom: 6%;
	padding: 0.9cqw 1.8cqw;
	background: rgba(10, 15, 26, 0.92);
	border-left: 2px solid var(--gpp-gold);
	color: var(--gpp-white);
	font-size: max(12px, 2.4cqw);
	line-height: 1.3;
	white-space: nowrap;
}
.gpp-sp .gpp-bet__terms { margin: 12px 0 0 !important; font-size: 14px; line-height: 1.4; text-align: center; color: var(--gpp-white); }
.gpp-sp .gpp-bet__by { display: none; }
.gpp-sp .gpp-bet__pic picture { display: contents; }
@media (max-width: 980px) {
	.gpp-sp .gpp-free__box--form:not(.gpp-free__box--bet) .gpp-free__panel { display: none; }
	.gpp-sp .gpp-free__box--bet { row-gap: 0; }
	.gpp-sp .gpp-free__box--bet .gpp-free__body { display: contents; }
	.gpp-sp .gpp-free__box--bet .gpp-free__steps ~ * { order: 2; }
	.gpp-sp .gpp-free__box--bet .gpp-bet { order: 1; width: 100%; max-width: 420px; margin: 0 auto 28px !important; }
}
@media (max-width: 600px) {
	.gpp-sp .gpp-free__box--bet .gpp-bet { order: 3; max-width: 400px; margin: 28px auto 0 !important; }
	.gpp-sp .gpp-free__box--bet .gpp-bet__pic { aspect-ratio: 1 / 1; }
	.gpp-sp .gpp-free__box--bet .gpp-bet__tag { display: none; }
	.gpp-sp .gpp-free__box--bet .gpp-bet__copy { inset: 0; width: auto; display: block; }
	.gpp-sp .gpp-free__box--bet .gpp-bet__line { position: absolute; left: 5cqw; bottom: 51.3cqw; width: 43cqw; font-size: 6.8cqw; text-wrap: wrap; }
	.gpp-sp .gpp-free__box--bet .gpp-bet__price { position: absolute; top: 50cqw; left: 5cqw; gap: 2.3cqw; }
	.gpp-sp .gpp-free__box--bet .gpp-bet__price strong { font-size: 12.7cqw; }
	.gpp-sp .gpp-free__box--bet .gpp-bet__by { display: block; margin: 12px 0 0 !important; padding: 0 !important; font-size: 12px; line-height: 1.4; text-align: center; color: var(--gpp-white); }
	.gpp-sp .gpp-free__box--bet .gpp-bet__by + .gpp-bet__terms { margin-top: 4px !important; }
	.gpp-sp .gpp-free__box--bet .gpp-bet__terms span { display: block; }
	.gpp-sp .gpp-free__box--bet .gpp-bet--p2 .gpp-bet__pic { aspect-ratio: 790 / 692; }
	.gpp-sp .gpp-free__box--bet .gpp-bet--p2 .gpp-bet__price { top: 37.6cqw; }
}
.gpp-sp .gpp-pop { position: fixed; inset: 0; z-index: 100001; display: grid; place-items: center; padding: 16px; }
@supports (height: 100dvh) {
	.gpp-sp .gpp-pop { bottom: auto; height: 100dvh; }
}
.gpp-sp .gpp-pop[hidden] { display: none; }
.gpp-sp .gpp-pop__shade { position: absolute; inset: 0; background: rgba(5, 8, 14, 0.82); }
.gpp-sp .gpp-pop__box {
	position: relative;
	width: min(560px, 100%);
	max-height: calc(100vh - 32px);
	max-height: calc(100dvh - 32px);
	overflow: auto;
	padding: 48px 40px 36px;
	border: 1px solid var(--gpp-gold);
	background: var(--gpp-navy-deepest);
	animation: gpp-pop-in 0.2s ease-out both;
}
.gpp-sp .gpp-pop__box:focus { outline: none; }
.gpp-sp .gpp-pop__box .gpp-free__h { font-size: 32px !important; margin-bottom: 24px !important; }
.gpp-sp .gpp-pop__box .gpp-free__small { margin-top: 16px !important; text-align: center; }
.gpp-sp .gpp-pop__x {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--gpp-line);
	background: transparent;
	color: var(--gpp-white);
	font-family: var(--gpp-font);
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}
.gpp-sp .gpp-pop__x:hover, .gpp-sp .gpp-pop__x:focus-visible { border-color: var(--gpp-gold); color: var(--gpp-gold); }
@keyframes gpp-pop-in { from { opacity: 0; } to { opacity: 1; } }
html.gpp-pop-open, html.gpp-pop-open body { overflow: hidden; }
@media (max-width: 767px) {
	.gpp-sp .gpp-intake-signup__submit, .gpp-sp .gpp-intake-signup__go, .gpp-sp .gpp-intake-signup__login a { padding: 14px 20px; }
}
@media (max-width: 600px), (max-height: 800px) {
	.gpp-sp .gpp-pop__box .gpp-free__kicker { margin-bottom: 10px !important; }
	.gpp-sp .gpp-pop__box .gpp-free__h { margin-bottom: 16px !important; }
	.gpp-sp .gpp-pop__box .gpp-free__steps { margin-bottom: 16px !important; }
	.gpp-sp .gpp-pop__box .gpp-free__steps li { padding: 6px 0 !important; }
	.gpp-sp .gpp-pop__box .gpp-intake-signup__form { gap: 10px; }
	.gpp-sp .gpp-pop__box .gpp-intake-signup__captcha + .gpp-intake-signup__submit { margin-top: -10px; }
	.gpp-sp .gpp-pop__box .gpp-intake-signup__input,
	.gpp-sp .gpp-pop__box .gpp-intake-signup__google { height: 46px; }
	.gpp-sp .gpp-pop__box .gpp-intake-signup__submit { padding-top: 12px; padding-bottom: 12px; }
	.gpp-sp .gpp-pop__box .gpp-intake-signup__or { margin: 0 !important; }
	.gpp-sp .gpp-pop__box .gpp-free__small { margin-top: 12px !important; }
}
@media (min-width: 601px) and (max-height: 700px) {
	.gpp-sp .gpp-pop { padding: 8px 16px; }
	.gpp-sp .gpp-pop__box { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); padding: 24px 40px 20px; }
	.gpp-sp .gpp-pop__box .gpp-free__h { font-size: 28px !important; }
}
@media (max-width: 600px) {
	.gpp-sp .gpp-pop { padding: 0; }
	.gpp-sp .gpp-pop__box { display: flex; flex-direction: column; width: 100%; height: 100%; max-height: none; padding: 14px 20px calc(14px + env(safe-area-inset-bottom, 0px)); border: 0; }
	.gpp-sp .gpp-pop__in { position: relative; flex: none; margin-top: auto; margin-bottom: auto; padding-top: 8px; }
	.gpp-sp .gpp-pop__x { top: 0; right: -12px; }
	.gpp-sp .gpp-pop__box .gpp-free__kicker { margin-bottom: 8px !important; padding-right: 52px; }
	.gpp-sp .gpp-pop__box .gpp-free__h { font-size: 26px !important; margin-bottom: 12px !important; }
	.gpp-sp .gpp-pop__box .gpp-free__steps li { padding: 3px 0 !important; }
	.gpp-sp .gpp-pop__box .gpp-signup__phone { margin: -8px 0 8px !important; padding-top: 7px !important; padding-bottom: 7px !important; }
	.gpp-sp .gpp-pop__box .gpp-intake-signup__form { gap: 8px; }
	.gpp-sp .gpp-pop__box .gpp-intake-signup__captcha + .gpp-intake-signup__submit { margin-top: -8px; }
	.gpp-sp .gpp-pop__box .gpp-free__small { margin-top: 10px !important; }
	.gpp-sp .gpp-pop__box .gpp-signup__fine { margin-top: 2px !important; }
}
@media (prefers-reduced-motion: reduce) {
	.gpp-sp .gpp-pop__box { animation: none; }
}
