@import '_content/BattlesOfAllBattles.Client.Comps.FormComp/BattlesOfAllBattles.Client.Comps.FormComp.373l1jdr64.bundle.scp.css';
@import '_content/BattlesOfAllBattles.Client.Comps.FullScreenLoaderComp/BattlesOfAllBattles.Client.Comps.FullScreenLoaderComp.ba3gzxiegq.bundle.scp.css';
@import '_content/ManuHub.Blazor.Toast/ManuHub.Blazor.Toast.l6dx7i73o0.bundle.scp.css';

/* /App.razor.rz.scp.css */
.game-hub-startup[b-q4nanl1rde] {
	display: grid;
	min-height: 100svh;
	padding: 24px;
	place-items: center;
}

.game-hub-startup__card[b-q4nanl1rde] {
	display: grid;
	justify-items: center;
	width: min(100%, 430px);
	padding: 30px 28px 32px;
	border: 5px solid var(--ink);
	border-radius: 24px;
	background: rgba(255, 250, 240, 0.97);
	box-shadow:
		0 9px 0 var(--purple),
		0 15px 0 var(--ink),
		0 26px 42px rgba(41, 37, 77, 0.24);
	text-align: center;
	animation: game-hub-startup-card-in-b-q4nanl1rde 240ms ease-out both;
}

.game-hub-startup__card--error[b-q4nanl1rde] {
	box-shadow:
		0 9px 0 var(--coral),
		0 15px 0 var(--ink),
		0 26px 42px rgba(41, 37, 77, 0.28);
}

.game-hub-startup__eyebrow[b-q4nanl1rde] {
	padding: 7px 12px;
	border: 3px solid var(--ink);
	border-radius: 999px;
	background: var(--yellow);
	font-size: 0.68rem;
	font-weight: 950;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.game-hub-startup__card--error .game-hub-startup__eyebrow[b-q4nanl1rde] {
	color: #ffffff;
	background: var(--coral);
}

.game-hub-startup__loader[b-q4nanl1rde],
.game-hub-startup__error-icon[b-q4nanl1rde] {
	display: grid;
	width: 7rem;
	margin: 24px 0 20px;
	aspect-ratio: 1;
	border: 4px solid var(--ink);
	place-items: center;
}

.game-hub-startup__loader[b-q4nanl1rde] {
	grid-template-columns: repeat(3, 18px);
	gap: 7px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow:
		0 6px 0 var(--blue-dark),
		0 10px 0 var(--ink);
	place-content: center;
}

.game-hub-startup__loader i[b-q4nanl1rde] {
	width: 18px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 5px;
	background: var(--coral);
	animation: game-hub-startup-block-b-q4nanl1rde 900ms ease-in-out infinite;
}

.game-hub-startup__loader i:nth-child(2)[b-q4nanl1rde] {
	background: var(--yellow);
	animation-delay: 120ms;
}

.game-hub-startup__loader i:nth-child(3)[b-q4nanl1rde] {
	background: var(--purple);
	animation-delay: 240ms;
}

.game-hub-startup__error-icon[b-q4nanl1rde] {
	border-radius: 28px;
	color: #ffffff;
	background: var(--coral);
	box-shadow:
		0 6px 0 var(--coral-dark),
		0 10px 0 var(--ink);
	font-size: 4.2rem;
	font-weight: 1000;
	line-height: 1;
	transform: rotate(-3deg);
}

.game-hub-startup h1[b-q4nanl1rde] {
	margin: 0;
	font-size: clamp(1.65rem, 6vw, 2.15rem);
	font-weight: 1000;
	line-height: 1.05;
	letter-spacing: -0.035em;
}

.game-hub-startup p[b-q4nanl1rde] {
	max-width: 350px;
	margin: 12px 0 0;
	color: var(--muted);
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.5;
}

.game-hub-startup__retry[b-q4nanl1rde] {
	width: 100%;
	margin-top: 24px;
	padding: 13px 18px;
	border: 4px solid var(--ink);
	border-radius: 15px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow:
		0 6px 0 #d6a900,
		0 10px 0 var(--ink);
	cursor: pointer;
	font-size: 0.82rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	transition:
		transform 140ms ease,
		box-shadow 140ms ease,
		filter 140ms ease;
}

.game-hub-startup__retry:hover[b-q4nanl1rde] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.game-hub-startup__retry:active[b-q4nanl1rde] {
	box-shadow:
		0 1px 0 #d6a900,
		0 4px 0 var(--ink);
	transform: translateY(5px);
}

.game-hub-startup__retry:focus-visible[b-q4nanl1rde] {
	outline: 5px solid var(--purple);
	outline-offset: 4px;
}

@keyframes game-hub-startup-card-in-b-q4nanl1rde {
	from {
		opacity: 0;
		transform: translateY(12px) scale(0.97);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes game-hub-startup-block-b-q4nanl1rde {
	0%,
	100% {
		transform: translateY(0) rotate(0);
	}

	50% {
		transform: translateY(-10px) rotate(8deg);
	}
}

@media (max-width: 520px) {
	.game-hub-startup[b-q4nanl1rde] {
		padding: 18px;
	}

	.game-hub-startup__card[b-q4nanl1rde] {
		padding: 27px 21px 29px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.game-hub-startup__card[b-q4nanl1rde],
	.game-hub-startup__loader i[b-q4nanl1rde] {
		animation: none;
	}

	.game-hub-startup__retry[b-q4nanl1rde] {
		transition: none;
	}
}
/* /Modules/ComponentsModule/BattleRoomPlaceholderModule/BattleRoomPlaceholder.razor.rz.scp.css */
.battle-room-placeholder[b-iishaobtj3] {
	display: grid;
	min-height: 100svh;
	place-items: center;
	padding: 82px 24px 140px;
	color: var(--ink);
}

.battle-room-placeholder__card[b-iishaobtj3] {
	display: grid;
	justify-items: center;
	width: min(100%, 720px);
	padding: clamp(32px, 6vw, 58px);
	border: 5px solid var(--ink);
	border-radius: 28px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 12px 0 var(--ink), 0 24px 45px rgba(41, 37, 77, 0.24);
	text-align: center;
}

.battle-room-placeholder--setup .battle-room-placeholder__card[b-iishaobtj3] {
	width: min(100%, 980px);
	box-shadow: 0 12px 0 var(--purple), 0 17px 0 var(--ink), 0 29px 45px rgba(41, 37, 77, 0.24);
}

.battle-room-placeholder--setup[b-iishaobtj3] {
	align-content: start;
	align-items: start;
	min-height: 0;
	padding-top: 112px;
	padding-bottom: 0;
}

.battle-room-placeholder--setup .battle-room-placeholder__content[b-iishaobtj3] {
	width: min(100%, 900px);
}

.battle-room-placeholder--setup .battle-room-placeholder__icon[b-iishaobtj3] {
	display: none;
}

.battle-room-placeholder--game .battle-room-placeholder__card[b-iishaobtj3] {
	width: min(100%, 980px);
	box-shadow: 0 12px 0 var(--coral), 0 17px 0 var(--ink), 0 29px 45px rgba(41, 37, 77, 0.24);
}

.battle-room-placeholder--game .battle-room-placeholder__content[b-iishaobtj3] {
	width: min(100%, 900px);
}

.battle-room-placeholder--game[b-iishaobtj3] {
	align-content: start;
	align-items: start;
	padding-top: 112px;
}

.battle-room-placeholder__header[b-iishaobtj3] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.battle-room-placeholder__eyebrow[b-iishaobtj3] {
	margin: 0;
	padding: 8px 15px;
	border: 3px solid var(--ink);
	border-radius: 999px;
	background: var(--yellow);
	font-size: 0.78rem;
	font-weight: 950;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.battle-room-placeholder__icon[b-iishaobtj3] {
	display: grid;
	width: 90px;
	margin-top: 28px;
	aspect-ratio: 1;
	border: 4px solid var(--ink);
	border-radius: 24px;
	background: var(--cream);
	box-shadow: 0 7px 0 var(--ink);
	place-items: center;
	transform: rotate(-3deg);
}

.battle-room-placeholder--game .battle-room-placeholder__icon[b-iishaobtj3] {
	display: none;
}

.battle-room-placeholder__icon svg[b-iishaobtj3] {
	width: 58px;
	fill: var(--ink);
}

.battle-room-placeholder__card h1[b-iishaobtj3] {
	max-width: 600px;
	margin: 30px 0 0;
	font-size: clamp(2.3rem, 7vw, 4.2rem);
	font-weight: 1000;
	line-height: 0.95;
	letter-spacing: -0.045em;
	text-wrap: balance;
}

.battle-room-placeholder__description[b-iishaobtj3] {
	max-width: 540px;
	margin: 22px 0 0;
	color: var(--muted);
	font-size: 1.05rem;
	font-weight: 750;
	line-height: 1.55;
}

.battle-room-placeholder__content[b-iishaobtj3] {
	width: min(100%, 520px);
	margin-top: 30px;
}

.battle-room-placeholder__status[b-iishaobtj3] {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
	padding: 11px 16px;
	border: 3px solid rgba(41, 37, 77, 0.14);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.75);
	font-size: 0.82rem;
	font-weight: 850;
}

.battle-room-placeholder__status span[b-iishaobtj3] {
	width: 12px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 50%;
	background: #65d383;
}

@media (max-width: 600px) {
	.battle-room-placeholder[b-iishaobtj3] {
		align-items: start;
		padding: 78px 16px 120px;
	}

	.battle-room-placeholder__card[b-iishaobtj3] {
		padding: 30px 20px 34px;
		border-radius: 22px;
	}

	.battle-room-placeholder--setup[b-iishaobtj3] {
		padding-top: 92px;
		padding-bottom: 0;
	}

	.battle-room-placeholder--game[b-iishaobtj3] {
		padding-top: 92px;
	}

	.battle-room-placeholder__icon[b-iishaobtj3] {
		width: 76px;
		border-radius: 20px;
	}

	.battle-room-placeholder__icon svg[b-iishaobtj3] {
		width: 48px;
	}

	.battle-room-placeholder__status[b-iishaobtj3] {
		align-items: flex-start;
		text-align: left;
	}
}
/* /Modules/ComponentsModule/BattleRoomPlayerRosterModule/BattleRoomPlayerRoster.razor.rz.scp.css */
.battle-room-player-roster__trigger[b-bilrzl985x] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 39px;
	padding: 7px 14px;
	border: 3px solid var(--ink);
	border-radius: 999px;
	color: var(--ink);
	background: var(--grass);
	box-shadow: 0 3px 0 var(--grass-dark);
	cursor: pointer;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 950;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-player-roster__trigger:hover[b-bilrzl985x] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.battle-room-player-roster__trigger:active[b-bilrzl985x] {
	transform: translateY(3px);
	box-shadow: none;
}

.battle-room-player-roster__trigger:focus-visible[b-bilrzl985x] {
	outline: 5px solid var(--purple);
	outline-offset: 4px;
}

.battle-room-player-roster__backdrop[b-bilrzl985x] {
	display: grid;
	position: fixed;
	z-index: 60;
	inset: 0;
	overflow-y: auto;
	padding: 22px;
	background: rgba(41, 37, 77, 0.62);
	backdrop-filter: blur(8px);
	overscroll-behavior: contain;
	place-items: center;
	touch-action: pan-y;
}

.battle-room-player-roster__dialog[b-bilrzl985x] {
	width: min(100%, 500px);
	margin: auto;
	padding: 27px;
	border: 5px solid var(--ink);
	border-radius: 24px;
	background: #fffaf0;
	box-shadow: 0 10px 0 var(--grass), 0 16px 0 var(--ink), 0 28px 55px rgba(18, 15, 45, 0.38);
	text-align: left;
	animation: battle-room-player-roster-dialog-in-b-bilrzl985x 180ms ease-out both;
}

.battle-room-player-roster__dialog-header[b-bilrzl985x] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.battle-room-player-roster__dialog-header p[b-bilrzl985x],
.battle-room-player-roster__dialog-header h2[b-bilrzl985x],
.battle-room-player-roster__dialog > p[b-bilrzl985x] {
	margin: 0;
}

.battle-room-player-roster__dialog-header p[b-bilrzl985x] {
	color: var(--purple);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.battle-room-player-roster__dialog-header h2[b-bilrzl985x] {
	margin-top: 4px;
	font-size: clamp(1.65rem, 5vw, 2.15rem);
	font-weight: 1000;
	letter-spacing: -0.035em;
}

.battle-room-player-roster__dialog-header > button[b-bilrzl985x] {
	display: grid;
	flex: 0 0 auto;
	width: 39px;
	aspect-ratio: 1;
	padding: 0;
	border: 3px solid var(--ink);
	border-radius: 11px;
	color: var(--ink);
	background: var(--coral);
	box-shadow: 0 3px 0 var(--coral-dark), 0 5px 0 var(--ink);
	cursor: pointer;
	font-size: 1.45rem;
	font-weight: 1000;
	line-height: 1;
	place-items: center;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-player-roster__dialog-header > button:hover[b-bilrzl985x] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.battle-room-player-roster__dialog-header > button:active[b-bilrzl985x] {
	transform: translateY(3px);
	box-shadow: 0 1px 0 var(--ink);
}

.battle-room-player-roster__dialog-header > button:focus-visible[b-bilrzl985x] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.battle-room-player-roster__dialog > p[b-bilrzl985x] {
	margin-top: 10px;
	color: var(--muted);
	font-size: 0.86rem;
	font-weight: 750;
}

.battle-room-player-roster__players[b-bilrzl985x] {
	display: grid;
	gap: 12px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.battle-room-player-roster__players li[b-bilrzl985x] {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	padding: 13px;
	border: 3px solid var(--ink);
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 4px 0 var(--ink);
}

.battle-room-player-roster__avatar[b-bilrzl985x] {
	display: grid;
	width: 48px;
	aspect-ratio: 1;
	overflow: hidden;
	padding: 0;
	border: 3px solid var(--ink);
	border-radius: 14px;
	color: #ffffff;
	background: var(--purple);
	box-shadow: 0 3px 0 #6540be;
	font-size: 1.25rem;
	font-weight: 1000;
	place-items: center;
}

.battle-room-player-roster__avatar img[b-bilrzl985x] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.battle-room-player-roster__players li > strong[b-bilrzl985x] {
	overflow: hidden;
	font-size: 0.98rem;
	font-weight: 1000;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.battle-room-player-roster__badges[b-bilrzl985x] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
}

.battle-room-player-roster__badges span[b-bilrzl985x] {
	padding: 5px 8px;
	border: 2px solid var(--ink);
	border-radius: 8px;
	font-size: 0.62rem;
	font-weight: 1000;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.battle-room-player-roster__host[b-bilrzl985x] {
	background: var(--yellow);
}

.battle-room-player-roster__you[b-bilrzl985x] {
	background: #dfeeff;
}

.battle-room-player-roster__reconnecting[b-bilrzl985x] {
	background: var(--yellow);
}

.battle-room-player-roster__left[b-bilrzl985x],
.battle-room-player-roster__kicked[b-bilrzl985x] {
	background: var(--coral);
}

.battle-room-player-roster__badges .battle-room-player-roster__ping[b-bilrzl985x] {
	background: #e8f8e2;
	text-transform: none;
	white-space: nowrap;
}

@keyframes battle-room-player-roster-dialog-in-b-bilrzl985x {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.96);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (max-width: 520px) {
	.battle-room-player-roster__dialog[b-bilrzl985x] {
		padding: 22px 18px;
	}

	.battle-room-player-roster__players li[b-bilrzl985x] {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.battle-room-player-roster__badges[b-bilrzl985x] {
		grid-column: 2;
		justify-content: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.battle-room-player-roster__trigger[b-bilrzl985x],
	.battle-room-player-roster__dialog-header > button[b-bilrzl985x] {
		transition: none;
	}

	.battle-room-player-roster__dialog[b-bilrzl985x] {
		animation: none;
	}
}
/* /Modules/ComponentsModule/GameHubBackgroundModule/GameHubBackground.razor.rz.scp.css */
.game-hub-scene[b-ytjenrmzuo] {
	position: relative;
	min-height: 100svh;
	overflow: hidden;
	isolation: isolate;
}

.game-hub-scene--background-only[b-ytjenrmzuo] {
	position: absolute;
	z-index: 0;
	inset: 0;
	min-height: 0;
	pointer-events: none;
}

.game-hub-scene__content[b-ytjenrmzuo] {
	position: relative;
	z-index: 1;
	min-height: inherit;
}

.game-hub-background[b-ytjenrmzuo] {
	position: absolute;
	z-index: 0;
	inset: 0;
	overflow: hidden;
	background: linear-gradient(180deg, var(--sky-top), var(--sky-bottom) 72%);
	pointer-events: none;
	user-select: none;
}

.game-hub-background[b-ytjenrmzuo]::before {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.13) 25%, transparent 25%) 0 0 / 90px 90px,
		linear-gradient(315deg, rgba(65, 175, 224, 0.09) 25%, transparent 25%) 0 0 / 90px 90px;
	content: "";
}

.game-hub-background__sun[b-ytjenrmzuo] {
	position: absolute;
	top: 8%;
	right: 10%;
	width: 82px;
	aspect-ratio: 1;
	background: var(--yellow);
	box-shadow: 11px 11px 0 rgba(252, 170, 45, 0.25);
	clip-path: polygon(50% 0, 61% 19%, 82% 10%, 81% 33%, 100% 50%, 81% 62%, 88% 86%, 62% 79%, 50% 100%, 37% 79%, 12% 88%, 20% 62%, 0 50%, 20% 37%, 12% 12%, 38% 21%);
	animation: game-hub-background-sun-spin-b-ytjenrmzuo 24s linear infinite;
}

.game-hub-background__cloud[b-ytjenrmzuo] {
	--cloud-duration: 120s;
	--cloud-delay: 0s;
	--cloud-breathe-duration: 9s;
	--cloud-breathe-delay: 0s;
	--cloud-facing: 1;

	position: absolute;
	left: -190px;
	width: 140px;
	height: 50px;
	opacity: 0.8;
	animation: game-hub-background-cloud-drift-b-ytjenrmzuo var(--cloud-duration) linear var(--cloud-delay) infinite;
	will-change: transform;
}

.game-hub-background__cloud span[b-ytjenrmzuo] {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	filter: drop-shadow(8px 9px 0 rgba(72, 158, 203, 0.14));
	clip-path: polygon(0 44%, 18% 44%, 18% 20%, 38% 20%, 38% 0, 66% 0, 66% 25%, 86% 25%, 86% 44%, 100% 44%, 100% 100%, 0 100%);
	transform-origin: center bottom;
	animation: game-hub-background-cloud-breathe-b-ytjenrmzuo var(--cloud-breathe-duration) ease-in-out var(--cloud-breathe-delay) infinite;
}

.game-hub-background__cloud--one[b-ytjenrmzuo] {
	--cloud-duration: 105s;
	--cloud-delay: -20s;
	--cloud-breathe-duration: 9s;
	--cloud-breathe-delay: -3s;

	top: 18%;
}

.game-hub-background__cloud--two[b-ytjenrmzuo] {
	--cloud-duration: 125s;
	--cloud-delay: -85s;
	--cloud-breathe-duration: 11s;
	--cloud-breathe-delay: -7s;
	--cloud-facing: -1;

	top: 31%;
	width: 105px;
	height: 38px;
	opacity: 0.68;
}

.game-hub-background__cloud--three[b-ytjenrmzuo] {
	--cloud-duration: 115s;
	--cloud-delay: -56s;
	--cloud-breathe-duration: 8s;
	--cloud-breathe-delay: -5s;

	top: 8%;
	width: 96px;
	height: 35px;
	opacity: 0.62;
}

.game-hub-background__cloud--four[b-ytjenrmzuo] {
	--cloud-duration: 140s;
	--cloud-delay: -111s;
	--cloud-breathe-duration: 12s;
	--cloud-breathe-delay: -2s;
	--cloud-facing: -1;

	top: 45%;
	width: 126px;
	height: 46px;
	opacity: 0.58;
}

.game-hub-background__cloud--five[b-ytjenrmzuo] {
	--cloud-duration: 95s;
	--cloud-delay: -76s;
	--cloud-breathe-duration: 7s;
	--cloud-breathe-delay: -4s;

	top: 25%;
	width: 78px;
	height: 29px;
	opacity: 0.5;
}

.game-hub-background--simple .game-hub-background__cloud--three[b-ytjenrmzuo],
.game-hub-background--simple .game-hub-background__cloud--four[b-ytjenrmzuo],
.game-hub-background--simple .game-hub-background__cloud--five[b-ytjenrmzuo] {
	display: none;
}

.game-hub-background__hill[b-ytjenrmzuo] {
	position: absolute;
	right: -8%;
	bottom: 75px;
	left: -8%;
	height: 38%;
	clip-path: polygon(0 70%, 12% 43%, 25% 65%, 39% 25%, 52% 63%, 67% 35%, 82% 68%, 100% 38%, 100% 100%, 0 100%);
}

.game-hub-background__hill--back[b-ytjenrmzuo] {
	background: #9aeb87;
	opacity: 0.82;
}

.game-hub-background__hill--front[b-ytjenrmzuo] {
	bottom: 43px;
	height: 27%;
	background: var(--grass);
	clip-path: polygon(0 52%, 16% 28%, 31% 55%, 47% 21%, 62% 59%, 78% 31%, 100% 57%, 100% 100%, 0 100%);
}

.game-hub-background__ground[b-ytjenrmzuo] {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 76px;
	border-top: 8px solid var(--grass-dark);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%) 0 0 / 54px 54px,
		var(--grass);
}

.game-hub-background__block[b-ytjenrmzuo] {
	position: absolute;
	width: 24px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	box-shadow: 5px 5px 0 rgba(41, 37, 77, 0.18);
}

.game-hub-background__block--one[b-ytjenrmzuo] {
	top: 32%;
	left: 14%;
	background: var(--coral);
	transform: rotate(17deg);
}

.game-hub-background__block--two[b-ytjenrmzuo] {
	top: 17%;
	left: 32%;
	width: 17px;
	background: var(--purple);
	transform: rotate(-23deg);
}

.game-hub-background__block--three[b-ytjenrmzuo] {
	top: 45%;
	right: 13%;
	width: 20px;
	background: var(--yellow);
	transform: rotate(31deg);
}

.game-hub-background--celebration .game-hub-background__sun[b-ytjenrmzuo] {
	top: 9%;
	right: 9%;
	width: 92px;
	box-shadow: 12px 12px 0 rgba(252, 170, 45, 0.25);
}

.game-hub-background--celebration .game-hub-background__cloud--one[b-ytjenrmzuo] {
	top: 16%;
	width: 150px;
	height: 54px;
}

.game-hub-background--celebration .game-hub-background__cloud--two[b-ytjenrmzuo] {
	top: 34%;
	width: 112px;
	height: 40px;
}

.game-hub-background--celebration .game-hub-background__hill[b-ytjenrmzuo] {
	bottom: 82px;
}

.game-hub-background--celebration .game-hub-background__hill--front[b-ytjenrmzuo] {
	bottom: 42px;
	height: 31%;
	background: var(--grass-light);
	clip-path: polygon(0 62%, 18% 31%, 33% 67%, 50% 34%, 68% 64%, 83% 24%, 100% 55%, 100% 100%, 0 100%);
}

.game-hub-background--celebration .game-hub-background__ground[b-ytjenrmzuo] {
	right: -6%;
	bottom: -110px;
	left: -6%;
	height: 240px;
	border-top-color: #b1f383;
	background:
		linear-gradient(45deg, rgba(255, 255, 255, 0.11) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.11) 75%) 0 0 / 80px 80px,
		linear-gradient(45deg, rgba(255, 255, 255, 0.11) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.11) 75%) 40px 40px / 80px 80px,
		var(--grass);
	box-shadow: 0 -14px 0 var(--grass-dark);
	transform: skewY(-2deg);
}

.game-hub-background__tree[b-ytjenrmzuo] {
	position: absolute;
	bottom: 56px;
	width: 72px;
	height: 148px;
}

.game-hub-background__tree[b-ytjenrmzuo]::before,
.game-hub-background__tree[b-ytjenrmzuo]::after,
.game-hub-background__tree span[b-ytjenrmzuo] {
	position: absolute;
	content: "";
}

.game-hub-background__tree[b-ytjenrmzuo]::before {
	bottom: 0;
	left: 26px;
	width: 22px;
	height: 62px;
	background: #9c633f;
	box-shadow: inset -8px 0 rgba(94, 56, 48, 0.2);
}

.game-hub-background__tree[b-ytjenrmzuo]::after,
.game-hub-background__tree span[b-ytjenrmzuo] {
	left: 0;
	width: 72px;
	height: 72px;
	background: #2fc56c;
	clip-path: polygon(50% 0, 100% 24%, 88% 82%, 50% 100%, 8% 82%, 0 24%);
}

.game-hub-background__tree[b-ytjenrmzuo]::after {
	top: 30px;
	filter: brightness(0.86);
}

.game-hub-background__tree span[b-ytjenrmzuo] {
	top: 0;
	left: 7px;
	width: 62px;
	height: 68px;
	background: #55dd79;
}

.game-hub-background__tree--one[b-ytjenrmzuo] {
	left: 6%;
	transform: rotate(-3deg) scale(1.05);
}

.game-hub-background__tree--two[b-ytjenrmzuo] {
	right: 8%;
	bottom: 68px;
	transform: rotate(4deg) scale(0.84);
}

.game-hub-background__flag[b-ytjenrmzuo] {
	position: absolute;
	right: 20%;
	bottom: 67px;
	width: 84px;
	height: 154px;
}

.game-hub-background__flag[b-ytjenrmzuo]::before {
	position: absolute;
	bottom: 0;
	left: 8px;
	width: 10px;
	height: 148px;
	border-radius: 6px;
	background: var(--cream);
	box-shadow: 5px 0 0 rgba(76, 80, 116, 0.18);
	content: "";
}

.game-hub-background__flag span[b-ytjenrmzuo] {
	position: absolute;
	top: 9px;
	left: 16px;
	width: 68px;
	height: 52px;
	background:
		linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.86) 50%) 0 0 / 28px 28px,
		linear-gradient(0deg, transparent 50%, rgba(255, 255, 255, 0.86) 50%) 0 0 / 28px 28px,
		var(--purple);
	clip-path: polygon(0 0, 100% 0, 80% 50%, 100% 100%, 0 100%);
	filter: drop-shadow(7px 7px 0 rgba(76, 80, 116, 0.16));
}

.game-hub-background__confetti[b-ytjenrmzuo] {
	--confetti-duration: 34s;
	--confetti-delay: 0s;
	--confetti-drift: 30px;
	--confetti-start-rotation: 0deg;
	--confetti-end-rotation: 180deg;

	position: absolute;
	top: -45px;
	width: 18px;
	height: 18px;
	opacity: 0;
	filter: drop-shadow(4px 4px 0 rgba(61, 58, 102, 0.13));
	animation: game-hub-background-confetti-fall-b-ytjenrmzuo var(--confetti-duration) linear var(--confetti-delay) infinite;
	will-change: transform;
}

.game-hub-background__confetti--one[b-ytjenrmzuo] {
	--confetti-duration: 32s;
	--confetti-delay: -7s;
	--confetti-drift: 34px;
	--confetti-start-rotation: 22deg;
	--confetti-end-rotation: 202deg;

	left: 12%;
	background: var(--coral);
}

.game-hub-background__confetti--two[b-ytjenrmzuo] {
	--confetti-duration: 38s;
	--confetti-delay: -29s;
	--confetti-drift: -26px;
	--confetti-start-rotation: -31deg;
	--confetti-end-rotation: 149deg;

	left: 31%;
	width: 13px;
	height: 28px;
	background: var(--purple);
}

.game-hub-background__confetti--three[b-ytjenrmzuo] {
	--confetti-duration: 34s;
	--confetti-delay: -17s;
	--confetti-drift: 22px;
	--confetti-start-rotation: 15deg;
	--confetti-end-rotation: 195deg;

	left: 72%;
	background: var(--yellow);
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.game-hub-background__confetti--four[b-ytjenrmzuo] {
	--confetti-duration: 42s;
	--confetti-delay: -37s;
	--confetti-drift: 55px;
	--confetti-start-rotation: -17deg;
	--confetti-end-rotation: 163deg;

	left: 7%;
	width: 24px;
	height: 12px;
	background: #29bbd4;
}

.game-hub-background__confetti--five[b-ytjenrmzuo] {
	--confetti-duration: 36s;
	--confetti-delay: -22s;
	--confetti-drift: -38px;
	--confetti-start-rotation: 34deg;
	--confetti-end-rotation: 214deg;

	left: 48%;
	width: 14px;
	height: 24px;
	background: var(--blue);
}

.game-hub-background__confetti--six[b-ytjenrmzuo] {
	--confetti-duration: 44s;
	--confetti-delay: -11s;
	--confetti-drift: -44px;
	--confetti-start-rotation: -8deg;
	--confetti-end-rotation: 172deg;

	left: 87%;
	width: 16px;
	height: 16px;
	background: var(--purple);
}

.game-hub-background__confetti--seven[b-ytjenrmzuo] {
	--confetti-duration: 30s;
	--confetti-delay: -25s;
	--confetti-drift: 29px;
	--confetti-start-rotation: 12deg;
	--confetti-end-rotation: 192deg;

	left: 62%;
	width: 22px;
	height: 11px;
	background: var(--coral);
}

.game-hub-background__confetti--eight[b-ytjenrmzuo] {
	--confetti-duration: 40s;
	--confetti-delay: -4s;
	--confetti-drift: 42px;
	--confetti-start-rotation: -25deg;
	--confetti-end-rotation: 155deg;

	left: 23%;
	width: 12px;
	height: 20px;
	background: var(--yellow);
}

@keyframes game-hub-background-cloud-drift-b-ytjenrmzuo {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(calc(100vw + 380px), 0, 0);
	}
}

@keyframes game-hub-background-cloud-breathe-b-ytjenrmzuo {
	0%,
	100% {
		transform: scaleX(var(--cloud-facing)) scale(0.95, 0.94) translateY(2px);
	}

	50% {
		transform: scaleX(var(--cloud-facing)) scale(1.08, 1.07) translateY(-4px);
	}
}

@keyframes game-hub-background-confetti-fall-b-ytjenrmzuo {
	0% {
		opacity: 0;
		transform: translate3d(0, -8vh, 0) rotate(var(--confetti-start-rotation));
	}

	8%,
	88% {
		opacity: 0.52;
	}

	100% {
		opacity: 0;
		transform: translate3d(var(--confetti-drift), calc(100svh + 100px), 0) rotate(var(--confetti-end-rotation));
	}
}

@keyframes game-hub-background-sun-spin-b-ytjenrmzuo {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 760px) {
	.game-hub-background--celebration .game-hub-background__sun[b-ytjenrmzuo] {
		top: 3%;
		right: -18px;
		width: 76px;
	}

	.game-hub-background--celebration .game-hub-background__cloud--one[b-ytjenrmzuo] {
		top: 13%;
		width: 112px;
		height: 40px;
	}

	.game-hub-background--celebration .game-hub-background__cloud--two[b-ytjenrmzuo],
	.game-hub-background--celebration .game-hub-background__cloud--four[b-ytjenrmzuo],
	.game-hub-background--celebration .game-hub-background__tree--two[b-ytjenrmzuo],
	.game-hub-background--celebration .game-hub-background__flag[b-ytjenrmzuo] {
		display: none;
	}

	.game-hub-background--celebration .game-hub-background__confetti--four[b-ytjenrmzuo],
	.game-hub-background--celebration .game-hub-background__confetti--six[b-ytjenrmzuo],
	.game-hub-background--celebration .game-hub-background__confetti--eight[b-ytjenrmzuo] {
		display: none;
	}

	.game-hub-background--celebration .game-hub-background__confetti--one[b-ytjenrmzuo] {
		left: 7%;
	}

	.game-hub-background--celebration .game-hub-background__tree--one[b-ytjenrmzuo] {
		bottom: 30px;
		left: 3%;
		transform: scale(0.72);
		transform-origin: bottom left;
	}
}

@media (max-width: 640px) {
	.game-hub-background--simple .game-hub-background__sun[b-ytjenrmzuo] {
		top: 3%;
		right: -15px;
		width: 70px;
	}

	.game-hub-background--simple .game-hub-background__cloud--one[b-ytjenrmzuo] {
		top: 15%;
		width: 101px;
		height: 36px;
	}

	.game-hub-background--simple .game-hub-background__cloud--two[b-ytjenrmzuo],
	.game-hub-background--simple .game-hub-background__block--three[b-ytjenrmzuo] {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.game-hub-background__sun[b-ytjenrmzuo] {
		animation: none;
	}

	.game-hub-background__cloud[b-ytjenrmzuo] {
		display: none;
		animation: none;
		will-change: auto;
	}

	.game-hub-background__cloud span[b-ytjenrmzuo] {
		animation: none;
		transform: scaleX(var(--cloud-facing));
	}

	.game-hub-background--celebration .game-hub-background__cloud--one[b-ytjenrmzuo],
	.game-hub-background--simple .game-hub-background__cloud--one[b-ytjenrmzuo] {
		display: block;
		left: 7%;
	}

	.game-hub-background--celebration .game-hub-background__cloud--two[b-ytjenrmzuo],
	.game-hub-background--simple .game-hub-background__cloud--two[b-ytjenrmzuo] {
		display: block;
		right: 4%;
		left: auto;
	}

	.game-hub-background__confetti[b-ytjenrmzuo] {
		opacity: 1;
		animation: none;
		will-change: auto;
	}

	.game-hub-background__confetti--one[b-ytjenrmzuo] {
		top: 23%;
		left: 18%;
		transform: rotate(22deg);
	}

	.game-hub-background__confetti--two[b-ytjenrmzuo] {
		top: 12%;
		transform: rotate(-31deg);
	}

	.game-hub-background__confetti--three[b-ytjenrmzuo] {
		top: 21%;
		right: 27%;
		left: auto;
		transform: rotate(15deg);
	}

	.game-hub-background__confetti--four[b-ytjenrmzuo] {
		display: block;
		top: 47%;
		left: 7%;
		transform: rotate(-17deg);
	}

	.game-hub-background__confetti--five[b-ytjenrmzuo],
	.game-hub-background__confetti--six[b-ytjenrmzuo],
	.game-hub-background__confetti--seven[b-ytjenrmzuo],
	.game-hub-background__confetti--eight[b-ytjenrmzuo] {
		display: none;
	}
}
/* /Modules/ComponentsModule/SoundSettingsModule/SoundSettings.razor.rz.scp.css */
.sound-settings__trigger[b-fcqvi8rjz1] {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 10px 15px 10px 11px;
	border: 3px solid var(--ink);
	border-radius: 14px;
	color: var(--ink);
	background: var(--cream);
	box-shadow: 0 6px 0 var(--ink), 0 10px 20px rgba(41, 37, 77, 0.2);
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	transition: transform 140ms ease, box-shadow 140ms ease;
}

.sound-settings__trigger svg[b-fcqvi8rjz1] {
	width: 24px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.sound-settings__trigger:hover[b-fcqvi8rjz1] { transform: translateY(-2px); }
.sound-settings__trigger:active[b-fcqvi8rjz1] {
	transform: translateY(4px);
	box-shadow: 0 2px 0 var(--ink);
}

.sound-settings__trigger:focus-visible[b-fcqvi8rjz1],
.sound-settings__dialog button:focus-visible[b-fcqvi8rjz1],
.sound-settings__dialog input:focus-visible[b-fcqvi8rjz1] {
	outline: 4px solid var(--yellow);
	outline-offset: 3px;
}

.sound-settings__backdrop[b-fcqvi8rjz1] {
	position: fixed;
	z-index: 100;
	inset: 0;
	display: grid;
	padding: 20px;
	background: rgba(24, 21, 49, 0.7);
	backdrop-filter: blur(7px);
	place-items: center;
}

.sound-settings__dialog[b-fcqvi8rjz1] {
	width: min(100%, 560px);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	padding: 25px;
	border: 4px solid var(--ink);
	border-radius: 24px;
	color: var(--ink);
	background: var(--cream);
	box-shadow: 0 12px 0 var(--purple), 0 18px 0 var(--ink), 0 30px 60px rgba(16, 13, 40, 0.42);
	animation: sound-settings-in-b-fcqvi8rjz1 160ms ease-out both;
}

.sound-settings__dialog header[b-fcqvi8rjz1] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.sound-settings__dialog header span[b-fcqvi8rjz1] {
	color: var(--purple);
	font-size: 0.75rem;
	font-weight: 950;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.sound-settings__dialog h2[b-fcqvi8rjz1] {
	margin: 3px 0 0;
	font-size: clamp(1.65rem, 6vw, 2.15rem);
	font-weight: 1000;
	letter-spacing: -0.035em;
}

.sound-settings__dialog header button[b-fcqvi8rjz1] {
	display: grid;
	flex: 0 0 auto;
	width: 42px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 12px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 4px 0 var(--ink);
	cursor: pointer;
	font: 1000 1.7rem/1 inherit;
	place-items: center;
}

.sound-settings__controls[b-fcqvi8rjz1] {
	display: grid;
	gap: 21px;
	margin-top: 27px;
}

.sound-settings__tabs[b-fcqvi8rjz1] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 23px;
	padding: 5px;
	border: 3px solid var(--ink);
	border-radius: 14px;
	background: #fff;
}

.sound-settings__tabs button[b-fcqvi8rjz1] {
	padding: 10px 16px;
	border: 0;
	border-radius: 9px;
	color: var(--muted);
	background: transparent;
	cursor: pointer;
	font: inherit;
	font-weight: 950;
}

.sound-settings__tabs button.is-active[b-fcqvi8rjz1] {
	color: #fff;
	background: var(--purple);
}

.control-settings__controls[b-fcqvi8rjz1] {
	display: grid;
	gap: 9px;
	margin-top: 18px;
}

.control-settings__row[b-fcqvi8rjz1] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 48px;
	padding: 7px 8px 7px 14px;
	border: 2px solid rgba(41, 37, 77, 0.18);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.62);
}

.control-settings__row > span[b-fcqvi8rjz1] {
	font-weight: 900;
}

.control-settings__row button[b-fcqvi8rjz1] {
	min-width: 142px;
	padding: 8px 12px;
	border: 3px solid var(--ink);
	border-radius: 10px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 3px 0 var(--ink);
	cursor: pointer;
	font: inherit;
	font-weight: 950;
}

.control-settings__row button.is-listening[b-fcqvi8rjz1] {
	color: #fff;
	background: var(--coral);
}

.control-settings__footer[b-fcqvi8rjz1] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 16px;
}

.control-settings__footer p[b-fcqvi8rjz1] {
	margin: 0;
	color: var(--muted);
	font-size: 0.8rem;
	font-weight: 700;
}

.control-settings__footer button[b-fcqvi8rjz1] {
	flex: 0 0 auto;
	padding: 8px 12px;
	border: 2px solid var(--ink);
	border-radius: 9px;
	color: var(--ink);
	background: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 900;
}

.sound-settings__controls label[b-fcqvi8rjz1] { display: grid; gap: 10px; }
.sound-settings__controls label > span[b-fcqvi8rjz1] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.sound-settings__controls b[b-fcqvi8rjz1] { font-size: 0.98rem; }
.sound-settings__controls output[b-fcqvi8rjz1] {
	min-width: 54px;
	padding: 5px 8px;
	border: 2px solid var(--ink);
	border-radius: 9px;
	background: #fff;
	font-weight: 950;
	text-align: center;
}

.sound-settings__controls input[b-fcqvi8rjz1] {
	width: 100%;
	height: 12px;
	accent-color: var(--coral);
	cursor: pointer;
}

.sound-settings__dialog > p[b-fcqvi8rjz1] {
	margin: 24px 0 0;
	color: var(--muted);
	font-size: 0.82rem;
	font-weight: 700;
	text-align: center;
}

.sound-settings__done[b-fcqvi8rjz1] {
	width: 100%;
	margin-top: 18px;
	padding: 12px 20px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: #fff;
	background: var(--purple);
	box-shadow: 0 5px 0 var(--ink);
	cursor: pointer;
	font: inherit;
	font-weight: 950;
}

@keyframes sound-settings-in-b-fcqvi8rjz1 {
	from { opacity: 0; transform: translateY(12px) scale(0.97); }
}

@media (max-width: 600px) {
	.sound-settings__dialog[b-fcqvi8rjz1] { padding: 21px; }
	.control-settings__row[b-fcqvi8rjz1] { gap: 10px; padding-left: 10px; }
	.control-settings__row button[b-fcqvi8rjz1] { min-width: 124px; }
	.control-settings__footer[b-fcqvi8rjz1] { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
	.sound-settings__trigger[b-fcqvi8rjz1] { transition: none; }
	.sound-settings__dialog[b-fcqvi8rjz1] { animation: none; }
}
/* /Modules/LayoutsModule/MainLayoutModule/MainLayout.razor.rz.scp.css */
.app-shell[b-o99jw8xf4h] {
    min-height: 100vh;
}
/* /Modules/PagesModule/BattleRoomPage.razor.rz.scp.css */
.battle-room-game__settings-action[b-zz39nvdl89] {
	position: absolute;
	z-index: 10;
	top: 24px;
	right: max(32px, calc((100vw - 980px) / 2));
}

.battle-room-game__settings-action--open[b-zz39nvdl89] {
	z-index: 110;
}

.battle-room-game__game-layer[b-zz39nvdl89] {
	position: fixed;
	z-index: 100;
	inset: 0;
	pointer-events: none;
}

.battle-room-game__game-layer--transitioning[b-zz39nvdl89],
.battle-room-game__game-layer--visible[b-zz39nvdl89] {
	pointer-events: auto;
}

.battle-room-game__game-frame[b-zz39nvdl89] {
	display: block;
	position: absolute;
	inset: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000000;
}

.battle-room-game__game-frame--visible[b-zz39nvdl89] {
	visibility: visible;
}

.battle-room-game__transition-curtain[b-zz39nvdl89] {
	position: absolute;
	z-index: 1;
	inset: 0;
	background: #000000;
	opacity: 0;
	pointer-events: none;
	transition: opacity 420ms cubic-bezier(0.4, 0, 0.2, 1);
}

.battle-room-game__game-layer--transitioning > .battle-room-game__transition-curtain[b-zz39nvdl89] {
	pointer-events: auto;
}

.battle-room-game__transition-curtain--black[b-zz39nvdl89] {
	opacity: 1;
}

.battle-room-game__result-tabs[b-zz39nvdl89] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7px;
	margin-bottom: 18px;
	padding: 6px;
	border: 3px solid var(--ink);
	border-radius: 16px;
	background: rgba(41, 37, 77, 0.1);
}

.battle-room-game__result-tabs > button[b-zz39nvdl89] {
	min-height: 48px;
	padding: 9px 12px;
	border: 3px solid transparent;
	border-radius: 11px;
	color: var(--muted);
	background: transparent;
	cursor: pointer;
	font: inherit;
	font-size: 0.76rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	transition: transform 140ms ease, background 140ms ease, color 140ms ease;
}

.battle-room-game__result-tabs > button:hover[b-zz39nvdl89] {
	color: var(--ink);
	background: rgba(255, 255, 255, 0.72);
}

.battle-room-game__result-tabs > button:focus-visible[b-zz39nvdl89] {
	outline: 4px solid var(--yellow);
	outline-offset: 2px;
}

.battle-room-game__result-tabs > .battle-room-game__result-tab--active[b-zz39nvdl89] {
	border-color: var(--ink);
	color: #ffffff;
	background: var(--purple);
	box-shadow: 0 4px 0 #6540be, 0 6px 0 var(--ink);
}

.battle-room-game__minigame-results[b-zz39nvdl89] {
	display: grid;
	gap: 7px;
	padding: 22px;
	border: 3px solid var(--ink);
	border-radius: 18px;
	color: var(--ink);
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 7px 0 var(--yellow), 0 10px 0 var(--ink);
}

.battle-room-game__minigame-results > p[b-zz39nvdl89],
.battle-room-game__minigame-results > h2[b-zz39nvdl89] {
	margin: 0;
}

.battle-room-game__minigame-results > p[b-zz39nvdl89] {
	color: var(--purple);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.battle-room-game__minigame-results > h2[b-zz39nvdl89] {
	font-size: clamp(1.45rem, 5vw, 2rem);
	font-weight: 1000;
	letter-spacing: -0.03em;
}

.battle-room-game__scoreboard-scroll[b-zz39nvdl89] {
	max-height: min(48svh, 430px);
	margin-top: 12px;
	overflow: auto;
	border: 3px solid var(--ink);
	border-radius: 13px;
	background: #ffffff;
	overscroll-behavior: contain;
}

.battle-room-game__scoreboard-scroll:focus-visible[b-zz39nvdl89] {
	outline: 5px solid var(--yellow);
	outline-offset: 3px;
}

.battle-room-game__scoreboard-scroll table[b-zz39nvdl89] {
	width: 100%;
	min-width: max-content;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.84rem;
	text-align: left;
}

.battle-room-game__scoreboard-scroll th[b-zz39nvdl89],
.battle-room-game__scoreboard-scroll td[b-zz39nvdl89] {
	padding: 11px 13px;
	white-space: nowrap;
}

.battle-room-game__scoreboard-scroll th[b-zz39nvdl89] {
	position: sticky;
	z-index: 1;
	top: 0;
	border-bottom: 3px solid var(--ink);
	color: #ffffff;
	background: var(--purple);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.battle-room-game__scoreboard-scroll th:not(:last-child)[b-zz39nvdl89],
.battle-room-game__scoreboard-scroll td:not(:last-child)[b-zz39nvdl89] {
	border-right: 2px solid rgba(41, 37, 77, 0.16);
}

.battle-room-game__scoreboard-scroll tbody tr:not(:last-child) td[b-zz39nvdl89] {
	border-bottom: 2px solid rgba(41, 37, 77, 0.16);
}

.battle-room-game__scoreboard-scroll tbody tr:nth-child(even) td[b-zz39nvdl89] {
	background: rgba(239, 235, 246, 0.6);
}

.battle-room-game__scoreboard-scroll tbody >
	.battle-room-game__scoreboard-row--local td[b-zz39nvdl89] {
	background: rgba(255, 215, 64, 0.38);
	font-weight: 1000;
}

.battle-room-game__scoreboard-cell--center[b-zz39nvdl89] {
	text-align: center;
}

.battle-room-game__scoreboard-cell--left[b-zz39nvdl89] {
	text-align: left;
}

.battle-room-game__scoreboard-cell--right[b-zz39nvdl89] {
	text-align: right;
}

.battle-room-game__view-standings[b-zz39nvdl89] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-top: 14px;
}

.battle-room-game__standings[b-zz39nvdl89] {
	display: grid;
	gap: 18px;
	padding: 24px;
	border: 3px solid var(--ink);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 7px 0 var(--yellow), 0 10px 0 var(--ink);
	text-align: left;
}

.battle-room-game__final-result[b-zz39nvdl89] {
	display: grid;
	gap: 6px;
	padding: 20px;
	border: 3px solid var(--ink);
	border-radius: 15px;
	background: var(--yellow);
	box-shadow: 0 5px 0 var(--coral), 0 8px 0 var(--ink);
	text-align: center;
}

.battle-room-game__final-result > p[b-zz39nvdl89],
.battle-room-game__final-result > h2[b-zz39nvdl89],
.battle-room-game__final-result > span[b-zz39nvdl89],
.battle-room-game__standings-heading p[b-zz39nvdl89],
.battle-room-game__standings-heading h2[b-zz39nvdl89] {
	margin: 0;
}

.battle-room-game__final-result > p[b-zz39nvdl89],
.battle-room-game__standings-heading p[b-zz39nvdl89],
.battle-room-game__next-game > p:first-child[b-zz39nvdl89] {
	color: var(--purple);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.battle-room-game__final-result > h2[b-zz39nvdl89] {
	font-size: clamp(1.45rem, 5vw, 2.1rem);
	font-weight: 1000;
	letter-spacing: -0.035em;
}

.battle-room-game__final-result > span[b-zz39nvdl89] {
	color: var(--muted);
	font-size: 0.85rem;
	font-weight: 800;
	line-height: 1.45;
}

.battle-room-game__return-to-setup[b-zz39nvdl89] {
	max-width: 420px;
	margin: 14px auto 0;
}

.battle-room-game__final-waiting[b-zz39nvdl89] {
	margin: 12px 0 0;
	color: var(--muted);
	font-size: 0.82rem;
	font-weight: 850;
}

.battle-room-game__standings-heading[b-zz39nvdl89] {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 18px;
}

.battle-room-game__standings-heading h2[b-zz39nvdl89] {
	margin-top: 4px;
	font-size: clamp(1.35rem, 4vw, 1.85rem);
	font-weight: 1000;
	letter-spacing: -0.03em;
}

.battle-room-game__standings-heading > strong[b-zz39nvdl89] {
	flex: 0 0 auto;
	padding: 7px 10px;
	border: 2px solid var(--ink);
	border-radius: 9px;
	background: var(--grass);
	font-size: 0.7rem;
	font-weight: 1000;
	text-transform: uppercase;
}

.battle-room-game__standings-scroll[b-zz39nvdl89] {
	max-height: min(48svh, 430px);
	overflow: auto;
	border: 3px solid var(--ink);
	border-radius: 13px;
	background: #ffffff;
	overscroll-behavior: contain;
}

.battle-room-game__standings-scroll:focus-visible[b-zz39nvdl89] {
	outline: 5px solid var(--yellow);
	outline-offset: 3px;
}

.battle-room-game__standings-scroll table[b-zz39nvdl89] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.88rem;
}

.battle-room-game__standings-scroll th[b-zz39nvdl89],
.battle-room-game__standings-scroll td[b-zz39nvdl89] {
	padding: 12px 13px;
}

.battle-room-game__standings-scroll th[b-zz39nvdl89] {
	position: sticky;
	z-index: 1;
	top: 0;
	border-bottom: 3px solid var(--ink);
	color: #ffffff;
	background: var(--purple);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.battle-room-game__standings-scroll th:not(:last-child)[b-zz39nvdl89],
.battle-room-game__standings-scroll td:not(:last-child)[b-zz39nvdl89] {
	border-right: 2px solid rgba(41, 37, 77, 0.16);
}

.battle-room-game__standings-scroll tbody tr:not(:last-child) td[b-zz39nvdl89] {
	border-bottom: 2px solid rgba(41, 37, 77, 0.16);
}

.battle-room-game__standings-scroll tbody tr:nth-child(even) td[b-zz39nvdl89] {
	background: rgba(239, 235, 246, 0.6);
}

.battle-room-game__standings-scroll tbody >
	.battle-room-game__standings-row--local td[b-zz39nvdl89] {
	background: rgba(255, 215, 64, 0.38);
}

.battle-room-game__standings-scroll th:first-child[b-zz39nvdl89],
.battle-room-game__standings-scroll td:first-child[b-zz39nvdl89] {
	width: 76px;
	text-align: center;
}

.battle-room-game__standings-scroll th:last-child[b-zz39nvdl89],
.battle-room-game__standings-scroll td:last-child[b-zz39nvdl89] {
	width: 110px;
	font-weight: 1000;
	text-align: right;
}

.battle-room-game__standings-scroll td:nth-child(2)[b-zz39nvdl89] {
	white-space: nowrap;
}

.battle-room-game__reconnect-panel[b-zz39nvdl89] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px;
	border: 3px solid var(--ink);
	border-radius: 15px;
	background: #dceeff;
	box-shadow: 0 5px 0 var(--blue);
	color: var(--ink);
}

.battle-room-game__reconnect-icon[b-zz39nvdl89] {
	display: grid;
	flex: 0 0 58px;
	place-items: center;
	width: 58px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 18px;
	color: #ffffff;
	background: var(--blue);
	box-shadow: 0 4px 0 var(--blue-dark), 0 6px 0 var(--ink);
	transform: rotate(-3deg);
}

.battle-room-game__reconnect-icon > svg[b-zz39nvdl89] {
	width: 34px;
	height: 34px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.5;
}

.battle-room-game__reconnect-copy[b-zz39nvdl89] {
	flex: 1 1 auto;
	min-width: 0;
}

.battle-room-game__reconnect-copy > p[b-zz39nvdl89],
.battle-room-game__reconnect-copy > h3[b-zz39nvdl89],
.battle-room-game__reconnect-copy > span[b-zz39nvdl89] {
	margin: 0;
}

.battle-room-game__reconnect-copy > p[b-zz39nvdl89] {
	color: var(--blue-dark);
	font-size: 0.65rem;
	font-weight: 1000;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.battle-room-game__reconnect-copy > h3[b-zz39nvdl89] {
	margin-top: 3px;
	font-size: 1.1rem;
	font-weight: 1000;
}

.battle-room-game__reconnect-copy > span[b-zz39nvdl89] {
	display: block;
	max-width: 520px;
	margin-top: 5px;
	color: var(--muted);
	font-size: 0.8rem;
	font-weight: 800;
	line-height: 1.4;
}

.battle-room-game__reconnect-panel >
	.battle-room-game__reconnect-left-players[b-zz39nvdl89] {
	flex: 0 0 245px;
	width: auto;
	margin: 0;
	background: var(--blue);
	box-shadow: 0 6px 0 var(--blue-dark), 0 10px 0 var(--ink);
}

.battle-room-game__reconnect-panel >
	button.battle-room-game__reconnect-left-players:not(:disabled):active[b-zz39nvdl89] {
	box-shadow: 0 1px 0 var(--blue-dark), 0 4px 0 var(--ink);
}

.battle-room-game__standing-host[b-zz39nvdl89],
.battle-room-game__standing-left[b-zz39nvdl89],
.battle-room-game__standing-kicked[b-zz39nvdl89] {
	display: inline-block;
	margin-left: 7px;
	padding: 3px 6px;
	border: 2px solid var(--ink);
	border-radius: 7px;
	font-size: 0.58rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	vertical-align: middle;
}

.battle-room-game__standing-host[b-zz39nvdl89] {
	background: var(--yellow);
}

.battle-room-game__standing-left[b-zz39nvdl89],
.battle-room-game__standing-kicked[b-zz39nvdl89] {
	background: var(--coral);
}

.battle-room-game__next-game[b-zz39nvdl89] {
	display: grid;
	justify-items: center;
	gap: 8px;
	margin-top: 30px;
	padding: 25px;
	border: 4px solid var(--ink);
	border-radius: 20px;
	background: var(--cream);
	box-shadow: 0 7px 0 var(--grass), 0 11px 0 var(--ink);
	text-align: center;
}

.battle-room-game__next-game--waiting[b-zz39nvdl89] {
	background: #fff7df;
	box-shadow: 0 7px 0 var(--coral), 0 11px 0 var(--ink);
}

.battle-room-game__next-game > p[b-zz39nvdl89],
.battle-room-game__next-game > h2[b-zz39nvdl89] {
	margin: 0;
}

.battle-room-game__next-game > h2[b-zz39nvdl89] {
	min-height: 1.2em;
	font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;
	font-size: clamp(1.55rem, 6vw, 2.5rem);
	font-weight: 1000;
	letter-spacing: 0.02em;
	overflow-wrap: anywhere;
}

.battle-room-game__next-game-name--revealed[b-zz39nvdl89] {
	animation: battle-room-game-next-game-reveal-b-zz39nvdl89 320ms ease-in-out 3;
}

.battle-room-game__next-game > .battle-room-game__next-game-status[b-zz39nvdl89] {
	max-width: 520px;
	color: var(--muted);
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1.45;
}

.battle-room-game__next-game > .battle-room-game__waiting-message[b-zz39nvdl89] {
	width: 100%;
	margin-top: 8px;
	padding: 13px;
	box-shadow: none;
}

.battle-room-game__next-game > .battle-room-game__start-game[b-zz39nvdl89] {
	max-width: 420px;
	margin-top: 12px;
}

.battle-room-game__waiting-actions[b-zz39nvdl89] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	width: 100%;
	max-width: 420px;
	margin-top: 8px;
}

.battle-room-game__waiting-actions > .battle-room-game__start-game[b-zz39nvdl89] {
	margin-top: 4px;
}

.battle-room-game__waiting-actions > .battle-room-game__finish-battle[b-zz39nvdl89] {
	background: var(--coral);
	box-shadow: 0 6px 0 var(--coral-dark), 0 10px 0 var(--ink);
}

.battle-room-game__loading-indicator[b-zz39nvdl89] {
	width: 28px;
	aspect-ratio: 1;
	margin: 3px 0;
	border: 4px solid rgba(41, 37, 77, 0.2);
	border-top-color: var(--purple);
	border-radius: 50%;
	animation: battle-room-game-loading-b-zz39nvdl89 680ms linear infinite;
}

@keyframes battle-room-game-next-game-reveal-b-zz39nvdl89 {
	50% {
		color: var(--coral-dark);
		transform: scale(1.045);
	}
}

@keyframes battle-room-game-loading-b-zz39nvdl89 {
	to {
		transform: rotate(1turn);
	}
}

.battle-room-game__testing-result[b-zz39nvdl89] {
	display: grid;
	gap: 5px;
	margin-bottom: 18px;
	padding: 18px 22px;
	border: 3px solid var(--ink);
	border-radius: 18px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 6px 0 var(--coral), 0 9px 0 var(--ink);
	text-align: center;
}

.battle-room-game__testing-result > p[b-zz39nvdl89] {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.battle-room-game__testing-result > ul[b-zz39nvdl89] {
	display: grid;
	gap: 8px;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.battle-room-game__testing-result > ul > li[b-zz39nvdl89] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 10px 13px;
	border: 2px solid var(--ink);
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.7);
}

.battle-room-game__testing-result > ul span[b-zz39nvdl89],
.battle-room-game__testing-result > ul strong[b-zz39nvdl89] {
	font-size: 0.92rem;
	font-weight: 950;
}

.battle-room-game__testing-result-status--survived[b-zz39nvdl89] {
	color: #176f28;
}

.battle-room-game__testing-result-status--eliminated[b-zz39nvdl89] {
	color: #a81f30;
}

.battle-room-game__testing-result:focus-visible[b-zz39nvdl89] {
	outline: 5px solid var(--purple);
	outline-offset: 4px;
}

.battle-room-game__testing-interface[b-zz39nvdl89] {
	display: grid;
	gap: 18px;
	padding: 24px;
	border: 3px solid var(--ink);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 6px 0 var(--ink);
	text-align: left;
}

.battle-room-game__testing-field[b-zz39nvdl89] {
	display: grid;
	gap: 8px;
}

.battle-room-game__testing-field > label[b-zz39nvdl89] {
	color: var(--ink);
	font-size: 0.82rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.battle-room-game__testing-field > select[b-zz39nvdl89] {
	width: 100%;
	min-height: 52px;
	padding: 10px 42px 10px 14px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	background: #ffffff;
	cursor: pointer;
	font: inherit;
	font-size: 0.95rem;
	font-weight: 850;
}

.battle-room-game__testing-field > select:focus-visible[b-zz39nvdl89] {
	outline: 5px solid var(--yellow);
	outline-offset: 3px;
}

.battle-room-game__testing-field > select:disabled[b-zz39nvdl89] {
	cursor: not-allowed;
	filter: grayscale(0.35);
	opacity: 0.62;
}

.battle-room-game__start-game[b-zz39nvdl89] {
	width: 100%;
	margin-top: 4px;
	padding: 14px 18px;
	border: 4px solid var(--ink);
	border-radius: 15px;
	color: #ffffff;
	background: var(--purple);
	box-shadow: 0 6px 0 #6540be, 0 10px 0 var(--ink);
	cursor: pointer;
	font-size: 0.85rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-game__start-game:not(:disabled):hover[b-zz39nvdl89] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.battle-room-game__start-game:not(:disabled):active[b-zz39nvdl89] {
	transform: translateY(5px);
	box-shadow: 0 1px 0 #6540be, 0 4px 0 var(--ink);
}

.battle-room-game__start-game:focus-visible[b-zz39nvdl89] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.battle-room-game__start-game:disabled[b-zz39nvdl89] {
	cursor: not-allowed;
	filter: grayscale(0.4);
	opacity: 0.65;
	transform: none;
}

.battle-room-game__waiting-message[b-zz39nvdl89],
.battle-room-game__not-implemented-message[b-zz39nvdl89] {
	margin: 0;
	padding: 20px;
	border: 3px solid var(--ink);
	border-radius: 18px;
	color: var(--ink);
	background: var(--cream);
	box-shadow: 0 6px 0 var(--coral);
	font-size: 0.95rem;
	font-weight: 850;
	line-height: 1.5;
	text-align: center;
}

.battle-room-game__waiting-message--error[b-zz39nvdl89] {
	background: #fff2f5;
}

.battle-room-game__testing-selection[b-zz39nvdl89] {
	display: grid;
	gap: 18px;
	padding: 24px;
	border: 3px solid var(--ink);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 6px 0 var(--ink);
}

.battle-room-game__testing-selection > div[b-zz39nvdl89] {
	display: grid;
	gap: 5px;
}

.battle-room-game__testing-selection p[b-zz39nvdl89] {
	margin: 0;
}

.battle-room-game__testing-selection-label[b-zz39nvdl89] {
	color: var(--ink);
	font-size: 0.72rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.battle-room-game__testing-selection-value[b-zz39nvdl89] {
	font-size: 1.35rem;
	font-weight: 1000;
}

.battle-room-game__testing-selection > .battle-room-game__waiting-message[b-zz39nvdl89] {
	padding: 14px;
	box-shadow: none;
	font-size: 0.85rem;
}

.battle-room-game__exit-action[b-zz39nvdl89] {
	position: absolute;
	z-index: 10;
	top: 24px;
	left: max(32px, calc((100vw - 980px) / 2));
}

.battle-room-game__exit-action > button[b-zz39nvdl89] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 9px 13px;
	border: 3px solid var(--ink);
	border-radius: 12px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 4px 0 #d6a900, 0 7px 0 var(--ink);
	cursor: pointer;
	font-size: 0.74rem;
	font-weight: 950;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-game__exit-action > button:hover[b-zz39nvdl89] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.battle-room-game__exit-action > button:active[b-zz39nvdl89] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 #d6a900, 0 3px 0 var(--ink);
}

.battle-room-game__exit-action > button:focus-visible[b-zz39nvdl89] {
	outline: 5px solid var(--purple);
	outline-offset: 4px;
}

.battle-room-game__exit-action > button:disabled[b-zz39nvdl89],
.battle-room-game__exit-actions button:disabled[b-zz39nvdl89] {
	cursor: wait;
	filter: grayscale(0.4);
	opacity: 0.65;
	transform: none;
}

.battle-room-game__exit-backdrop[b-zz39nvdl89] {
	display: grid;
	position: fixed;
	z-index: 50;
	inset: 0;
	overflow-y: auto;
	padding: 22px;
	background: rgba(41, 37, 77, 0.62);
	backdrop-filter: blur(8px);
	overscroll-behavior: contain;
	place-items: center;
	touch-action: pan-y;
}

.battle-room-game__exit-dialog[b-zz39nvdl89] {
	width: min(100%, 500px);
	margin: auto;
	padding: 28px;
	border: 5px solid var(--ink);
	border-radius: 24px;
	background: #fffaf0;
	box-shadow: 0 10px 0 var(--yellow), 0 16px 0 var(--ink), 0 28px 55px rgba(18, 15, 45, 0.38);
	text-align: center;
	animation: battle-room-game-exit-dialog-in-b-zz39nvdl89 180ms ease-out both;
}

.battle-room-game__exit-dialog > p[b-zz39nvdl89],
.battle-room-game__exit-dialog h2[b-zz39nvdl89] {
	margin: 0;
}

.battle-room-game__exit-dialog > p[b-zz39nvdl89] {
	color: var(--purple);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.battle-room-game__exit-dialog h2[b-zz39nvdl89] {
	margin-top: 5px;
	font-size: clamp(1.65rem, 5vw, 2.15rem);
	font-weight: 1000;
	letter-spacing: -0.035em;
}

.battle-room-game__exit-dialog > span[b-zz39nvdl89] {
	display: block;
	max-width: 390px;
	margin: 12px auto 0;
	color: var(--muted);
	font-size: 0.88rem;
	font-weight: 750;
	line-height: 1.5;
}

.battle-room-game__exit-actions[b-zz39nvdl89] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 24px;
}

.battle-room-game__exit-actions > button[b-zz39nvdl89] {
	width: 100%;
	padding: 12px 15px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: 1000;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-game__end-battle[b-zz39nvdl89] {
	color: #ffffff !important;
	background: var(--purple);
	box-shadow: 0 5px 0 #6540be, 0 8px 0 var(--ink);
}

.battle-room-game__cancel-exit[b-zz39nvdl89] {
	background: var(--grass);
	box-shadow: 0 5px 0 var(--grass-dark), 0 8px 0 var(--ink);
}

.battle-room-game__exit-actions > button:hover[b-zz39nvdl89] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.battle-room-game__exit-actions > button:active[b-zz39nvdl89] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--ink);
}

.battle-room-game__exit-actions > button:focus-visible[b-zz39nvdl89] {
	outline: 5px solid var(--coral);
	outline-offset: 4px;
}

@keyframes battle-room-game-exit-dialog-in-b-zz39nvdl89 {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.96);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (max-width: 760px) {
	.battle-room-game__settings-action[b-zz39nvdl89] {
		top: 15px;
		right: 16px;
	}

	.battle-room-game__exit-action[b-zz39nvdl89] {
		top: 15px;
		left: 16px;
	}
}

@media (max-width: 600px) {
	.battle-room-game__result-tabs > button[b-zz39nvdl89] {
		padding-right: 7px;
		padding-left: 7px;
		font-size: 0.66rem;
	}

	.battle-room-game__minigame-results[b-zz39nvdl89] {
		padding: 18px 13px;
	}

	.battle-room-game__scoreboard-scroll th[b-zz39nvdl89],
	.battle-room-game__scoreboard-scroll td[b-zz39nvdl89],
	.battle-room-game__standings-scroll th[b-zz39nvdl89],
	.battle-room-game__standings-scroll td[b-zz39nvdl89] {
		padding: 10px;
	}

	.battle-room-game__standings[b-zz39nvdl89],
	.battle-room-game__next-game[b-zz39nvdl89] {
		padding: 18px 13px;
	}

	.battle-room-game__standings-heading[b-zz39nvdl89] {
		align-items: flex-start;
		flex-direction: column;
	}

	.battle-room-game__reconnect-panel[b-zz39nvdl89] {
		align-items: stretch;
		flex-direction: column;
	}

	.battle-room-game__reconnect-panel >
		.battle-room-game__reconnect-left-players[b-zz39nvdl89] {
		flex-basis: auto;
		width: 100%;
	}

	.battle-room-game__testing-interface[b-zz39nvdl89] {
		padding: 20px 17px;
	}

	.battle-room-game__testing-selection[b-zz39nvdl89] {
		padding: 20px 17px;
	}

	.battle-room-game__exit-actions[b-zz39nvdl89] {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.battle-room-game__transition-curtain[b-zz39nvdl89],
	.battle-room-game__result-tabs > button[b-zz39nvdl89],
	.battle-room-game__start-game[b-zz39nvdl89],
	.battle-room-game__exit-action > button[b-zz39nvdl89],
	.battle-room-game__exit-actions > button[b-zz39nvdl89] {
		transition: none;
	}

	.battle-room-game__exit-dialog[b-zz39nvdl89] {
		animation: none;
	}

	.battle-room-game__next-game-name--revealed[b-zz39nvdl89] {
		animation: none;
	}

	.battle-room-game__loading-indicator[b-zz39nvdl89] {
		animation: none;
	}
}
/* /Modules/PagesModule/BattleRoomReconnectPage.razor.rz.scp.css */
.battle-room-reconnect[b-amu7plcayu] {
	position: relative;
	min-height: 100svh;
	padding: 28px 32px 44px;
	color: var(--ink);
}

.battle-room-reconnect__topbar[b-amu7plcayu] {
	display: flex;
	position: relative;
	z-index: 50;
	justify-content: flex-end;
	width: min(100%, 980px);
	margin: 0 auto 34px;
	pointer-events: none;
}

.battle-room-reconnect__topbar-actions[b-amu7plcayu] {
	display: flex;
	align-items: center;
	gap: 12px;
	pointer-events: auto;
}

.battle-room-reconnect__topbar-return[b-amu7plcayu] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 42px;
	margin-right: auto;
	padding: 9px 13px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	background: var(--grass);
	box-shadow: 0 4px 0 var(--grass-dark), 0 7px 0 var(--ink);
	cursor: pointer;
	font: inherit;
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	pointer-events: auto;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-reconnect__topbar-return > span[b-amu7plcayu] {
	font-size: 1.05rem;
}

.battle-room-reconnect__topbar-return:hover[b-amu7plcayu] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.battle-room-reconnect__topbar-return:active[b-amu7plcayu] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--grass-dark), 0 3px 0 var(--ink);
}

.battle-room-reconnect__topbar-return:focus-visible[b-amu7plcayu] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.battle-room-reconnect__topbar-return:disabled[b-amu7plcayu] {
	cursor: wait;
	filter: grayscale(0.45);
	opacity: 0.62;
	transform: none;
}

.battle-room-reconnect__settings--open[b-amu7plcayu] {
	z-index: 110;
}

.battle-room-reconnect__live[b-amu7plcayu] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 13px;
	border: 3px solid var(--ink);
	border-radius: 999px;
	background: rgba(255, 250, 240, 0.92);
	box-shadow: 0 4px 0 var(--ink);
	font-size: 0.72rem;
	font-weight: 950;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.battle-room-reconnect__live > span[b-amu7plcayu] {
	width: 10px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 50%;
	background: var(--grass);
	box-shadow: 0 0 0 3px rgba(104, 223, 114, 0.28);
	animation: battle-room-reconnect-live-pulse-b-amu7plcayu 2.4s ease-in-out infinite;
}

.battle-room-reconnect__live--reconnecting[b-amu7plcayu] {
	background: rgba(255, 244, 194, 0.96);
}

.battle-room-reconnect__live--reconnecting > span[b-amu7plcayu] {
	background: var(--yellow);
	animation-duration: 1.2s;
}

.battle-room-reconnect__content[b-amu7plcayu] {
	position: relative;
	z-index: 1;
	width: min(100%, 980px);
	margin: 0 auto;
	animation: battle-room-reconnect-content-in-b-amu7plcayu 260ms ease-out both;
}

.battle-room-reconnect__hero[b-amu7plcayu] {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 28px;
	padding: 27px 29px;
	border: 5px solid var(--ink);
	border-radius: 25px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 10px 0 var(--purple), 0 16px 0 var(--ink), 0 27px 40px rgba(41, 37, 77, 0.2);
	backdrop-filter: blur(6px);
}

.battle-room-reconnect__hero-copy > p[b-amu7plcayu],
.battle-room-reconnect__section-heading > div:first-child > p[b-amu7plcayu],
.battle-room-reconnect__continue > div > p[b-amu7plcayu] {
	margin: 0 0 5px;
	color: var(--coral-dark);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.battle-room-reconnect__hero-copy > h1[b-amu7plcayu] {
	margin: 0;
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 1000;
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.battle-room-reconnect__hero-copy > span[b-amu7plcayu] {
	display: block;
	max-width: 570px;
	margin-top: 12px;
	color: var(--muted);
	font-size: 0.9rem;
	font-weight: 750;
	line-height: 1.45;
}

.battle-room-reconnect__join-code[b-amu7plcayu] {
	min-width: 245px;
	padding: 16px 22px;
	border: 4px solid var(--ink);
	border-radius: 18px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 7px 0 #e7a926, 0 11px 0 var(--ink);
	cursor: pointer;
	text-align: center;
	transform: rotate(1.5deg);
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-reconnect__join-code:hover[b-amu7plcayu] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-3px) rotate(0.5deg);
}

.battle-room-reconnect__join-code:active[b-amu7plcayu] {
	transform: translateY(6px) rotate(1deg);
	box-shadow: 0 1px 0 #e7a926, 0 4px 0 var(--ink);
}

.battle-room-reconnect__join-code:focus-visible[b-amu7plcayu] {
	outline: 5px solid var(--coral);
	outline-offset: 4px;
}

.battle-room-reconnect__join-code:disabled[b-amu7plcayu] {
	cursor: wait;
	filter: grayscale(0.25);
	opacity: 0.7;
	transform: none;
}

.battle-room-reconnect__join-code small[b-amu7plcayu],
.battle-room-reconnect__join-code strong[b-amu7plcayu],
.battle-room-reconnect__join-code span[b-amu7plcayu] {
	display: block;
}

.battle-room-reconnect__join-code small[b-amu7plcayu] {
	font-size: 0.63rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.battle-room-reconnect__join-code strong[b-amu7plcayu] {
	margin: 4px 0;
	font-size: clamp(1.9rem, 5vw, 2.65rem);
	font-weight: 1000;
	letter-spacing: 0.14em;
	line-height: 1;
}

.battle-room-reconnect__join-code--reopen strong[b-amu7plcayu] {
	font-size: clamp(1.15rem, 3vw, 1.55rem);
	letter-spacing: 0.02em;
	line-height: 1.15;
}

.battle-room-reconnect__join-code span[b-amu7plcayu] {
	font-size: 0.66rem;
	font-weight: 850;
}

.battle-room-reconnect__waiting-card[b-amu7plcayu] {
	display: grid;
	grid-template-columns: 55px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	width: min(100%, 280px);
	padding: 17px 19px;
	border: 4px solid var(--ink);
	border-radius: 18px;
	background: var(--blue);
	box-shadow: 0 7px 0 #4f97c7, 0 11px 0 var(--ink);
	transform: rotate(1deg);
}

.battle-room-reconnect__waiting-card > span[b-amu7plcayu] {
	display: grid;
	width: 55px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 16px;
	background: #ffffff;
	font-size: 1.9rem;
	font-weight: 1000;
	place-items: center;
}

.battle-room-reconnect__waiting-card small[b-amu7plcayu],
.battle-room-reconnect__waiting-card strong[b-amu7plcayu],
.battle-room-reconnect__waiting-card p[b-amu7plcayu] {
	display: block;
}

.battle-room-reconnect__waiting-card small[b-amu7plcayu] {
	font-size: 0.62rem;
	font-weight: 1000;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.battle-room-reconnect__waiting-card strong[b-amu7plcayu] {
	margin-top: 2px;
	font-size: 0.95rem;
	font-weight: 1000;
}

.battle-room-reconnect__waiting-card p[b-amu7plcayu] {
	margin: 4px 0 0;
	font-size: 0.7rem;
	font-weight: 750;
	line-height: 1.35;
}

.battle-room-reconnect__players[b-amu7plcayu] {
	margin-top: 31px;
	padding: 25px;
	border: 5px solid var(--ink);
	border-radius: 24px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 9px 0 var(--blue), 0 15px 0 var(--ink), 0 26px 40px rgba(41, 37, 77, 0.18);
	backdrop-filter: blur(6px);
}

.battle-room-reconnect__section-heading[b-amu7plcayu] {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 18px;
}

.battle-room-reconnect__section-heading h2[b-amu7plcayu],
.battle-room-reconnect__continue h2[b-amu7plcayu] {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 1000;
	letter-spacing: -0.025em;
}

.battle-room-reconnect__section-heading > div:first-child > span[b-amu7plcayu] {
	display: block;
	margin-top: 6px;
	color: var(--muted);
	font-size: 0.78rem;
	font-weight: 750;
}

.battle-room-reconnect__summary[b-amu7plcayu] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.battle-room-reconnect__stat[b-amu7plcayu] {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	padding: 7px 10px;
	border: 2px solid var(--ink);
	border-radius: 9px;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.battle-room-reconnect__stat strong[b-amu7plcayu] {
	font-size: 0.9rem;
	font-weight: 1000;
}

.battle-room-reconnect__stat--active[b-amu7plcayu] {
	background: var(--grass);
}

.battle-room-reconnect__stat--away[b-amu7plcayu] {
	background: var(--coral);
}

.battle-room-reconnect__stat--total[b-amu7plcayu] {
	background: var(--yellow);
}

.battle-room-reconnect__player-list[b-amu7plcayu] {
	display: grid;
	gap: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.battle-room-reconnect__player[b-amu7plcayu] {
	display: grid;
	grid-template-columns: 34px 58px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	min-width: 0;
	padding: 13px 15px;
	border: 3px solid var(--ink);
	border-radius: 17px;
	background: #ffffff;
	box-shadow: 0 4px 0 rgba(41, 37, 77, 0.76);
}

.battle-room-reconnect__player--joining[b-amu7plcayu],
.battle-room-reconnect__player--reconnecting[b-amu7plcayu] {
	background: rgba(255, 244, 194, 0.72);
}

.battle-room-reconnect__player--kicked[b-amu7plcayu],
.battle-room-reconnect__player--left[b-amu7plcayu] {
	background: rgba(232, 228, 239, 0.82);
}

.battle-room-reconnect__player-number[b-amu7plcayu] {
	display: grid;
	width: 31px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 9px;
	background: var(--yellow);
	font-size: 0.76rem;
	font-weight: 1000;
	place-items: center;
}

.battle-room-reconnect__avatar[b-amu7plcayu] {
	display: grid;
	width: 58px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 16px;
	background: var(--blue);
	box-shadow: 0 3px 0 var(--ink);
	overflow: hidden;
	place-items: center;
}

.battle-room-reconnect__player--kicked .battle-room-reconnect__avatar[b-amu7plcayu],
.battle-room-reconnect__player--left .battle-room-reconnect__avatar[b-amu7plcayu] {
	filter: grayscale(0.75);
	opacity: 0.66;
}

.battle-room-reconnect__avatar img[b-amu7plcayu] {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.battle-room-reconnect__player-copy[b-amu7plcayu] {
	min-width: 0;
}

.battle-room-reconnect__player-copy > strong[b-amu7plcayu] {
	display: block;
	overflow: hidden;
	font-size: 1rem;
	font-weight: 1000;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.battle-room-reconnect__player-copy > span[b-amu7plcayu] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 4px;
	color: var(--muted);
	font-size: 0.73rem;
	font-weight: 750;
}

.battle-room-reconnect__player-copy b[b-amu7plcayu] {
	padding: 3px 6px;
	border: 1px solid var(--ink);
	border-radius: 999px;
	color: var(--ink);
	background: var(--yellow);
	font-size: 0.58rem;
	font-weight: 1000;
	line-height: 1;
	text-transform: uppercase;
}

.battle-room-reconnect__player-copy .battle-room-reconnect__ping[b-amu7plcayu] {
	background: var(--blue);
	text-transform: none;
}

.battle-room-reconnect__player-statuses[b-amu7plcayu] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 7px;
}

.battle-room-reconnect__status[b-amu7plcayu],
.battle-room-reconnect__host-badge[b-amu7plcayu] {
	padding: 6px 9px;
	border: 2px solid var(--ink);
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	line-height: 1;
	text-transform: uppercase;
}

.battle-room-reconnect__host-badge[b-amu7plcayu] {
	background: var(--purple);
	color: #ffffff;
}

.battle-room-reconnect__status--connected[b-amu7plcayu] {
	background: var(--grass);
}

.battle-room-reconnect__status--joining[b-amu7plcayu],
.battle-room-reconnect__status--reconnecting[b-amu7plcayu] {
	background: var(--yellow);
}

.battle-room-reconnect__status--kicked[b-amu7plcayu] {
	background: var(--coral);
}

.battle-room-reconnect__status--left[b-amu7plcayu] {
	background: #d9d3e4;
}

.battle-room-reconnect__continue[b-amu7plcayu] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	margin-top: 31px;
	padding: 23px 25px;
	border: 5px solid var(--ink);
	border-radius: 23px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 9px 0 var(--grass), 0 15px 0 var(--ink), 0 26px 40px rgba(41, 37, 77, 0.18);
}

.battle-room-reconnect__continue > div > span[b-amu7plcayu] {
	display: block;
	max-width: 640px;
	margin-top: 8px;
	color: var(--muted);
	font-size: 0.82rem;
	font-weight: 750;
	line-height: 1.45;
}

.battle-room-reconnect__continue small[b-amu7plcayu] {
	display: block;
	margin-top: 7px;
	color: var(--coral-dark);
	font-size: 0.72rem;
	font-weight: 900;
}

.battle-room-reconnect__continue > button[b-amu7plcayu] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 210px;
	padding: 15px 18px;
	border: 4px solid var(--ink);
	border-radius: 15px;
	color: var(--ink);
	background: var(--grass);
	box-shadow: 0 6px 0 var(--grass-dark), 0 10px 0 var(--ink);
	cursor: pointer;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 1000;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-reconnect__continue > button > span[b-amu7plcayu] {
	font-size: 1.15rem;
}

.battle-room-reconnect__continue > button:hover[b-amu7plcayu] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.battle-room-reconnect__continue > button:active[b-amu7plcayu] {
	transform: translateY(5px);
	box-shadow: 0 1px 0 var(--grass-dark), 0 4px 0 var(--ink);
}

.battle-room-reconnect__continue > button:focus-visible[b-amu7plcayu] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.battle-room-reconnect__continue > button:disabled[b-amu7plcayu] {
	cursor: wait;
	filter: grayscale(0.45);
	opacity: 0.62;
	transform: none;
}

.battle-room-reconnect__continue-waiting[b-amu7plcayu] {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 11px 14px;
	border: 3px solid var(--ink);
	border-radius: 999px;
	background: var(--yellow);
	box-shadow: 0 4px 0 var(--ink);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.battle-room-reconnect__continue-waiting > span[b-amu7plcayu] {
	width: 9px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 50%;
	background: var(--coral);
	animation: battle-room-reconnect-live-pulse-b-amu7plcayu 1.4s ease-in-out infinite;
}

@keyframes battle-room-reconnect-live-pulse-b-amu7plcayu {
	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.28);
	}
}

@keyframes battle-room-reconnect-content-in-b-amu7plcayu {
	from {
		opacity: 0;
		transform: translateY(12px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 760px) {
	.battle-room-reconnect[b-amu7plcayu] {
		padding: 15px 16px 35px;
	}

	.battle-room-reconnect__topbar[b-amu7plcayu] {
		margin-bottom: 74px;
	}

	.battle-room-reconnect__hero[b-amu7plcayu] {
		grid-template-columns: 1fr;
		padding: 23px 20px;
	}

	.battle-room-reconnect__join-code[b-amu7plcayu],
	.battle-room-reconnect__waiting-card[b-amu7plcayu] {
		width: 100%;
		transform: none;
	}

	.battle-room-reconnect__section-heading[b-amu7plcayu] {
		align-items: flex-start;
		flex-direction: column;
	}

	.battle-room-reconnect__summary[b-amu7plcayu] {
		width: 100%;
		flex-wrap: wrap;
	}

	.battle-room-reconnect__player[b-amu7plcayu] {
		grid-template-columns: 30px 52px minmax(0, 1fr);
	}

	.battle-room-reconnect__avatar[b-amu7plcayu] {
		width: 52px;
	}

	.battle-room-reconnect__player-statuses[b-amu7plcayu] {
		grid-column: 2 / -1;
		justify-content: flex-start;
		padding-left: 1px;
	}

	.battle-room-reconnect__continue[b-amu7plcayu] {
		grid-template-columns: 1fr;
	}

	.battle-room-reconnect__continue > button[b-amu7plcayu],
	.battle-room-reconnect__continue-waiting[b-amu7plcayu] {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.battle-room-reconnect__topbar-actions[b-amu7plcayu] {
		align-items: flex-end;
		flex-direction: column-reverse;
		gap: 8px;
	}

	.battle-room-reconnect__live[b-amu7plcayu] {
		font-size: 0.62rem;
	}

	.battle-room-reconnect__players[b-amu7plcayu],
	.battle-room-reconnect__continue[b-amu7plcayu] {
		padding: 20px 16px;
	}

	.battle-room-reconnect__player[b-amu7plcayu] {
		grid-template-columns: 26px 46px minmax(0, 1fr);
		gap: 9px;
		padding: 11px 10px;
	}

	.battle-room-reconnect__player-number[b-amu7plcayu] {
		width: 26px;
	}

	.battle-room-reconnect__avatar[b-amu7plcayu] {
		width: 46px;
	}

	.battle-room-reconnect__player-copy > strong[b-amu7plcayu] {
		font-size: 0.9rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.battle-room-reconnect__live > span[b-amu7plcayu],
	.battle-room-reconnect__continue-waiting > span[b-amu7plcayu],
	.battle-room-reconnect__content[b-amu7plcayu] {
		animation: none;
	}

	.battle-room-reconnect__join-code[b-amu7plcayu],
	.battle-room-reconnect__topbar-return[b-amu7plcayu],
	.battle-room-reconnect__continue > button[b-amu7plcayu] {
		transition: none;
	}
}
/* /Modules/PagesModule/BattleRoomSetupPage.razor.rz.scp.css */
.battle-room-setup__settings-action[b-jb9q453b8s] {
	position: absolute;
	z-index: 10;
	top: 24px;
	right: max(32px, calc((100vw - 980px) / 2));
}

.battle-room-setup__settings-action--open[b-jb9q453b8s] {
	z-index: 110;
}

.battle-room-setup__setting[b-jb9q453b8s] {
	display: grid;
	gap: 10px;
	padding: 20px;
	border: 3px solid var(--ink);
	border-radius: 18px;
	background: var(--cream);
	box-shadow: 0 6px 0 var(--purple);
	text-align: left;
}

.battle-room-setup__setting > label[b-jb9q453b8s],
.battle-room-setup__label[b-jb9q453b8s] {
	margin: 0;
	font-size: 0.82rem;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.battle-room-setup__game-categories[b-jb9q453b8s] {
	display: grid;
	gap: 8px;
	min-width: 0;
	margin: 0 0 8px;
	padding: 0 0 22px;
	border: 0;
	border-bottom: 2px dashed rgba(41, 37, 77, 0.24);
}

.battle-room-setup__game-categories > legend[b-jb9q453b8s] {
	padding: 0;
}

.battle-room-setup__game-categories > p[b-jb9q453b8s] {
	margin: 0 0 8px;
	color: var(--muted);
	font-size: 0.85rem;
	font-weight: 750;
	line-height: 1.45;
}

.battle-room-setup__category-grid[b-jb9q453b8s] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.battle-room-setup__category-card[b-jb9q453b8s] {
	position: relative;
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr);
	align-items: center;
	gap: 12px 15px;
	min-width: 0;
	padding: 18px;
	border: 4px solid var(--ink);
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 6px 0 rgba(41, 37, 77, 0.82);
	cursor: pointer;
	overflow: hidden;
	transition: box-shadow 140ms ease, transform 140ms ease;
}

.battle-room-setup__category-card:hover[b-jb9q453b8s] {
	transform: translateY(-2px);
}

.battle-room-setup__category-card:has(input:focus-visible)[b-jb9q453b8s] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.battle-room-setup__category-card:has(input:disabled)[b-jb9q453b8s] {
	cursor: default;
	transform: none;
}

.battle-room-setup__category-card--selected[b-jb9q453b8s] {
	background: rgba(239, 232, 255, 0.84);
	box-shadow: 0 7px 0 var(--purple);
}

.battle-room-setup__category-card--unavailable[b-jb9q453b8s] {
	background: rgba(203, 199, 214, 0.9);
	box-shadow: 0 5px 0 rgba(41, 37, 77, 0.34);
}

.battle-room-setup__category-card--unavailable[b-jb9q453b8s]::after {
	position: absolute;
	inset: 0;
	background: rgba(41, 37, 77, 0.38);
	content: "";
	pointer-events: none;
}

.battle-room-setup__category-card > input[b-jb9q453b8s] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.battle-room-setup__category-icon[b-jb9q453b8s] {
	display: grid;
	width: 62px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 17px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 4px 0 var(--ink);
	font-size: 1.05rem;
	font-weight: 1000;
	letter-spacing: -0.03em;
	place-items: center;
	transform: rotate(-3deg);
}

.battle-room-setup__category-card--arcade-rumble .battle-room-setup__category-icon[b-jb9q453b8s] {
	background: var(--coral);
	transform: rotate(3deg);
}

.battle-room-setup__category-card--boardgame-battles .battle-room-setup__category-icon[b-jb9q453b8s] {
	color: #ffffff;
	background: var(--purple);
}

.battle-room-setup__category-card--platformer-challenges .battle-room-setup__category-icon[b-jb9q453b8s] {
	background: var(--blue);
	transform: rotate(3deg);
}

.battle-room-setup__category-card--unavailable .battle-room-setup__category-icon[b-jb9q453b8s] {
	filter: grayscale(0.7);
	opacity: 0.62;
}

.battle-room-setup__category-copy[b-jb9q453b8s] {
	display: grid;
	gap: 4px;
	min-width: 0;
	padding-right: 24px;
}

.battle-room-setup__category-copy > strong[b-jb9q453b8s] {
	font-size: 1rem;
	font-weight: 1000;
	line-height: 1.1;
}

.battle-room-setup__category-copy > span[b-jb9q453b8s] {
	color: var(--muted);
	font-size: 0.76rem;
	font-weight: 750;
	line-height: 1.35;
}

.battle-room-setup__category-status[b-jb9q453b8s] {
	grid-column: 2;
	justify-self: start;
	padding: 6px 10px;
	border: 2px solid var(--ink);
	border-radius: 999px;
	background: #9de5ae;
	font-size: 0.65rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	line-height: 1.1;
	text-transform: uppercase;
}

.battle-room-setup__category-card--unavailable .battle-room-setup__category-status[b-jb9q453b8s] {
	position: relative;
	z-index: 1;
	background: var(--yellow);
}

.battle-room-setup__category-selected[b-jb9q453b8s] {
	position: absolute;
	top: 12px;
	right: 12px;
	display: none;
	width: 26px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 50%;
	color: #ffffff;
	background: var(--purple);
	font-size: 0.9rem;
	font-weight: 1000;
	place-items: center;
}

.battle-room-setup__category-card--selected .battle-room-setup__category-selected[b-jb9q453b8s] {
	display: grid;
}

.battle-room-setup__mini-game-count[b-jb9q453b8s] {
	display: grid;
	gap: 8px;
	min-width: 0;
	margin: 0;
	padding: 4px 0 8px;
	border: 0;
}

.battle-room-setup__mini-game-count > legend[b-jb9q453b8s] {
	padding: 0;
}

.battle-room-setup__mini-game-count > p[b-jb9q453b8s] {
	margin: 0 0 8px;
	color: var(--muted);
	font-size: 0.85rem;
	font-weight: 750;
	line-height: 1.45;
}

.battle-room-setup__mini-game-count-options[b-jb9q453b8s] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 12px;
}

.battle-room-setup__mini-game-count-option[b-jb9q453b8s] {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 2px;
	min-width: 0;
	padding: 15px 12px 13px;
	border: 3px solid var(--ink);
	border-radius: 15px;
	background: #ffffff;
	box-shadow: 0 5px 0 rgba(41, 37, 77, 0.72);
	cursor: pointer;
	transition: box-shadow 140ms ease, transform 140ms ease;
}

.battle-room-setup__mini-game-count-option:hover[b-jb9q453b8s] {
	transform: translateY(-2px);
}

.battle-room-setup__mini-game-count-option:has(input:checked)[b-jb9q453b8s] {
	color: #ffffff;
	background: var(--purple);
	box-shadow: 0 6px 0 #6540be;
}

.battle-room-setup__mini-game-count-option:has(input:focus-visible)[b-jb9q453b8s] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.battle-room-setup__mini-game-count-option:has(input:disabled)[b-jb9q453b8s] {
	cursor: default;
	opacity: 0.68;
	transform: none;
}

.battle-room-setup__mini-game-count-option > input[b-jb9q453b8s] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.battle-room-setup__mini-game-count-value[b-jb9q453b8s] {
	font-size: 1.8rem;
	font-weight: 1000;
	line-height: 1;
}

.battle-room-setup__mini-game-count-unit[b-jb9q453b8s] {
	font-size: 0.66rem;
	font-weight: 950;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.battle-room-setup__mini-game-count-selected[b-jb9q453b8s] {
	position: absolute;
	top: 8px;
	right: 8px;
	display: none;
	width: 22px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 50%;
	color: var(--ink);
	background: var(--yellow);
	font-size: 0.75rem;
	font-weight: 1000;
	place-items: center;
}

.battle-room-setup__mini-game-count-option:has(input:checked) .battle-room-setup__mini-game-count-selected[b-jb9q453b8s] {
	display: grid;
}

.battle-room-setup__mini-game-count-empty[b-jb9q453b8s] {
	padding: 14px 16px;
	border: 3px dashed rgba(41, 37, 77, 0.3);
	border-radius: 14px;
	color: var(--muted);
	background: rgba(255, 255, 255, 0.58);
	font-size: 0.82rem;
	font-weight: 800;
	text-align: center;
}

.battle-room-setup__testing-mode[b-jb9q453b8s] {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 14px 16px;
	border: 3px solid rgba(41, 37, 77, 0.26);
	border-radius: 14px;
	background: rgba(239, 232, 255, 0.68);
	cursor: pointer;
}

.battle-room-setup__testing-mode--secondary[b-jb9q453b8s] {
	margin-top: 4px;
}

.battle-room-setup__testing-mode:has(input:disabled)[b-jb9q453b8s] {
	cursor: default;
	opacity: 0.68;
}

.battle-room-setup__testing-mode > input[b-jb9q453b8s] {
	width: 24px;
	height: 24px;
	margin: 0;
	accent-color: var(--purple);
}

.battle-room-setup__testing-mode > input:focus-visible[b-jb9q453b8s] {
	outline: 4px solid var(--yellow);
	outline-offset: 3px;
}

.battle-room-setup__testing-mode > span[b-jb9q453b8s] {
	display: grid;
	gap: 3px;
}

.battle-room-setup__testing-mode strong[b-jb9q453b8s] {
	font-size: 0.9rem;
	font-weight: 1000;
}

.battle-room-setup__testing-mode span > span[b-jb9q453b8s] {
	color: var(--muted);
	font-size: 0.76rem;
	font-weight: 750;
}

.battle-room-setup__setting > p[b-jb9q453b8s] {
	margin: 0;
	color: var(--muted);
	font-size: 0.85rem;
	font-weight: 750;
	line-height: 1.45;
}

.battle-room-setup__setting--readonly[b-jb9q453b8s] {
	justify-items: center;
	text-align: center;
}

.battle-room-setup__setting > .battle-room-setup__value[b-jb9q453b8s] {
	color: var(--ink);
	font-size: clamp(1.5rem, 5vw, 2.1rem);
	font-weight: 1000;
	line-height: 1.1;
}

.battle-room-setup__footer[b-jb9q453b8s] {
	width: min(calc(100% - 48px), 980px);
	margin: 32px auto 0;
	padding-bottom: 140px;
}

.battle-room-setup__action[b-jb9q453b8s] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 28px;
	padding: 24px 28px;
	border: 5px solid var(--ink);
	border-radius: 24px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 9px 0 var(--blue), 0 15px 0 var(--ink), 0 26px 40px rgba(41, 37, 77, 0.18);
	text-align: left;
}

.battle-room-setup__action-copy > p[b-jb9q453b8s],
.battle-room-setup__action-copy > h2[b-jb9q453b8s] {
	margin: 0;
}

.battle-room-setup__action-copy > .battle-room-setup__action-eyebrow[b-jb9q453b8s] {
	color: var(--coral-dark);
	font-size: 0.68rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.battle-room-setup__action-copy > h2[b-jb9q453b8s] {
	font-size: 1.55rem;
	font-weight: 1000;
	letter-spacing: -0.025em;
}

.battle-room-setup__action-copy > p:not(.battle-room-setup__action-eyebrow)[b-jb9q453b8s] {
	margin-top: 7px;
	color: var(--muted);
	font-size: 0.8rem;
	font-weight: 750;
	line-height: 1.45;
}

.battle-room-setup__action > button[b-jb9q453b8s] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 225px;
	padding: 14px 18px;
	border: 4px solid var(--ink);
	border-radius: 15px;
	color: #ffffff;
	background: var(--purple);
	box-shadow: 0 6px 0 #6540be, 0 10px 0 var(--ink);
	cursor: pointer;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.battle-room-setup__action > button strong[b-jb9q453b8s] {
	font-size: 0.82rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.battle-room-setup__action > button span[b-jb9q453b8s] {
	display: grid;
	width: 29px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 9px;
	color: var(--ink);
	background: var(--yellow);
	font-size: 1.1rem;
	font-weight: 1000;
	line-height: 1;
	place-items: center;
}

.battle-room-setup__action > button:hover[b-jb9q453b8s] {
	filter: saturate(1.08) brightness(1.05);
	transform: translateY(-2px);
}

.battle-room-setup__action > button:active[b-jb9q453b8s] {
	transform: translateY(5px);
	box-shadow: 0 1px 0 #6540be, 0 4px 0 var(--ink);
}

.battle-room-setup__action > button:focus-visible[b-jb9q453b8s] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.battle-room-setup__action > button:disabled[b-jb9q453b8s] {
	cursor: not-allowed;
	filter: grayscale(0.4);
	opacity: 0.65;
	transform: none;
}

.battle-room-setup__action--waiting[b-jb9q453b8s] {
	background: rgba(239, 232, 255, 0.82);
}

.battle-room-setup__waiting-status[b-jb9q453b8s] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 11px 14px;
	border: 3px solid rgba(41, 37, 77, 0.18);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.78);
}

.battle-room-setup__waiting-status > span[b-jb9q453b8s] {
	width: 11px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 50%;
	background: #65d383;
	animation: battle-room-setup-waiting-pulse-b-jb9q453b8s 1.8s ease-in-out infinite;
}

.battle-room-setup__waiting-status > strong[b-jb9q453b8s] {
	font-size: 0.73rem;
	font-weight: 950;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

@keyframes battle-room-setup-waiting-pulse-b-jb9q453b8s {
	0%, 100% {
		box-shadow: 0 0 0 0 rgba(101, 211, 131, 0.45);
	}

	50% {
		box-shadow: 0 0 0 7px rgba(101, 211, 131, 0);
	}
}

@media (max-width: 600px) {
	.battle-room-setup__settings-action[b-jb9q453b8s] {
		top: 15px;
		right: 16px;
	}

	.battle-room-setup__footer[b-jb9q453b8s] {
		width: min(calc(100% - 32px), 980px);
		margin-top: 25px;
		padding-bottom: 120px;
	}

	.battle-room-setup__setting[b-jb9q453b8s] {
		padding: 17px;
	}

	.battle-room-setup__category-grid[b-jb9q453b8s] {
		grid-template-columns: 1fr;
	}

	.battle-room-setup__action[b-jb9q453b8s] {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 21px 20px;
	}

	.battle-room-setup__action > button[b-jb9q453b8s],
	.battle-room-setup__waiting-status[b-jb9q453b8s] {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.battle-room-setup__waiting-status > span[b-jb9q453b8s] {
		animation: none;
	}
}
/* /Modules/PagesModule/CreateLobbyPage.razor.rz.scp.css */
.create-lobby-page[b-me4a1vaiyj] {
	position: relative;
	display: grid;
	min-height: 100svh;
	overflow: hidden;
	padding: 92px 24px 40px;
	color: var(--ink);
	isolation: isolate;
	place-items: center;
}

.create-lobby-page__back[b-me4a1vaiyj] {
	position: absolute;
	z-index: 2;
	top: 28px;
	left: 32px;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 9px 14px 9px 10px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	background: rgba(255, 250, 240, 0.92);
	box-shadow: 0 5px 0 var(--purple), 0 8px 0 var(--ink);
	font-size: 0.88rem;
	font-weight: 900;
	text-decoration: none;
	transition: transform 140ms ease, box-shadow 140ms ease;
}

.create-lobby-page__back span[b-me4a1vaiyj] {
	font-size: 1.15rem;
	line-height: 1;
}

.create-lobby-page__back:hover[b-me4a1vaiyj] {
	transform: translateY(-2px) rotate(-1deg);
}

.create-lobby-page__back:active[b-me4a1vaiyj] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--purple), 0 3px 0 var(--ink);
}

.create-lobby-page__back:focus-visible[b-me4a1vaiyj] {
	outline: 5px solid var(--cream);
	outline-offset: 4px;
}

.create-lobby-page__card[b-me4a1vaiyj] {
	position: relative;
	z-index: 1;
	width: min(100%, 570px);
	padding: 30px;
	border: 5px solid var(--ink);
	border-radius: 26px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 12px 0 var(--purple), 0 18px 0 var(--ink), 0 30px 45px rgba(41, 37, 77, 0.24);
	backdrop-filter: blur(6px);
	animation: create-lobby-card-in-b-me4a1vaiyj 260ms ease-out both;
}

.create-lobby-page__step[b-me4a1vaiyj] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 23px;
	color: var(--muted);
	font-size: 0.75rem;
	font-weight: 950;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.create-lobby-page__step b[b-me4a1vaiyj] {
	padding: 5px 9px;
	border: 2px solid var(--ink);
	border-radius: 8px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 3px 0 rgba(41, 37, 77, 0.18);
	letter-spacing: 0;
	transform: rotate(2deg);
}

.create-lobby-page__header[b-me4a1vaiyj] {
	display: grid;
	grid-template-columns: 82px 1fr;
	align-items: center;
	gap: 18px;
}

.create-lobby-page__avatar[b-me4a1vaiyj] {
	display: grid;
	width: 78px;
	aspect-ratio: 1;
	border: 4px solid var(--ink);
	border-radius: 20px;
	background: var(--coral);
	box-shadow: 0 7px 0 var(--coral-dark), 0 11px 0 var(--ink);
	place-items: center;
	transform: rotate(-4deg);
}

.create-lobby-page__avatar svg[b-me4a1vaiyj] {
	width: 48px;
	fill: var(--cream);
	filter: drop-shadow(0 3px 0 rgba(41, 37, 77, 0.25));
}

.create-lobby-page__header p[b-me4a1vaiyj] {
	margin: 0 0 5px;
	color: var(--coral-dark);
	font-size: 0.72rem;
	font-weight: 950;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.create-lobby-page h1[b-me4a1vaiyj] {
	margin: 0;
	color: var(--ink);
	font-size: clamp(2rem, 6vw, 2.85rem);
	font-weight: 1000;
	line-height: 0.95;
	letter-spacing: -0.045em;
	text-wrap: balance;
}

.create-lobby-page h1:focus[b-me4a1vaiyj] {
	outline: none;
}

.create-lobby-page__intro[b-me4a1vaiyj] {
	margin: 25px 0 23px;
	color: var(--muted);
	font-size: 0.98rem;
	font-weight: 700;
	line-height: 1.5;
}

.create-lobby-page__field label[b-me4a1vaiyj] {
	display: block;
	margin-bottom: 9px;
	font-size: 0.84rem;
	font-weight: 950;
	letter-spacing: 0.03em;
}

.create-lobby-page[b-me4a1vaiyj]  .create-lobby-page__input {
	width: 100%;
	padding: 15px 17px;
	border: 4px solid var(--ink);
	border-radius: 15px;
	outline: none;
	color: var(--ink);
	background: #ffffff;
	box-shadow: inset 0 -4px 0 rgba(77, 156, 255, 0.14), 0 5px 0 rgba(41, 37, 77, 0.16);
	font-size: 1.05rem;
	font-weight: 850;
	transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.create-lobby-page[b-me4a1vaiyj]  .create-lobby-page__input--name {
	text-transform: uppercase;
}

.create-lobby-page[b-me4a1vaiyj]  .create-lobby-page__input::placeholder {
	color: #aaa7be;
}

.create-lobby-page[b-me4a1vaiyj]  .create-lobby-page__input:focus {
	border-color: var(--blue);
	box-shadow: 0 0 0 4px rgba(77, 156, 255, 0.2), 0 6px 0 var(--ink);
	transform: translateY(-1px);
}

.create-lobby-page[b-me4a1vaiyj]  .create-lobby-page__input.invalid {
	border-color: var(--coral-dark);
	box-shadow: 0 0 0 4px rgba(255, 92, 122, 0.16), 0 6px 0 var(--ink);
}

.create-lobby-page__field-info[b-me4a1vaiyj] {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	min-height: 27px;
	padding: 7px 3px 0;
}

.create-lobby-page__field-info > span[b-me4a1vaiyj] {
	color: var(--muted);
	font-size: 0.75rem;
	font-weight: 850;
}

.create-lobby-page__field-info[b-me4a1vaiyj]  .validation-message {
	color: var(--coral-dark);
	font-size: 0.8rem;
	font-weight: 900;
}

.create-lobby-page__submit[b-me4a1vaiyj] {
	display: grid;
	grid-template-columns: 54px 1fr auto;
	align-items: center;
	gap: 14px;
	width: 100%;
	margin-top: 24px;
	padding: 14px 16px;
	border: 4px solid var(--ink);
	border-radius: 17px;
	color: #ffffff;
	background: var(--coral);
	box-shadow: 0 8px 0 var(--coral-dark), 0 12px 0 var(--ink);
	cursor: pointer;
	text-align: left;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.create-lobby-page__submit:hover[b-me4a1vaiyj] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-3px) rotate(-0.25deg);
}

.create-lobby-page__submit:active[b-me4a1vaiyj] {
	transform: translateY(7px);
	box-shadow: 0 1px 0 var(--coral-dark), 0 4px 0 var(--ink);
}

.create-lobby-page__submit:focus-visible[b-me4a1vaiyj] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.create-lobby-page__submit-icon[b-me4a1vaiyj] {
	display: grid;
	width: 50px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	background: var(--cream);
	box-shadow: 0 4px 0 rgba(41, 37, 77, 0.22);
	font-size: 2rem;
	font-weight: 1000;
	line-height: 1;
	place-items: center;
	transform: rotate(-3deg);
}

.create-lobby-page__submit strong[b-me4a1vaiyj],
.create-lobby-page__submit small[b-me4a1vaiyj] {
	display: block;
}

.create-lobby-page__submit strong[b-me4a1vaiyj] {
	font-size: 1.15rem;
	font-weight: 1000;
	text-shadow: 0 2px 0 rgba(41, 37, 77, 0.24);
}

.create-lobby-page__submit small[b-me4a1vaiyj] {
	margin-top: 3px;
	font-size: 0.77rem;
	font-weight: 750;
	opacity: 0.9;
}

.create-lobby-page__submit > b[b-me4a1vaiyj] {
	display: grid;
	width: 34px;
	aspect-ratio: 1;
	border: 3px solid rgba(41, 37, 77, 0.7);
	border-radius: 50%;
	color: var(--ink);
	background: rgba(255, 255, 255, 0.78);
	font-size: 1.2rem;
	place-items: center;
}

@keyframes create-lobby-card-in-b-me4a1vaiyj {
	from {
		opacity: 0;
		transform: translateY(18px) scale(0.96) rotate(-0.5deg);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1) rotate(0);
	}
}

@media (max-width: 640px) {
	.create-lobby-page[b-me4a1vaiyj] {
		align-items: start;
		padding: 82px 16px 40px;
	}

	.create-lobby-page__back[b-me4a1vaiyj] {
		top: 19px;
		left: 18px;
	}

	.create-lobby-page__card[b-me4a1vaiyj] {
		padding: 23px 20px 25px;
		border-width: 4px;
		border-radius: 21px;
		box-shadow: 0 9px 0 var(--purple), 0 14px 0 var(--ink), 0 24px 35px rgba(41, 37, 77, 0.22);
	}

	.create-lobby-page__header[b-me4a1vaiyj] {
		grid-template-columns: 67px 1fr;
		gap: 15px;
	}

	.create-lobby-page__avatar[b-me4a1vaiyj] {
		width: 64px;
		border-radius: 17px;
	}

	.create-lobby-page__avatar svg[b-me4a1vaiyj] {
		width: 39px;
	}

	.create-lobby-page h1[b-me4a1vaiyj] {
		font-size: clamp(1.75rem, 9vw, 2.25rem);
	}

	.create-lobby-page__intro[b-me4a1vaiyj] {
		margin: 23px 0 20px;
		font-size: 0.9rem;
	}

	.create-lobby-page__submit[b-me4a1vaiyj] {
		grid-template-columns: 48px 1fr auto;
		gap: 11px;
		padding: 13px;
	}

	.create-lobby-page__submit-icon[b-me4a1vaiyj] {
		width: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.create-lobby-page__card[b-me4a1vaiyj] {
		animation: none;
	}

	.create-lobby-page__back[b-me4a1vaiyj],
	.create-lobby-page__input[b-me4a1vaiyj],
	.create-lobby-page__submit[b-me4a1vaiyj] {
		transition: none;
	}
}
/* /Modules/PagesModule/HomePage.razor.rz.scp.css */
.home-page[b-4ccml16t93] {
    position: relative;
    display: grid;
    min-height: 100svh;
    overflow: hidden;
    place-items: center;
    padding: 48px 32px 40px;
    color: var(--ink);
    isolation: isolate;
}

.home-page__content[b-4ccml16t93] {
    position: relative;
    z-index: 1;
    width: min(100%, 1000px);
    text-align: center;
}

.home-page__eyebrow[b-4ccml16t93] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 18px;
    padding: 9px 16px 9px 11px;
    border: 3px solid rgba(41, 37, 77, 0.14);
    border-radius: 999px;
    background: rgba(255, 250, 240, 0.88);
    box-shadow: 0 5px 0 rgba(47, 116, 164, 0.16);
    color: var(--ink);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-page__eyebrow span[b-4ccml16t93] {
    width: 24px;
    height: 24px;
    border: 3px solid var(--ink);
    border-radius: 50%;
    background: var(--yellow);
    box-shadow: inset -4px -3px rgba(245, 162, 39, 0.34);
}

.home-page h1[b-4ccml16t93] {
    display: grid;
    max-width: 900px;
    margin: 0 auto;
    color: var(--cream);
    font-size: clamp(3.6rem, 9.4vw, 7.2rem);
    font-weight: 1000;
    line-height: 0.78;
    letter-spacing: -0.065em;
    text-transform: uppercase;
    text-wrap: balance;
    -webkit-text-stroke: clamp(2px, 0.3vw, 5px) var(--ink);
    paint-order: stroke fill;
    filter: drop-shadow(0 10px 0 var(--purple)) drop-shadow(0 15px 0 rgba(41, 37, 77, 0.2));
}

.home-page h1 span:last-child[b-4ccml16t93] {
    color: var(--yellow);
}

.home-page h1 span[b-4ccml16t93] {
    white-space: nowrap;
}

.home-page h1:focus[b-4ccml16t93] {
    outline: none;
}

.home-page__intro[b-4ccml16t93] {
    max-width: 670px;
    margin: 30px auto 0;
    padding: 14px 20px;
    border-radius: 16px;
    color: #454265;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 7px 0 rgba(47, 116, 164, 0.13);
    font-size: 1.07rem;
    font-weight: 700;
    line-height: 1.5;
    backdrop-filter: blur(5px);
}

.home-page__actions[b-4ccml16t93] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 34px;
}

.home-page__action[b-4ccml16t93] {
    display: grid;
    grid-template-columns: 74px 1fr auto;
    align-items: center;
    min-height: 130px;
    padding: 22px;
    border: 4px solid var(--ink);
    border-radius: 22px;
    color: #ffffff;
    cursor: pointer;
    text-align: left;
	text-decoration: none;
    transform: translateY(0);
    transition:
        transform 150ms ease,
        box-shadow 150ms ease,
        filter 150ms ease;
}

.home-page__action:hover[b-4ccml16t93] {
    transform: translateY(-5px) rotate(-0.5deg);
    filter: saturate(1.1) brightness(1.03);
}

.home-page__action:active[b-4ccml16t93] {
    transform: translateY(7px);
    box-shadow: 0 2px 0 var(--ink);
}

.home-page__action:focus-visible[b-4ccml16t93] {
    outline: 5px solid var(--cream);
    outline-offset: 5px;
}

.home-page__action--primary[b-4ccml16t93] {
    background: var(--coral);
    box-shadow: 0 10px 0 var(--coral-dark), 0 14px 0 var(--ink), 0 22px 28px rgba(106, 60, 108, 0.22);
}

.home-page__action--secondary[b-4ccml16t93] {
    background: var(--blue);
    box-shadow: 0 10px 0 var(--blue-dark), 0 14px 0 var(--ink), 0 22px 28px rgba(45, 103, 174, 0.22);
}

.home-page__action-icon[b-4ccml16t93] {
    display: grid;
    width: 64px;
    aspect-ratio: 1;
    border: 4px solid var(--ink);
    border-radius: 16px;
    background: var(--cream);
    box-shadow: 0 6px 0 rgba(41, 37, 77, 0.22);
    place-items: center;
    transform: rotate(-4deg);
}

.home-page__action--secondary .home-page__action-icon[b-4ccml16t93] {
    transform: rotate(4deg);
}

.home-page__action-icon svg[b-4ccml16t93] {
    width: 39px;
    fill: var(--ink);
}

.home-page__action-copy[b-4ccml16t93] {
    min-width: 0;
    padding: 0 12px;
}

.home-page__action-title[b-4ccml16t93],
.home-page__action-text[b-4ccml16t93] {
    display: block;
}

.home-page__action-title[b-4ccml16t93] {
    font-size: clamp(1.3rem, 2.5vw, 1.65rem);
    font-weight: 950;
    line-height: 1.1;
    text-shadow: 0 3px 0 rgba(41, 37, 77, 0.25);
}

.home-page__action-text[b-4ccml16t93] {
    margin-top: 8px;
    font-size: 0.92rem;
    font-weight: 750;
    opacity: 0.9;
}

.home-page__action-arrow[b-4ccml16t93] {
    display: grid;
    width: 38px;
    aspect-ratio: 1;
    border: 3px solid rgba(41, 37, 77, 0.72);
    border-radius: 50%;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.75);
    font-size: 1.4rem;
    font-weight: 1000;
    line-height: 1;
    place-items: center;
}

.home-page__status-strip[b-4ccml16t93] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    margin: 32px auto 0;
    padding: 12px 18px;
    border: 3px solid rgba(41, 37, 77, 0.13);
    border-radius: 18px;
    background: rgba(255, 250, 240, 0.88);
    box-shadow: 0 7px 0 rgba(47, 116, 164, 0.16);
    backdrop-filter: blur(6px);
}

.home-page__status-strip span[b-4ccml16t93] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--muted);
    font-size: 0.83rem;
    font-weight: 850;
}

.home-page__status-strip b[b-4ccml16t93] {
    display: grid;
    width: 24px;
    aspect-ratio: 1;
    border: 2px solid var(--ink);
    border-radius: 7px;
    color: var(--ink);
    background: var(--yellow);
    font-size: 0.7rem;
    place-items: center;
    transform: rotate(-3deg);
}

.home-page__status-strip i[b-4ccml16t93] {
    color: var(--purple);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 1000;
}

@media (max-width: 760px) {
    .home-page[b-4ccml16t93] {
        align-items: start;
        padding: 38px 18px 40px;
    }

    .home-page h1[b-4ccml16t93] {
        margin-top: 4px;
        font-size: clamp(2.85rem, 14.8vw, 4.4rem);
        line-height: 0.82;
        filter: drop-shadow(0 7px 0 var(--purple)) drop-shadow(0 11px 0 rgba(41, 37, 77, 0.18));
    }

    .home-page__intro[b-4ccml16t93] {
        margin-top: 25px;
        font-size: 0.96rem;
    }

    .home-page__actions[b-4ccml16t93] {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 27px;
    }

    .home-page__action[b-4ccml16t93] {
        grid-template-columns: 62px 1fr auto;
        min-height: 112px;
        padding: 18px;
        border-radius: 19px;
    }

    .home-page__action-icon[b-4ccml16t93] {
        width: 54px;
        border-radius: 14px;
    }

    .home-page__action-icon svg[b-4ccml16t93] {
        width: 32px;
    }

    .home-page__action-copy[b-4ccml16t93] {
        padding: 0 9px;
    }

    .home-page__action-text[b-4ccml16t93] {
        font-size: 0.83rem;
    }

    .home-page__status-strip[b-4ccml16t93] {
        gap: 7px 9px;
        margin-top: 28px;
        padding: 11px 13px;
    }

    .home-page__status-strip i[b-4ccml16t93] {
        display: none;
    }

    .home-page__status-strip span[b-4ccml16t93] {
        font-size: 0.76rem;
    }

}

@media (prefers-reduced-motion: reduce) {
    .home-page__action[b-4ccml16t93] {
        transition: none;
    }
}
/* /Modules/PagesModule/JoinLobbyPage.razor.rz.scp.css */
.join-lobby-page[b-ptp2ikl9zl] {
	position: relative;
	display: grid;
	min-height: 100svh;
	overflow: hidden;
	padding: 92px 24px 40px;
	color: var(--ink);
	isolation: isolate;
	place-items: center;
}

.join-lobby-page__back[b-ptp2ikl9zl] {
	position: absolute;
	z-index: 2;
	top: 28px;
	left: 32px;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 9px 14px 9px 10px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	background: rgba(255, 250, 240, 0.92);
	box-shadow: 0 5px 0 var(--blue), 0 8px 0 var(--ink);
	cursor: pointer;
	font-family: inherit;
	font-size: 0.88rem;
	font-weight: 900;
	text-decoration: none;
	transition: transform 140ms ease, box-shadow 140ms ease;
}

.join-lobby-page__back span[b-ptp2ikl9zl] {
	font-size: 1.15rem;
	line-height: 1;
}

.join-lobby-page__back:hover:not(:disabled)[b-ptp2ikl9zl] {
	transform: translateY(-2px) rotate(-1deg);
}

.join-lobby-page__back:active:not(:disabled)[b-ptp2ikl9zl] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--blue), 0 3px 0 var(--ink);
}

.join-lobby-page__back:focus-visible[b-ptp2ikl9zl] {
	outline: 5px solid var(--cream);
	outline-offset: 4px;
}

.join-lobby-page__back:disabled[b-ptp2ikl9zl] {
	cursor: wait;
	opacity: 0.72;
}

.join-lobby-page__card[b-ptp2ikl9zl] {
	position: relative;
	z-index: 1;
	width: min(100%, 590px);
	padding: 30px;
	border: 5px solid var(--ink);
	border-radius: 26px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 12px 0 var(--blue), 0 18px 0 var(--ink), 0 30px 45px rgba(41, 37, 77, 0.24);
	backdrop-filter: blur(6px);
	animation: join-lobby-card-in-b-ptp2ikl9zl 260ms ease-out both;
}

.join-lobby-page__step[b-ptp2ikl9zl] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 23px;
	color: var(--muted);
	font-size: 0.75rem;
	font-weight: 950;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.join-lobby-page__step b[b-ptp2ikl9zl] {
	padding: 5px 9px;
	border: 2px solid var(--ink);
	border-radius: 8px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 3px 0 rgba(41, 37, 77, 0.18);
	font-size: 0.67rem;
	letter-spacing: 0;
	transform: rotate(2deg);
}

.join-lobby-page__header[b-ptp2ikl9zl] {
	display: grid;
	grid-template-columns: 82px 1fr;
	align-items: center;
	gap: 18px;
}

.join-lobby-page__avatar[b-ptp2ikl9zl] {
	display: grid;
	width: 78px;
	aspect-ratio: 1;
	border: 4px solid var(--ink);
	border-radius: 20px;
	background: var(--blue);
	box-shadow: 0 7px 0 var(--blue-dark), 0 11px 0 var(--ink);
	place-items: center;
	transform: rotate(4deg);
}

.join-lobby-page__avatar svg[b-ptp2ikl9zl] {
	width: 48px;
	fill: var(--cream);
	filter: drop-shadow(0 3px 0 rgba(41, 37, 77, 0.25));
}

.join-lobby-page__header p[b-ptp2ikl9zl] {
	margin: 0 0 5px;
	color: var(--blue-dark);
	font-size: 0.72rem;
	font-weight: 950;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.join-lobby-page h1[b-ptp2ikl9zl] {
	margin: 0;
	color: var(--ink);
	font-size: clamp(2rem, 6vw, 2.85rem);
	font-weight: 1000;
	line-height: 0.95;
	letter-spacing: -0.045em;
	text-wrap: balance;
}

.join-lobby-page h1:focus[b-ptp2ikl9zl] {
	outline: none;
}

.join-lobby-page__intro[b-ptp2ikl9zl] {
	margin: 25px 0 23px;
	color: var(--muted);
	font-size: 0.98rem;
	font-weight: 700;
	line-height: 1.5;
}

.join-lobby-page__field + .join-lobby-page__field[b-ptp2ikl9zl] {
	margin-top: 18px;
}

.join-lobby-page__field label[b-ptp2ikl9zl] {
	display: block;
	margin-bottom: 9px;
	font-size: 0.84rem;
	font-weight: 950;
	letter-spacing: 0.03em;
}

.join-lobby-page[b-ptp2ikl9zl]  .join-lobby-page__input {
	width: 100%;
	padding: 15px 17px;
	border: 4px solid var(--ink);
	border-radius: 15px;
	outline: none;
	color: var(--ink);
	background: #ffffff;
	box-shadow: inset 0 -4px 0 rgba(77, 156, 255, 0.14), 0 5px 0 rgba(41, 37, 77, 0.16);
	font-size: 1.05rem;
	font-weight: 850;
	transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.join-lobby-page[b-ptp2ikl9zl]  .join-lobby-page__input--name {
	padding: 14px 17px;
	font-size: 1.5rem;
	font-weight: 1000;
	text-align: center;
	text-transform: uppercase;
}

.join-lobby-page[b-ptp2ikl9zl]  .join-lobby-page__input--code {
	padding: 14px 17px;
	font-size: 1.5rem;
	font-weight: 1000;
	letter-spacing: 0.18em;
	text-align: center;
	text-transform: uppercase;
}

.join-lobby-page[b-ptp2ikl9zl]  .join-lobby-page__input::placeholder {
	color: #aaa7be;
}

.join-lobby-page[b-ptp2ikl9zl]  .join-lobby-page__input--code::placeholder {
	letter-spacing: 0.18em;
}

.join-lobby-page[b-ptp2ikl9zl]  .join-lobby-page__input:focus {
	border-color: var(--blue);
	box-shadow: 0 0 0 4px rgba(77, 156, 255, 0.2), 0 6px 0 var(--ink);
	transform: translateY(-1px);
}

.join-lobby-page[b-ptp2ikl9zl]  .join-lobby-page__input.invalid {
	border-color: var(--coral-dark);
	box-shadow: 0 0 0 4px rgba(255, 92, 122, 0.16), 0 6px 0 var(--ink);
}

.join-lobby-page__field-info[b-ptp2ikl9zl] {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	min-height: 27px;
	padding: 7px 3px 0;
}

.join-lobby-page__field-info > span[b-ptp2ikl9zl] {
	color: var(--muted);
	font-size: 0.75rem;
	font-weight: 850;
}

.join-lobby-page__field-info[b-ptp2ikl9zl]  .validation-message {
	color: var(--coral-dark);
	font-size: 0.8rem;
	font-weight: 900;
}

.join-lobby-page__submit[b-ptp2ikl9zl] {
	display: grid;
	grid-template-columns: 54px 1fr auto;
	align-items: center;
	gap: 14px;
	width: 100%;
	margin-top: 24px;
	padding: 14px 16px;
	border: 4px solid var(--ink);
	border-radius: 17px;
	color: #ffffff;
	background: var(--blue);
	box-shadow: 0 8px 0 var(--blue-dark), 0 12px 0 var(--ink);
	cursor: pointer;
	text-align: left;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.join-lobby-page__submit:hover[b-ptp2ikl9zl] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-3px) rotate(0.25deg);
}

.join-lobby-page__submit:active[b-ptp2ikl9zl] {
	transform: translateY(7px);
	box-shadow: 0 1px 0 var(--blue-dark), 0 4px 0 var(--ink);
}

.join-lobby-page__submit:focus-visible[b-ptp2ikl9zl] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.join-lobby-page__submit-icon[b-ptp2ikl9zl] {
	display: grid;
	width: 50px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	background: var(--cream);
	box-shadow: 0 4px 0 rgba(41, 37, 77, 0.22);
	place-items: center;
	transform: rotate(3deg);
}

.join-lobby-page__submit-icon svg[b-ptp2ikl9zl] {
	width: 30px;
	fill: var(--ink);
}

.join-lobby-page__submit strong[b-ptp2ikl9zl],
.join-lobby-page__submit small[b-ptp2ikl9zl] {
	display: block;
}

.join-lobby-page__submit strong[b-ptp2ikl9zl] {
	font-size: 1.15rem;
	font-weight: 1000;
	text-shadow: 0 2px 0 rgba(41, 37, 77, 0.24);
}

.join-lobby-page__submit small[b-ptp2ikl9zl] {
	margin-top: 3px;
	font-size: 0.77rem;
	font-weight: 750;
	opacity: 0.9;
}

.join-lobby-page__submit > b[b-ptp2ikl9zl] {
	display: grid;
	width: 34px;
	aspect-ratio: 1;
	border: 3px solid rgba(41, 37, 77, 0.7);
	border-radius: 50%;
	color: var(--ink);
	background: rgba(255, 255, 255, 0.78);
	font-size: 1.2rem;
	place-items: center;
}

.join-lobby-page__request-error[b-ptp2ikl9zl] {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 11px;
	margin-top: 24px;
	padding: 13px 15px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	background: rgba(255, 226, 232, 0.96);
	box-shadow: 0 5px 0 var(--coral), 0 8px 0 var(--ink);
}

.join-lobby-page__request-error > span[b-ptp2ikl9zl] {
	display: grid;
	width: 28px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 50%;
	background: var(--coral);
	font-size: 1rem;
	font-weight: 1000;
	place-items: center;
}

.join-lobby-page__request-error > p[b-ptp2ikl9zl] {
	margin: 0;
	font-size: 0.86rem;
	font-weight: 850;
	line-height: 1.4;
}

@keyframes join-lobby-card-in-b-ptp2ikl9zl {
	from {
		opacity: 0;
		transform: translateY(18px) scale(0.96) rotate(0.5deg);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1) rotate(0);
	}
}

@media (max-width: 640px) {
	.join-lobby-page[b-ptp2ikl9zl] {
		align-items: start;
		padding: 82px 16px 40px;
	}

	.join-lobby-page__back[b-ptp2ikl9zl] {
		top: 19px;
		left: 18px;
	}

	.join-lobby-page__card[b-ptp2ikl9zl] {
		padding: 23px 20px 25px;
		border-width: 4px;
		border-radius: 21px;
		box-shadow: 0 9px 0 var(--blue), 0 14px 0 var(--ink), 0 24px 35px rgba(41, 37, 77, 0.22);
	}

	.join-lobby-page__header[b-ptp2ikl9zl] {
		grid-template-columns: 67px 1fr;
		gap: 15px;
	}

	.join-lobby-page__avatar[b-ptp2ikl9zl] {
		width: 64px;
		border-radius: 17px;
	}

	.join-lobby-page__avatar svg[b-ptp2ikl9zl] {
		width: 39px;
	}

	.join-lobby-page h1[b-ptp2ikl9zl] {
		font-size: clamp(1.75rem, 9vw, 2.25rem);
	}

	.join-lobby-page__intro[b-ptp2ikl9zl] {
		margin: 23px 0 20px;
		font-size: 0.9rem;
	}

	.join-lobby-page__submit[b-ptp2ikl9zl] {
		grid-template-columns: 48px 1fr auto;
		gap: 11px;
		padding: 13px;
	}

	.join-lobby-page__submit-icon[b-ptp2ikl9zl] {
		width: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.join-lobby-page__card[b-ptp2ikl9zl] {
		animation: none;
	}

	.join-lobby-page__back[b-ptp2ikl9zl],
	.join-lobby-page__input[b-ptp2ikl9zl],
	.join-lobby-page__submit[b-ptp2ikl9zl] {
		transition: none;
	}
}
/* /Modules/PagesModule/LobbyPage.razor.rz.scp.css */
.lobby-page[b-iqb9uczqkt] {
	--open-slot-neutral: #dfeeff;
	position: relative;
	min-height: 100svh;
	padding: 28px 32px 40px;
	color: var(--ink);
}

.lobby-page__topbar[b-iqb9uczqkt] {
	display: flex;
	position: relative;
	z-index: 50;
	align-items: center;
	justify-content: space-between;
	width: min(100%, 980px);
	margin: 0 auto 34px;
}

.lobby-page__topbar-actions[b-iqb9uczqkt] {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lobby-page__live[b-iqb9uczqkt] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 13px;
	border: 3px solid var(--ink);
	border-radius: 999px;
	background: rgba(255, 250, 240, 0.92);
	box-shadow: 0 4px 0 var(--ink);
	font-size: 0.74rem;
	font-weight: 950;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.lobby-page__live span[b-iqb9uczqkt] {
	width: 10px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 50%;
	background: var(--grass);
	box-shadow: 0 0 0 3px rgba(104, 223, 114, 0.28);
	animation: lobby-live-pulse-b-iqb9uczqkt 2.4s ease-in-out infinite;
}

.lobby-page__live--reconnecting[b-iqb9uczqkt] {
	background: rgba(255, 244, 194, 0.96);
}

.lobby-page__live--reconnecting span[b-iqb9uczqkt] {
	background: var(--yellow);
	animation-duration: 1.2s;
}

.lobby-page__exit[b-iqb9uczqkt] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 13px;
	border: 3px solid var(--ink);
	border-radius: 12px;
	color: var(--ink);
	background: var(--coral);
	box-shadow: 0 4px 0 var(--coral-dark), 0 7px 0 var(--ink);
	cursor: pointer;
	font-size: 0.74rem;
	font-weight: 950;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.lobby-page__exit span[b-iqb9uczqkt] {
	font-size: 1rem;
	line-height: 1;
}

.lobby-page__exit:hover[b-iqb9uczqkt] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.lobby-page__exit:active[b-iqb9uczqkt] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--coral-dark), 0 3px 0 var(--ink);
}

.lobby-page__exit:focus-visible[b-iqb9uczqkt] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.lobby-page__content[b-iqb9uczqkt] {
	position: relative;
	z-index: 1;
	width: min(100%, 980px);
	margin: 0 auto;
	animation: lobby-content-in-b-iqb9uczqkt 260ms ease-out both;
}

.lobby-page__hero[b-iqb9uczqkt] {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 28px;
	padding: 27px 29px;
	border: 5px solid var(--ink);
	border-radius: 25px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 10px 0 var(--purple), 0 16px 0 var(--ink), 0 27px 40px rgba(41, 37, 77, 0.2);
	backdrop-filter: blur(6px);
}

.lobby-page__hero p[b-iqb9uczqkt],
.lobby-page__section-heading p[b-iqb9uczqkt] {
	margin: 0 0 5px;
	color: var(--coral-dark);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.lobby-page__hero h1[b-iqb9uczqkt] {
	margin: 0;
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 1000;
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.lobby-page__hero > div:first-child > span[b-iqb9uczqkt] {
	display: block;
	max-width: 570px;
	margin-top: 12px;
	color: var(--muted);
	font-size: 0.9rem;
	font-weight: 750;
	line-height: 1.45;
}

.lobby-page__join-code[b-iqb9uczqkt] {
	min-width: 220px;
	padding: 16px 22px;
	border: 4px solid var(--ink);
	border-radius: 18px;
	background: var(--yellow);
	box-shadow: 0 7px 0 #e7a926, 0 11px 0 var(--ink);
	color: var(--ink);
	cursor: pointer;
	text-align: center;
	transform: rotate(1.5deg);
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.lobby-page__join-code:hover[b-iqb9uczqkt] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-3px) rotate(0.5deg);
}

.lobby-page__join-code:active[b-iqb9uczqkt] {
	transform: translateY(6px) rotate(1deg);
	box-shadow: 0 1px 0 #e7a926, 0 4px 0 var(--ink);
}

.lobby-page__join-code:focus-visible[b-iqb9uczqkt] {
	outline: 5px solid var(--coral);
	outline-offset: 4px;
}

.lobby-page__join-code small[b-iqb9uczqkt],
.lobby-page__join-code strong[b-iqb9uczqkt],
.lobby-page__join-code span[b-iqb9uczqkt] {
	display: block;
}

.lobby-page__join-code small[b-iqb9uczqkt] {
	font-size: 0.66rem;
	font-weight: 1000;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.lobby-page__join-code strong[b-iqb9uczqkt] {
	margin: 4px 0;
	font-size: clamp(1.9rem, 5vw, 2.65rem);
	font-weight: 1000;
	letter-spacing: 0.14em;
	line-height: 1;
}

.lobby-page__join-code--reopen strong[b-iqb9uczqkt] {
	font-size: clamp(1.2rem, 3vw, 1.65rem);
	letter-spacing: 0.04em;
	line-height: 1.15;
}

.lobby-page__join-code span[b-iqb9uczqkt] {
	font-size: 0.68rem;
	font-weight: 850;
}

.lobby-page__players[b-iqb9uczqkt] {
	position: relative;
	padding: 25px;
	border: 5px solid var(--ink);
	border-radius: 24px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 9px 0 var(--blue), 0 15px 0 var(--ink), 0 26px 40px rgba(41, 37, 77, 0.18);
	backdrop-filter: blur(6px);
	margin-top: 31px;
}

.lobby-page__section-heading[b-iqb9uczqkt] {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 18px;
}

.lobby-page__section-heading h2[b-iqb9uczqkt] {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 1000;
	letter-spacing: -0.025em;
}

.lobby-page__section-heading-summary[b-iqb9uczqkt] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.lobby-page__heading-stat[b-iqb9uczqkt] {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	padding: 7px 10px;
	border: 2px solid var(--ink);
	border-radius: 9px;
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.lobby-page__heading-stat strong[b-iqb9uczqkt] {
	font-size: 0.9rem;
	font-weight: 1000;
}

.lobby-page__heading-stat--players[b-iqb9uczqkt] {
	background: var(--blue);
}

.lobby-page__heading-stat--open[b-iqb9uczqkt] {
	background: var(--open-slot-neutral);
}

.lobby-page__heading-stat--total[b-iqb9uczqkt] {
	background: var(--yellow);
}

.lobby-page__slot-list[b-iqb9uczqkt] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lobby-page__slot[b-iqb9uczqkt] {
	display: grid;
	position: relative;
	grid-template-columns: 57px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	min-height: 88px;
	padding: 13px 14px;
	border: 3px solid var(--ink);
	border-radius: 17px;
	box-shadow: 0 5px 0 var(--ink);
}

.lobby-page__slot--connected[b-iqb9uczqkt] {
	background: #ffffff;
}

.lobby-page__slot--open[b-iqb9uczqkt] {
	border-style: dashed;
	background: #f4f4f7;
}

.lobby-page__slot--connecting[b-iqb9uczqkt] {
	background: #fff8d9;
}

.lobby-page__slot-number[b-iqb9uczqkt] {
	position: absolute;
	top: -10px;
	left: -8px;
	display: grid;
	width: 26px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 8px;
	background: var(--yellow);
	font-size: 0.72rem;
	font-weight: 1000;
	place-items: center;
	transform: rotate(-5deg);
}

.lobby-page__player-avatar[b-iqb9uczqkt] {
	display: grid;
	position: relative;
	width: 54px;
	aspect-ratio: 1;
	overflow: hidden;
	padding: 0;
	border: 3px solid var(--ink);
	border-radius: 15px;
	color: #ffffff;
	background: var(--purple);
	box-shadow: 0 4px 0 #6540be;
	font-size: 1.45rem;
	font-weight: 1000;
	place-items: center;
}

.lobby-page__player-avatar img[b-iqb9uczqkt] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lobby-page__player-avatar--selectable[b-iqb9uczqkt] {
	cursor: pointer;
	transition: filter 140ms ease, transform 140ms ease,
		box-shadow 140ms ease;
}

.lobby-page__player-avatar--selectable > span[b-iqb9uczqkt] {
	display: grid;
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 21px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 7px 0 0;
	color: var(--ink);
	background: var(--yellow);
	font-size: 0.68rem;
	line-height: 1;
	place-items: center;
}

.lobby-page__player-avatar--selectable:hover[b-iqb9uczqkt] {
	filter: saturate(1.1) brightness(1.04);
	transform: translateY(-2px) rotate(-2deg);
}

.lobby-page__player-avatar--selectable:active[b-iqb9uczqkt] {
	transform: translateY(3px);
	box-shadow: 0 1px 0 #6540be;
}

.lobby-page__player-avatar--selectable:focus-visible[b-iqb9uczqkt] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.lobby-page__player-avatar--selectable:disabled[b-iqb9uczqkt] {
	cursor: wait;
	filter: grayscale(0.25);
	opacity: 0.72;
	transform: none;
}

.lobby-page__player-avatar--open[b-iqb9uczqkt] {
	overflow: visible;
	color: var(--ink);
	background: var(--open-slot-neutral);
	box-shadow: 0 4px 0 #b8c9e2;
	font-size: 1.8rem;
}

.lobby-page__player-avatar--connecting[b-iqb9uczqkt] {
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 4px 0 #e7a926;
	animation: lobby-connecting-player-b-iqb9uczqkt 1.8s ease-in-out infinite;
}

.lobby-page__player-name[b-iqb9uczqkt] {
	min-width: 0;
}

.lobby-page__player-name > strong[b-iqb9uczqkt],
.lobby-page__player-name > span[b-iqb9uczqkt] {
	display: block;
}

.lobby-page__player-name > strong[b-iqb9uczqkt] {
	overflow: hidden;
	font-size: 0.98rem;
	font-weight: 1000;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lobby-page__player-name > span[b-iqb9uczqkt] {
	margin-top: 4px;
	color: var(--muted);
	font-size: 0.69rem;
	font-weight: 800;
}

.lobby-page__player-name b[b-iqb9uczqkt] {
	display: inline-block;
	margin-left: 5px;
	padding: 1px 5px;
	border-radius: 5px;
	color: var(--ink);
	background: #dfeeff;
	font-size: 0.58rem;
	text-transform: uppercase;
}

.lobby-page__player-name .lobby-page__player-ping[b-iqb9uczqkt] {
	background: #e8f8e2;
	text-transform: none;
	white-space: nowrap;
}

.lobby-page__slot-status[b-iqb9uczqkt],
.lobby-page__host-badge[b-iqb9uczqkt] {
	padding: 5px 8px;
	border: 2px solid var(--ink);
	border-radius: 8px;
	font-size: 0.63rem;
	font-weight: 1000;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.lobby-page__slot-status--open[b-iqb9uczqkt] {
	background: var(--open-slot-neutral);
}

.lobby-page__slot-status--connected[b-iqb9uczqkt] {
	background: var(--grass);
}

.lobby-page__slot-status--connecting[b-iqb9uczqkt] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: var(--yellow);
}

.lobby-page__slot-status--connecting span[b-iqb9uczqkt] {
	width: 8px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-right-color: transparent;
	border-radius: 50%;
	animation: lobby-reconnecting-spin-b-iqb9uczqkt 900ms linear infinite;
}

.lobby-page__host-badge[b-iqb9uczqkt] {
	background: var(--yellow);
	transform: rotate(2deg);
}

.lobby-page__slot-actions[b-iqb9uczqkt] {
	display: flex;
	align-items: center;
	gap: 7px;
}

.lobby-page__delete-slot[b-iqb9uczqkt] {
	display: grid;
	width: 31px;
	aspect-ratio: 1;
	padding: 0;
	border: 2px solid var(--ink);
	border-radius: 9px;
	color: #ffffff;
	background: var(--coral);
	box-shadow: 0 3px 0 var(--coral-dark), 0 5px 0 var(--ink);
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 1000;
	line-height: 1;
	place-items: center;
	transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
}

.lobby-page__delete-slot:hover[b-iqb9uczqkt] {
	filter: saturate(1.1) brightness(1.04);
	transform: translateY(-2px) rotate(2deg);
}

.lobby-page__delete-slot:active[b-iqb9uczqkt] {
	transform: translateY(3px);
	box-shadow: 0 1px 0 var(--coral-dark), 0 2px 0 var(--ink);
}

.lobby-page__delete-slot:focus-visible[b-iqb9uczqkt] {
	outline: 4px solid var(--yellow);
	outline-offset: 3px;
}

.lobby-page__delete-slot:disabled[b-iqb9uczqkt] {
	cursor: wait;
	filter: grayscale(0.35);
	opacity: 0.65;
}

.lobby-page__open-slot[b-iqb9uczqkt] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	width: 100%;
	margin-top: 20px;
	padding: 13px 18px;
	border: 4px solid var(--ink);
	border-radius: 16px;
	color: var(--ink);
	background: #f4f4f7;
	box-shadow: 0 7px 0 #d8d8df, 0 11px 0 var(--ink);
	cursor: pointer;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.lobby-page__open-slot span[b-iqb9uczqkt] {
	display: grid;
	width: 32px;
	aspect-ratio: 1;
	border: 3px solid var(--ink);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.72);
	font-size: 1.4rem;
	font-weight: 1000;
	line-height: 1;
	place-items: center;
}

.lobby-page__open-slot strong[b-iqb9uczqkt] {
	font-size: 0.98rem;
	font-weight: 1000;
}

.lobby-page__open-slot:hover[b-iqb9uczqkt] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.lobby-page__open-slot:active[b-iqb9uczqkt] {
	transform: translateY(6px);
	box-shadow: 0 1px 0 #d8d8df, 0 4px 0 var(--ink);
}

.lobby-page__open-slot:focus-visible[b-iqb9uczqkt] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.lobby-page__open-slot:disabled[b-iqb9uczqkt] {
	cursor: not-allowed;
	filter: grayscale(0.35);
	opacity: 0.72;
}

.lobby-page__battle-room-action[b-iqb9uczqkt] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 25px;
	margin-top: 31px;
	padding: 22px 25px;
	border: 4px solid var(--ink);
	border-radius: 20px;
	background: rgba(255, 250, 240, 0.96);
	box-shadow: 0 8px 0 var(--purple), 0 13px 0 var(--ink);
}

.lobby-page__battle-room-action p[b-iqb9uczqkt] {
	margin: 0 0 4px;
	color: var(--coral-dark);
	font-size: 0.68rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.lobby-page__battle-room-action h2[b-iqb9uczqkt] {
	margin: 0;
	font-size: 1.55rem;
	font-weight: 1000;
	letter-spacing: -0.025em;
}

.lobby-page__battle-room-action > div > span[b-iqb9uczqkt],
.lobby-page__battle-room-action small[b-iqb9uczqkt] {
	display: block;
	margin-top: 7px;
	color: var(--muted);
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.45;
}

.lobby-page__battle-room-action small[b-iqb9uczqkt] {
	color: var(--coral-dark);
}

.lobby-page__battle-room-action > button[b-iqb9uczqkt] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 225px;
	padding: 14px 18px;
	border: 4px solid var(--ink);
	border-radius: 15px;
	color: #ffffff;
	background: var(--purple);
	box-shadow: 0 6px 0 #6540be, 0 10px 0 var(--ink);
	cursor: pointer;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.lobby-page__battle-room-action > button strong[b-iqb9uczqkt] {
	font-size: 0.82rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.lobby-page__battle-room-action > button span[b-iqb9uczqkt] {
	display: grid;
	width: 29px;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 9px;
	color: var(--ink);
	background: var(--yellow);
	font-size: 1.1rem;
	font-weight: 1000;
	line-height: 1;
	place-items: center;
}

.lobby-page__battle-room-action > button:hover[b-iqb9uczqkt] {
	filter: saturate(1.08) brightness(1.05);
	transform: translateY(-2px);
}

.lobby-page__battle-room-action > button:active[b-iqb9uczqkt] {
	transform: translateY(5px);
	box-shadow: 0 1px 0 #6540be, 0 4px 0 var(--ink);
}

.lobby-page__battle-room-action > button:focus-visible[b-iqb9uczqkt] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.lobby-page__battle-room-action > button:disabled[b-iqb9uczqkt] {
	cursor: not-allowed;
	filter: grayscale(0.4);
	opacity: 0.65;
	transform: none;
}

.lobby-page__character-backdrop[b-iqb9uczqkt] {
	display: grid;
	position: fixed;
	z-index: 60;
	inset: 0;
	overflow-y: auto;
	padding: 22px;
	background: rgba(41, 37, 77, 0.65);
	backdrop-filter: blur(9px);
	overscroll-behavior: contain;
	place-items: center;
	touch-action: pan-y;
}

.lobby-page__character-dialog[b-iqb9uczqkt] {
	position: relative;
	width: min(100%, 620px);
	margin: auto;
	padding: 29px;
	border: 5px solid var(--ink);
	border-radius: 25px;
	background: #fffaf0;
	box-shadow: 0 10px 0 var(--purple), 0 16px 0 var(--ink),
		0 30px 60px rgba(18, 15, 45, 0.4);
	text-align: center;
	animation: lobby-character-dialog-in-b-iqb9uczqkt 180ms ease-out both;
}

.lobby-page__character-dialog > p[b-iqb9uczqkt] {
	margin: 0 0 5px;
	color: var(--coral-dark);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.lobby-page__character-dialog > h2[b-iqb9uczqkt] {
	margin: 0;
	font-size: clamp(1.75rem, 5vw, 2.35rem);
	font-weight: 1000;
	letter-spacing: -0.04em;
}

.lobby-page__character-dialog > span[b-iqb9uczqkt] {
	display: block;
	margin-top: 9px;
	color: var(--muted);
	font-size: 0.86rem;
	font-weight: 750;
}

.lobby-page__character-close[b-iqb9uczqkt] {
	display: grid;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 34px;
	aspect-ratio: 1;
	padding: 0;
	border: 3px solid var(--ink);
	border-radius: 10px;
	color: var(--ink);
	background: #ffffff;
	box-shadow: 0 3px 0 var(--ink);
	cursor: pointer;
	font-size: 1.35rem;
	font-weight: 1000;
	line-height: 1;
	place-items: center;
	transition: transform 120ms ease, box-shadow 120ms ease;
}

.lobby-page__character-close:hover[b-iqb9uczqkt] {
	transform: translateY(-2px) rotate(3deg);
}

.lobby-page__character-close:active[b-iqb9uczqkt] {
	transform: translateY(3px);
	box-shadow: none;
}

.lobby-page__character-close:focus-visible[b-iqb9uczqkt],
.lobby-page__character-option:focus-visible[b-iqb9uczqkt] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.lobby-page__character-grid[b-iqb9uczqkt] {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 13px;
	margin-top: 24px;
}

.lobby-page__character-option[b-iqb9uczqkt] {
	display: grid;
	position: relative;
	gap: 8px;
	min-width: 0;
	padding: 10px 10px 12px;
	border: 3px solid var(--ink);
	border-radius: 17px;
	color: var(--ink);
	background: #ffffff;
	box-shadow: 0 5px 0 var(--ink);
	cursor: pointer;
	place-items: center;
	transition: filter 140ms ease, transform 140ms ease,
		box-shadow 140ms ease;
}

.lobby-page__character-option img[b-iqb9uczqkt] {
	width: 100%;
	aspect-ratio: 1;
	border: 2px solid var(--ink);
	border-radius: 12px;
	background: #e9ddff;
	object-fit: cover;
}

.lobby-page__character-option strong[b-iqb9uczqkt] {
	overflow: hidden;
	width: 100%;
	font-size: 0.82rem;
	font-weight: 1000;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lobby-page__character-option > span[b-iqb9uczqkt] {
	position: absolute;
	top: 3px;
	right: 3px;
	padding: 4px 6px;
	border: 2px solid var(--ink);
	border-radius: 7px;
	background: var(--yellow);
	font-size: 0.57rem;
	font-weight: 1000;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transform: rotate(2deg);
}

.lobby-page__character-option:hover[b-iqb9uczqkt] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-3px) rotate(-1deg);
}

.lobby-page__character-option:active[b-iqb9uczqkt] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--ink);
}

.lobby-page__character-option--selected[b-iqb9uczqkt] {
	background: #eee5ff;
	box-shadow: 0 5px 0 var(--purple), 0 8px 0 var(--ink);
	transform: translateY(-2px);
}

.lobby-page__character-option:disabled[b-iqb9uczqkt],
.lobby-page__character-close:disabled[b-iqb9uczqkt] {
	cursor: wait;
	filter: grayscale(0.25);
	opacity: 0.7;
}

.lobby-page__leave-backdrop[b-iqb9uczqkt] {
	display: grid;
	position: fixed;
	z-index: 50;
	inset: 0;
	overflow-y: auto;
	padding: 22px;
	background: rgba(41, 37, 77, 0.62);
	backdrop-filter: blur(8px);
	overscroll-behavior: contain;
	place-items: center;
	touch-action: pan-y;
}

.lobby-page__leave-dialog[b-iqb9uczqkt] {
	width: min(100%, 470px);
	margin: auto;
	padding: 28px;
	border: 5px solid var(--ink);
	border-radius: 24px;
	background: #fffaf0;
	box-shadow: 0 10px 0 var(--coral), 0 16px 0 var(--ink), 0 28px 55px rgba(18, 15, 45, 0.38);
	text-align: center;
	animation: lobby-leave-dialog-in-b-iqb9uczqkt 180ms ease-out both;
}

.lobby-page__leave-icon[b-iqb9uczqkt] {
	display: grid;
	width: 64px;
	margin: 0 auto 17px;
	aspect-ratio: 1;
	border: 4px solid var(--ink);
	border-radius: 18px;
	color: #ffffff;
	background: var(--coral);
	box-shadow: 0 5px 0 var(--coral-dark), 0 9px 0 var(--ink);
	font-size: 2rem;
	font-weight: 1000;
	place-items: center;
	transform: rotate(-4deg);
}

.lobby-page__leave-dialog > p[b-iqb9uczqkt] {
	margin: 0 0 5px;
	color: var(--coral-dark);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.lobby-page__leave-dialog h2[b-iqb9uczqkt] {
	margin: 0;
	font-size: clamp(1.65rem, 5vw, 2.15rem);
	font-weight: 1000;
	letter-spacing: -0.035em;
}

.lobby-page__leave-dialog > span:not(.lobby-page__leave-icon)[b-iqb9uczqkt] {
	display: block;
	max-width: 370px;
	margin: 12px auto 0;
	color: var(--muted);
	font-size: 0.88rem;
	font-weight: 750;
	line-height: 1.5;
}

.lobby-page__leave-actions[b-iqb9uczqkt] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 24px;
}

.lobby-page__leave-actions button[b-iqb9uczqkt] {
	padding: 12px 15px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: 1000;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.lobby-page__leave-stay[b-iqb9uczqkt] {
	background: var(--grass);
	box-shadow: 0 5px 0 var(--grass-dark), 0 8px 0 var(--ink);
}

.lobby-page__leave-confirm[b-iqb9uczqkt] {
	background: var(--coral);
	box-shadow: 0 5px 0 var(--coral-dark), 0 8px 0 var(--ink);
}

.lobby-page__leave-actions button:hover[b-iqb9uczqkt] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.lobby-page__leave-actions button:active[b-iqb9uczqkt] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--ink);
}

.lobby-page__leave-actions button:focus-visible[b-iqb9uczqkt] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

@keyframes lobby-content-in-b-iqb9uczqkt {
	from {
		opacity: 0;
		transform: translateY(16px) scale(0.98);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes lobby-live-pulse-b-iqb9uczqkt {
	0%,
	100% {
		transform: scale(0.9);
	}

	50% {
		transform: scale(1.15);
	}
}

@keyframes lobby-reconnecting-spin-b-iqb9uczqkt {
	to {
		transform: rotate(360deg);
	}
}

@keyframes lobby-connecting-player-b-iqb9uczqkt {
	0%,
	100% {
		transform: scale(0.96);
	}

	50% {
		transform: scale(1.04);
	}
}

@keyframes lobby-leave-dialog-in-b-iqb9uczqkt {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.96);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes lobby-character-dialog-in-b-iqb9uczqkt {
	from {
		opacity: 0;
		transform: translateY(16px) scale(0.95) rotate(-1deg);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1) rotate(0);
	}
}

@media (max-width: 760px) {
	.lobby-page[b-iqb9uczqkt] {
		padding: 20px 16px 40px;
	}

	.lobby-page__topbar[b-iqb9uczqkt] {
		margin-bottom: 25px;
	}

	.lobby-page__live[b-iqb9uczqkt] {
		padding: 8px 10px;
		font-size: 0.65rem;
	}

	.lobby-page__exit[b-iqb9uczqkt] {
		padding: 8px 10px;
		font-size: 0.65rem;
	}

	.lobby-page__hero[b-iqb9uczqkt] {
		grid-template-columns: 1fr;
		padding: 23px 20px;
		text-align: center;
	}

	.lobby-page__join-code[b-iqb9uczqkt] {
		width: min(100%, 330px);
		margin: 0 auto;
	}

	.lobby-page__players[b-iqb9uczqkt] {
		padding: 21px 16px;
	}

	.lobby-page__slot-list[b-iqb9uczqkt] {
		grid-template-columns: 1fr;
	}

	.lobby-page__battle-room-action[b-iqb9uczqkt] {
		grid-template-columns: 1fr;
		padding: 21px 20px;
	}

	.lobby-page__battle-room-action > button[b-iqb9uczqkt] {
		width: 100%;
	}

	.lobby-page__leave-actions[b-iqb9uczqkt] {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 430px) {
	.lobby-page__live[b-iqb9uczqkt] {
		display: none;
	}

	.lobby-page__topbar-actions[b-iqb9uczqkt] {
		gap: 0;
	}

	.lobby-page__section-heading[b-iqb9uczqkt] {
		align-items: start;
		flex-direction: column;
	}

	.lobby-page__section-heading-summary[b-iqb9uczqkt] {
		align-self: stretch;
		justify-content: flex-end;
	}

	.lobby-page__slot[b-iqb9uczqkt] {
		grid-template-columns: 50px minmax(0, 1fr) auto;
		gap: 10px;
		padding: 12px 10px;
	}

	.lobby-page__player-avatar[b-iqb9uczqkt] {
		width: 48px;
	}

	.lobby-page__slot-status[b-iqb9uczqkt],
	.lobby-page__host-badge[b-iqb9uczqkt] {
		padding: 4px 6px;
		font-size: 0.58rem;
	}

	.lobby-page__slot-actions[b-iqb9uczqkt] {
		gap: 5px;
	}

	.lobby-page__delete-slot[b-iqb9uczqkt] {
		width: 28px;
	}

	.lobby-page__character-backdrop[b-iqb9uczqkt] {
		padding: 14px;
	}

	.lobby-page__character-dialog[b-iqb9uczqkt] {
		padding: 26px 16px 20px;
	}

	.lobby-page__character-grid[b-iqb9uczqkt] {
		gap: 9px;
	}

	.lobby-page__character-option[b-iqb9uczqkt] {
		padding: 7px 7px 9px;
	}

	.lobby-page__character-option strong[b-iqb9uczqkt] {
		font-size: 0.7rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lobby-page__content[b-iqb9uczqkt],
	.lobby-page__live span[b-iqb9uczqkt],
	.lobby-page__player-avatar--connecting[b-iqb9uczqkt],
	.lobby-page__slot-status--connecting span[b-iqb9uczqkt] {
		animation: none;
	}

	.lobby-page__leave-dialog[b-iqb9uczqkt],
	.lobby-page__character-dialog[b-iqb9uczqkt] {
		animation: none;
	}

	.lobby-page__open-slot[b-iqb9uczqkt],
	.lobby-page__battle-room-action > button[b-iqb9uczqkt],
	.lobby-page__exit[b-iqb9uczqkt],
	.lobby-page__delete-slot[b-iqb9uczqkt],
	.lobby-page__join-code[b-iqb9uczqkt],
	.lobby-page__leave-actions button[b-iqb9uczqkt],
	.lobby-page__player-avatar--selectable[b-iqb9uczqkt],
	.lobby-page__character-close[b-iqb9uczqkt],
	.lobby-page__character-option[b-iqb9uczqkt] {
		transition: none;
	}
}
/* /Modules/PagesModule/LobbySessionExitAction.razor.rz.scp.css */
.lobby-session-exit-action[b-sfkyeftp1u] {
	display: flex;
	align-items: center;
	gap: 12px;
	position: absolute;
	z-index: 10;
	top: 24px;
	left: max(32px, calc((100vw - 980px) / 2));
}

.lobby-session-exit-action--child-overlay-visible[b-sfkyeftp1u] {
	z-index: 110;
}

.lobby-session-exit-action > button[b-sfkyeftp1u] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 13px;
	border: 3px solid var(--ink);
	border-radius: 12px;
	color: var(--ink);
	background: var(--coral);
	box-shadow: 0 4px 0 var(--coral-dark), 0 7px 0 var(--ink);
	cursor: pointer;
	font-size: 0.74rem;
	font-weight: 950;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.lobby-session-exit-action > button:hover[b-sfkyeftp1u] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.lobby-session-exit-action > button:active[b-sfkyeftp1u] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--coral-dark), 0 3px 0 var(--ink);
}

.lobby-session-exit-action > button:focus-visible[b-sfkyeftp1u] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

.lobby-session-exit-action > button:disabled[b-sfkyeftp1u] {
	cursor: wait;
	filter: grayscale(0.35);
	opacity: 0.65;
	transform: none;
}

.lobby-session-exit-action__backdrop[b-sfkyeftp1u] {
	display: grid;
	position: fixed;
	z-index: 50;
	inset: 0;
	overflow-y: auto;
	padding: 22px;
	background: rgba(41, 37, 77, 0.62);
	backdrop-filter: blur(8px);
	overscroll-behavior: contain;
	place-items: center;
	touch-action: pan-y;
}

.lobby-session-exit-action__dialog[b-sfkyeftp1u] {
	width: min(100%, 470px);
	margin: auto;
	padding: 28px;
	border: 5px solid var(--ink);
	border-radius: 24px;
	background: #fffaf0;
	box-shadow: 0 10px 0 var(--coral), 0 16px 0 var(--ink), 0 28px 55px rgba(18, 15, 45, 0.38);
	text-align: center;
	animation: lobby-session-exit-dialog-in-b-sfkyeftp1u 180ms ease-out both;
}

.lobby-session-exit-action__icon[b-sfkyeftp1u] {
	display: grid;
	width: 64px;
	margin: 0 auto 17px;
	aspect-ratio: 1;
	border: 4px solid var(--ink);
	border-radius: 18px;
	color: #ffffff;
	background: var(--coral);
	box-shadow: 0 5px 0 var(--coral-dark), 0 9px 0 var(--ink);
	font-size: 2rem;
	font-weight: 1000;
	place-items: center;
	transform: rotate(-4deg);
}

.lobby-session-exit-action__dialog > p[b-sfkyeftp1u] {
	margin: 0 0 5px;
	color: var(--coral-dark);
	font-size: 0.7rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.lobby-session-exit-action__dialog h2[b-sfkyeftp1u] {
	margin: 0;
	font-size: clamp(1.65rem, 5vw, 2.15rem);
	font-weight: 1000;
	letter-spacing: -0.035em;
}

.lobby-session-exit-action__dialog > span:not(.lobby-session-exit-action__icon)[b-sfkyeftp1u] {
	display: block;
	max-width: 370px;
	margin: 12px auto 0;
	color: var(--muted);
	font-size: 0.88rem;
	font-weight: 750;
	line-height: 1.5;
}

.lobby-session-exit-action__buttons[b-sfkyeftp1u] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 24px;
}

.lobby-session-exit-action__buttons button[b-sfkyeftp1u] {
	padding: 12px 15px;
	border: 3px solid var(--ink);
	border-radius: 13px;
	color: var(--ink);
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: 1000;
	text-transform: uppercase;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.lobby-session-exit-action__stay[b-sfkyeftp1u] {
	background: var(--grass);
	box-shadow: 0 5px 0 var(--grass-dark), 0 8px 0 var(--ink);
}

.lobby-session-exit-action__confirm[b-sfkyeftp1u] {
	background: var(--coral);
	box-shadow: 0 5px 0 var(--coral-dark), 0 8px 0 var(--ink);
}

.lobby-session-exit-action__buttons button:hover[b-sfkyeftp1u] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.lobby-session-exit-action__buttons button:active[b-sfkyeftp1u] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 var(--ink);
}

.lobby-session-exit-action__buttons button:focus-visible[b-sfkyeftp1u] {
	outline: 5px solid var(--yellow);
	outline-offset: 4px;
}

@keyframes lobby-session-exit-dialog-in-b-sfkyeftp1u {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.96);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (max-width: 760px) {
	.lobby-session-exit-action[b-sfkyeftp1u] {
		top: 15px;
		left: 16px;
	}
}

@media (max-width: 600px) {
	.lobby-session-exit-action__buttons[b-sfkyeftp1u] {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lobby-session-exit-action > button[b-sfkyeftp1u],
	.lobby-session-exit-action__buttons button[b-sfkyeftp1u] {
		transition: none;
	}

	.lobby-session-exit-action__dialog[b-sfkyeftp1u] {
		animation: none;
	}
}
/* /Modules/PagesModule/NotFoundPage.razor.rz.scp.css */
.not-found-page[b-6raeg4fzj5] {
    display: grid;
    min-height: 100vh;
    place-content: center;
    padding: 32px;
    color: #ffffff;
    background: #11121f;
    text-align: center;
}

.not-found-page h1[b-6raeg4fzj5] {
    margin: 0;
    font-size: clamp(2.2rem, 8vw, 4.6rem);
    letter-spacing: 0;
}

.not-found-page p[b-6raeg4fzj5] {
    margin: 14px 0 0 0;
    color: #c9cee8;
}
/* /Modules/PagesModule/ReturnToLobbyAction.razor.rz.scp.css */
.return-to-lobby-action[b-sgey3rra4t] {
	display: grid;
	justify-items: center;
	gap: 8px;
	margin-top: 24px;
	padding: 20px;
	border: 3px solid var(--ink);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 6px 0 var(--ink);
	text-align: center;
}

.return-to-lobby-action > p[b-sgey3rra4t],
.return-to-lobby-action h2[b-sgey3rra4t] {
	margin: 0;
}

.return-to-lobby-action > .return-to-lobby-action__eyebrow[b-sgey3rra4t] {
	color: var(--purple);
	font-size: 0.68rem;
	font-weight: 1000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.return-to-lobby-action h2[b-sgey3rra4t] {
	font-size: 1.4rem;
	font-weight: 1000;
	letter-spacing: -0.025em;
}

.return-to-lobby-action > p:not(.return-to-lobby-action__eyebrow)[b-sgey3rra4t] {
	color: var(--muted);
	font-size: 0.8rem;
	font-weight: 750;
	line-height: 1.45;
}

.return-to-lobby-action > button[b-sgey3rra4t] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	margin-top: 8px;
	padding: 13px 18px;
	border: 4px solid var(--ink);
	border-radius: 15px;
	color: var(--ink);
	background: var(--yellow);
	box-shadow: 0 6px 0 #d6a900, 0 10px 0 var(--ink);
	cursor: pointer;
	transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.return-to-lobby-action > button strong[b-sgey3rra4t] {
	font-size: 0.82rem;
	font-weight: 1000;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.return-to-lobby-action > button span[b-sgey3rra4t] {
	font-size: 1.15rem;
	font-weight: 1000;
	line-height: 1;
}

.return-to-lobby-action > button:hover[b-sgey3rra4t] {
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
}

.return-to-lobby-action > button:active[b-sgey3rra4t] {
	transform: translateY(5px);
	box-shadow: 0 1px 0 #d6a900, 0 4px 0 var(--ink);
}

.return-to-lobby-action > button:focus-visible[b-sgey3rra4t] {
	outline: 5px solid var(--purple);
	outline-offset: 4px;
}

.return-to-lobby-action > button:disabled[b-sgey3rra4t] {
	cursor: wait;
	filter: grayscale(0.4);
	opacity: 0.65;
	transform: none;
}

.return-to-lobby-action--compact[b-sgey3rra4t] {
	display: block;
	position: absolute;
	z-index: 10;
	top: 24px;
	left: max(32px, calc((100vw - 980px) / 2));
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.return-to-lobby-action--compact > p[b-sgey3rra4t] {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.return-to-lobby-action--compact > button[b-sgey3rra4t] {
	width: auto;
	margin: 0;
	padding: 9px 13px;
	border-width: 3px;
	border-radius: 12px;
	box-shadow: 0 4px 0 #d6a900, 0 7px 0 var(--ink);
}

.return-to-lobby-action--compact > button:active[b-sgey3rra4t] {
	transform: translateY(4px);
	box-shadow: 0 1px 0 #d6a900, 0 3px 0 var(--ink);
}

@media (max-width: 760px) {
	.return-to-lobby-action--compact[b-sgey3rra4t] {
		top: 15px;
		left: 16px;
	}
}