.pmr-shell,
.pmr-shell * {
	box-sizing: border-box;
}

.pmr-shell {
	--pmr-bg: #090416;
	--pmr-card: rgba(20, 12, 43, .84);
	--pmr-border: rgba(255, 255, 255, .14);
	--pmr-text: #fff;
	--pmr-muted: rgba(255, 255, 255, .72);
	--pmr-shadow: 0 28px 90px rgba(0, 0, 0, .45);
	position: relative;
	min-height: 100svh;
	overflow: hidden;
	padding: clamp(28px, 5vw, 72px);
	background:
		radial-gradient(circle at 15% 20%, rgba(255, 45, 122, .22), transparent 28%),
		radial-gradient(circle at 80% 18%, rgba(129, 46, 255, .23), transparent 30%),
		radial-gradient(circle at 50% 90%, rgba(255, 45, 122, .18), transparent 34%),
		linear-gradient(135deg, #070312 0%, #130727 48%, #090416 100%);
	color: var(--pmr-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	isolation: isolate;
}

.pmr-shell-compact {
	display: grid;
	place-items: center;
}

.pmr-bg-orb {
	position: absolute;
	width: 360px;
	height: 360px;
	border-radius: 999px;
	filter: blur(40px);
	opacity: .55;
	pointer-events: none;
	z-index: -1;
}

.pmr-bg-orb-one {
	left: -130px;
	top: 8%;
	background: rgba(255, 45, 122, .42);
}

.pmr-bg-orb-two {
	right: -110px;
	bottom: 5%;
	background: rgba(126, 61, 255, .5);
}

.pmr-confetti span {
	position: absolute;
	width: 9px;
	height: 18px;
	border-radius: 4px;
	background: var(--pmr-accent);
	box-shadow: 0 0 24px rgba(255, 255, 255, .2);
	animation: pmr-float 9s ease-in-out infinite;
	opacity: .88;
}

.pmr-confetti span:nth-child(1) { left: 8%; top: 14%; transform: rotate(18deg); background: #ffaf29; animation-delay: -1s; }
.pmr-confetti span:nth-child(2) { left: 18%; top: 78%; transform: rotate(58deg); background: #ff2d7a; animation-delay: -4s; }
.pmr-confetti span:nth-child(3) { left: 42%; top: 11%; transform: rotate(24deg); background: #5b6cff; animation-delay: -2s; }
.pmr-confetti span:nth-child(4) { left: 62%; top: 84%; transform: rotate(72deg); background: #ff7a3d; animation-delay: -6s; }
.pmr-confetti span:nth-child(5) { left: 75%; top: 9%; transform: rotate(42deg); background: #ffd02e; animation-delay: -5s; }
.pmr-confetti span:nth-child(6) { left: 92%; top: 45%; transform: rotate(22deg); background: #28d7ff; animation-delay: -3s; }
.pmr-confetti span:nth-child(7) { left: 38%; top: 92%; transform: rotate(86deg); background: #7f4cff; animation-delay: -7s; }
.pmr-confetti span:nth-child(8) { left: 4%; top: 54%; transform: rotate(8deg); background: #ff2d7a; animation-delay: -8s; }

@keyframes pmr-float {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 22px; }
}

.pmr-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(300px, 1fr) minmax(320px, 520px);
	gap: clamp(36px, 7vw, 96px);
	align-items: center;
	width: min(1180px, 100%);
	min-height: calc(100svh - clamp(56px, 10vw, 144px));
	margin: 0 auto;
}

.pmr-copy {
	max-width: 620px;
}

.pmr-brand {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	margin-bottom: 28px;
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: .92;
	color: #fff;
	text-shadow: 0 0 28px rgba(255, 45, 122, .32);
}

.pmr-brand strong {
	font-size: clamp(26px, 4vw, 44px);
}

.pmr-brand span {
	font-size: 12px;
	letter-spacing: .12em;
	color: var(--pmr-accent);
}

.pmr-copy h1 {
	margin: 0;
	line-height: .94;
	font-weight: 950;
	letter-spacing: -.055em;
	text-transform: uppercase;
}

.pmr-copy h1 span {
	display: block;
	font-size: clamp(34px, 5.2vw, 70px);
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 800;
	letter-spacing: -.04em;
	text-transform: none;
}

.pmr-copy h1 em,
.pmr-copy h1 b {
	display: block;
	font-size: clamp(56px, 8vw, 112px);
	font-style: normal;
}

.pmr-copy h1 em {
	color: var(--pmr-accent);
	text-shadow: 0 0 44px rgba(255, 45, 122, .32);
}

.pmr-lead {
	font-size: clamp(19px, 2vw, 28px);
	font-weight: 760;
	margin: 30px 0 26px;
	color: rgba(255, 255, 255, .92);
}

.pmr-directions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	margin: 0 0 28px;
	border: 1px solid var(--pmr-border);
	border-radius: 28px;
	background: rgba(10, 6, 28, .58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 20px 60px rgba(0, 0, 0, .24);
	backdrop-filter: blur(18px);
	overflow: hidden;
}

.pmr-directions div {
	padding: 22px 16px;
	text-align: center;
	min-width: 0;
}

.pmr-directions div + div {
	border-left: 1px solid var(--pmr-border);
}

.pmr-directions span {
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .78);
}

.pmr-directions i {
	display: grid;
	place-items: center;
	min-height: 52px;
	font-style: normal;
	font-size: 72px;
	font-weight: 900;
	line-height: .7;
}

.pmr-icon-x { color: var(--pmr-danger); }
.pmr-icon-heart { color: var(--pmr-success); }
.pmr-icon-up { color: var(--pmr-group); }

.pmr-directions p {
	margin: 14px 0 0;
	font-weight: 780;
	font-size: 16px;
	line-height: 1.22;
}

.pmr-primary {
	appearance: none;
	border: 0;
	border-radius: 999px;
	padding: 18px 36px;
	min-height: 60px;
	font-weight: 900;
	font-size: 18px;
	color: #fff;
	background: linear-gradient(135deg, var(--pmr-accent), #ff0f69 55%, #d600ff);
	box-shadow: 0 16px 44px rgba(255, 45, 122, .35), inset 0 1px 0 rgba(255, 255, 255, .25);
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.pmr-primary:hover,
.pmr-primary:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 20px 56px rgba(255, 45, 122, .48), inset 0 1px 0 rgba(255, 255, 255, .28);
	filter: saturate(1.1);
}

.pmr-primary[disabled] {
	opacity: .65;
	cursor: wait;
	transform: none;
}

.pmr-microcopy {
	margin: 16px 0 0;
	font-size: 14px;
	color: rgba(255, 255, 255, .58);
}

.pmr-phone-wrap {
	display: grid;
	place-items: center;
	perspective: 1200px;
}

.pmr-phone {
	position: relative;
	width: min(430px, 92vw);
	min-height: 700px;
	padding: 20px 20px 28px;
	border: 2px solid rgba(255, 45, 122, .65);
	border-radius: 52px;
	background: linear-gradient(160deg, rgba(11, 8, 27, .96), rgba(26, 12, 52, .92));
	box-shadow: var(--pmr-shadow), inset 0 0 0 1px rgba(255, 255, 255, .08);
	transform: rotateY(-3deg) rotateX(1.5deg);
}

.pmr-phone::before {
	content: "";
	position: absolute;
	inset: 11px;
	border-radius: 42px;
	border: 1px solid rgba(255, 255, 255, .09);
	pointer-events: none;
}

.pmr-phone-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2px 12px 14px;
	font-size: 24px;
}

.pmr-phone-top span:first-child::before {
	content: "●";
	font-size: 20px;
	color: rgba(255, 255, 255, .9);
}

.pmr-phone-top span:last-child::before {
	content: "☷";
	font-size: 22px;
	color: rgba(255, 255, 255, .9);
}

.pmr-card-stage {
	position: relative;
	height: 512px;
}

.pmr-card {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	border: 1.5px solid rgba(255, 45, 122, .72);
	border-radius: 28px;
	overflow: hidden;
	background: rgba(8, 4, 22, .98);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
	touch-action: none;
	user-select: none;
	cursor: grab;
	will-change: transform;
	transition: transform .26s cubic-bezier(.2,.8,.2,1), opacity .26s ease;
}

.pmr-card:active {
	cursor: grabbing;
}

.pmr-card.is-resetting {
	transition: transform .28s cubic-bezier(.2,.8,.2,1);
}

.pmr-card-visual {
	position: relative;
	min-height: 210px;
	background:
		linear-gradient(rgba(10, 0, 20, .1), rgba(10, 0, 20, .45)),
		radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .22), transparent 9%),
		radial-gradient(circle at 20% 58%, rgba(255, 45, 122, .45), transparent 20%),
		radial-gradient(circle at 78% 44%, rgba(134, 62, 255, .42), transparent 26%),
		linear-gradient(140deg, #1a0636, #4e0c5d 52%, #11051d);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.pmr-card-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, transparent 0 18%, rgba(255,255,255,.08) 18% 19%, transparent 19% 38%, rgba(255,255,255,.08) 38% 39%, transparent 39% 60%, rgba(255,255,255,.08) 60% 61%, transparent 61%),
		radial-gradient(circle at 50% -10%, rgba(255,255,255,.18), transparent 32%);
	opacity: .58;
}

.pmr-disco {
	position: absolute;
	left: 42px;
	top: -40px;
	width: 126px;
	height: 126px;
	border-radius: 50%;
	background:
		linear-gradient(90deg, transparent 49%, rgba(255,255,255,.24) 50%, transparent 51%),
		linear-gradient(0deg, transparent 49%, rgba(255,255,255,.24) 50%, transparent 51%),
		radial-gradient(circle at 35% 28%, #fff, #ffb4ff 12%, #a616d6 36%, #3b0b54 65%, #13031f 100%);
	background-size: 22px 22px, 22px 22px, 100% 100%;
	box-shadow: 0 18px 52px rgba(255, 45, 222, .5);
	color: transparent;
	z-index: 1;
}

.pmr-neon {
	position: absolute;
	right: 28px;
	top: 54px;
	z-index: 2;
	font-size: 48px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 800;
	line-height: .92;
	color: #fff;
	text-shadow:
		0 0 8px #fff,
		0 0 18px var(--pmr-accent),
		0 0 38px var(--pmr-accent),
		0 0 68px var(--pmr-accent);
	transform: rotate(-3deg);
}

.pmr-card-body {
	padding: 22px 24px 24px;
	background: linear-gradient(180deg, rgba(8, 4, 22, .98), rgba(14, 8, 30, .98));
	min-height: 300px;
}

.pmr-greeting {
	margin: 0 0 5px;
	font-weight: 850;
	color: var(--pmr-accent);
}

.pmr-card h2 {
	font-size: clamp(30px, 5vw, 38px);
	line-height: 1;
	letter-spacing: -.04em;
	margin: 0 0 16px;
	color: #fff;
}

.pmr-event-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
	font-size: 16px;
	line-height: 1.25;
	color: rgba(255, 255, 255, .9);
}

.pmr-event-list li {
	display: grid;
	grid-template-columns: 24px 1fr;
	gap: 8px;
	align-items: start;
}

.pmr-event-list span {
	color: #fff;
	opacity: .88;
}

.pmr-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.pmr-tags span {
	padding: 8px 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
	background: linear-gradient(135deg, rgba(255,45,122,.94), rgba(141,72,255,.86));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.pmr-tags span:nth-child(2n) { background: linear-gradient(135deg, #6d39db, #992bd6); }
.pmr-tags span:nth-child(3n) { background: linear-gradient(135deg, #ff6a2d, #ff2d7a); }
.pmr-tags span:nth-child(5n) { background: linear-gradient(135deg, #34b35c, #54c743); }

.pmr-stamp {
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	padding: 22px 28px;
	border: 3px solid currentColor;
	border-radius: 22px;
	font-size: 36px;
	font-weight: 1000;
	letter-spacing: -.04em;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0,0,0,.18);
	backdrop-filter: blur(6px);
	opacity: 0;
	transform: rotate(-12deg) scale(.9);
	transition: opacity .12s ease, transform .12s ease;
	pointer-events: none;
	text-align: center;
	white-space: nowrap;
}

.pmr-stamp-left { color: var(--pmr-danger); }
.pmr-stamp-right { color: var(--pmr-success); }
.pmr-stamp-up { color: var(--pmr-group); width: min-content; min-width: 280px; }

.pmr-card.is-left .pmr-stamp-left,
.pmr-card.is-right .pmr-stamp-right,
.pmr-card.is-up .pmr-stamp-up {
	opacity: 1;
	transform: rotate(-8deg) scale(1);
}

.pmr-controls {
	display: grid;
	grid-template-columns: repeat(3, 76px);
	justify-content: center;
	gap: 22px;
	padding-top: 22px;
}

.pmr-control {
	width: 76px;
	height: 76px;
	border: 0;
	border-radius: 999px;
	background: #fff;
	font-size: 48px;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 16px 44px rgba(0, 0, 0, .35);
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease;
}

.pmr-control:hover,
.pmr-control:focus-visible {
	transform: translateY(-4px) scale(1.03);
	box-shadow: 0 18px 55px rgba(255, 255, 255, .18);
}

.pmr-control-decline { color: var(--pmr-danger); }
.pmr-control-attend { color: var(--pmr-success); }
.pmr-control-group { color: var(--pmr-group); }

.pmr-how {
	width: min(1040px, 100%);
	margin: clamp(18px, 4vw, 54px) auto 0;
	padding: 26px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 30px;
	background: rgba(8, 4, 22, .38);
	backdrop-filter: blur(16px);
}

.pmr-how h2 {
	margin: 0 0 18px;
	font-size: 22px;
	text-align: center;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.pmr-how-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.pmr-how-grid div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 72px;
	padding: 16px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .07);
	font-weight: 800;
}

.pmr-how-grid b {
	font-size: 34px;
	color: var(--pmr-accent);
}

.pmr-panel {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center;
	padding: 22px;
	background: rgba(5, 3, 12, .72);
	backdrop-filter: blur(18px);
	opacity: 0;
	pointer-events: none;
	transition: opacity .22s ease;
}

.pmr-panel.is-open {
	opacity: 1;
	pointer-events: auto;
}

.pmr-panel-card {
	position: relative;
	width: min(510px, 100%);
	max-height: min(720px, calc(100svh - 44px));
	overflow: auto;
	padding: clamp(28px, 5vw, 42px);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 34px;
	background:
		radial-gradient(circle at 50% 0, rgba(255,45,122,.26), transparent 36%),
		linear-gradient(160deg, rgba(24, 10, 50, .98), rgba(7, 4, 19, .98));
	box-shadow: 0 30px 100px rgba(0, 0, 0, .5);
	transform: translateY(18px) scale(.98);
	transition: transform .22s ease;
}

.pmr-panel.is-open .pmr-panel-card {
	transform: translateY(0) scale(1);
}

.pmr-panel-close {
	position: absolute;
	right: 18px;
	top: 18px;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}

.pmr-result-icon {
	display: grid;
	place-items: center;
	width: 108px;
	height: 108px;
	margin: 8px auto 24px;
	border-radius: 999px;
	font-size: 58px;
	background: linear-gradient(135deg, var(--pmr-accent), #ff0f69);
	box-shadow: 0 22px 60px rgba(255, 45, 122, .32);
}

.pmr-result-icon.is-attending { background: linear-gradient(135deg, #35d86b, #7cff93); color: #fff; }
.pmr-result-icon.is-declined { background: linear-gradient(135deg, #9c9ca8, #f4f4f8); color: #3d3d48; }
.pmr-result-icon.is-group { background: linear-gradient(135deg, #ffd02e, #ff9d22); color: #fff; }

.pmr-panel h2 {
	margin: 0 0 10px;
	font-size: clamp(31px, 6vw, 46px);
	line-height: 1.05;
	letter-spacing: -.05em;
	text-align: center;
}

.pmr-panel p {
	margin: 0 0 22px;
	font-size: 17px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .78);
	text-align: center;
}

.pmr-size-options {
	display: grid;
	gap: 10px;
	margin: 22px 0 24px;
}

.pmr-size-options button,
.pmr-email-form input {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 16px;
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.pmr-size-options button {
	padding: 15px 18px;
	font-weight: 850;
	font-size: 16px;
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.pmr-size-options button:hover,
.pmr-size-options button.is-selected {
	border-color: var(--pmr-group);
	background: linear-gradient(135deg, rgba(255,208,46,.24), rgba(255,45,122,.12));
	transform: translateY(-1px);
}

.pmr-email-form {
	display: grid;
	gap: 14px;
}

.pmr-email-form label {
	display: grid;
	gap: 8px;
	font-weight: 800;
	color: #fff;
}

.pmr-email-form input {
	min-height: 58px;
	padding: 0 18px;
	font-size: 17px;
	outline: none;
}

.pmr-email-form input:focus {
	border-color: var(--pmr-accent);
	box-shadow: 0 0 0 4px rgba(255, 45, 122, .18);
}

.pmr-panel-actions {
	display: grid;
	gap: 12px;
	margin-top: 20px;
}

.pmr-secondary {
	appearance: none;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 999px;
	min-height: 54px;
	padding: 14px 22px;
	background: rgba(255,255,255,.08);
	color: #fff;
	font-weight: 850;
	font-size: 16px;
	cursor: pointer;
}

.pmr-alert {
	margin-top: 14px;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .08);
	color: rgba(255, 255, 255, .82);
	font-size: 14px;
	text-align: center;
}

.pmr-code-card {
	width: min(560px, 100%);
	padding: clamp(30px, 6vw, 54px);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 36px;
	background: rgba(12, 7, 30, .82);
	backdrop-filter: blur(18px);
	box-shadow: var(--pmr-shadow);
	text-align: center;
}

.pmr-code-card h1 {
	font-size: clamp(40px, 8vw, 72px);
	line-height: .95;
	letter-spacing: -.06em;
	margin: 12px 0 14px;
}

.pmr-code-card p {
	color: rgba(255,255,255,.76);
	font-size: 17px;
	line-height: 1.55;
}

.pmr-code-form {
	display: grid;
	gap: 12px;
	margin-top: 24px;
	text-align: left;
}

.pmr-code-form label {
	font-weight: 800;
}

.pmr-code-form input {
	width: 100%;
	min-height: 58px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 16px;
	padding: 0 18px;
	background: rgba(255,255,255,.08);
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}

@media (max-width: 980px) {
	.pmr-shell {
		padding: 30px 18px;
	}

	.pmr-hero {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.pmr-copy {
		max-width: none;
		text-align: center;
	}

	.pmr-brand {
		align-items: center;
	}

	.pmr-directions {
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;
	}

	.pmr-phone {
		transform: none;
	}
}

@media (max-width: 620px) {
	.pmr-directions {
		grid-template-columns: 1fr;
	}

	.pmr-directions div + div {
		border-left: 0;
		border-top: 1px solid var(--pmr-border);
	}

	.pmr-phone {
		width: min(390px, 100%);
		min-height: 650px;
		padding: 16px 14px 24px;
		border-radius: 42px;
	}

	.pmr-card-stage {
		height: 486px;
	}

	.pmr-card-visual {
		min-height: 185px;
	}

	.pmr-card-body {
		padding: 18px;
	}

	.pmr-neon {
		right: 18px;
		top: 54px;
		font-size: 40px;
	}

	.pmr-card h2 {
		font-size: 30px;
	}

	.pmr-event-list {
		font-size: 14px;
	}

	.pmr-controls {
		grid-template-columns: repeat(3, 64px);
		gap: 16px;
	}

	.pmr-control {
		width: 64px;
		height: 64px;
		font-size: 42px;
	}

	.pmr-how-grid {
		grid-template-columns: 1fr;
	}

	.pmr-stamp {
		font-size: 28px;
		padding: 18px 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pmr-confetti span,
	.pmr-card,
	.pmr-primary,
	.pmr-control,
	.pmr-panel,
	.pmr-panel-card {
		animation: none;
		transition: none;
	}
}


/* v1.4 true fullscreen invite-card mode */
.party-match-rsvp-standalone {
	margin: 0 !important;
	padding: 0 !important;
	width: 100vw;
	min-width: 100vw;
	height: 100vh;
	height: 100dvh;
	height: var(--pmr-vh, 100dvh);
	min-height: 100vh;
	min-height: 100dvh;
	background: #090416;
	color: #fff;
	overflow: hidden !important;
	overscroll-behavior: none;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}

.party-match-rsvp-standalone #wpadminbar,
.pmr-shell-card-only .pmr-phone::before,
.pmr-shell-card-only .pmr-phone-top {
	display: none !important;
}

.party-match-rsvp-standalone .pmr-shell,
.pmr-shell-card-only {
	position: fixed;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	height: var(--pmr-vh, 100dvh);
	min-height: 0;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 12%, rgba(255, 45, 122, .24), transparent 30%),
		radial-gradient(circle at 88% 6%, rgba(126, 61, 255, .26), transparent 32%),
		radial-gradient(circle at 50% 112%, rgba(255, 45, 122, .18), transparent 38%),
		linear-gradient(135deg, #05020d 0%, #140728 52%, #070312 100%);
}

.pmr-shell-card-only .pmr-card-only-main,
.pmr-shell-card-only .pmr-phone-wrap,
.pmr-shell-card-only .pmr-phone,
.pmr-shell-card-only .pmr-card-stage {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	transform: none;
	perspective: none;
	overflow: hidden;
}

.pmr-shell-card-only .pmr-card {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	border: 0;
	border-radius: 0;
	background: #090416;
	box-shadow: none;
	overflow: hidden;
	touch-action: none;
	cursor: grab;
	will-change: transform, opacity;
}

.pmr-shell-card-only .pmr-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(180deg, rgba(4, 1, 12, .18) 0%, rgba(4, 1, 12, .04) 28%, rgba(4, 1, 12, .44) 63%, rgba(4, 1, 12, .92) 100%),
		linear-gradient(90deg, rgba(4, 1, 12, .7) 0%, rgba(4, 1, 12, .16) 45%, rgba(4, 1, 12, .45) 100%);
	pointer-events: none;
}

.pmr-shell-card-only .pmr-card::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 54%;
	z-index: 3;
	background: linear-gradient(180deg, rgba(9, 4, 22, 0), rgba(9, 4, 22, .78) 62%, rgba(9, 4, 22, .98));
	pointer-events: none;
}

.pmr-shell-card-only .pmr-card-visual {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 0;
	border: 0;
	border-radius: 0;
	background:
		radial-gradient(circle at 34% 10%, rgba(255, 255, 255, .2), transparent 8%),
		radial-gradient(circle at 18% 42%, rgba(255, 45, 122, .58), transparent 25%),
		radial-gradient(circle at 78% 38%, rgba(126, 61, 255, .5), transparent 30%),
		radial-gradient(circle at 55% 78%, rgba(255, 45, 122, .22), transparent 34%),
		linear-gradient(140deg, #170532 0%, #5a116a 47%, #10041c 100%);
	background-size: cover;
	background-position: center center;
	transform: none;
	overflow: hidden;
}

.pmr-shell-card-only .pmr-card-visual::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(115deg, rgba(255,255,255,.075), transparent 31% 72%, rgba(255,255,255,.04)),
		radial-gradient(circle at 68% 18%, rgba(255,255,255,.16), transparent 20%);
	pointer-events: none;
}

.pmr-shell-card-only .pmr-card-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(90deg, transparent 0 16%, rgba(255,255,255,.055) 16% 17%, transparent 17% 36%, rgba(255,255,255,.04) 36% 37%, transparent 37% 61%, rgba(255,255,255,.05) 61% 62%, transparent 62%),
		radial-gradient(circle at 50% -8%, rgba(255,255,255,.18), transparent 34%);
	opacity: .55;
	pointer-events: none;
}

.pmr-shell-card-only .pmr-disco {
	position: absolute;
	left: clamp(22px, 8vw, 120px);
	top: clamp(-42px, -4vw, -22px);
	z-index: 4;
	width: clamp(112px, 17vw, 232px);
	height: clamp(112px, 17vw, 232px);
	opacity: .9;
	pointer-events: none;
}

.pmr-shell-card-only .pmr-neon {
	position: absolute;
	right: clamp(18px, 7vw, 108px);
	top: clamp(48px, 10vw, 122px);
	z-index: 4;
	font-size: clamp(42px, 8vw, 112px);
	opacity: .94;
	pointer-events: none;
}

.pmr-shell-card-only .pmr-card-body {
	position: absolute !important;
	inset: auto 0 0 0 !important;
	z-index: 6;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	max-height: calc(100% - 24px);
	margin: 0 !important;
	padding: clamp(34px, 7vh, 96px) clamp(22px, 7vw, 104px) calc(124px + env(safe-area-inset-bottom));
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(0deg, rgba(5, 3, 16, .98) 0%, rgba(9, 4, 22, .88) 62%, rgba(9, 4, 22, 0) 100%) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	overflow: hidden;
	transform: none !important;
}

.pmr-shell-card-only .pmr-greeting {
	margin: 0 0 clamp(8px, 1.4vh, 14px);
	font-size: clamp(13px, 1.7vw, 22px);
	font-weight: 950;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 4px 24px rgba(0,0,0,.62);
}

.pmr-shell-card-only .pmr-card h2 {
	max-width: min(980px, 94vw);
	margin: 0 0 clamp(14px, 2.2vh, 28px);
	font-size: clamp(42px, 8.4vw, 118px);
	line-height: .9;
	letter-spacing: -.065em;
	color: #fff;
	text-shadow: 0 10px 44px rgba(0,0,0,.64);
}

.pmr-shell-card-only .pmr-event-list {
	display: grid;
	max-width: min(760px, 92vw);
	gap: clamp(8px, 1.4vh, 14px);
	margin: 0;
	padding: 0;
	font-size: clamp(16px, 2vw, 24px);
	line-height: 1.25;
	color: rgba(255,255,255,.92);
	text-shadow: 0 3px 18px rgba(0,0,0,.56);
}

.pmr-shell-card-only .pmr-event-list li {
	display: grid;
	grid-template-columns: clamp(26px, 3vw, 36px) 1fr;
	gap: clamp(9px, 1.2vw, 14px);
	align-items: center;
	min-width: 0;
}

.pmr-shell-card-only .pmr-event-list span {
	display: grid;
	place-items: center;
	width: clamp(24px, 3vw, 34px);
	height: clamp(24px, 3vw, 34px);
	border-radius: 999px;
	background: rgba(255,255,255,.09);
	color: #fff;
	font-size: clamp(15px, 1.8vw, 22px);
	line-height: 1;
	opacity: 1;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.pmr-shell-card-only .pmr-tags {
	display: flex;
	flex-wrap: wrap;
	max-width: min(860px, 92vw);
	gap: clamp(7px, 1vw, 11px);
	margin-top: clamp(14px, 2vh, 28px);
}

.pmr-shell-card-only .pmr-tags span {
	padding: clamp(7px, 1vw, 10px) clamp(10px, 1.4vw, 15px);
	font-size: clamp(11px, 1.1vw, 15px);
	font-weight: 900;
	box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.18);
}

.pmr-shell-card-only .pmr-controls {
	position: fixed !important;
	left: 50% !important;
	right: auto !important;
	bottom: calc(18px + env(safe-area-inset-bottom)) !important;
	z-index: 40 !important;
	display: grid !important;
	grid-template-columns: repeat(3, clamp(58px, 7vw, 78px));
	justify-content: center;
	gap: clamp(12px, 2.3vw, 24px);
	width: auto;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 999px;
	background: rgba(7, 3, 20, .58);
	box-shadow: 0 22px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.14);
	backdrop-filter: blur(18px) saturate(1.25);
	-webkit-backdrop-filter: blur(18px) saturate(1.25);
	transform: translateX(-50%) !important;
}

.pmr-shell-card-only .pmr-control {
	appearance: none;
	-webkit-appearance: none;
	display: grid;
	place-items: center;
	width: clamp(58px, 7vw, 78px);
	height: clamp(58px, 7vw, 78px);
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255,255,255,.96);
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(36px, 5vw, 48px);
	font-weight: 1000;
	line-height: 1;
	box-shadow: 0 16px 48px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.92);
	text-align: center;
	text-indent: 0;
	text-shadow: none;
	cursor: pointer;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.pmr-shell-card-only .pmr-control:hover,
.pmr-shell-card-only .pmr-control:focus-visible {
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 20px 56px rgba(0,0,0,.44), 0 0 34px rgba(255,255,255,.16), inset 0 1px 0 rgba(255,255,255,.94);
	outline: none;
}

.pmr-shell-card-only .pmr-control-decline { color: var(--pmr-danger, #ff2d7a) !important; }
.pmr-shell-card-only .pmr-control-attend { color: var(--pmr-success, #48d66b) !important; }
.pmr-shell-card-only .pmr-control-group { color: var(--pmr-group, #ffd02e) !important; }

.pmr-shell-card-only .pmr-stamp {
	z-index: 30;
	max-width: min(86vw, 680px);
	white-space: normal;
	font-size: clamp(34px, 7vw, 82px);
	line-height: .96;
	padding: clamp(18px, 3vw, 34px) clamp(22px, 4vw, 46px);
	border-width: clamp(3px, .55vw, 6px);
	border-radius: clamp(20px, 2.4vw, 38px);
	background: rgba(5,2,14,.42);
	box-shadow: 0 24px 80px rgba(0,0,0,.38);
	backdrop-filter: blur(14px) saturate(1.22);
	-webkit-backdrop-filter: blur(14px) saturate(1.22);
	text-shadow: 0 10px 32px rgba(0,0,0,.45);
}

.pmr-shell-card-only .pmr-stamp-left { color: var(--pmr-danger, #ff2d7a); }
.pmr-shell-card-only .pmr-stamp-right { color: var(--pmr-success, #48d66b); }
.pmr-shell-card-only .pmr-stamp-up { color: var(--pmr-group, #ffd02e); min-width: min(720px, 88vw); }

.pmr-shell-card-only .pmr-bg-orb,
.pmr-shell-card-only .pmr-confetti span {
	z-index: 5;
}

.pmr-closed-card .pmr-brand {
	align-items: center;
	margin-bottom: 18px;
}

.pmr-closed-status {
	display: flex;
	justify-content: center;
	margin: 20px 0;
}

.pmr-closed-event {
	display: grid;
	gap: 8px;
	margin-top: 24px;
	padding: 18px;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 20px;
	background: rgba(255,255,255,.07);
	color: rgba(255,255,255,.82);
}

.pmr-closed-event strong {
	color: #fff;
	font-size: 20px;
}

@media (max-width: 720px) {
	.pmr-shell-card-only .pmr-card::before {
		background:
			linear-gradient(180deg, rgba(4,1,12,.16) 0%, rgba(4,1,12,.18) 28%, rgba(4,1,12,.54) 58%, rgba(4,1,12,.97) 100%),
			linear-gradient(90deg, rgba(4,1,12,.5) 0%, rgba(4,1,12,.08) 54%, rgba(4,1,12,.46) 100%);
	}

	.pmr-shell-card-only .pmr-card::after {
		height: 66%;
	}

	.pmr-shell-card-only .pmr-card-body {
		padding: clamp(28px, 6vh, 62px) 22px calc(116px + env(safe-area-inset-bottom));
	}

	.pmr-shell-card-only .pmr-greeting {
		font-size: 13px;
	}

	.pmr-shell-card-only .pmr-card h2 {
		font-size: clamp(40px, 12.5vw, 58px);
		line-height: .93;
		margin-bottom: 15px;
	}

	.pmr-shell-card-only .pmr-event-list {
		font-size: clamp(15px, 4.2vw, 18px);
		gap: 9px;
		line-height: 1.22;
	}

	.pmr-shell-card-only .pmr-event-list li {
		grid-template-columns: 28px 1fr;
		gap: 10px;
	}

	.pmr-shell-card-only .pmr-event-list span {
		width: 25px;
		height: 25px;
		font-size: 15px;
	}

	.pmr-shell-card-only .pmr-tags {
		gap: 7px;
		margin-top: 14px;
	}

	.pmr-shell-card-only .pmr-tags span {
		padding: 7px 10px;
		font-size: 11px;
	}

	.pmr-shell-card-only .pmr-disco {
		left: 22px;
		top: -30px;
		width: 116px;
		height: 116px;
	}

	.pmr-shell-card-only .pmr-neon {
		right: 18px;
		top: 54px;
		font-size: clamp(42px, 13vw, 64px);
	}

	.pmr-shell-card-only .pmr-controls {
		bottom: calc(14px + env(safe-area-inset-bottom)) !important;
		grid-template-columns: repeat(3, 60px);
		gap: 14px;
		padding: 8px 10px;
	}

	.pmr-shell-card-only .pmr-control {
		width: 60px;
		height: 60px;
		font-size: 38px;
	}
}

@media (max-height: 700px) {
	.pmr-shell-card-only .pmr-card-body {
		padding-top: 24px;
		padding-bottom: calc(100px + env(safe-area-inset-bottom));
	}

	.pmr-shell-card-only .pmr-card h2 {
		font-size: clamp(34px, 11vw, 50px);
		margin-bottom: 12px;
	}

	.pmr-shell-card-only .pmr-event-list {
		font-size: 14px;
		gap: 7px;
	}

	.pmr-shell-card-only .pmr-tags {
		display: none;
	}

	.pmr-shell-card-only .pmr-controls {
		grid-template-columns: repeat(3, 54px);
		gap: 12px;
		padding: 7px 9px;
	}

	.pmr-shell-card-only .pmr-control {
		width: 54px;
		height: 54px;
		font-size: 34px;
	}
}