/* ==========================================================================
   iWin 1 — Skeuomorphic Casino Edition
   Materials: vải nỉ xanh · gỗ mahogany · kim loại chrome · chip nhựa
   Font: Nunito (Vietnamese UTF-8)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&display=swap');

/* ─────────────────────────────────────────────
   RESET
───────────────────────────────────────────── */
.iw1-page,
.iw1-page *,
.iw1-page *::before,
.iw1-page *::after {
	box-sizing: border-box;
}

html,
body.iw1-page {
	height: auto;
}

body.iw1-page {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	font-family: "Nunito", "Segoe UI", Arial, sans-serif;
	color: #e8d8ac;
	/* Casino room: tối như phòng sòng bài, ánh đèn vàng từ xa */
	background-color: #0a0604;
	background-image:
		radial-gradient(ellipse at 50% 0%, rgba(80, 40, 0, .30) 0%, transparent 55%),
		radial-gradient(ellipse at 50% 100%, rgba(40, 15, 0, .45) 0%, transparent 55%),
		linear-gradient(180deg, #0e0804 0%, #070402 50%, #0c0604 100%);
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.absolute-footer,
html {
	background-color: unset;
}

body.iw1-page a {
	color: #d4a820;
	text-decoration: none;
	transition: color .2s, text-shadow .2s;
}

body.iw1-page a:hover {
	color: #f5c842;
	text-shadow: 0 0 8px rgba(245, 200, 66, .5);
}

body.iw1-page img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ─────────────────────────────────────────────
   ĐÈN TRẦN CASINO (thay orbs)
   Ánh sáng vàng hắt từ đèn chùm xuống bàn
───────────────────────────────────────────── */
.iw1-orbs {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background:
		radial-gradient(ellipse 60% 40% at 50% -5%, rgba(200, 130, 20, .14) 0%, transparent 70%),
		radial-gradient(ellipse 40% 25% at 15% 50%, rgba(120, 60, 10, .06) 0%, transparent 70%),
		radial-gradient(ellipse 40% 25% at 85% 50%, rgba(120, 60, 10, .06) 0%, transparent 70%);
}

/* ─────────────────────────────────────────────
   NỀN SÀN CASINO (thay mesh — hoa văn chip bài)
───────────────────────────────────────────── */
.iw1-mesh {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	/* Pattern lục giác rất mờ — gợi thảm sàn casino */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 2 L54 18 L54 50 L28 66 L2 50 L2 18 Z' fill='none' stroke='rgba(160%2C90%2C10%2C0.045)' stroke-width='1'/%3E%3C/svg%3E");
	background-size: 56px 100px;
	opacity: 1;
}

/* ─────────────────────────────────────────────
   BÀN POKER — MÀN NỀN VẢI NỈ XANH
   Đây là "mặt bàn" poker thật sự
───────────────────────────────────────────── */
.iw1-main {
	position: relative;
	z-index: 2;
	max-width: 720px;
	margin: 28px auto 36px;
	padding: 32px 24px 48px;
	text-align: center;

	/* Vải nỉ xanh (baize/felt) — màu cổ điển casino */
	background-color: #0e3d20;
	background-image:
		/* Ánh đèn trần hắt xuống trung tâm bàn */
		radial-gradient(ellipse 80% 50% at 50% 15%, rgba(30, 90, 45, .6) 0%, transparent 70%),
		/* Vân sợi nỉ ngang */
		repeating-linear-gradient(90deg,
			transparent 0px,
			rgba(255, 255, 255, .007) 1px,
			transparent 2px,
			transparent 4px),
		/* Vân sợi nỉ dọc */
		repeating-linear-gradient(0deg,
			transparent 0px,
			rgba(0, 0, 0, .018) 1px,
			transparent 2px,
			transparent 4px),
		/* Base màu nỉ */
		linear-gradient(180deg, #124428 0%, #0e3d20 40%, #0b3018 100%);

	border-radius: 20px;

	/* Viền gỗ mahogany — nhiều lớp tạo chiều sâu */
	border: 14px solid #7a420e;
	background-clip: padding-box;

	box-shadow:
		/* Bóng đổ nội tâm — cảm giác nỉ nằm sâu trong khung */
		inset 0 0 60px rgba(0, 0, 0, .45),
		inset 0 2px 6px rgba(255, 255, 255, .04),
		/* Viền sáng trong cùng (cạnh gỗ tiếp xúc nỉ) */
		inset 0 0 0 1px rgba(0, 0, 0, .7),
		/* Vòng ngoài viền gỗ */
		0 0 0 1px #c08030,
		/* cạnh sáng của gỗ */
		0 0 0 3px #3a1806,
		/* đường rãnh tối */
		0 0 0 5px #8a5015,
		/* viền ngoài cùng */
		/* Bóng đổ bàn */
		0 20px 60px rgba(0, 0, 0, .85),
		0 8px 20px rgba(0, 0, 0, .6);
}

/* Vòng trang trí trên mặt bàn (bọc logo vùng trung tâm) */
.iw1-main::before {
	content: "";
	position: absolute;
	top: 18px;
	left: 50%;
	transform: translateX(-50%);
	width: 340px;
	height: 200px;
	border-radius: 50%;
	border: 1px solid rgba(180, 130, 30, .18);
	pointer-events: none;
	z-index: 0;
}

/* ─────────────────────────────────────────────
   SOCIAL BUTTONS — CHROME KIM LOẠI
───────────────────────────────────────────── */
.iw1-social {
	position: fixed;
	top: 18px;
	right: 18px;
	z-index: 30;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.iw1-social-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 7px 15px 7px 9px;
	border-radius: 999px;
	font-family: "Nunito", sans-serif;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: .06em;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

	/* Chrome kim loại — gradient sáng-tối-sáng */
	background: linear-gradient(180deg,
			#5080c8 0%,
			#2860b0 35%,
			#1a50a0 65%,
			#3070c0 100%);
	border-top: 1px solid rgba(255, 255, 255, .35);
	border-left: 1px solid rgba(255, 255, 255, .2);
	border-right: 1px solid rgba(0, 0, 0, .3);
	border-bottom: 2px solid rgba(0, 0, 0, .5);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .3),
		0 3px 8px rgba(0, 0, 0, .5),
		0 1px 2px rgba(0, 0, 0, .4);
	transition: transform .15s, filter .15s;
}

.iw1-social-btn svg {
	width: 21px;
	height: 21px;
	flex: 0 0 21px;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .4));
}

.iw1-social-btn:hover {
	color: #fff;
	transform: translateY(-2px);
	filter: brightness(1.1);
}

.iw1-social-btn--tg {
	background: linear-gradient(180deg,
			#50b8e0 0%, #28a0cc 35%, #1888b8 65%, #30b0d8 100%);
}

/* Nút LiveChat — vàng đồng, fixed bottom-right */
.iw1-social-btn--chat {
	background: linear-gradient(180deg,
			#e8a030 0%, #c07818 35%, #a06008 65%, #d09020 100%);
	border-top: 1px solid rgba(255, 220, 100, .5);
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 100, .4),
		0 3px 10px rgba(0, 0, 0, .55),
		0 0 12px rgba(180, 100, 0, .25);
	position: fixed;
	right: 18px;
	bottom: 24px;
	top: auto;
}

/* ─────────────────────────────────────────────
   SIDE PANELS — KHUNG GỖ + NHUNG ĐỎ / NỈ XANH
───────────────────────────────────────────── */
.iw1-side {
	position: fixed;
	top: 18%;
	z-index: 5;
	width: 226px;
	pointer-events: none;
}

.iw1-side>* {
	pointer-events: auto;
}

.iw1-side--left {
	left: 22px;
}

.iw1-side--right {
	right: 22px;
}

/* Panel trái — nỉ xanh tối + khung gỗ vàng */
.iw1-side-card {
	position: relative;
	padding: 18px 16px 20px;
	text-align: center;
	border-radius: 10px;

	/* Nền nhung xanh tối */
	background-color: #0b3520;
	background-image:
		radial-gradient(ellipse at 50% 0%, rgba(30, 90, 45, .5) 0%, transparent 65%),
		repeating-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .006) 1px, transparent 2px, transparent 4px),
		repeating-linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .015) 1px, transparent 2px, transparent 4px);

	/* Khung gỗ mahogany */
	border: 8px solid #7a420e;
	background-clip: padding-box;
	box-shadow:
		inset 0 0 30px rgba(0, 0, 0, .5),
		inset 0 0 0 1px rgba(0, 0, 0, .6),
		0 0 0 1px #b07030,
		/* sáng ngoài */
		0 0 0 2px #2e1006,
		/* tối ngoài */
		0 8px 24px rgba(0, 0, 0, .7);
}

/* Góc trang trí bảng (CSS corner brackets) */
.iw1-side-card::before,
.iw1-side-card::after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	border-color: #c8901c;
	border-style: solid;
	pointer-events: none;
	z-index: 1;
}

.iw1-side-card::before {
	top: -2px;
	left: -2px;
	border-width: 3px 0 0 3px;
	border-radius: 2px 0 0 0;
}

.iw1-side-card::after {
	bottom: -2px;
	right: -2px;
	border-width: 0 3px 3px 0;
	border-radius: 0 0 2px 0;
}

.iw1-side-crown {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	/* Gold chip */
	background: radial-gradient(circle at 38% 32%, #ffe9a4 0%, #d4922a 40%, #8b5e0e 75%);
	color: #2a1200;
	margin-bottom: 8px;
	border: 2px solid #3a1a04;
	box-shadow:
		0 0 0 2px #c8880e,
		inset 0 2px 4px rgba(255, 240, 180, .5),
		inset 0 -2px 3px rgba(0, 0, 0, .4),
		0 4px 10px rgba(0, 0, 0, .5);
}

.iw1-side-title {
	margin: 0 0 14px;
	font-size: 12px;
	letter-spacing: .18em;
	font-family: "Nunito", sans-serif;
	color: #e8b840;
	text-shadow:
		0 1px 0 rgba(0, 0, 0, .8),
		0 -1px 0 rgba(255, 220, 100, .2);
	font-weight: 900;
}

/* Chip VIP — hình tròn nhựa chip casino */
.iw1-vip-list {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 9px;
	text-align: left;
}

.iw1-vip-item {
	display: flex;
	align-items: center;
	gap: 10px;
	background: rgba(0, 0, 0, .25);
	border-radius: 8px;
	padding: 7px 10px;
	border: 1px solid rgba(180, 130, 30, .2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4);
}

/* Chip nhựa (mô phỏng chip casino thật) */
.iw1-vip-badge {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 900;
	font-family: "Nunito", sans-serif;
	letter-spacing: .03em;
	position: relative;
}

/* Rãnh cạnh chip (notches) giả lập bằng radial-gradient */
.iw1-vip-badge::before {
	content: "";
	position: absolute;
	inset: 2px;
	border-radius: 50%;
	border: 3px solid transparent;
}

.iw1-vip-badge--plat {
	/* Chip bạch kim — bạc sáng */
	background: radial-gradient(circle at 38% 32%, #f0f0f0 0%, #c0c8d0 40%, #8090a0 100%);
	box-shadow:
		0 0 0 2px #606870,
		0 0 0 4px #c8d0d8,
		inset 0 2px 4px rgba(255, 255, 255, .7),
		inset 0 -2px 3px rgba(0, 0, 0, .3),
		0 3px 8px rgba(0, 0, 0, .5);
	color: #1a2030;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}

.iw1-vip-badge--plat::before {
	border-color: rgba(255, 255, 255, .25) transparent rgba(0, 0, 0, .15) transparent;
}

.iw1-vip-badge--gold {
	/* Chip vàng */
	background: radial-gradient(circle at 38% 32%, #ffe9a4 0%, #d4922a 40%, #8b5e0e 80%);
	box-shadow:
		0 0 0 2px #3a1a04,
		0 0 0 4px #c8880e,
		inset 0 2px 4px rgba(255, 240, 180, .6),
		inset 0 -2px 3px rgba(0, 0, 0, .4),
		0 3px 8px rgba(0, 0, 0, .5);
	color: #2a1200;
	text-shadow: 0 1px 0 rgba(255, 220, 100, .5);
}

.iw1-vip-badge--gold::before {
	border-color: rgba(255, 220, 100, .4) transparent rgba(100, 50, 0, .3) transparent;
}

.iw1-vip-badge--silv {
	/* Chip bạc */
	background: radial-gradient(circle at 38% 32%, #d8e8f0 0%, #90a8b8 40%, #506070 80%);
	box-shadow:
		0 0 0 2px #2a3840,
		0 0 0 4px #8098a8,
		inset 0 2px 4px rgba(255, 255, 255, .5),
		inset 0 -2px 3px rgba(0, 0, 0, .3),
		0 3px 8px rgba(0, 0, 0, .5);
	color: #1a2830;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}

.iw1-vip-badge--silv::before {
	border-color: rgba(200, 220, 240, .3) transparent rgba(30, 50, 70, .2) transparent;
}

.iw1-vip-info {
	display: flex;
	flex-direction: column;
}

.iw1-vip-info b {
	font-size: 12px;
	font-weight: 900;
	color: #e8c870;
	letter-spacing: .08em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
}

.iw1-vip-info small {
	font-size: 11px;
	color: #7a9870;
	margin-top: 1px;
}

.iw1-vip-info small em {
	font-style: normal;
	color: #d4a820;
	font-weight: 800;
}

.iw1-side-foot {
	margin: 0;
	font-size: 11px;
	line-height: 1.5;
	color: #6a8860;
	letter-spacing: .03em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

/* Panel phải — nhung đỏ + khung gỗ vàng */
.iw1-promo-card {
	position: relative;
	padding: 16px 14px 18px;
	border-radius: 10px;
	min-height: 260px;
	overflow: hidden;
	text-align: center;

	/* Nhung đỏ casino (velvet) */
	background-color: #3a0808;
	background-image:
		radial-gradient(ellipse at 50% 0%, rgba(120, 20, 20, .6) 0%, transparent 65%),
		repeating-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .006) 1px, transparent 2px, transparent 4px),
		repeating-linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .018) 1px, transparent 2px, transparent 4px),
		linear-gradient(180deg, #4a0c0c 0%, #3a0808 50%, #2e0606 100%);

	border: 8px solid #7a420e;
	background-clip: padding-box;
	box-shadow:
		inset 0 0 30px rgba(0, 0, 0, .55),
		inset 0 0 0 1px rgba(0, 0, 0, .6),
		0 0 0 1px #b07030,
		0 0 0 2px #2e1006,
		0 8px 24px rgba(0, 0, 0, .7);
}

.iw1-promo-card::before,
.iw1-promo-card::after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	border-color: #c8901c;
	border-style: solid;
	pointer-events: none;
	z-index: 1;
}

.iw1-promo-card::before {
	top: -2px;
	left: -2px;
	border-width: 3px 0 0 3px;
	border-radius: 2px 0 0 0;
}

.iw1-promo-card::after {
	bottom: -2px;
	right: -2px;
	border-width: 0 3px 3px 0;
	border-radius: 0 0 2px 0;
}

.iw1-promo-tag {
	display: block;
	font-size: 12px;
	font-weight: 800;
	color: #e8c870;
	letter-spacing: .16em;
	line-height: 1.3;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .7), 0 0 10px rgba(200, 150, 20, .3);
}

.iw1-promo-tag b {
	display: inline-block;
	margin-top: 4px;
	font-size: 32px;
	letter-spacing: .06em;
	background: linear-gradient(180deg, #fff5b8 0%, #f3b948 60%, #a86a10 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-shadow: none;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .6));
}

/* Bộ bài — 2 lá chồng nhau (card fan skeuomorphic) */
.iw1-promo-art {
	display: block;
	position: relative;
	width: 110px;
	height: 130px;
	margin: 10px auto 6px;
}

/* Lá bài sau: ♠ đen, xoay trái */
.iw1-promo-art::before {
	content: "♠";
	position: absolute;
	width: 72px;
	height: 98px;
	/* Mặt lá bài: kem ngà */
	background: linear-gradient(160deg, #f0ead6 0%, #ddd3b0 100%);
	border-radius: 7px;
	border-top: 1px solid rgba(255, 255, 255, .8);
	border-left: 1px solid rgba(255, 255, 255, .5);
	border-right: 1px solid rgba(0, 0, 0, .25);
	border-bottom: 2px solid rgba(0, 0, 0, .3);
	box-shadow:
		inset 0 1px 3px rgba(255, 255, 255, .6),
		0 6px 18px rgba(0, 0, 0, .6),
		0 2px 6px rgba(0, 0, 0, .4);
	left: 4px;
	top: 18px;
	transform: rotate(-12deg);
	color: #1a1a1a;
	font-size: 42px;
	line-height: 98px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

/* Lá bài trước: ♥ đỏ, xoay phải */
.iw1-promo-art::after {
	content: "♥";
	position: absolute;
	width: 72px;
	height: 98px;
	background: linear-gradient(160deg, #faf6ea 0%, #e8dfc0 100%);
	border-radius: 7px;
	border-top: 1px solid rgba(255, 255, 255, .9);
	border-left: 1px solid rgba(255, 255, 255, .6);
	border-right: 1px solid rgba(0, 0, 0, .2);
	border-bottom: 2px solid rgba(0, 0, 0, .25);
	box-shadow:
		inset 0 1px 3px rgba(255, 255, 255, .7),
		0 6px 18px rgba(0, 0, 0, .55),
		0 2px 6px rgba(0, 0, 0, .35);
	right: 4px;
	top: 0;
	transform: rotate(11deg);
	color: #b50000;
	font-size: 42px;
	line-height: 98px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(180, 0, 0, .3);
}

.iw1-promo-name {
	display: block;
	margin-top: 4px;
	font-size: 17px;
	font-weight: 900;
	letter-spacing: .14em;
	color: #e8c870;
	text-shadow:
		0 1px 0 rgba(0, 0, 0, .8),
		0 0 10px rgba(200, 150, 20, .3);
}

.iw1-promo-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 10px;
}

.iw1-promo-dots span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(180, 100, 20, .3);
	transform: rotate(45deg);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .4);
}

.iw1-promo-dots .active {
	background: #c8880e;
	box-shadow: 0 0 6px rgba(200, 136, 14, .5), inset 0 1px 2px rgba(255, 200, 80, .3);
}

/* ─────────────────────────────────────────────
   BANNER — CHỮ VÀNG TRÊN NỈ
───────────────────────────────────────────── */
.iw1-banner {
	position: relative;
	z-index: 3;
	padding-top: 8px;
}

.iw1-logo {
	display: inline-block;
	margin: 0 auto 8px;
	max-width: 32%;
	min-width: 110px;
}

.iw1-logo-img,
.iw1-logo img {
	display: block;
	margin: 0 auto;
	max-height: 110px;
	width: auto;
	/* Ánh sáng vàng ấm trên logo */
	filter:
		drop-shadow(0 3px 8px rgba(0, 0, 0, .7)) drop-shadow(0 0 16px rgba(200, 140, 20, .35));
}

.iw1-tagline {
	margin: 8px 0 4px;
	font-size: 30px;
	letter-spacing: .12em;
	font-weight: 900;
	text-transform: uppercase;
	font-family: "Nunito", sans-serif;
}

/* Gradient chữ: vàng kim loại khắc emboss */
.iw1-tagline-text {
	background: linear-gradient(180deg,
			#fff8d4 0%,
			#f5d060 20%,
			#d49a1a 45%,
			#f5d060 65%,
			#b87010 85%,
			#e8c040 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	/* Bóng đổ để chữ nổi trên nỉ */
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .8));
}

.iw1-subline {
	margin: 0 0 10px;
	font-size: 14px;
	color: #7a9870;
	font-weight: 600;
}

.iw1-subline span {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 3px;
	color: #f0e0b0;
	font-weight: 800;
	margin: 0 2px;
	/* Badge như tem khắc chữ nổi */
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

.iw1-subline span:first-child {
	/* Đỏ — nhung đỏ casino */
	background: linear-gradient(180deg, #a01010 0%, #6a0808 100%);
	border-top: 1px solid rgba(255, 100, 100, .3);
	border-bottom: 2px solid rgba(0, 0, 0, .5);
	box-shadow: inset 0 1px 0 rgba(255, 150, 150, .2), 0 2px 4px rgba(0, 0, 0, .4);
}

.iw1-subline span:last-child {
	/* Vàng đồng — biển đề tên sòng */
	background: linear-gradient(180deg, #c09020 0%, #7a5808 100%);
	border-top: 1px solid rgba(255, 220, 100, .4);
	border-bottom: 2px solid rgba(0, 0, 0, .5);
	box-shadow: inset 0 1px 0 rgba(255, 220, 100, .25), 0 2px 4px rgba(0, 0, 0, .4);
	color: #ffe8a0;
}

/* ─────────────────────────────────────────────
   HERO — KHUNG MÁY SLOT CHROME
───────────────────────────────────────────── */
.iw1-hero {
	margin: 18px auto 8px;
}

.iw1-hero-frame {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	border-radius: 6px;
	overflow: hidden;
	background: #040810;

	/* Khung chrome kim loại — dày, có chiều sâu */
	border: 14px solid #2e2e2e;
	background-clip: padding-box;

	box-shadow:
		/* Highlight cạnh trên-trái (ánh sáng tới từ trên) */
		inset 0 2px 0 rgba(255, 255, 255, .22),
		inset 2px 0 0 rgba(255, 255, 255, .12),
		/* Bóng tối cạnh dưới-phải */
		inset 0 -2px 0 rgba(0, 0, 0, .5),
		inset -2px 0 0 rgba(0, 0, 0, .35),
		/* Màn hình nội tâm */
		inset 0 0 30px rgba(0, 0, 0, .8),
		/* Các vòng ngoài khung kim loại */
		0 0 0 1px #555,
		/* highlight ngoài cùng */
		0 0 0 3px #1a1a1a,
		/* rãnh tối */
		0 0 0 5px #484848,
		/* viền chrome phụ */
		0 0 0 6px #101010,
		/* đường đen */
		/* Bóng đổ máy */
		0 14px 40px rgba(0, 0, 0, .8),
		0 4px 12px rgba(0, 0, 0, .5);
}

.iw1-hero-media,
.iw1-hero-frame iframe,
.iw1-hero-placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
}

/* Màn hình slot khi chưa có media — scanlines + neon */
.iw1-hero-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* Màn hình xanh tối + scanlines */
	background:
		repeating-linear-gradient(0deg,
			rgba(0, 0, 0, .12) 0px,
			rgba(0, 0, 0, .12) 1px,
			transparent 1px,
			transparent 3px),
		radial-gradient(ellipse at 50% 40%, #0a1a30 0%, #030810 100%);
	color: #fff;
	gap: 6px;
}

/* Chip vàng trên màn hình */
.iw1-hero-emblem {
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: radial-gradient(circle at 38% 32%, #ffe9a4 0%, #d4922a 45%, #7a4a06 80%);
	border: 3px solid #3a1a04;
	box-shadow:
		0 0 0 3px #b8780a,
		0 0 0 5px #3a1a04,
		inset 0 3px 6px rgba(255, 240, 180, .6),
		inset 0 -3px 4px rgba(0, 0, 0, .5),
		0 0 20px rgba(200, 140, 20, .4),
		0 6px 16px rgba(0, 0, 0, .6);
	margin-bottom: 8px;
}

/* Tên neon trên màn hình slot */
.iw1-hero-name {
	font-size: 56px;
	font-weight: 900;
	letter-spacing: .18em;
	font-family: "Nunito", sans-serif;
	/* Neon vàng */
	color: #ffd700;
	text-shadow:
		0 0 6px #ffd700,
		0 0 14px #ffa500,
		0 0 30px rgba(255, 150, 0, .6),
		0 2px 0 rgba(0, 0, 0, 1),
		0 -1px 0 rgba(0, 0, 0, .8);
	line-height: 1;
}

.iw1-hero-sub {
	font-size: 16px;
	letter-spacing: .28em;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
	/* Neon xanh lá */
	color: #00ff88;
	text-shadow:
		0 0 5px #00ff88,
		0 0 12px rgba(0, 220, 100, .7),
		0 0 24px rgba(0, 150, 60, .5);
}

/* ─────────────────────────────────────────────
   CTA SECTION — NÚT BẤM CASINO
───────────────────────────────────────────── */
.iw1-cta {
	margin-top: 18px;
}

/* Thanh divider: ray đồng thau */
.iw1-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 12px auto;
	max-width: 60%;
}

.iw1-divider span {
	flex: 1;
	height: 3px;
	background: linear-gradient(90deg,
			transparent 0%,
			#5a3808 20%,
			#c09030 50%,
			#5a3808 80%,
			transparent 100%);
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 -1px 0 rgba(255, 200, 80, .15);
}

.iw1-divider b {
	width: 12px;
	height: 12px;
	background: radial-gradient(circle at 40% 35%, #ffe09a, #c08020);
	transform: rotate(45deg);
	border: 1px solid #7a5010;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 100, .5),
		0 0 6px rgba(200, 140, 20, .5),
		0 2px 4px rgba(0, 0, 0, .5);
}

.iw1-divider--mid {
	max-width: 40%;
}

.iw1-cta-hint {
	margin: 4px 0 14px;
	font-size: 16px;
	color: #8a9870;
	font-weight: 700;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
}

.iw1-cta-hint .iw1-domain {
	color: #e8c870;
	font-weight: 900;
	text-shadow: 0 0 8px rgba(200, 150, 20, .4), 0 1px 0 rgba(0, 0, 0, .6);
}

/* NÚT CASINO 3D — Skeuomorphic bevel hoàn chỉnh */
.iw1-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: 100%;
	max-width: 460px;
	min-height: 78px;
	padding: 12px 28px;
	margin: 8px auto;
	border-radius: 12px;
	font-family: "Nunito", sans-serif;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
	overflow: hidden;
	transition: transform .15s, filter .15s;
}

/* Glossy shine (lớp sáng trên mặt nút) */
.iw1-btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 8%;
	right: 8%;
	height: 48%;
	background: linear-gradient(180deg,
			rgba(255, 255, 255, .32) 0%,
			rgba(255, 255, 255, .08) 100%);
	border-radius: 0 0 60% 60%;
	pointer-events: none;
}

.iw1-btn:hover {
	transform: translateY(-2px);
	color: #fff;
	filter: brightness(1.07);
}

.iw1-btn:active {
	transform: translateY(2px);
	filter: brightness(.95);
}

.iw1-btn:active::after {
	opacity: .5;
}

/* Nút ĐỎ — CHƠI NHANH BẢN WEB */
.iw1-btn--red {
	background: linear-gradient(180deg,
			#ff4040 0%,
			#d01818 20%,
			#a81010 60%,
			#780808 100%);
	border-top: 3px solid rgba(255, 180, 180, .5);
	border-left: 2px solid rgba(255, 150, 150, .3);
	border-right: 2px solid rgba(0, 0, 0, .5);
	border-bottom: 5px solid rgba(0, 0, 0, .6);
	box-shadow:
		inset 0 2px 0 rgba(255, 255, 255, .15),
		inset 0 -2px 0 rgba(0, 0, 0, .3),
		0 8px 20px rgba(100, 0, 0, .6),
		0 3px 8px rgba(0, 0, 0, .5),
		0 0 0 1px rgba(0, 0, 0, .4);
	max-width: 380px;
	min-height: 64px;
}

.iw1-btn--red .iw1-btn-text {
	font-size: 22px;
	letter-spacing: .08em;
}

/* Nút XANH — TẢI APP (pulse animation) */
.iw1-btn--green {
	background: linear-gradient(180deg,
			#30d870 0%,
			#18b850 20%,
			#109038 60%,
			#086820 100%);
	border-top: 3px solid rgba(150, 255, 180, .5);
	border-left: 2px solid rgba(100, 255, 150, .3);
	border-right: 2px solid rgba(0, 0, 0, .5);
	border-bottom: 5px solid rgba(0, 0, 0, .6);
	box-shadow:
		inset 0 2px 0 rgba(255, 255, 255, .18),
		inset 0 -2px 0 rgba(0, 0, 0, .3),
		0 8px 20px rgba(0, 80, 20, .6),
		0 3px 8px rgba(0, 0, 0, .5),
		0 0 0 1px rgba(0, 0, 0, .4);
	animation: iw1Pulse 1.7s ease-in-out infinite;
}

.iw1-btn-text {
	font-size: 28px;
	font-family: "Nunito", sans-serif;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .5), 0 1px 0 rgba(0, 0, 0, .4);
}

.iw1-btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #fff;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}

.iw1-btn-icon svg {
	width: 100%;
	height: 100%;
}

@keyframes iw1Pulse {

	0%,
	100% {
		filter: brightness(1) drop-shadow(0 0 0 rgba(40, 220, 100, 0));
	}

	50% {
		filter: brightness(1.06) drop-shadow(0 0 14px rgba(40, 220, 100, .5));
	}
}

/* Dòng cipher 1.1.1.1 */
.iw1-cta-cipher {
	display: block;
	margin: 10px 0 0;
	font-size: 14px;
	color: #6a8060;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

.iw1-cipher {
	display: inline-block;
	font-weight: 900;
	font-size: 15px;
	color: #e8c870;
	text-shadow:
		0 0 6px rgba(220, 180, 30, .6),
		0 0 12px rgba(180, 130, 10, .4),
		0 1px 0 rgba(0, 0, 0, .6);
	letter-spacing: .08em;
}

.iw1-dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 10px;
}

.iw1-dots span {
	width: 26px;
	height: 4px;
	border-radius: 2px;
	background: rgba(60, 40, 10, .6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .4);
}

.iw1-dots span:first-child {
	background: linear-gradient(90deg, #a07818, #d4a820);
	box-shadow: 0 0 6px rgba(200, 150, 20, .4), inset 0 1px 0 rgba(255, 220, 80, .3);
}

/* ─────────────────────────────────────────────
   CONTENT AREA — BÀN VIẾT NỈ XANH (bài viết / trang)
───────────────────────────────────────────── */
.iw1-content {
	position: relative;
	z-index: 2;
	margin: 28px auto 0;
	padding: 22px 22px 28px;
	border-radius: 10px;
	text-align: left;

	background-color: #0a3018;
	background-image:
		radial-gradient(ellipse at 50% 0%, rgba(20, 70, 35, .4) 0%, transparent 70%),
		repeating-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .006) 1px, transparent 2px, transparent 4px),
		repeating-linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .015) 1px, transparent 2px, transparent 4px);

	border: 6px solid #6a3a0c;
	background-clip: padding-box;
	box-shadow:
		inset 0 0 40px rgba(0, 0, 0, .4),
		inset 0 0 0 1px rgba(0, 0, 0, .5),
		0 0 0 1px #a06820,
		0 0 0 2px #2e1406,
		0 10px 30px rgba(0, 0, 0, .6);

	color: #b0c890;
}

.iw1-content h1,
.iw1-content h2,
.iw1-content h3,
.iw1-content h4,
.iw1-content h5,
.iw1-content h6 {
	color: #d4a820;
	font-weight: 800;
	margin-top: 1em;
	line-height: 1.3;
	font-family: "Nunito", sans-serif;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

.iw1-content h1 {
	font-size: 24px;
	text-align: center;
}

.iw1-content h2 {
	font-size: 20px;
}

.iw1-content h3 {
	font-size: 17px;
}

.iw1-content p,
.iw1-content li {
	line-height: 1.75;
	font-size: 15px;
	color: #9ab880;
}

.iw1-content a {
	color: #c8a030;
	text-decoration: underline;
}

.iw1-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0;
	font-size: 14px;
}

.iw1-content table td,
.iw1-content table th {
	border: 1px solid rgba(180, 130, 30, .25);
	padding: 8px 12px;
	color: #b0c890;
}

.iw1-content table th {
	background: rgba(100, 70, 10, .25);
	color: #d4a820;
}

/* ─────────────────────────────────────────────
   FOOTER — GỖ MAHOGANY ĐEN
───────────────────────────────────────────── */
.iw1-footer {
	position: relative;
	z-index: 2;
	margin-top: 36px;
	padding: 28px 16px 24px;
	text-align: center;
	overflow: hidden;

	/* Gỗ tối + vân nhẹ */
	background-color: #0e0804;
	background-image:
		repeating-linear-gradient(89deg,
			rgba(0, 0, 0, 0) 0px,
			rgba(0, 0, 0, .08) 1px,
			rgba(0, 0, 0, 0) 2px,
			rgba(255, 255, 255, .012) 3px,
			rgba(0, 0, 0, 0) 5px,
			rgba(0, 0, 0, .05) 6px,
			rgba(0, 0, 0, 0) 8px),
		linear-gradient(180deg, #1a0e06 0%, #0e0804 50%, #060402 100%);

	/* Gờ gỗ trên (thanh đồng thau ngăn cách) */
	border-top: 3px solid #5a3808;
	box-shadow:
		0 -1px 0 rgba(200, 140, 30, .2),
		0 -3px 8px rgba(0, 0, 0, .6),
		inset 0 1px 0 rgba(255, 200, 80, .06);
}

/* Ánh đèn vàng hắt lên footer */
.iw1-footer-beam {
	position: absolute;
	inset: -40% 20% auto 20%;
	height: 150px;
	background: radial-gradient(ellipse at center, rgba(180, 120, 20, .1) 0%, transparent 70%);
	filter: blur(18px);
	pointer-events: none;
}

.iw1-footer-inner {
	position: relative;
	max-width: 720px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.iw1-foot-logo {
	display: inline-block;
}

.iw1-foot-logo-img,
.iw1-foot-logo img {
	max-height: 68px;
	width: auto;
	filter:
		drop-shadow(0 2px 6px rgba(0, 0, 0, .7)) drop-shadow(0 0 12px rgba(180, 120, 20, .3));
}

.iw1-foot-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
	margin: 6px 0;
}

.iw1-foot-nav a {
	padding: 4px 16px;
	font-size: 12px;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
	color: #6a5830;
	text-transform: uppercase;
	letter-spacing: .06em;
	border-left: 1px solid rgba(120, 80, 20, .4);
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
	transition: color .2s;
}

.iw1-foot-nav a:first-child {
	border-left: 0;
}

.iw1-foot-nav a:hover {
	color: #d4a820;
}

.iw1-foot-badges {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 6px 0;
}

.iw1-foot-dmca img {
	height: 28px;
	border-radius: 4px;
	background: #fff;
	padding: 2px 4px;
	opacity: .75;
}

/* Badge 18+ — tem đỏ dập nổi */
.iw1-foot-age {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	padding: 4px 10px;
	border-radius: 4px;
	/* Tem đỏ như dấu kiểm duyệt */
	background: linear-gradient(180deg, #8b0a0a 0%, #5a0606 100%);
	border-top: 1px solid rgba(255, 100, 100, .3);
	border-bottom: 2px solid rgba(0, 0, 0, .5);
	box-shadow:
		inset 0 1px 0 rgba(255, 150, 150, .2),
		0 2px 5px rgba(0, 0, 0, .5),
		0 0 0 1px rgba(0, 0, 0, .4);
	color: #f5a0a0;
	font-weight: 900;
	font-family: "Nunito", sans-serif;
}

.iw1-foot-age b {
	font-size: 15px;
	line-height: 1;
}

.iw1-foot-age small {
	font-size: 11px;
}

.iw1-foot-copy {
	margin: 4px 0 0;
	font-size: 12px;
	color: #4a3818;
	font-family: "Nunito", sans-serif;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

.iw1-foot-copy strong {
	color: #c89820;
}

.iw1-foot-domain {
	color: #a07818;
}

.iw1-foot-disclaimer {
	margin: 0;
	font-size: 11px;
	color: #e8c870;
	max-width: 600px;
	font-family: "Nunito", sans-serif;
}

/* ─────────────────────────────────────────────
   ẨN FLATSOME CHROME GỐC
───────────────────────────────────────────── */
.iw1-page #header,
.iw1-page #footer,
.iw1-page .header,
.iw1-page .footer {
	display: none !important;
}

/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────── */
@media (max-width: 1280px) {
	.iw1-side {
		width: 200px;
	}

	.iw1-side--left {
		left: 14px;
	}

	.iw1-side--right {
		right: 14px;
	}
}

@media (max-width: 1100px) {
	.iw1-side {
		display: none;
	}

	.iw1-main {
		max-width: 640px;
	}
}

@media (max-width: 991px) {
	.iw1-social-btn .iw1-social-label {
		display: none;
	}

	.iw1-social-btn {
		padding: 10px;
		border-radius: 50%;
	}

	.iw1-social-btn svg {
		width: 21px;
		height: 21px;
	}

	.iw1-social-btn--chat {
		padding: 10px;
	}

	.iw1-tagline {
		font-size: 26px;
	}

	.iw1-btn-text {
		font-size: 24px;
	}

	.iw1-btn--red .iw1-btn-text {
		font-size: 20px;
	}

	.iw1-hero-name {
		font-size: 44px;
	}
}

@media (max-width: 760px) {
	.iw1-main {
		margin: 14px 8px 22px;
		padding: 22px 14px 36px;
		border-width: 10px;
	}

	.iw1-logo {
		max-width: 38%;
	}

	.iw1-logo-img,
	.iw1-logo img {
		max-height: 90px;
	}

	.iw1-tagline {
		font-size: 22px;
		letter-spacing: .08em;
	}

	.iw1-subline {
		font-size: 13px;
	}

	.iw1-hero-frame {
		border-width: 10px;
	}

	.iw1-hero-name {
		font-size: 36px;
		letter-spacing: .1em;
	}

	.iw1-hero-sub {
		font-size: 13px;
		letter-spacing: .18em;
	}

	.iw1-cta-hint {
		font-size: 14px;
	}

	.iw1-btn {
		min-height: 64px;
		gap: 8px;
	}

	.iw1-btn-text {
		font-size: 22px;
	}

	.iw1-btn--red {
		min-height: 56px;
	}

	.iw1-btn--red .iw1-btn-text {
		font-size: 18px;
	}

	.iw1-btn-icon {
		width: 28px;
		height: 28px;
	}

	.iw1-divider {
		max-width: 80%;
	}

	.iw1-content {
		padding: 14px 12px;
		border-width: 4px;
	}

	.iw1-foot-nav a {
		padding: 4px 10px;
		font-size: 11px;
	}
}

@media (max-width: 480px) {
	.iw1-main {
		margin: 8px 6px 16px;
		border-width: 8px;
		border-radius: 14px;
	}

	.iw1-social {
		top: 10px;
		right: 10px;
		gap: 7px;
	}

	.iw1-social-btn--chat {
		right: 10px;
		bottom: 14px;
	}

	.iw1-social-btn {
		padding: 8px;
	}

	.iw1-social-btn svg {
		width: 20px;
		height: 20px;
	}

	.iw1-logo {
		max-width: 44%;
	}

	.iw1-tagline {
		font-size: 19px;
		margin: 6px 0;
	}

	.iw1-subline {
		font-size: 12px;
	}

	.iw1-hero-frame {
		border-width: 8px;
	}

	.iw1-hero-name {
		font-size: 28px;
	}

	.iw1-hero-sub {
		font-size: 12px;
	}

	.iw1-btn {
		min-height: 56px;
		padding: 8px 16px;
		gap: 6px;
		border-radius: 9px;
	}

	.iw1-btn-text {
		font-size: 18px;
	}

	.iw1-btn--red {
		min-height: 50px;
	}

	.iw1-btn--red .iw1-btn-text {
		font-size: 16px;
	}

	.iw1-btn-icon {
		width: 24px;
		height: 24px;
	}

	.iw1-cta-hint {
		font-size: 13px;
	}

	.iw1-content h1 {
		font-size: 20px;
	}

	.iw1-content h2 {
		font-size: 17px;
	}

	.iw1-content h3 {
		font-size: 15px;
	}

	.iw1-foot-logo-img,
	.iw1-foot-logo img {
		max-height: 54px;
	}

	.iw1-foot-copy {
		font-size: 11px;
	}

	.iw1-foot-disclaimer {
		font-size: 10px;
	}
}

@media (max-width: 360px) {
	.iw1-tagline {
		font-size: 17px;
	}

	.iw1-btn-text {
		font-size: 16px;
	}

	.iw1-btn--red .iw1-btn-text {
		font-size: 14px;
	}

	.iw1-hero-name {
		font-size: 22px;
	}
}

/* ─────────────────────────────────────────────
   APP BUTTON — ẨN TRÊN PC, HIỆN MOBILE/TABLET
───────────────────────────────────────────── */
.iw1-cta-app {
	display: none;
}

@media (max-width: 1024px) {
	.iw1-cta-app {
		display: block;
	}
}

@media (hover: none) and (pointer: coarse) {
	.iw1-cta-app {
		display: block;
	}
}