.x6-game-lobby-body {
	--x6-bg: #0b0826;
	--x6-bg-deep: #07051a;
	--x6-panel: rgba(31, 23, 87, 0.88);
	--x6-panel-soft: rgba(76, 51, 139, 0.42);
	--x6-purple: #8c55e8;
	--x6-pink: #ee416f;
	--x6-gold: #ffd65c;
	--x6-orange: #f7a43d;
	--x6-text: #fff9e8;
	--x6-muted: #d9d0f5;
	--x6-border: rgba(255, 214, 92, 0.58);
	--x6-shadow: 0 18px 46px rgba(4, 2, 20, 0.46);
	background: var(--x6-bg-deep);
	color: var(--x6-text);
	margin: 0;
	overflow-x: hidden;
}

.x6-game-lobby-body #wpadminbar {
	position: fixed;
}

.x6-game-lobby {
	background:
		radial-gradient(circle at 13% 22%, rgba(252, 183, 80, 0.18), transparent 19%),
		radial-gradient(circle at 82% 13%, rgba(78, 103, 255, 0.27), transparent 23%),
		radial-gradient(circle at 50% 62%, rgba(201, 71, 208, 0.18), transparent 34%),
		linear-gradient(180deg, #100d35 0%, #15104a 48%, #0a0826 100%);
	min-height: 100vh;
	overflow: clip;
	position: relative;
}

.x6-game-lobby::before,
.x6-game-lobby::after {
	content: "";
	pointer-events: none;
	position: absolute;
}

.x6-game-lobby::before {
	background:
		linear-gradient(112deg, transparent 22%, rgba(255, 216, 92, 0.09) 24%, transparent 31%),
		linear-gradient(248deg, transparent 17%, rgba(91, 142, 255, 0.1) 19%, transparent 28%);
	inset: 0;
}

.x6-game-lobby::after {
	background: radial-gradient(circle, rgba(125, 88, 240, 0.38), transparent 68%);
	height: min(78vw, 950px);
	opacity: 0.1;
	right: -12vw;
	top: 90px;
	transform: rotate(-8deg);
	width: min(78vw, 950px);
}

.x6-game-lobby__wrap {
	margin-inline: auto;
	max-width: 1280px;
	padding-inline: clamp(12px, 2vw, 24px);
	position: relative;
	z-index: 1;
}

.x6-skip-link {
	background: #fff;
	border-radius: 8px;
	color: #160c3b;
	left: 12px;
	padding: 10px 14px;
	position: fixed;
	top: -80px;
	z-index: 99999;
}

.x6-skip-link:focus {
	top: 12px;
}

.x6-visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.x6-game-lobby__header {
	background: linear-gradient(180deg, rgba(12, 9, 41, 0.97), rgba(13, 10, 45, 0.85));
	border-bottom: 1px solid rgba(150, 111, 255, 0.22);
	box-shadow: 0 12px 35px rgba(2, 1, 16, 0.24);
	position: relative;
	z-index: 20;
}

.x6-game-lobby__header-inner {
	align-items: center;
	display: grid;
	gap: 24px;
	grid-template-columns: 180px minmax(0, 1fr) 180px;
	min-height: 102px;
}

.x6-brand {
	align-items: center;
	color: #fff;
	display: inline-flex;
	justify-self: start;
	text-decoration: none;
}

.x6-brand__logo {
	display: block;
	height: auto;
	max-height: 72px;
	object-fit: contain;
	width: clamp(130px, 14vw, 172px);
}

.x6-header-actions {
	align-items: center;
	display: flex;
	gap: clamp(12px, 2vw, 24px);
	grid-column: 2;
	justify-content: center;
}

.x6-pill {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 999px;
	box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.38), 0 5px 0 rgba(93, 31, 78, 0.38), 0 12px 25px rgba(0, 0, 0, 0.25);
	color: #fff;
	display: inline-flex;
	font-size: clamp(1rem, 1.45vw, 1.2rem);
	font-style: italic;
	font-weight: 900;
	justify-content: center;
	min-height: 50px;
	min-width: clamp(150px, 16vw, 190px);
	padding: 8px 24px;
	text-decoration: none;
	text-shadow: 0 2px 2px rgba(67, 18, 23, 0.42);
	user-select: none;
}

.x6-pill--login {
	background: linear-gradient(180deg, #f4c28b 0%, #c26a25 76%, #fbab3f 100%);
}

.x6-pill--register {
	background: linear-gradient(180deg, #f47d9c 0%, #b81d4a 76%, #ff425b 100%);
}

.x6-header-actions__forgot {
	color: #f1d9ff;
	font-size: 0.95rem;
	font-style: italic;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}

.x6-game-lobby__main {
	background: transparent;
	position: relative;
	z-index: 1;
}

.x6-game-lobby-body #main.x6-game-lobby__main {
	background-color: transparent;
}

.x6-lobby {
	padding-block: clamp(18px, 3vw, 36px) 18px;
	position: relative;
}

.x6-lobby__grid {
	align-items: start;
	display: grid;
	gap: clamp(14px, 2vw, 24px);
	grid-template-columns: 220px minmax(0, 1fr);
}

.x6-top-hu {
	background: linear-gradient(180deg, rgba(57, 44, 139, 0.95), rgba(31, 26, 93, 0.95));
	border: 2px solid var(--x6-border);
	border-radius: 28px;
	box-shadow: var(--x6-shadow), inset 0 0 30px rgba(131, 94, 232, 0.32);
	min-width: 0;
	padding: 8px 10px 16px;
	position: relative;
}

.x6-top-hu__hero {
	aspect-ratio: 1;
	border-radius: 22px;
	display: block;
	height: auto;
	margin: -8px auto 4px;
	object-fit: cover;
	width: 100%;
}

.x6-top-hu__levelbar {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 10px;
}

.x6-top-hu__levelbar button {
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: #b9b3dc;
	cursor: pointer;
	font-size: 0.76rem;
	font-weight: 900;
	min-height: 30px;
	padding: 0;
}

.x6-top-hu__levelbar button.is-active {
	background: linear-gradient(180deg, #f6bf55, #dd5f27);
	border-color: #ffe59d;
	box-shadow: 0 0 12px rgba(255, 201, 73, 0.28);
	color: #fff;
}

.x6-top-hu__list {
	display: grid;
	gap: 7px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.x6-top-hu__item {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: grid;
	gap: 7px;
	grid-template-columns: 36px 18px minmax(0, 1fr);
	min-width: 0;
	padding: 4px 2px 8px;
}

.x6-top-hu__item:last-child {
	border-bottom: 0;
}

.x6-top-hu__item img {
	border: 1px solid rgba(255, 221, 111, 0.78);
	border-radius: 50%;
	display: block;
	height: 36px;
	object-fit: cover;
	width: 36px;
}

.x6-top-hu__rank {
	color: #ffe27c;
	font-size: 0.78rem;
	font-weight: 900;
	text-align: center;
}

.x6-top-hu__meta {
	min-width: 0;
}

.x6-top-hu__meta strong,
.x6-top-hu__meta em {
	display: block;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.x6-top-hu__meta strong {
	color: #fff;
	font-size: 0.78rem;
	font-style: italic;
}

.x6-top-hu__meta em {
	color: #ffe85f;
	font-size: 0.78rem;
	font-style: normal;
	font-weight: 800;
	margin-top: 3px;
}

.x6-board {
	min-width: 0;
	padding-top: 3px;
}

.x6-tabs {
	display: flex;
	gap: clamp(8px, 1.4vw, 16px);
	justify-content: center;
	margin: 0 0 16px;
	overflow-x: auto;
	padding: 2px;
	scrollbar-width: none;
}

.x6-tabs::-webkit-scrollbar {
	display: none;
}

.x6-tabs__tab {
	background: linear-gradient(180deg, rgba(87, 62, 138, 0.6), rgba(48, 39, 102, 0.76));
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 999px;
	color: #c9c0e8;
	cursor: pointer;
	flex: 0 0 auto;
	font-size: clamp(0.75rem, 1.2vw, 0.92rem);
	font-weight: 900;
	min-height: 40px;
	min-width: clamp(110px, 13vw, 150px);
	padding: 6px 18px;
}

.x6-tabs__tab.is-active {
	background: linear-gradient(180deg, #7d294f, #552052);
	border-color: var(--x6-gold);
	box-shadow: inset 0 0 15px rgba(255, 104, 120, 0.24), 0 0 12px rgba(255, 210, 76, 0.12);
	color: #fff;
}

.x6-game-grid {
	display: grid;
	gap: clamp(8px, 1.2vw, 14px);
	grid-template-columns: repeat(5, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.x6-game-grid > li {
	min-width: 0;
}

.x6-game-grid > li[hidden] {
	display: none;
}

.x6-game-card {
	background: #2b185d;
	border: 2px solid rgba(188, 169, 255, 0.8);
	border-radius: clamp(14px, 1.5vw, 22px);
	box-shadow: 0 8px 19px rgba(3, 2, 22, 0.42), 0 0 13px rgba(103, 94, 255, 0.16);
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	transform: translateZ(0);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.x6-game-card img {
	aspect-ratio: 1;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.x6-notify {
	align-items: center;
	background: rgba(28, 18, 78, 0.82);
	border: 1px solid rgba(255, 205, 77, 0.28);
	border-radius: 999px;
	box-sizing: border-box;
	box-shadow: 0 9px 22px rgba(0, 0, 0, 0.22);
	display: grid;
	gap: 10px;
	grid-template-columns: auto minmax(0, 1fr);
	margin: 13px 0 0;
	min-height: 38px;
	overflow: hidden;
	padding: 0 14px 0 8px;
	width: 100%;
}

.x6-notify > strong {
	background: linear-gradient(180deg, #ff5e76, #b4184e);
	border-radius: 999px;
	color: #fff;
	font-size: 0.68rem;
	letter-spacing: 0.04em;
	padding: 5px 9px;
}

.x6-notify__viewport {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}

.x6-notify__viewport ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.x6-notify__viewport li {
	color: #f6efff;
	display: block;
	font-size: 0.78rem;
	font-weight: 700;
	height: 22px;
	line-height: 22px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.x6-notify__viewport li[hidden] {
	display: none;
}

.x6-dock {
	position: relative;
	z-index: 12;
}

.x6-dock--desktop {
	align-items: end;
	background: linear-gradient(180deg, rgba(48, 30, 102, 0.66), rgba(18, 12, 56, 0.92));
	border: 1px solid rgba(255, 207, 83, 0.2);
	border-radius: 24px;
	box-shadow: 0 16px 38px rgba(1, 0, 18, 0.36);
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(112px, 1.4fr) repeat(4, minmax(0, 1fr));
	margin-bottom: 28px;
	padding-block: 10px 7px;
}

.x6-dock__item {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 12px;
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 3px;
	justify-content: flex-end;
	min-width: 0;
	padding: 2px;
	text-decoration: none;
}

.x6-dock__item img {
	border-radius: 18px;
	display: block;
	height: clamp(50px, 5.1vw, 67px);
	object-fit: cover;
	width: clamp(50px, 5.1vw, 67px);
}

.x6-dock__item span {
	font-size: clamp(0.62rem, 0.78vw, 0.75rem);
	font-weight: 900;
	line-height: 1.15;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.x6-dock__center {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-block: -34px -2px;
	text-decoration: none;
}

.x6-dock__center-ring {
	background: #5b2c86;
	border: 3px solid #ffd355;
	border-radius: 50%;
	box-shadow: 0 0 24px rgba(255, 211, 85, 0.36), 0 10px 24px rgba(0, 0, 0, 0.34);
	display: block;
	height: clamp(100px, 10vw, 128px);
	overflow: hidden;
	width: clamp(100px, 10vw, 128px);
}

.x6-dock__center-ring img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.x6-home-block {
	padding-bottom: clamp(28px, 4vw, 48px);
}

.x6-home-block__scroll {
	-webkit-overflow-scrolling: touch;
	background: linear-gradient(180deg, rgba(33, 25, 84, 0.9), rgba(20, 15, 61, 0.92));
	border: 1px solid rgba(190, 164, 255, 0.2);
	border-radius: 20px;
	box-shadow: var(--x6-shadow);
	contain: layout paint;
	isolation: isolate;
	max-height: clamp(520px, 72vh, 760px);
	overscroll-behavior: contain;
	overflow: auto;
	padding: clamp(20px, 3vw, 36px);
	scroll-behavior: auto;
	scrollbar-color: rgba(255, 214, 92, 0.72) rgba(255, 255, 255, 0.08);
	scrollbar-width: thin;
	will-change: scroll-position;
}

.x6-home-block__scroll figure.wp-caption {
	contain-intrinsic-size: auto 430px;
	content-visibility: auto;
}

.x6-home-block__scroll :is(h1, h2, h3, h4, h5, h6),
.x6-home-block__scroll :is(h1, h2, h3, h4, h5, h6) > span {
	color: #ffae35;
	text-shadow: 0 2px 14px rgba(255, 132, 35, 0.18);
}

.x6-home-block__scroll h1,
.x6-home-block__scroll h1 > span {
	color: #ffad35;
}

.x6-home-block__scroll h1 > .section-title-main {
	color: #ffad35 !important;
}

.x6-home-block__scroll :is(p, li, blockquote, td, th) {
	color: #f7f3ff;
}

.x6-home-block__scroll :is(p, li, blockquote, td, th) :is(strong, b) {
	color: #fff;
}

.x6-home-block__scroll a {
	color: #ffd65c;
	text-decoration-color: rgba(255, 214, 92, 0.55);
	text-underline-offset: 3px;
}

.x6-home-block__scroll a:hover {
	color: #ffb23e;
}

.x6-home-block__scroll a:focus-visible {
	border-radius: 3px;
	outline: 2px solid #ffd65c;
	outline-offset: 3px;
}

.x6-home-block__scroll .section-title b {
	background-color: rgba(255, 174, 53, 0.42);
}

.x6-home-block__scroll:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.x6-game-lobby__footer {
	--x6-gold: #ffd65c;
	--x6-muted: #d9d0f5;
	--x6-text: #fff9e8;
	background: linear-gradient(180deg, #100b35, #08061f);
	border-top: 1px solid rgba(255, 255, 255, 0.07);
	color: var(--x6-text);
	padding-block: 0;
	position: relative;
	z-index: 1;
}

.x6-footer-block {
	background:
		radial-gradient(circle at 18% 10%, rgba(133, 79, 224, 0.2), transparent 34%),
		linear-gradient(180deg, #171047, #0c082a);
	border-bottom: 1px solid rgba(255, 214, 92, 0.16);
	padding-block: clamp(24px, 4vw, 44px);
}

.x6-footer-block .section.dark {
	background:
		radial-gradient(circle at 82% 14%, rgba(82, 106, 255, 0.18), transparent 28%),
		linear-gradient(135deg, #24165d, #130d3e);
	border-block: 1px solid rgba(255, 214, 92, 0.18);
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	width: 100%;
}

.x6-footer-block :is(h1, h2, h3, h4, h5, h6) {
	color: var(--x6-gold);
}

.x6-footer-block :is(p, li) {
	color: var(--x6-muted);
}

.x6-footer-block a {
	color: #fff;
}

.x6-footer-block a:hover {
	color: var(--x6-gold);
}

.x6-footer-block img[alt="Logo 98WIN"] {
	display: block;
	height: auto;
	max-width: 200px;
	object-fit: contain;
	width: 100%;
}

.x6-footer-flatsome .absolute-footer {
	background: rgba(0, 0, 0, 0.24);
	color: var(--x6-muted);
}

@media (min-width: 850px) {
	body:not(.x6-game-lobby-body) #header .header-inner.container {
		max-width: 1280px;
	}

	body:not(.x6-game-lobby-body) #header .header-nav-main.nav-left {
		flex-wrap: nowrap;
	}

	body:not(.x6-game-lobby-body) #header .header-nav-main.nav-left > li > a {
		white-space: nowrap;
	}
}

@media (min-width: 850px) and (max-width: 1100px) {
	body:not(.x6-game-lobby-body) #header #logo {
		margin-right: 14px;
		width: 140px;
	}

	body:not(.x6-game-lobby-body) #header .header-search {
		display: none;
	}

	body:not(.x6-game-lobby-body) #header .header-nav-main.nav-left > li {
		margin-inline: 2px;
	}

	body:not(.x6-game-lobby-body) #header .header-nav-main.nav-left > li > a {
		font-size: 0.7rem;
	}

	body:not(.x6-game-lobby-body) #header .header-nav-main .ux-menu-icon {
		height: 24px;
		margin-right: 3px;
		width: 24px;
	}
}

.x6-dock--mobile {
	display: none;
}

.x6-mobile-more[hidden] {
	display: none;
}

.x6-tabs__tab:focus-visible,
.x6-top-hu__levelbar button:focus-visible,
.x6-game-card:focus-visible,
.x6-pill:focus-visible,
.x6-header-actions__forgot:focus-visible,
.x6-dock__item:focus-visible,
.x6-dock__center:focus-visible,
.x6-mobile-more a:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.x6-game-card:active,
.x6-pill:active,
.x6-dock__item:active {
	transform: translateY(1px);
}

@media (hover: hover) and (pointer: fine) {
	.x6-game-card:hover {
		border-color: #ffe173;
		box-shadow: 0 12px 26px rgba(3, 2, 22, 0.5), 0 0 18px rgba(255, 213, 82, 0.28);
		transform: scale(1.025);
	}

	.x6-dock__item:hover {
		color: #ffe173;
	}
}

@media (max-width: 1200px) {
	.x6-lobby__grid {
		grid-template-columns: 1fr;
	}

	.x6-top-hu {
		display: grid;
		gap: 8px 12px;
		grid-template-columns: 150px minmax(0, 1fr);
		padding: 10px 12px;
	}

	.x6-top-hu__hero {
		grid-row: 1 / 3;
		margin: 0;
		width: 150px;
	}

	.x6-top-hu__levelbar {
		margin: 0;
	}

	.x6-top-hu__list {
		display: grid;
		gap: 5px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.x6-top-hu__item {
		border: 0;
		grid-template-columns: 31px minmax(0, 1fr);
		padding: 3px;
	}

	.x6-top-hu__item img {
		height: 31px;
		width: 31px;
	}

	.x6-top-hu__rank {
		display: none;
	}

	.x6-game-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	.x6-game-lobby {
		padding-bottom: calc(92px + env(safe-area-inset-bottom));
	}

	.x6-game-lobby__header-inner {
		grid-template-columns: 110px minmax(0, 1fr);
		min-height: 92px;
	}

	.x6-header-actions {
		grid-column: 2;
		gap: 9px;
		justify-content: flex-end;
	}

	.x6-pill {
		min-width: 128px;
		padding-inline: 16px;
	}

	.x6-header-actions__forgot {
		font-size: 0.8rem;
	}

	.x6-game-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.x6-dock--desktop {
		display: none;
	}

	.x6-dock--mobile {
		align-items: end;
		background: rgba(13, 9, 43, 0.97);
		border-top: 1px solid rgba(255, 213, 82, 0.32);
		bottom: 0;
		box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.38);
		display: grid;
		gap: 4px;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		left: 0;
		padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
		position: fixed;
		right: 0;
		z-index: 1000;
	}

	.x6-dock--mobile .x6-dock__item {
		cursor: pointer;
		min-height: 60px;
	}

	.x6-dock--mobile .x6-dock__item img {
		height: 39px;
		width: 39px;
	}

	.x6-dock--mobile .x6-dock__item span {
		font-size: 0.75rem;
		white-space: normal;
	}

	.x6-dock__center--mobile {
		margin: -23px 0 0;
	}

	.x6-dock__center--mobile .x6-dock__center-ring {
		height: 68px;
		width: 68px;
	}

	.x6-mobile-more {
		background: rgba(20, 13, 58, 0.99);
		border: 1px solid rgba(255, 213, 82, 0.36);
		border-radius: 16px;
		bottom: calc(100% + 10px);
		box-shadow: 0 18px 36px rgba(0, 0, 0, 0.44);
		display: grid;
		gap: 6px;
		padding: 10px;
		position: absolute;
		right: 8px;
		width: min(250px, calc(100vw - 16px));
	}

.x6-mobile-more a,
.x6-mobile-more > span {
	background: rgba(255, 255, 255, 0.07);
	border-radius: 9px;
	color: #fff;
	display: block;
	font-weight: 800;
	padding: 10px 12px;
	text-decoration: none;
}

	.x6-seo__columns {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.x6-game-lobby__header-inner {
		display: flex;
		flex-direction: column;
		gap: 9px;
		min-height: 0;
		padding-block: 10px 12px;
	}

	.x6-brand__logo {
		max-height: 54px;
		width: 132px;
	}

	.x6-header-actions {
		gap: 7px;
		justify-content: center;
		width: 100%;
	}

	.x6-pill {
		font-size: 0.88rem;
		min-height: 44px;
		min-width: 0;
		padding-inline: 18px;
	}

	.x6-header-actions__forgot {
		font-size: 0.73rem;
	}

	.x6-lobby {
		padding-top: 14px;
	}

	.x6-top-hu {
		grid-template-columns: 104px minmax(0, 1fr);
	}

	.x6-top-hu__hero {
		height: 104px;
		width: 104px;
	}

	.x6-top-hu__list {
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.x6-top-hu__item {
		flex: 0 0 126px;
	}

	.x6-top-hu__meta strong,
	.x6-top-hu__meta em {
		font-size: 0.68rem;
	}

	.x6-tabs {
		justify-content: flex-start;
		margin-bottom: 11px;
	}

	.x6-tabs__tab {
		min-height: 44px;
		min-width: 105px;
		padding-inline: 14px;
	}

}

@media (max-width: 430px) {
	.x6-game-lobby__wrap {
		padding-inline: 9px;
	}

	.x6-header-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.x6-header-actions__forgot {
		grid-column: 1 / -1;
		text-align: center;
	}

	.x6-pill {
		padding-inline: 12px;
	}

	.x6-top-hu {
		grid-template-columns: 86px minmax(0, 1fr);
		padding: 8px;
	}

	.x6-top-hu__hero {
		height: 86px;
		width: 86px;
	}

	.x6-top-hu__levelbar {
		gap: 3px;
	}

	.x6-top-hu__levelbar button {
		font-size: 0.68rem;
		min-height: 28px;
	}

	.x6-game-grid {
		gap: 7px;
	}

	.x6-game-card {
		border-width: 1px;
		border-radius: 13px;
	}

	.x6-notify {
		padding-right: 9px;
	}

	.x6-notify__viewport li {
		font-size: 0.68rem;
	}

	.x6-dock--mobile .x6-dock__item span {
		font-size: 0.75rem;
	}
}

@media (max-width: 340px) {
	.x6-game-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.x6-game-card {
		scroll-behavior: auto;
		transition: none;
	}
}