/**
 * 10xWin — non-lottery gaming UI only.
 * Lottery blocks are excluded via :not(:has(.lottery_container)) and by not targeting lottery routes.
 * Goal: at most two game tiles per row everywhere below (bundled CSS often uses repeat(3, 1fr)).
 */

/* --- Popular / Hot (#app bumps specificity over page-home) --- */
#app .hot_container[data-v-d06787cb] .platform .list[data-v-d06787cb],
#app .hot_container[data-v-d06787cb] .popular .list[data-v-d06787cb] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-gap: 0.26rem 0.22rem !important;
}

#app .hot_container[data-v-d06787cb] .platform .list > div[data-v-d06787cb],
#app .hot_container[data-v-d06787cb] .popular .list > div[data-v-d06787cb] {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
}

#app .hot_container[data-v-d06787cb] .platform .list .item[data-v-d06787cb],
#app .hot_container[data-v-d06787cb] .popular .list .item[data-v-d06787cb] {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

#app .hot_container[data-v-d06787cb] .pupularAll .list[data-v-d06787cb] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Loading skeleton (popular) — two columns to match real grid */
#app .skeleton_hot .hot_list[data-v-df3cc798] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#app .skeleton_hot .hot_list div[data-v-df3cc798] {
	width: 100% !important;
	max-width: none !important;
}

/* Game-rec strip inside GameListGrid — force two columns */
#app .gameListGrid__container-wrapper[data-v-df3cc798] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#app .gameListGrid__container-wrapper__item[data-v-df3cc798],
#app .gameListGrid__container-wrapper__item.hot[data-v-df3cc798] {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	aspect-ratio: 1;
}

/* Slot award tiles (non-lottery game picks) — two per row */
#app .slot_list .awardbox .list[data-v-dbfeadbc] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* --- Category panels: each GameList block (except lottery) --- */
.gamesList__container[data-v-e4c17073]:not(:has(.lottery_container)) {
	padding: 0.28rem 0.32rem 0.36rem !important;
	margin-bottom: 0.32rem;
	background: linear-gradient(165deg, rgba(12, 16, 28, 0.92) 0%, rgba(6, 8, 16, 0.88) 100%);
	border: 1px solid rgba(0, 245, 212, 0.12);
	border-radius: 0.36rem;
	box-shadow:
		0 0.16rem 0.48rem rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gamesList__container[data-v-e4c17073]:not(:has(.lottery_container)) .gamesList__container-title[data-v-e4c17073] {
	margin-top: 0.2rem !important;
	margin-bottom: 0.28rem !important;
	padding: 0.22rem 0.32rem;
	display: flex !important;
	align-items: center;
	gap: 0.2rem;
	font-size: 0.38rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #e6fff8 !important;
	background: linear-gradient(90deg, rgba(0, 245, 212, 0.14) 0%, rgba(0, 245, 212, 0) 72%);
	border-radius: 0.2rem;
	border-left: 0.12rem solid #00f5d4;
	box-shadow: none;
}

.gamesList__container[data-v-e4c17073]:not(:has(.lottery_container)) .gamesList__container-title[data-v-e4c17073]::before {
	display: none !important;
}

/* Legacy AllGames list (if present): two tiles per row, not lottery */
#app .gamesList__container[data-v-e4c17073]:not(:has(.lottery_container)) .gamesList__container-list[data-v-e4c17073] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0.44rem !important;
	justify-items: stretch !important;
}

.gamesList__container[data-v-e4c17073]:not(:has(.lottery_container)) .gamesList__container-list__item[data-v-e4c17073] {
	width: 100% !important;
	min-height: 3.2rem;
	border-radius: 0.24rem !important;
	background: linear-gradient(160deg, #121722 0%, #0b0f17 100%) !important;
	border: 1px solid rgba(118, 136, 168, 0.28) !important;
	box-shadow:
		0 0.12rem 0.28rem rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
	transition: transform 0.24s ease, filter 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease !important;
}

.gamesList__container[data-v-e4c17073]:not(:has(.lottery_container)) .gamesList__container-list__item[data-v-e4c17073]:hover {
	transform: translateY(-0.04rem);
	filter: brightness(1.03);
	border-color: rgba(150, 173, 210, 0.4) !important;
	box-shadow:
		0 0.16rem 0.34rem rgba(0, 0, 0, 0.38),
		0 0 0.2rem rgba(107, 132, 171, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* --- Popular / Hot: visual card style (grid columns set above with #app) --- */
.hot_container[data-v-d06787cb] .platform .list .item[data-v-d06787cb],
.hot_container[data-v-d06787cb] .popular .list .item[data-v-d06787cb] {
	height: auto !important;
	aspect-ratio: 1;
	min-height: 2.35rem;
	background: linear-gradient(148deg, #161f36 0%, #0b101c 100%) !important;
	border: 1px solid rgba(0, 245, 212, 0.22) !important;
	border-radius: 0.28rem !important;
	box-shadow:
		0 0.12rem 0.36rem rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.hot_container[data-v-d06787cb] .platform .list .item img[data-v-d06787cb],
.hot_container[data-v-d06787cb] .popular .list .item img[data-v-d06787cb] {
	width: 88% !important;
	height: 88% !important;
	max-width: 2.05rem;
	max-height: 2.05rem;
	border-radius: 0.2rem !important;
}

/* --- Slots (vendor strip): two thumbnails per row --- */
#app .slot_list[data-v-1b7d97f8] .slot_item .slot_img_box[data-v-1b7d97f8] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0.22rem !important;
}

.slot_list[data-v-1b7d97f8] .slot_item .slot_img_box img[data-v-1b7d97f8] {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border-radius: 0.22rem !important;
	border: 1px solid rgba(0, 245, 212, 0.15);
	box-shadow: 0 0.08rem 0.22rem rgba(0, 0, 0, 0.35);
}

.slot_list[data-v-1b7d97f8] .slot_item .slot_title[data-v-1b7d97f8] {
	color: #e8fff7 !important;
}

.slot_list[data-v-1b7d97f8] .slot_item .all_slot[data-v-1b7d97f8] {
	background: linear-gradient(90deg, #00c9a7, #00f5d4) !important;
	color: #051018 !important;
	font-weight: 700 !important;
	border: none !important;
	box-shadow: 0 0.12rem 0.32rem rgba(0, 245, 212, 0.35) !important;
}

/* --- Electronic grid (home slot providers): card refresh --- */
#app .onlineGamesItem__container[data-v-54337c48] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0.22rem !important;
}

.onlineGamesItem__container .item[data-v-54337c48] {
	width: 100% !important;
	height: auto !important;
	min-height: 3.8rem;
	background: linear-gradient(155deg, #151d32 0%, #080c14 100%) !important;
	border: 1px solid rgba(0, 245, 212, 0.2) !important;
	border-radius: 0.28rem !important;
	box-shadow: 0 0.12rem 0.32rem rgba(0, 0, 0, 0.4) !important;
}

.onlineGamesItem__container .item .gameImg[data-v-54337c48] {
	width: 100% !important;
	height: 100% !important;
	min-height: 3.6rem;
	border-radius: 0.24rem !important;
	object-fit: cover;
}

#app .onlineGamesItem__container.allGame[data-v-54337c48] {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.onlineGamesItem__container.allGame .item[data-v-54337c48],
.onlineGamesItem__container.allGame .item .gameImg[data-v-54337c48] {
	width: 100% !important;
}

/* --- Sport / Live / Chess --- */
#app .otherGame[data-v-df3cc798] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0.22rem !important;
}

/* --- Mini games (fish / flash in GameList) --- */
#app .minGame_container[data-v-860d7030] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0.22rem !important;
}

#app .minGame_container.all_game[data-v-860d7030] {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.onlineGamesItem[data-v-860d7030] {
	width: 100% !important;
	background: linear-gradient(150deg, #141b2c 0%, #090d14 100%) !important;
	border: 1px solid rgba(0, 245, 212, 0.18) !important;
	box-shadow: 0 0.1rem 0.26rem rgba(0, 0, 0, 0.38) !important;
}

/* --- Public3Home fish strip --- */
#app .fish_game[data-v-50e7ebdb] .fish_list[data-v-50e7ebdb] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0.24rem !important;
}

.fish_game[data-v-50e7ebdb] .fish_list .gameImg[data-v-50e7ebdb] {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 0.24rem !important;
	border: 1px solid rgba(0, 245, 212, 0.16);
}

/* --- Flash originals: two per row --- */
#app .GameContainer_games[data-v-3490866d] {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	gap: 0.22rem !important;
}

#app .GameContainer_games > img[data-v-3490866d] {
	width: calc((100% - 0.22rem) / 2) !important;
	border-radius: 0.22rem !important;
	border: 1px solid rgba(0, 245, 212, 0.14);
	box-sizing: border-box !important;
}

/* --- All online games (slot lobby) — two per row; not lottery --- */
#app .onlineGames__container-list[data-v-0ffc3892] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-gap: 0.2rem 0.22rem !important;
}

#app .onlineGames__container-list.miniGames[data-v-0ffc3892] {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.onlineGames__container-list__item[data-v-0ffc3892] {
	border-radius: 0.22rem !important;
	background: linear-gradient(160deg, rgba(18, 26, 42, 0.95), rgba(8, 11, 20, 0.98)) !important;
	border: 1px solid rgba(0, 245, 212, 0.14) !important;
	box-shadow: 0 0.1rem 0.26rem rgba(0, 0, 0, 0.35) !important;
}

/* ---------- Public3Home — glass tiles + horizontal 3D rotation (see glass-tiles.js) ---------- */
#app .picContainer[data-v-164dafb9] > img[data-v-164dafb9],
#app .picContainer[data-v-164dafb9] > .tw-glass-tile {
	width: calc((100% - 0.16rem) / 2) !important;
	box-sizing: border-box !important;
}

#app .picContainer[data-v-5d47e2fb] > img[data-v-5d47e2fb],
#app .picContainer[data-v-5d47e2fb] > .b[data-v-5d47e2fb],
#app .picContainer[data-v-5d47e2fb] > .tw-glass-tile {
	width: calc((100% - 0.16rem) / 2) !important;
	box-sizing: border-box !important;
}

#app .picContainer[data-v-d64223be] > img[data-v-d64223be],
#app .picContainer[data-v-d64223be] > .b[data-v-d64223be],
#app .picContainer[data-v-d64223be] > .tw-glass-tile {
	width: calc((100% - 0.16rem) / 2) !important;
	box-sizing: border-box !important;
}

#app .picContainer[data-v-b3f20c24] > img[data-v-b3f20c24],
#app .picContainer[data-v-b3f20c24] > .b[data-v-b3f20c24],
#app .picContainer[data-v-b3f20c24] > .tw-glass-tile {
	width: calc((100% - 0.16rem) / 2) !important;
	box-sizing: border-box !important;
}

#app .picContainer[data-v-d7f5555c] > img[data-v-d7f5555c],
#app .picContainer[data-v-d7f5555c] > .tw-glass-tile {
	width: calc((100% - 0.16rem) / 2) !important;
	box-sizing: border-box !important;
}

#app .picContainer[data-v-e8fe3310] > img[data-v-e8fe3310],
#app .picContainer[data-v-e8fe3310] > .tw-glass-tile {
	width: calc((100% - 0.16rem) / 2) !important;
	box-sizing: border-box !important;
}

#app .picContainer[data-v-0cf8f805] > img[data-v-0cf8f805],
#app .picContainer[data-v-0cf8f805] > .tw-glass-tile {
	width: calc((100% - 0.16rem) / 2) !important;
	box-sizing: border-box !important;
}

#app .picContainer[data-v-164dafb9],
#app .picContainer[data-v-5d47e2fb],
#app .picContainer[data-v-d64223be],
#app .picContainer[data-v-b3f20c24],
#app .picContainer[data-v-d7f5555c],
#app .picContainer[data-v-e8fe3310],
#app .picContainer[data-v-0cf8f805] {
	perspective: 960px;
	perspective-origin: 50% 50%;
}

/* Direct tiles before / without glass wrapper */
#app .picContainer[data-v-164dafb9] > img[data-v-164dafb9],
#app .picContainer[data-v-d7f5555c] > img[data-v-d7f5555c],
#app .picContainer[data-v-e8fe3310] > img[data-v-e8fe3310],
#app .picContainer[data-v-0cf8f805] > img[data-v-0cf8f805],
#app .picContainer[data-v-5d47e2fb] > img[data-v-5d47e2fb],
#app .picContainer[data-v-5d47e2fb] > .b[data-v-5d47e2fb],
#app .picContainer[data-v-d64223be] > img[data-v-d64223be],
#app .picContainer[data-v-d64223be] > .b[data-v-d64223be],
#app .picContainer[data-v-b3f20c24] > img[data-v-b3f20c24],
#app .picContainer[data-v-b3f20c24] > .b[data-v-b3f20c24] {
	height: auto !important;
	max-height: 4rem;
	object-fit: cover;
}

#app .picContainer[data-v-5d47e2fb] > img[data-v-5d47e2fb],
#app .picContainer[data-v-5d47e2fb] > .b[data-v-5d47e2fb] {
	min-height: 2.8rem;
}

#app .picContainer .tw-glass-tile img {
	width: 100% !important;
	height: auto !important;
	max-height: 6rem;
	min-height: 5.8rem;
	object-fit: cover;
	display: block;
}

#app .picContainer[data-v-5d47e2fb] .tw-glass-tile img {
	min-height: 5.8rem;
}

/*
 * Whole glass tile (frame + aura + inner) rotates on Y. Animation on .tw-glass-tile,
 * not on .tw-glass-tile__spin, so the border/frame moves with the artwork.
 */
#app .tw-glass-tile {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0.08rem;
	border-radius: 0.34rem;
	overflow: visible;
	background: linear-gradient(
		155deg,
		rgba(32, 48, 72, 0.45) 0%,
		rgba(14, 22, 38, 0.62) 55%,
		rgba(10, 16, 28, 0.55) 100%
	);
	border: 1px solid rgba(120, 190, 255, 0.22);
	box-shadow:
		0 0.1rem 0.32rem rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(0, 0, 0, 0.18) inset,
		inset 0 1px 0 rgba(255, 255, 255, 0.14);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-origin: center center;
	animation: tw-glass-rotateY-full 20s linear infinite;
	will-change: transform;
}

#app .tw-glass-tile__aura {
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(
		125deg,
		rgba(0, 245, 212, 0.14) 0%,
		rgba(90, 160, 255, 0.1) 45%,
		rgba(160, 110, 255, 0.12) 100%
	);
	backdrop-filter: blur(0.1rem);
	-webkit-backdrop-filter: blur(0.1rem);
	opacity: 0.65;
}

#app .tw-glass-tile__spin {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	min-height: 5.8rem;
}

#app .tw-glass-tile__spin img {
	position: relative;
	border-radius: 0.24rem;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	transform: translateZ(0.02rem);
	-webkit-transform: translateZ(0.02rem);
}

@keyframes tw-glass-rotateY-full {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	#app .tw-glass-tile {
		animation: none !important;
	}
}

/*
 * "More / Detail" tile (orange gradient) — main.css used 3-col width + 4rem height.
 * Grids here are 2-up with glass tiles (~6rem); match width + min-height so rows align.
 */
body #app .homeNav .picContainer .more {
	width: calc((100% - 0.16rem) / 2) !important;
	min-height: 6rem !important;
	height: auto !important;
	box-sizing: border-box !important;
	align-self: stretch;
	border-radius: 0.3rem;
}

body #app .homeNav .picContainer .more .more-l1 {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

body #app .homeNav .picContainer .more .more-l2 {
	flex-shrink: 0;
}

/* Sports — flat grid (no swipe / autoplay); markup uses .tw-sport-all-flat in page-home */
#app .homeNav .my-swipe.tw-sport-all-flat {
	overflow: visible !important;
	width: 100% !important;
	height: auto !important;
	animation: none !important;
}

#app .picContainer[data-v-94997d77] > div[data-v-94997d77] {
	width: calc((100% - 0.16rem) / 2) !important;
	box-sizing: border-box !important;
}

/* Full-screen Original + Slots routes (GameContainer_games — was 3-up) */
#app .GameContainer_games > img[data-v-c9357f63] {
	width: calc((100% - 0.21333rem) / 2) !important;
	box-sizing: border-box !important;
}

#app .slot_list .GameContainer_games > img[data-v-dbfeadbc] {
	width: calc((100% - 0.21333rem) / 2) !important;
	box-sizing: border-box !important;
}

/* Other full-page game hubs (Casino / Chess / Lottery route / eSports) — same 3-up flex */
#app .GameContainer_games > img[data-v-e152b4a0],
#app .GameContainer_games > img[data-v-9d069a04],
#app .GameContainer_games > img[data-v-127acf74],
#app .GameContainer_games > img[data-v-f8ca9d4e] {
	width: calc((100% - 0.21333rem) / 2) !important;
	box-sizing: border-box !important;
}

/* ---------- Focus viewer (see game-view-system.js) — bundled tabs hidden ---------- */
#app .gameTypeHome {
	display: none !important;
}

#gameTypePoint {
	display: none !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

#app .game-content {
	padding-top: 0;
	padding-bottom: calc(1.7rem + env(safe-area-inset-bottom, 0px)) !important;
}

/* Premium category selector (tabs + dots) — mobile first */
#tw-view-controls.tw-view-controls {
	position: sticky;
	top: 0;
	z-index: 40;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	max-width: min(94%, 8rem);
	margin: 0 auto 0.22rem;
	padding: 0.16rem 0.14rem 0.14rem;
	background: #0f1115;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0.2rem;
	box-shadow:
		0 0.12rem 0.32rem rgba(0, 0, 0, 0.48),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#tw-view-controls .tw-view-controls__heading {
	margin: 0 0 0.12rem;
	padding: 0 0.04rem;
	font-size: 0.22rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(154, 169, 194, 0.78);
	line-height: 1.3;
}

#tw-view-controls .tw-view-controls__tabs {
	display: flex;
	align-items: center;
	gap: 0;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 0.04rem;
	background: rgba(20, 24, 32, 0.86);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 0.16rem;
}

#tw-view-controls .tw-view-controls__tabs::-webkit-scrollbar {
	display: none;
}

#tw-view-controls .tw-view-controls__divider {
	flex: 0 0 1px;
	width: 1px;
	height: 0.44rem;
	background: rgba(255, 255, 255, 0.08);
	margin: 0 0.04rem;
}

#tw-view-controls .tw-view-controls__tab {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 0.08rem;
	min-height: 0.56rem;
	padding: 0 0.16rem;
	border: 1px solid transparent;
	border-radius: 0.14rem;
	background: transparent;
	color: rgba(152, 164, 185, 0.95);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color 0.24s ease, color 0.24s ease, transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

#tw-view-controls .tw-view-controls__tab:hover {
	color: rgba(202, 211, 228, 0.96);
	background: rgba(255, 255, 255, 0.04);
}

#tw-view-controls .tw-view-controls__tab:active {
	transform: scale(0.98);
}

#tw-view-controls .tw-view-controls__tab.is-active {
	background: rgba(232, 201, 107, 0.12);
	border-color: rgba(232, 201, 107, 0.4);
	color: #f1d98f;
	box-shadow:
		0 0 0.14rem rgba(232, 201, 107, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#tw-view-controls .tw-view-controls__tab-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.24rem;
	height: 0.24rem;
	opacity: 0.9;
}

#tw-view-controls .tw-view-controls__tab-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

#tw-view-controls .tw-view-controls__tab.is-active .tw-view-controls__tab-icon svg path,
#tw-view-controls .tw-view-controls__tab.is-active .tw-view-controls__tab-icon svg circle {
	fill: #e8c96b;
	stroke: #e8c96b;
}

#tw-view-controls .tw-view-controls__tab-label {
	font-size: 0.28rem;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}

#tw-view-controls .tw-view-controls__tab-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0.34rem;
	height: 0.34rem;
	padding: 0 0.08rem;
	font-size: 0.2rem;
	font-weight: 700;
	line-height: 1;
	border-radius: 999px;
	background: rgba(54, 61, 77, 0.88);
	color: rgba(171, 183, 206, 0.95);
}

#tw-view-controls .tw-view-controls__tab.is-active .tw-view-controls__tab-count {
	background: #e8c96b;
	color: #161820;
}

#tw-view-controls .tw-view-controls__tab:focus-visible,
#tw-view-controls .tw-view-controls__dot:focus-visible {
	outline: 2px solid rgba(232, 201, 107, 0.6);
	outline-offset: 2px;
}

#tw-view-controls .tw-view-controls__dots {
	margin-top: 0.12rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.12rem;
}

#tw-view-controls .tw-view-controls__dot {
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 50%;
	border: none;
	padding: 0;
	background: rgba(124, 132, 150, 0.56);
	cursor: pointer;
	transition: transform 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease;
}

#tw-view-controls .tw-view-controls__dot.is-active {
	background: #e8c96b;
	transform: scale(1.22);
	box-shadow: 0 0 0.14rem rgba(232, 201, 107, 0.32);
}

/* Calmer tiles in focus mode (no spin distraction) */
#app .game-content.tw-view-mode .tw-glass-tile {
	animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
	#tw-view-controls .tw-view-controls__tab,
	#tw-view-controls .tw-view-controls__dot,
	.gamesList__container[data-v-e4c17073]:not(:has(.lottery_container)) .gamesList__container-list__item[data-v-e4c17073] {
		transition: none;
	}
}

/* -------------------------------------------------------------------------- */
/* Premium Winning & Earnings Dashboard                                       */
/* -------------------------------------------------------------------------- */
#app .p3_winner[data-v-62c438c8],
#app .dailyProfitRank[data-v-84514e8e] {
	color: #eef2fa;
	font-family: "DM Sans", "Syne", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	margin-top: 0.34rem;
}

#app .p3_winner .title[data-v-62c438c8],
#app .dailyProfitRank .title[data-v-84514e8e] {
	height: auto;
	min-height: 0.56rem;
	margin-bottom: 0.2rem;
	font-size: 0.3rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: rgba(236, 243, 255, 0.96);
}

#app .dailyProfitRank .title[data-v-84514e8e] {
	margin-bottom: 0.26rem;
}

#app .p3_winner .title b[data-v-62c438c8],
#app .dailyProfitRank .title b[data-v-84514e8e] {
	width: 0.06rem;
	height: 0.28rem;
	border-radius: 999px;
	background: #e8c96b;
	box-shadow: 0 0 0.12rem rgba(232, 201, 107, 0.26);
}

/* Live feed rows */
#app .p3_winner-wrapper[data-v-62c438c8] {
	height: auto;
	border-radius: 0.22rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.07);
	background: linear-gradient(180deg, rgba(16, 18, 24, 0.96) 0%, rgba(10, 12, 17, 0.98) 100%);
	box-shadow:
		0 0.12rem 0.34rem rgba(0, 0, 0, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#app .p3_winner-wrapper__item[data-v-62c438c8] {
	height: auto;
	min-height: 1.08rem;
	padding: 0.16rem 0.2rem;
	gap: 0.16rem;
	background: linear-gradient(170deg, rgba(22, 26, 36, 0.88) 0%, rgba(14, 16, 22, 0.94) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	transition: transform 0.24s ease, filter 0.24s ease, background-color 0.24s ease;
}

#app .p3_winner-wrapper__item[data-v-62c438c8]:last-child {
	border-bottom: none;
}

#app .p3_winner-wrapper__item[data-v-62c438c8]:hover {
	transform: scale(1.012);
	filter: brightness(1.04);
}

#app .p3_winner-wrapper__item img[data-v-62c438c8] {
	width: 0.56rem;
	height: 0.56rem;
	min-width: 0.56rem;
	border-radius: 50%;
	padding: 0.05rem;
	background: linear-gradient(145deg, rgba(66, 206, 184, 0.26), rgba(80, 120, 235, 0.24));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

#app .p3_winner-wrapper__item:nth-child(2n) img[data-v-62c438c8] {
	background: linear-gradient(145deg, rgba(130, 108, 236, 0.25), rgba(190, 108, 160, 0.22));
}

#app .p3_winner-wrapper__item:nth-child(3n) img[data-v-62c438c8] {
	background: linear-gradient(145deg, rgba(232, 201, 107, 0.26), rgba(144, 114, 52, 0.22));
}

#app .p3_winner-wrapper__item .info>div[data-v-62c438c8] {
	height: auto;
	font-size: 0.22rem;
	color: rgba(145, 158, 182, 0.86);
	line-height: 1.3;
}

#app .p3_winner-wrapper__item .info>div+div[data-v-62c438c8] {
	margin-top: 0.05rem;
}

#app .p3_winner-wrapper__item .info .name[data-v-62c438c8] {
	font-size: 0.24rem;
	font-weight: 600;
	color: rgba(231, 239, 252, 0.97);
}

#app .p3_winner-wrapper__item .info .amount[data-v-62c438c8] {
	font-size: 0.28rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #e8c96b;
	text-shadow: 0 0 0.08rem rgba(232, 201, 107, 0.15);
	display: inline-flex;
	align-items: center;
	gap: 0.08rem;
}

#app .p3_winner-wrapper__item .info .amount[data-v-62c438c8]::after {
	content: "★";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.24rem;
	height: 0.24rem;
	font-size: 0.13rem;
	border-radius: 0.08rem;
	color: #e8c96b;
	background: rgba(33, 36, 46, 0.95);
	border: 1px solid rgba(232, 201, 107, 0.36);
}

/* Podium section */
#app .dailyProfitRank__content-topThree[data-v-84514e8e] {
	height: auto;
	min-height: 3.8rem;
	background: none;
	align-items: end;
	gap: 0.12rem;
	grid-template-columns: 0.92fr 1.16fr 0.92fr;
}

#app .dailyProfitRank__content-topThree__item[data-v-84514e8e] {
	width: 100%;
	max-width: 2.28rem;
	height: auto;
	padding: 0.13rem 0.1rem 0.15rem;
	border-radius: 0.18rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, rgba(18, 21, 30, 0.96) 0%, rgba(12, 14, 20, 0.98) 100%);
	box-shadow:
		0 0.1rem 0.28rem rgba(0, 0, 0, 0.36),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
	transition: transform 0.24s ease, filter 0.24s ease;
}

#app .dailyProfitRank__content-topThree__item[data-v-84514e8e]:hover {
	transform: translateY(-0.03rem) scale(1.015);
	filter: brightness(1.04);
}

#app .dailyProfitRank__content-topThree__item[data-v-84514e8e]:nth-child(1) {
	background: linear-gradient(180deg, rgba(20, 22, 30, 0.96) 0%, rgba(12, 14, 20, 0.98) 100%);
}

#app .dailyProfitRank__content-topThree__item[data-v-84514e8e]:nth-child(2) {
	right: 0;
	max-width: 2.66rem;
	transform: translateY(-0.14rem);
	background: linear-gradient(180deg, rgba(44, 36, 18, 0.92) 0%, rgba(19, 17, 12, 0.98) 100%);
	border-color: rgba(232, 201, 107, 0.34);
	box-shadow:
		0 0.14rem 0.34rem rgba(0, 0, 0, 0.4),
		0 0 0.28rem rgba(232, 201, 107, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

#app .dailyProfitRank__content-topThree__item[data-v-84514e8e]:nth-child(3) {
	left: 0;
	background: linear-gradient(180deg, rgba(40, 27, 18, 0.92) 0%, rgba(19, 14, 12, 0.98) 100%);
}

#app .dailyProfitRank__content-topThree__item>div[data-v-84514e8e]:first-of-type {
	width: 0.92rem;
	min-width: 0.92rem;
	height: 0.92rem;
	min-height: 0.92rem;
	border: 2px solid rgba(163, 174, 194, 0.55);
	box-shadow: 0 0 0.14rem rgba(163, 174, 194, 0.12);
}

#app .dailyProfitRank__content-topThree__item:nth-child(2)>div[data-v-84514e8e]:first-of-type {
	border-color: rgba(232, 201, 107, 0.9);
	box-shadow: 0 0 0.22rem rgba(232, 201, 107, 0.28);
}

#app .dailyProfitRank__content-topThree__item:nth-child(3)>div[data-v-84514e8e]:first-of-type {
	border-color: rgba(186, 137, 92, 0.85);
	box-shadow: 0 0 0.18rem rgba(186, 137, 92, 0.22);
}

#app .dailyProfitRank__content-topThree__item>div:first-of-type>img[data-v-84514e8e] {
	width: calc(100% - 0.1rem);
	height: calc(100% - 0.1rem);
}

#app .dailyProfitRank__content-topThree__item>div[data-v-84514e8e]:last-of-type {
	position: static;
	width: auto;
	height: auto;
	margin-top: -0.08rem;
}

#app .dailyProfitRank__content-topThree__item>div:last-of-type img[data-v-84514e8e]:first-of-type {
	top: 0;
	left: 0;
	width: 0.34rem;
	filter: drop-shadow(0 0 0.08rem rgba(232, 201, 107, 0.42));
}

#app .dailyProfitRank__content-topThree__item>div:last-of-type img[data-v-84514e8e]:last-of-type {
	display: none;
}

#app .dailyProfitRank__content-topThree__item>span[data-v-84514e8e] {
	width: 100%;
	color: rgba(235, 242, 252, 0.95);
}

#app .dailyProfitRank__content-topThree__item>span[data-v-84514e8e]:first-of-type {
	margin-block: 0.08rem 0.05rem;
	font-size: 0.19rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#app .dailyProfitRank__content-topThree__item>span[data-v-84514e8e]:last-of-type {
	width: 100%;
	height: auto;
	padding: 0.11rem 0.08rem;
	font-size: clamp(0.15rem, 2.2vw, 0.19rem);
	font-weight: 700;
	line-height: 1.15;
	border-radius: 0.1rem;
	background: rgba(20, 25, 36, 0.9);
	color: #f1d989;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: normal;
	min-height: 0.42rem;
	text-align: center;
	letter-spacing: 0;
	font-variant-numeric: tabular-nums;
}

#app .dailyProfitRank__content-topThree__item:nth-child(2)>span[data-v-84514e8e]:last-of-type {
	background: rgba(54, 45, 24, 0.92);
	font-size: clamp(0.16rem, 2.35vw, 0.2rem);
}

#app .dailyProfitRank__content-list[data-v-84514e8e] {
	gap: 0;
	margin-top: 0.06rem;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 0.16rem;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(15, 18, 24, 0.96) 0%, rgba(10, 12, 17, 0.98) 100%);
}

#app .dailyProfitRank__content-list__item[data-v-84514e8e] {
	height: auto;
	min-height: 0.94rem;
	padding: 0.14rem 0.2rem;
	border-radius: 0;
	background: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	transition: transform 0.24s ease, filter 0.24s ease;
}

#app .dailyProfitRank__content-list__item[data-v-84514e8e]:last-child {
	border-bottom: none;
}

#app .dailyProfitRank__content-list__item[data-v-84514e8e]:hover {
	transform: scale(1.01);
	filter: brightness(1.03);
}

#app .dailyProfitRank__content-list__item span.left-rank[data-v-84514e8e] {
	margin-right: 0.18rem;
	font-size: 0.24rem;
	font-weight: 700;
	color: rgba(152, 166, 188, 0.94);
}

#app .dailyProfitRank__content-list__item img[data-v-84514e8e] {
	width: 0.48rem;
	height: 0.48rem;
	margin-right: 0.12rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

#app .dailyProfitRank__content-list__item span.middle-name[data-v-84514e8e] {
	width: auto;
	max-width: 2.2rem;
	font-size: 0.22rem;
	font-weight: 500;
	color: rgba(218, 227, 242, 0.94);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#app .dailyProfitRank__content-list__item span.right-box[data-v-84514e8e] {
	width: auto;
	height: auto;
	padding: 0;
	margin-left: auto;
	background: transparent;
	border-radius: 0;
	color: #e8c96b;
	font-size: 0.23rem;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 2.6rem;
}

/* Remove floating clutter from dashboard viewport (wheel/dragon/chat style widgets) */
#app .turntable-lottery,
#app .turntable,
#app .turntable-telegram,
#app .customer,
#app .kefu,
#app .service,
#app .chat,
#app .chatIcon,
#app .dragon,
#app .spin-wheel {
	display: none !important;
}

/* Keep motions subtle and accessible */
@media (prefers-reduced-motion: reduce) {
	#app .p3_winner-wrapper__item[data-v-62c438c8],
	#app .dailyProfitRank__content-topThree__item[data-v-84514e8e],
	#app .dailyProfitRank__content-list__item[data-v-84514e8e] {
		transition: none !important;
	}
}

/* -------------------------------------------------------------------------- */
/* /main Account section — premium dark refresh                               */
/* -------------------------------------------------------------------------- */
#app .userInfo__container[data-v-5bd44e74] {
	height: 5.3rem;
	padding-bottom: 2.5rem;
	border-radius: 0 0 0.42rem 0.42rem;
	background:
		radial-gradient(90% 65% at 20% 0%, rgba(88, 173, 224, 0.22), transparent 58%),
		radial-gradient(80% 70% at 100% 0%, rgba(197, 109, 159, 0.2), transparent 60%),
		linear-gradient(165deg, #151923 0%, #0e121a 54%, #0a0d13 100%) !important;
}

#app .userInfo__container-nav[data-v-5bd44e74] {
	background: rgba(12, 14, 20, 0.86) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#app .userInfo__container-content[data-v-5bd44e74] {
	padding: 0 0.34rem;
}

#app .userInfo__container-content__avatar[data-v-5bd44e74] {
	border: 2px solid rgba(255, 255, 255, 0.2);
	box-shadow:
		0 0 0.18rem rgba(111, 159, 194, 0.26),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#app .userInfo__container-content-nickname[data-v-5bd44e74] {
	font-size: 0.34rem;
	font-weight: 700;
}

#app .userInfo__container-content-uid[data-v-5bd44e74] {
	background: rgba(12, 18, 30, 0.88);
	border: 1px solid rgba(232, 201, 107, 0.28);
	color: rgba(228, 236, 248, 0.95);
}

#app .userInfo__container-content-logintime[data-v-5bd44e74] {
	font-size: 0.24rem;
	color: rgba(191, 206, 228, 0.84);
}

#app .userInfo__container-content-right h5[data-v-5bd44e74] {
	background: linear-gradient(135deg, #e8c96b 0%, #caa24a 100%);
	color: #171920;
	font-weight: 700;
	border-radius: 999px;
	box-shadow: 0 0.08rem 0.18rem rgba(232, 201, 107, 0.28);
}

#app .userInfo__container-setting-center[data-v-5bd44e74] {
	width: 9.28rem;
	top: 4.62rem;
	padding: 0.24rem 0.3rem;
	border-radius: 0.2rem;
	background: linear-gradient(175deg, rgba(18, 22, 32, 0.97) 0%, rgba(11, 14, 20, 0.99) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow:
		0 0.12rem 0.32rem rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#app .userInfo__container-setting-center-header[data-v-5bd44e74] {
	margin-bottom: 0.1rem;
}

#app .userInfo__container-setting-center-content[data-v-5bd44e74] {
	padding: 0.2rem 0;
	border-radius: 0.16rem;
	background: linear-gradient(160deg, rgba(20, 25, 36, 0.82), rgba(13, 16, 24, 0.88));
	border: 1px solid rgba(255, 255, 255, 0.05);
	margin-bottom: 0.12rem;
}

#app .userInfo__container-setting-center-content div[data-v-5bd44e74] {
	padding: 0.06rem 0.08rem;
	border-radius: 0.12rem;
	transition: background-color 0.24s ease, transform 0.24s ease;
}

#app .userInfo__container-setting-center-content div[data-v-5bd44e74]:hover {
	background: rgba(255, 255, 255, 0.04);
	transform: translateY(-0.02rem);
}

/* Notification/Gifts/Statistics/Language list block */
#app .settingPanel__container-items[data-v-a30d19b1] {
	margin-top: 0.16rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background: linear-gradient(175deg, rgba(17, 21, 31, 0.96), rgba(11, 14, 20, 0.99));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow:
		0 0.1rem 0.26rem rgba(0, 0, 0, 0.36),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#app .settingPanel__container-items__item[data-v-a30d19b1] {
	min-height: 0.86rem;
	padding: 0.18rem 0.24rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	transition: background-color 0.24s ease;
}

#app .settingPanel__container-items__item[data-v-a30d19b1]:hover {
	background: rgba(255, 255, 255, 0.03);
}

#app .settingPanel__container-items__item:last-child[data-v-a30d19b1] {
	border-bottom: none;
}

#app .settingPanel__container-items__title[data-v-a30d19b1] span {
	font-size: 0.25rem;
	font-weight: 600;
	color: rgba(223, 231, 244, 0.96);
}

#app .settingPanel__container-items-right[data-v-a30d19b1] span {
	color: rgba(170, 187, 211, 0.86);
	font-size: 0.23rem;
}

/* Service center block over bottom nav */
#app .serviceCenter__container[data-v-159bf81f] {
	margin-top: 0.2rem;
	margin-bottom: calc(1.44rem + env(safe-area-inset-bottom, 0px));
	padding: 0.2rem 0.24rem 0.24rem;
	border-radius: 0.2rem;
	background: linear-gradient(175deg, rgba(16, 20, 30, 0.96), rgba(10, 13, 19, 0.99));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow:
		0 0.12rem 0.3rem rgba(0, 0, 0, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#app .serviceCenter__container h1[data-v-159bf81f] {
	color: rgba(232, 239, 250, 0.95);
	font-size: 0.28rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

#app .serviceCenter__container-items__item[data-v-159bf81f] {
	border-radius: 0.14rem;
	background: linear-gradient(160deg, rgba(20, 25, 36, 0.86), rgba(14, 16, 24, 0.9));
	border: 1px solid rgba(255, 255, 255, 0.06);
	min-height: 1.06rem;
	transition: transform 0.24s ease, filter 0.24s ease, border-color 0.24s ease;
}

#app .serviceCenter__container-items__item[data-v-159bf81f]:hover {
	transform: translateY(-0.02rem) scale(1.01);
	filter: brightness(1.04);
	border-color: rgba(232, 201, 107, 0.28);
}

/* -------------------------------------------------------------------------- */
/* /main account page hard force override (final priority)                    */
/* -------------------------------------------------------------------------- */
body #app .userInfo__container,
body #app .userInfo__container[data-v-5bd44e74] {
	background:
		radial-gradient(90% 65% at 20% 0%, rgba(120, 138, 162, 0.14), transparent 58%),
		radial-gradient(80% 70% at 100% 0%, rgba(120, 114, 132, 0.1), transparent 60%),
		linear-gradient(165deg, #141820 0%, #0d1118 56%, #090c12 100%) !important;
}

body #app .userInfo__container-setting-center,
body #app .userInfo__container-setting-center[data-v-5bd44e74] {
	background: linear-gradient(175deg, rgba(15, 19, 27, 0.97) 0%, rgba(10, 13, 19, 0.99) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow:
		0 0.12rem 0.32rem rgba(0, 0, 0, 0.44),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* Total balance white section -> dark professional panel */
body #app .userInfo__container-setting-center-content,
body #app .userInfo__container-setting-center-content[data-v-5bd44e74] {
	background: linear-gradient(160deg, rgba(17, 21, 29, 0.96), rgba(11, 14, 21, 0.98)) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body #app .userInfo__container-setting-center-content h5,
body #app .userInfo__container-setting-center-content h5[data-v-5bd44e74] {
	color: rgba(150, 165, 188, 0.9) !important;
}

body #app .userInfo__container-setting-center-content span,
body #app .userInfo__container-setting-center-content span[data-v-5bd44e74] {
	color: rgba(218, 228, 242, 0.95) !important;
}

body #app .userInfo__container-setting-center-content svg,
body #app .userInfo__container-setting-center-content svg[data-v-5bd44e74] {
	color: rgba(174, 188, 210, 0.9) !important;
}

body #app .userInfo__container-content-right span,
body #app .userInfo__container-content-right span[data-v-5bd44e74] {
	color: rgba(232, 201, 107, 0.95) !important;
}

/* -------------------------------------------------------------------------- */
/* /main Profile Header — modern centered floating avatar redesign            */
/* -------------------------------------------------------------------------- */
body #app .userInfo__container[data-v-5bd44e74] {
	position: relative;
	height: 6.2rem !important;
	padding-bottom: 3.3rem !important;
	border-radius: 0 0 0.48rem 0.48rem !important;
	background:
		radial-gradient(70% 55% at 50% 18%, rgba(124, 58, 237, 0.26) 0%, transparent 62%),
		radial-gradient(85% 68% at 88% 6%, rgba(34, 211, 238, 0.18) 0%, transparent 60%),
		linear-gradient(170deg, #1a1030 0%, #111a2e 42%, #0b0f1a 78%, #090c14 100%) !important;
	overflow: visible !important;
}

body #app .userInfo__container[data-v-5bd44e74]::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: repeating-linear-gradient(
		-28deg,
		rgba(255, 255, 255, 0.016) 0,
		rgba(255, 255, 255, 0.016) 1px,
		transparent 1px,
		transparent 7px
	);
	opacity: 0.22;
}

/* Main floating glass card */
body #app .userInfo__container-setting-center[data-v-5bd44e74] {
	position: relative !important;
	top: 4.5rem !important;
	width: 9.28rem !important;
	padding: 1.06rem 0.32rem 0.28rem !important;
	border-radius: 0.24rem !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(130, 110, 236, 0.3) !important;
	box-shadow:
		0 0.16rem 0.4rem rgba(0, 0, 0, 0.46),
		0 0 0.28rem rgba(34, 211, 238, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
	backdrop-filter: blur(12px) saturate(120%);
	-webkit-backdrop-filter: blur(12px) saturate(120%);
	animation: tw-profile-card-in 0.32s ease-out;
}

/* Centered identity block */
body #app .userInfo__container-content[data-v-5bd44e74] {
	position: absolute !important;
	left: 50%;
	top: -0.88rem;
	transform: translateX(-50%);
	width: calc(100% - 0.64rem) !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.1rem;
	color: #edf3ff !important;
	z-index: 3;
}

body #app .userInfo__container-content-wrapper[data-v-5bd44e74] {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

/* Floating avatar */
body #app .userInfo__container-content__avatar[data-v-5bd44e74] {
	width: 2.08rem !important;
	height: 2.08rem !important;
	margin: 0 0 0.14rem !important;
	border-radius: 50%;
	padding: 0.06rem;
	background: linear-gradient(140deg, var(--blue-primary, #00cfff) 0%, var(--blue-deep, #1e90ff) 100%) !important;
	box-shadow:
		0 0 0.24rem rgba(0, 207, 255, 0.35),
		0 0 0.18rem rgba(255, 215, 0, 0.2),
		0 0.08rem 0.2rem rgba(0, 0, 0, 0.45) !important;
}

body #app .userInfo__container-content__avatar img[data-v-5bd44e74] {
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.25);
}

body #app .userInfo__container-content-nickname[data-v-5bd44e74] {
	font-size: 0.42rem !important;
	font-weight: 700 !important;
	line-height: 1.15;
	color: #f2f7ff !important;
	text-shadow: 0 0 0.14rem rgba(34, 211, 238, 0.16);
	justify-content: center !important;
}

body #app .userInfo__container-content-nickname img[data-v-5bd44e74] {
	margin-left: 0.12rem !important;
}

body #app .userInfo__container-content-uid[data-v-5bd44e74] {
	width: auto !important;
	min-width: 3.4rem;
	padding: 0.08rem 0.2rem !important;
	margin-top: 0.06rem;
	background: rgba(11, 16, 26, 0.86) !important;
	border: 1px solid rgba(250, 204, 21, 0.24) !important;
	color: rgba(224, 233, 246, 0.95) !important;
}

body #app .userInfo__container-content-logintime[data-v-5bd44e74] {
	margin-top: 0.06rem;
	font-size: 0.22rem !important;
	color: rgba(175, 191, 216, 0.75) !important;
}

/* Balance block inside same card */
body #app .userInfo__container-content-right[data-v-5bd44e74] {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	margin-top: 0.22rem;
	padding: 0.14rem 0.2rem;
	border-radius: 0.14rem;
	background: linear-gradient(160deg, rgba(17, 21, 30, 0.95), rgba(10, 13, 19, 0.98)) !important;
	border: 1px solid rgba(255, 255, 255, 0.07);
}

body #app .userInfo__container-content-right img[data-v-5bd44e74] {
	width: 0.62rem !important;
	opacity: 0.86;
	animation: tw-balance-spin 4s linear infinite;
}

body #app .userInfo__container-content-right span[data-v-5bd44e74] {
	font-size: 0.22rem !important;
	color: rgba(165, 181, 205, 0.84) !important;
	margin-bottom: 0.06rem;
}

body #app .userInfo__container-content-right h5[data-v-5bd44e74] {
	width: auto !important;
	min-width: 2.8rem;
	padding: 0.06rem 0.24rem;
	font-size: 0.42rem !important;
	line-height: 1.2 !important;
	background: linear-gradient(135deg, #facc15 0%, #22d3ee 100%) !important;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	text-shadow: 0 0 0.14rem rgba(250, 204, 21, 0.2);
}

/* Quick actions 2x2 */
body #app .userInfo__container-setting-center-content[data-v-5bd44e74] {
	padding: 0.2rem 0.04rem !important;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0.1rem;
	border-radius: 0.16rem !important;
	background: linear-gradient(160deg, rgba(17, 22, 31, 0.94), rgba(11, 14, 21, 0.97)) !important;
}

body #app .userInfo__container-setting-center-content div[data-v-5bd44e74] {
	flex-direction: column !important;
	gap: 0.06rem;
	justify-content: center !important;
	padding: 0.1rem 0.04rem !important;
	border-radius: 0.12rem;
	transition: transform 0.22s ease, filter 0.22s ease, background-color 0.22s ease;
}

body #app .userInfo__container-setting-center-content div[data-v-5bd44e74]:hover {
	transform: scale(1.02);
	filter: brightness(1.06);
	background: rgba(255, 255, 255, 0.05) !important;
}

/* List and service cards spacing under profile */
body #app .settingPanel__container-items[data-v-a30d19b1] {
	margin-top: 0.22rem !important;
}

body #app .serviceCenter__container[data-v-159bf81f] {
	margin-top: 0.24rem !important;
}

@keyframes tw-profile-card-in {
	from {
		opacity: 0;
		transform: translateY(0.12rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes tw-balance-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* /main account cleanup: neutralize account-only visual overrides */
body #app .userInfo__container[data-v-5bd44e74] {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	text-shadow: none !important;
	color: inherit !important;
	fill: currentColor !important;
	animation: none !important;
	-webkit-animation: none !important
}

body #app .userInfo__container[data-v-5bd44e74] [data-v-5bd44e74] {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	text-shadow: none !important;
	color: inherit !important;
	fill: currentColor !important;
	animation: none !important;
	-webkit-animation: none !important
}