/* Tệp: assets/frog-games.css — Frog Games 1.1.5 — 05/09/2026
   Trang chơi. Viết cho điện thoại trước, 5 mốc 480/640/768/1024/1200. Mọi luật khoá trong .fjgm-app.
   Nút dùng tên lớp nhân đôi + !important để theme/Elementor không kéo cao, ép nowrap hay đổi chữ. */

.fjgm-app {
	--fjgm-ink: #122019;
	--fjgm-frog: #0f6b47;
	--fjgm-frog-dam: #0b5537;
	--fjgm-wash: #eef4f1;
	--fjgm-amber: #a86612;
	--fjgm-rust: #a83228;
	--fjgm-line: #d5e0da;
	--fjgm-muted: #5b6b63;
	--fjgm-trang: #ffffff;
	--fjgm-vang-nhat: #fdf5e8;
	--fjgm-do-nhat: #fbeeed;
	--fjgm-r: 14px;
	color-scheme: light;
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	color: var(--fjgm-ink);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	overflow-x: clip;
	-webkit-text-size-adjust: 100%;
}
@supports not (overflow-x: clip) {
	.fjgm-app { overflow-x: hidden; }
}
.fjgm-app,
.fjgm-app *,
.fjgm-app *::before,
.fjgm-app *::after {
	box-sizing: border-box !important;
	min-width: 0;
}
/* Triệt để chống theme WordPress/Elementor ép 'white-space: nowrap' hoặc vỡ bố cục text */
.fjgm-app button:not(.fjgm-btn),
.fjgm-app button:not(.fjgm-btn) *,
.fjgm-app .fjgm-tro,
.fjgm-app .fjgm-tro *,
.fjgm-app .fjgm-the,
.fjgm-app .fjgm-the *,
.fjgm-app .fjgm-nho__the,
.fjgm-app .fjgm-nho__the *,
.fjgm-app .fjgm-dap__nut,
.fjgm-app .fjgm-dap__nut *,
.fjgm-app .fjgm-o,
.fjgm-app .fjgm-o *,
.fjgm-app .fjgm-chu-tu,
.fjgm-app .fjgm-chu-tu *,
.fjgm-app .fjgm-xep__tu,
.fjgm-app .fjgm-xep__tu * {
	box-sizing: border-box !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	text-transform: none;
	letter-spacing: normal;
	max-width: 100%;
}
.fjgm-app p,
.fjgm-app span,
.fjgm-app div,
.fjgm-app h1,
.fjgm-app h2,
.fjgm-app h3,
.fjgm-app h4,
.fjgm-app li,
.fjgm-app td,
.fjgm-app th {
	word-break: break-word;
	overflow-wrap: break-word;
}
.fjgm-app p:empty,
.fjgm-app div:empty:not(.fjgm-thanh__day):not(.fjgm-tim__o):not(.fjgm-o-chu):not(.fjgm-xep__dap):not(.fjgm-xep__kho):not(.fjgm-phan-hoi):not(.fjgm-man):not(.fjgm-ochu__o) { display: none; }
.fjgm-app p { margin: 0 0 10px; }
.fjgm-app h2,
.fjgm-app h3 { margin: 0; line-height: 1.25; }
.fjgm-app__cho { padding: 18px; color: var(--fjgm-muted); text-align: center; }
.fjgm-app__loi {
	margin: 10px 0;
	padding: 12px 14px;
	border-radius: 10px;
	background: var(--fjgm-do-nhat);
	border: 1px solid #e6c1bd;
	color: var(--fjgm-rust);
	font-weight: 600;
}

/* ---- chế độ soi ?fjgm-test=1 ---- */
.fjgm-soi {
	margin: 0 0 16px;
	padding: 12px 14px;
	background: var(--fjgm-vang-nhat);
	border: 2px dashed var(--fjgm-amber);
	border-radius: 10px;
	font-size: 14px;
}
.fjgm-soi__tieu-de { font-weight: 800; margin-bottom: 6px; }
.fjgm-soi__bang { width: 100%; border-collapse: collapse; }
.fjgm-soi__bang th,
.fjgm-soi__bang td { text-align: left; padding: 4px 8px 4px 0; vertical-align: top; border-bottom: 1px solid #ecd9bd; word-break: break-word; }
.fjgm-soi__bang th { width: 45%; font-weight: 600; }

/* ---- nút: đóng khung cứng ---- */
.fjgm-app button.fjgm-btn.fjgm-btn,
.fjgm-app a.fjgm-btn.fjgm-btn {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	box-sizing: border-box !important;
	width: auto !important;
	max-width: 340px !important;
	min-width: 0 !important;
	height: 48px !important;
	min-height: 48px !important;
	line-height: 48px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 2px solid var(--fjgm-frog) !important;
	border-radius: 999px !important;
	background: var(--fjgm-frog) !important;
	color: #fff !important;
	font: 700 15px/48px system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	cursor: pointer !important;
	transition: background .15s, border-color .15s, transform .1s !important;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-app button.fjgm-btn.fjgm-btn:hover,
.fjgm-app a.fjgm-btn.fjgm-btn:hover { background: var(--fjgm-frog-dam) !important; border-color: var(--fjgm-frog-dam) !important; }
.fjgm-app button.fjgm-btn.fjgm-btn:active,
.fjgm-app a.fjgm-btn.fjgm-btn:active { transform: translateY(1px); }
.fjgm-app button.fjgm-btn.fjgm-btn:focus-visible,
.fjgm-app a.fjgm-btn.fjgm-btn:focus-visible { outline: 3px solid #9fd3bd !important; outline-offset: 2px !important; }
.fjgm-app button.fjgm-btn.fjgm-btn--phu,
.fjgm-app a.fjgm-btn.fjgm-btn--phu { background: var(--fjgm-trang) !important; color: var(--fjgm-frog) !important; }
.fjgm-app button.fjgm-btn.fjgm-btn--phu:hover,
.fjgm-app a.fjgm-btn.fjgm-btn--phu:hover { background: var(--fjgm-wash) !important; }
.fjgm-app button.fjgm-btn.fjgm-btn--nho,
.fjgm-app a.fjgm-btn.fjgm-btn--nho { height: 40px !important; min-height: 40px !important; line-height: 40px !important; padding: 0 14px !important; font-size: 14px !important; }
.fjgm-app button.fjgm-btn.fjgm-btn--rong,
.fjgm-app a.fjgm-btn.fjgm-btn--rong { width: 100% !important; }
.fjgm-app button.fjgm-btn.fjgm-btn--vang,
.fjgm-app a.fjgm-btn.fjgm-btn--vang { background: var(--fjgm-amber) !important; border-color: var(--fjgm-amber) !important; }
.fjgm-app button.fjgm-btn.fjgm-btn:disabled { opacity: .5 !important; cursor: not-allowed !important; }
.fjgm-app .fjgm-hang-nut {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin: 14px 0 0;
}
.fjgm-app .fjgm-hang-nut--giua { justify-content: center; }

/* ---- đầu khối ---- */
.fjgm-hub__head { margin: 0 0 14px; }
.fjgm-hub__tieu-de { font-size: 24px; font-weight: 800; color: var(--fjgm-ink); }
.fjgm-hub__mo-ta { color: var(--fjgm-muted); margin: 4px 0 0; font-size: 15px; }
.fjgm-app .fjgm-vchip {
	position: absolute;
	right: 0;
	top: 0;
	font: 600 11px/1.6 system-ui, sans-serif;
	color: var(--fjgm-muted);
	background: var(--fjgm-wash);
	border: 1px solid var(--fjgm-line);
	border-radius: 999px;
	padding: 1px 8px;
}
.fjgm-app .fjgm-hub--co-chip .fjgm-hub__head { padding-right: 70px; }

/* ---- lọc cấp ---- */
.fjgm-loc { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.fjgm-app button.fjgm-btn.fjgm-chip {
	height: 36px !important;
	min-height: 36px !important;
	line-height: 36px !important;
	padding: 0 14px !important;
	font-size: 13px !important;
	background: var(--fjgm-trang) !important;
	color: var(--fjgm-ink) !important;
	border-color: var(--fjgm-line) !important;
}
.fjgm-app button.fjgm-btn.fjgm-chip.is-on { background: var(--fjgm-ink) !important; color: #fff !important; border-color: var(--fjgm-ink) !important; }

/* ---- lưới bộ từ: 1 → 2 (640) → 3 (1024) cột ---- */
.fjgm-bo-luoi {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}
.fjgm-bo {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding: 16px !important;
	background: var(--fjgm-trang) !important;
	border: 1px solid var(--fjgm-line) !important;
	border-radius: var(--fjgm-r) !important;
	min-width: 0 !important;
	max-width: 100% !important;
	overflow: hidden !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-bo__dau { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fjgm-cap {
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	padding: 2px 9px;
	border-radius: 6px;
	background: var(--fjgm-wash);
	color: var(--fjgm-frog);
	border: 1px solid var(--fjgm-line);
	letter-spacing: .02em;
}
.fjgm-cap--a2 { color: #0b5c8a; background: #e9f3fa; }
.fjgm-cap--b1 { color: var(--fjgm-amber); background: var(--fjgm-vang-nhat); }
.fjgm-cap--b2 { color: var(--fjgm-rust); background: var(--fjgm-do-nhat); }
.fjgm-cap--c1 { color: #5b3d8a; background: #f1ecf8; }
.fjgm-cap--khac { color: var(--fjgm-muted); background: #f3f4f3; }
.fjgm-bo__nguon { font-size: 11px; font-weight: 700; color: var(--fjgm-muted); background: #f3f4f3; border: 1px solid var(--fjgm-line); border-radius: 999px; padding: 1px 8px; }
.fjgm-bo__ten {
	font-size: 17px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-bo__meta {
	font-size: 13px !important;
	color: var(--fjgm-muted) !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-bo__mo-ta {
	font-size: 14px !important;
	color: var(--fjgm-ink) !important;
	flex: 1 1 auto !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-bo .fjgm-hang-nut { margin-top: 4px; }
.fjgm-trong {
	padding: 16px;
	border-radius: var(--fjgm-r);
	background: var(--fjgm-wash);
	color: var(--fjgm-muted);
	text-align: center;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;
}

/* ---- lưới trò: 1 (phone) → 2 (540) → 3 (768) cột ---- */
.fjgm-tro-luoi {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 12px !important;
	margin: 14px 0 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
@media (min-width: 540px) {
	.fjgm-tro-luoi { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 768px) {
	.fjgm-tro-luoi { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

.fjgm-app button.fjgm-tro.fjgm-tro {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 6px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 105px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 16px !important;
	text-align: left !important;
	background: var(--fjgm-trang) !important;
	border: 2px solid var(--fjgm-line) !important;
	border-radius: var(--fjgm-r) !important;
	color: var(--fjgm-ink) !important;
	font: inherit !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
	box-shadow: none !important;
	text-transform: none !important;
	text-decoration: none !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	overflow: visible !important;
	transition: border-color .15s, transform .1s, box-shadow .15s !important;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-app button.fjgm-tro.fjgm-tro:hover {
	border-color: var(--fjgm-frog) !important;
	box-shadow: 0 4px 12px rgba(15, 107, 71, .08) !important;
}
.fjgm-app button.fjgm-tro.fjgm-tro.is-off {
	opacity: .6 !important;
	cursor: not-allowed !important;
	background: #fbfcfb !important;
}
.fjgm-app button.fjgm-tro.fjgm-tro.is-off:hover {
	border-color: var(--fjgm-line) !important;
	box-shadow: none !important;
}
.fjgm-app button.fjgm-tro span {
	position: static !important;
	float: none !important;
	clear: both !important;
	transform: none !important;
}
.fjgm-app .fjgm-tro__ten,
.fjgm-app button.fjgm-tro .fjgm-tro__ten {
	display: block !important;
	position: static !important;
	float: none !important;
	clear: both !important;
	transform: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	color: var(--fjgm-frog) !important;
	line-height: 1.3 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-app .fjgm-tro__mo-ta,
.fjgm-app button.fjgm-tro .fjgm-tro__mo-ta {
	display: block !important;
	position: static !important;
	float: none !important;
	clear: both !important;
	transform: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	color: var(--fjgm-muted) !important;
	line-height: 1.45 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-app .fjgm-tro__ky-luc,
.fjgm-app button.fjgm-tro .fjgm-tro__ky-luc {
	display: block !important;
	position: static !important;
	float: none !important;
	clear: both !important;
	transform: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 4px 0 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	color: var(--fjgm-amber) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-app .fjgm-tro__thieu,
.fjgm-app button.fjgm-tro .fjgm-tro__thieu {
	display: block !important;
	position: static !important;
	float: none !important;
	clear: both !important;
	transform: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 6px 0 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	color: var(--fjgm-rust) !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}

/* ---- thanh trên cùng trong lúc chơi ---- */
.fjgm-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	padding: 0 0 12px;
	margin: 0 0 12px;
	border-bottom: 1px solid var(--fjgm-line);
}
.fjgm-top__ten { font-size: 17px; font-weight: 800; flex: 1 1 140px; min-width: 0; }
.fjgm-top__stats { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 14px; color: var(--fjgm-muted); }
.fjgm-top__stat b { color: var(--fjgm-ink); font-size: 16px; }
.fjgm-huong-dan { font-size: 14px; color: var(--fjgm-muted); margin: 0 0 12px; }
.fjgm-tien-do { font-size: 14px; color: var(--fjgm-muted); margin: 0 0 8px; }
.fjgm-phan-hoi {
	margin: 12px 0 0;
	padding: 10px 14px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	min-height: 44px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}
.fjgm-phan-hoi--dung { background: var(--fjgm-wash); color: var(--fjgm-frog); }
.fjgm-phan-hoi--sai { background: var(--fjgm-do-nhat); color: var(--fjgm-rust); }
.fjgm-phan-hoi--trong { background: transparent; }

/* ---- thanh đồng hồ ---- */
.fjgm-thanh { height: 8px; background: var(--fjgm-wash); border-radius: 999px; overflow: hidden; margin: 0 0 12px; }
.fjgm-thanh__day { height: 100%; width: 100%; background: var(--fjgm-frog); border-radius: 999px; transition: width .25s linear; }
.fjgm-thanh__day.is-gap { background: var(--fjgm-rust); }

/* ---- thẻ lật ---- */
.fjgm-the-khung { margin: 0 0 12px; }
.fjgm-app button.fjgm-the.fjgm-the {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 220px !important;
	height: auto !important;
	margin: 0 0 14px !important;
	padding: 24px 20px !important;
	background: var(--fjgm-trang) !important;
	border: 2px solid var(--fjgm-line) !important;
	border-radius: var(--fjgm-r) !important;
	color: var(--fjgm-ink) !important;
	font: inherit !important;
	text-align: center !important;
	cursor: pointer !important;
	box-shadow: 0 2px 10px rgba(18, 32, 25, .06) !important;
	text-transform: none !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	overflow: hidden !important;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-app button.fjgm-the.fjgm-the.is-lat {
	background: var(--fjgm-wash) !important;
	border-color: var(--fjgm-frog) !important;
}
.fjgm-app .fjgm-the__nhan,
.fjgm-app button.fjgm-the .fjgm-the__nhan {
	display: block !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	color: var(--fjgm-muted) !important;
	white-space: normal !important;
}
.fjgm-app .fjgm-the__chu,
.fjgm-app button.fjgm-the .fjgm-the__chu {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	color: var(--fjgm-ink) !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-app .fjgm-the__vd,
.fjgm-app button.fjgm-the .fjgm-the__vd {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	font-size: 15px !important;
	color: var(--fjgm-muted) !important;
	line-height: 1.5 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-app .fjgm-the__goi,
.fjgm-app button.fjgm-the .fjgm-the__goi {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	font-size: 13px !important;
	color: var(--fjgm-muted) !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-the__chieu { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }

/* ---- ghép cặp: 2 cột độc lập (Đức vs Việt) ---- */
.fjgm-ghep-khung {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 12px 0 16px;
	width: 100%;
	min-width: 0;
}
@media (max-width: 480px) {
	.fjgm-ghep-khung {
		gap: 8px;
	}
}
.fjgm-ghep-cot {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	width: 100%;
}
.fjgm-ghep-cot__tieu-de {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: 8px 10px;
	border-radius: 8px;
	text-align: center;
	white-space: normal;
	word-break: break-word;
}
.fjgm-ghep-cot--de .fjgm-ghep-cot__tieu-de {
	background: #ecfdf5;
	color: var(--fjgm-frog);
	border: 1px solid #a7f3d0;
}
.fjgm-ghep-cot--vi .fjgm-ghep-cot__tieu-de {
	background: #eff6ff;
	color: #2563eb;
	border: 1px solid #bfdbfe;
}
.fjgm-ghep-cot__danh-sach {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	width: 100%;
}
.fjgm-ghep {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}
.fjgm-app button.fjgm-o.fjgm-o {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 52px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 10px 10px !important;
	background: var(--fjgm-trang) !important;
	border: 2px solid var(--fjgm-line) !important;
	border-radius: 12px !important;
	color: var(--fjgm-ink) !important;
	font: 600 15px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	overflow: hidden !important;
	cursor: pointer !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
	text-transform: none !important;
	transition: border-color .15s, background .15s, transform .1s, opacity .2s !important;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}
.fjgm-app button.fjgm-o.fjgm-o * {
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-app button.fjgm-o--de {
	border-color: #a7f3d0 !important;
	background: #fcfdfd !important;
	font-weight: 700 !important;
}
.fjgm-app button.fjgm-o--vi {
	border-color: #bfdbfe !important;
	background: #fbfdff !important;
	color: #334155 !important;
}
.fjgm-app button.fjgm-o.is-chon {
	border-color: var(--fjgm-frog) !important;
	background: #ecfdf5 !important;
	color: var(--fjgm-frog) !important;
	box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.25) !important;
	transform: scale(1.02) !important;
}
.fjgm-app button.fjgm-o.is-sai {
	border-color: var(--fjgm-rust) !important;
	background: var(--fjgm-do-nhat) !important;
	color: var(--fjgm-rust) !important;
	animation: fjgm-rung .3s ease-in-out !important;
}
.fjgm-app button.fjgm-o.is-xong {
	border-color: #10b981 !important;
	background: #f0fdf4 !important;
	color: #059669 !important;
	cursor: default !important;
	opacity: 0.28 !important;
	pointer-events: none !important;
	text-decoration: line-through !important;
	transform: scale(0.97) !important;
	box-shadow: none !important;
}
@keyframes fjgm-rung {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-4px); }
	75% { transform: translateX(4px); }
}

/* ---- trắc nghiệm ---- */
.fjgm-hoi {
	padding: 18px !important;
	background: var(--fjgm-trang) !important;
	border: 2px solid var(--fjgm-line) !important;
	border-radius: var(--fjgm-r) !important;
	margin: 0 0 12px !important;
	overflow: hidden !important;
}
.fjgm-hoi__nhan { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--fjgm-muted); margin: 0 0 6px; }
.fjgm-hoi__chu {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-dap {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
}
.fjgm-app button.fjgm-dap__nut.fjgm-dap__nut {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 52px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 12px 16px !important;
	background: var(--fjgm-trang) !important;
	border: 2px solid var(--fjgm-line) !important;
	border-radius: 12px !important;
	color: var(--fjgm-ink) !important;
	font: 600 15px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	text-align: left !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	overflow: hidden !important;
	cursor: pointer !important;
	box-shadow: none !important;
	text-transform: none !important;
	transition: border-color .15s, background .15s !important;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-app button.fjgm-dap__nut.fjgm-dap__nut:hover { border-color: var(--fjgm-frog) !important; }
.fjgm-app button.fjgm-dap__nut.fjgm-dap__nut:disabled { cursor: default !important; }
.fjgm-app button.fjgm-dap__nut.fjgm-dap__nut.is-dung { border-color: var(--fjgm-frog) !important; background: var(--fjgm-wash) !important; color: var(--fjgm-frog) !important; }
.fjgm-app button.fjgm-dap__nut.fjgm-dap__nut.is-sai { border-color: var(--fjgm-rust) !important; background: var(--fjgm-do-nhat) !important; color: var(--fjgm-rust) !important; }
.fjgm-app button.fjgm-dap__nut.fjgm-dap__nut span:last-child {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-dap__so {
	flex: 0 0 26px !important;
	width: 26px !important;
	height: 26px !important;
	border-radius: 50% !important;
	background: var(--fjgm-wash) !important;
	color: var(--fjgm-frog) !important;
	font-size: 13px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* ---- đoán từ ---- */
.fjgm-doan__tu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: 6px;
	margin: 0 0 14px;
	min-height: 56px;
}
.fjgm-doan__mao { font-size: 22px; font-weight: 700; color: var(--fjgm-muted); margin-right: 6px; align-self: center; }
.fjgm-o-chu {
	width: 32px;
	height: 42px;
	border-bottom: 3px solid var(--fjgm-ink);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 800;
	text-transform: none;
}
.fjgm-o-chu--khoang { border-bottom-color: transparent; width: 16px; }
.fjgm-o-chu--dau { border-bottom-color: transparent; width: auto; }
.fjgm-o-chu.is-lo { color: var(--fjgm-rust); }
.fjgm-doan__goi { text-align: center; font-size: 17px; margin: 0 0 8px; }
.fjgm-doan__goi b { color: var(--fjgm-frog); }
.fjgm-doan__sai { text-align: center; font-size: 14px; color: var(--fjgm-muted); margin: 0 0 12px; }
.fjgm-doan__sai b { color: var(--fjgm-rust); }
.fjgm-phim { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.fjgm-app button.fjgm-phim__nut {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 calc(12.5% - 6px);
	max-width: 44px;
	min-width: 28px;
	height: 44px;
	margin: 0;
	padding: 0;
	background: var(--fjgm-trang);
	border: 2px solid var(--fjgm-line);
	border-radius: 8px;
	color: var(--fjgm-ink);
	font: 700 16px/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	cursor: pointer;
	box-shadow: none;
	text-transform: none;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-app button.fjgm-phim__nut:disabled { cursor: default; opacity: .45; }
.fjgm-app button.fjgm-phim__nut.is-dung { background: var(--fjgm-wash); border-color: var(--fjgm-frog); color: var(--fjgm-frog); opacity: 1; }
.fjgm-app button.fjgm-phim__nut.is-sai { background: var(--fjgm-do-nhat); border-color: #e6c1bd; color: var(--fjgm-rust); opacity: 1; }

/* ---- xếp câu ---- */
.fjgm-xep__dap {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 64px;
	padding: 10px;
	border: 2px dashed var(--fjgm-line);
	border-radius: 12px;
	margin: 0 0 12px;
	background: var(--fjgm-trang);
}
.fjgm-xep__dap.is-dung { border-color: var(--fjgm-frog); border-style: solid; background: var(--fjgm-wash); }
.fjgm-xep__dap.is-sai { border-color: var(--fjgm-rust); border-style: solid; background: var(--fjgm-do-nhat); }
.fjgm-xep__kho { display: flex; flex-wrap: wrap; gap: 8px; min-height: 56px; margin: 0 0 12px; }
.fjgm-app button.fjgm-chu-tu.fjgm-chu-tu {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	height: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 8px 14px !important;
	background: var(--fjgm-trang) !important;
	border: 2px solid var(--fjgm-line) !important;
	border-radius: 10px !important;
	color: var(--fjgm-ink) !important;
	font: 700 16px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	cursor: pointer !important;
	box-shadow: none !important;
	text-transform: none !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-app button.fjgm-chu-tu.fjgm-chu-tu:hover { border-color: var(--fjgm-frog) !important; }
.fjgm-app button.fjgm-chu-tu.fjgm-chu-tu.is-trong { visibility: hidden !important; }
.fjgm-xep__goi {
	font-size: 16px !important;
	margin: 0 0 12px !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-xep__goi b { color: var(--fjgm-frog); }
.fjgm-xep__dap-an {
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 0 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}

/* ---- tìm từ ---- */
.fjgm-tim { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.fjgm-tim__bang {
	display: grid;
	gap: 3px;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}
.fjgm-app button.fjgm-tim__o {
	-webkit-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	aspect-ratio: 1 / 1;
	margin: 0;
	padding: 0;
	background: var(--fjgm-trang);
	border: 1px solid var(--fjgm-line);
	border-radius: 6px;
	color: var(--fjgm-ink);
	font: 700 clamp(12px, 3.4vw, 18px)/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	text-transform: none;
	cursor: pointer;
	box-shadow: none;
	transition: background .1s;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-app button.fjgm-tim__o.is-dau { background: var(--fjgm-amber); border-color: var(--fjgm-amber); color: #fff; }
.fjgm-app button.fjgm-tim__o.is-thay { background: var(--fjgm-frog); border-color: var(--fjgm-frog); color: #fff; }
.fjgm-app button.fjgm-tim__o.is-sai { background: var(--fjgm-do-nhat); border-color: var(--fjgm-rust); }
.fjgm-tim__ds { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.fjgm-tim__ds li {
	padding: 8px 12px !important;
	border: 1px solid var(--fjgm-line) !important;
	border-radius: 10px !important;
	background: var(--fjgm-trang) !important;
	font-size: 14px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 10px !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-tim__ds li.is-thay { background: var(--fjgm-wash) !important; border-color: var(--fjgm-frog) !important; color: var(--fjgm-frog) !important; text-decoration: line-through !important; }
.fjgm-tim__ds li span:first-child {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-tim__ds li b {
	flex: 0 0 auto !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	text-align: right !important;
}

/* ---- trí nhớ: 2 (phone) → 3 (480px) → 4 (768px) cột, thẻ úp ---- */
.fjgm-nho {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	width: 100% !important;
}
@media (min-width: 480px) {
	.fjgm-nho { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 768px) {
	.fjgm-nho { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
.fjgm-app button.fjgm-nho__the.fjgm-nho__the {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 82px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 8px 6px !important;
	background: var(--fjgm-frog) !important;
	border: 2px solid var(--fjgm-frog) !important;
	border-radius: 12px !important;
	color: #fff !important;
	font: 600 13.5px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	overflow: visible !important;
	cursor: pointer !important;
	box-shadow: none !important;
	text-transform: none !important;
	transition: background .15s, border-color .15s !important;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-nho__mat,
.fjgm-app button.fjgm-nho__the:not(.is-mo):not(.is-xong) .fjgm-nho__mat { display: block !important; font-size: 26px !important; font-weight: 800 !important; opacity: .9 !important; }
.fjgm-app .fjgm-nho__chu,
.fjgm-app button.fjgm-nho__the .fjgm-nho__chu,
.fjgm-app button.fjgm-nho__the:not(.is-mo):not(.is-xong) .fjgm-nho__chu {
	display: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-app button.fjgm-nho__the.fjgm-nho__the.is-mo,
.fjgm-app button.fjgm-nho__the.fjgm-nho__the.is-xong { background: var(--fjgm-trang) !important; color: var(--fjgm-ink) !important; border-color: var(--fjgm-frog) !important; }
.fjgm-app button.fjgm-nho__the.fjgm-nho__the.is-mo .fjgm-nho__mat,
.fjgm-app button.fjgm-nho__the.fjgm-nho__the.is-xong .fjgm-nho__mat { display: none !important; }
.fjgm-app button.fjgm-nho__the.fjgm-nho__the.is-mo .fjgm-nho__chu,
.fjgm-app button.fjgm-nho__the.fjgm-nho__the.is-xong .fjgm-nho__chu { display: block !important; }
.fjgm-app button.fjgm-nho__the.fjgm-nho__the.is-xong { background: var(--fjgm-wash) !important; color: var(--fjgm-frog) !important; cursor: default !important; }
.fjgm-app button.fjgm-nho__the.fjgm-nho__the--de.is-mo { border-color: #bcd8cb !important; }

/* ---- ô chữ giao nhau ---- */
.fjgm-ochu { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 0 0 12px; }
.fjgm-ochu__bang {
	display: grid;
	gap: 2px;
	width: 100%;
	max-width: 460px;
	margin: 0 auto;
	user-select: none;
	-webkit-user-select: none;
}
.fjgm-ochu__o {
	position: relative;
	width: 100%;
	min-width: 0;
	aspect-ratio: 1 / 1;
	border-radius: 4px;
}
.fjgm-ochu__o--den { background: var(--fjgm-ink); opacity: .9; }
.fjgm-app button.fjgm-ochu__o {
	-webkit-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	background: var(--fjgm-trang);
	border: 1px solid var(--fjgm-line);
	color: var(--fjgm-ink);
	font: 700 clamp(11px, 3.2vw, 18px)/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	text-transform: none;
	cursor: pointer;
	box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-ochu__bang--rong .fjgm-app button.fjgm-ochu__o,
.fjgm-app .fjgm-ochu__bang--rong button.fjgm-ochu__o { font-size: clamp(10px, 2.6vw, 16px); }
.fjgm-ochu__so { position: absolute; top: 1px; left: 2px; font-size: clamp(7px, 1.8vw, 10px); font-weight: 700; color: var(--fjgm-muted); line-height: 1; }
.fjgm-ochu__chu { display: block; }
.fjgm-app button.fjgm-ochu__o.is-tu { background: var(--fjgm-vang-nhat); border-color: #e6cf9c; }
.fjgm-app button.fjgm-ochu__o.is-dau { background: var(--fjgm-amber); border-color: var(--fjgm-amber); color: #fff; }
.fjgm-app button.fjgm-ochu__o.is-dau .fjgm-ochu__so { color: #fff; }
.fjgm-app button.fjgm-ochu__o.is-xong { background: var(--fjgm-wash); border-color: var(--fjgm-frog); color: var(--fjgm-frog); }
.fjgm-app button.fjgm-ochu__o.is-xong.is-dau { background: var(--fjgm-frog); color: #fff; }
.fjgm-app button.fjgm-ochu__o.is-sai { background: var(--fjgm-do-nhat); border-color: var(--fjgm-rust); color: var(--fjgm-rust); }
.fjgm-ochu__hien {
	font-size: 16px !important;
	padding: 10px 12px !important;
	border-radius: 10px !important;
	background: var(--fjgm-vang-nhat) !important;
	border: 1px solid #ecd9bd !important;
	margin: 0 0 10px !important;
	min-height: 44px !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-ochu__hien b { color: var(--fjgm-amber); }
.fjgm-ochu__nhan { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--fjgm-muted); margin: 8px 0 4px; }
.fjgm-ochu__goi ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.fjgm-ochu__goi li {
	padding: 6px 10px !important;
	border: 1px solid var(--fjgm-line) !important;
	border-radius: 8px !important;
	background: var(--fjgm-trang) !important;
	font-size: 14px !important;
	cursor: pointer !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}
.fjgm-ochu__goi li b { color: var(--fjgm-frog); }
.fjgm-ochu__goi li.is-dau { border-color: var(--fjgm-amber) !important; background: var(--fjgm-vang-nhat) !important; }
.fjgm-ochu__goi li.is-thay { background: var(--fjgm-wash) !important; border-color: var(--fjgm-frog) !important; color: var(--fjgm-frog) !important; text-decoration: line-through !important; }
.fjgm-app button.fjgm-phim__nut--rong { flex-basis: calc(25% - 6px); max-width: 96px; font-size: 13px; }

/* ---- kết thúc ---- */
.fjgm-ket {
	text-align: center;
	padding: 24px 16px;
	background: var(--fjgm-trang);
	border: 2px solid var(--fjgm-frog);
	border-radius: var(--fjgm-r);
}
.fjgm-ket__tieu-de { font-size: 24px; font-weight: 800; color: var(--fjgm-frog); margin: 0 0 8px; }
.fjgm-ket__diem { font-size: 44px; font-weight: 800; line-height: 1.1; margin: 0 0 4px; }
.fjgm-ket__nhan { font-size: 13px; color: var(--fjgm-muted); text-transform: uppercase; letter-spacing: .08em; }
.fjgm-ket__chi-tiet { margin: 12px 0 0; color: var(--fjgm-muted); font-size: 15px; }
.fjgm-ket__ky-luc { margin: 10px 0 0; font-weight: 700; color: var(--fjgm-amber); }
.fjgm-ket .fjgm-hang-nut { justify-content: center; margin-top: 18px; }


/* ---- quyền chơi: dòng trạng thái + màn khoá ---- */
.fjgm-quyen {
	margin: 8px 0 0;
	font-size: 14px;
	color: var(--fjgm-muted);
	display: flex;
	flex-wrap: wrap;
	gap: 4px 6px;
	align-items: center;
}
.fjgm-quyen--hoc-vien { color: var(--fjgm-frog); font-weight: 700; }
.fjgm-app a.fjgm-quyen__link,
.fjgm-app a.fjgm-quyen__link:visited { color: var(--fjgm-frog); font-weight: 700; text-decoration: underline; }
.fjgm-app a.fjgm-quyen__link:hover { color: var(--fjgm-frog-dam); }
.fjgm-khoa {
	text-align: center;
	padding: 24px 16px;
	background: var(--fjgm-vang-nhat);
	border: 2px solid var(--fjgm-amber);
	border-radius: var(--fjgm-r);
}
.fjgm-khoa__tieu-de { font-size: 22px; font-weight: 800; color: var(--fjgm-amber); margin: 0 0 10px; }
.fjgm-khoa__chu { margin: 0 0 8px; font-size: 15px; color: var(--fjgm-ink); }
.fjgm-khoa .fjgm-hang-nut { justify-content: center; margin-top: 16px; }

/* ---- Bắn bóng từ vựng (Arcade Canvas) ---- */
.fjgm-ban-wrap {
	position: relative;
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
	background: #0b1329;
	border: 3px solid #1e293b;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
	user-select: none;
	touch-action: none;
}
.fjgm-ban-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: #1e293b;
	border-bottom: 2px solid #334155;
	color: #f8fafc;
	font-size: 14px;
	font-weight: 700;
	gap: 10px;
}
.fjgm-ban-top__muc-tieu {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fjgm-ban-top__tu {
	color: #38bdf8;
	font-size: 16px;
	font-weight: 800;
}
.fjgm-ban-top__stats {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	flex-shrink: 0;
}
.fjgm-ban-top__mang {
	color: #ef4444;
	letter-spacing: 2px;
	font-size: 15px;
}
.fjgm-ban-top__combo {
	background: #f59e0b;
	color: #fff;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	animation: fjgm-ban-nhap-nhay .6s infinite alternate;
}
@keyframes fjgm-ban-nhap-nhay {
	from { transform: scale(1); }
	to { transform: scale(1.1); }
}
.fjgm-ban-canvas {
	display: block;
	width: 100%;
	height: auto;
	background: radial-gradient(circle at 50% 80%, #172554 0%, #030712 100%);
	cursor: crosshair;
}
.fjgm-ban-phim {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 12px;
	background: #1e293b;
	border-top: 1px solid #334155;
	gap: 8px;
}
.fjgm-app button.fjgm-ban-phim__nut.fjgm-ban-phim__nut {
	-webkit-appearance: none !important;
	appearance: none !important;
	flex: 1 !important;
	height: 48px !important;
	border: 1px solid #475569 !important;
	border-radius: 10px !important;
	background: #334155 !important;
	color: #f8fafc !important;
	font-size: 18px !important;
	font-weight: bold !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: none !important;
	transition: background .1s, transform .05s !important;
	-webkit-tap-highlight-color: transparent;
}
.fjgm-app button.fjgm-ban-phim__nut.fjgm-ban-phim__nut:active {
	background: #475569 !important;
	transform: scale(0.96) !important;
}
.fjgm-app button.fjgm-ban-phim__nut--ban.fjgm-ban-phim__nut--ban {
	flex: 2 !important;
	background: var(--fjgm-frog) !important;
	border-color: var(--fjgm-frog) !important;
	color: #fff !important;
	font-size: 16px !important;
}
.fjgm-app button.fjgm-ban-phim__nut--ban.fjgm-ban-phim__nut--ban:active {
	background: var(--fjgm-frog-dam) !important;
}
.fjgm-ban-hd-phim {
	text-align: center;
	font-size: 12px;
	color: #94a3b8;
	padding: 6px;
	background: #0b1329;
}

/* ---- các mốc ---- */
@media (min-width: 480px) {
	.fjgm-o-chu { width: 36px; height: 46px; font-size: 26px; }
	.fjgm-app button.fjgm-phim__nut { height: 46px; flex-basis: calc(10% - 6px); }
}
@media (min-width: 640px) {
	.fjgm-bo-luoi { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.fjgm-nho { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.fjgm-dap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.fjgm-hub__tieu-de { font-size: 28px; }
}
@media (min-width: 768px) {
	.fjgm-tro-luoi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.fjgm-tim { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: start; }
	.fjgm-tim__bang { max-width: 100%; }
	.fjgm-ochu { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: start; }
	.fjgm-ochu__bang { max-width: 100%; }
	.fjgm-app button.fjgm-ochu__o { font-size: 18px; }
	.fjgm-app .fjgm-ochu__bang--rong button.fjgm-ochu__o { font-size: 15px; }
	.fjgm-app button.fjgm-tim__o { font-size: 18px; }
	.fjgm-app button.fjgm-the.fjgm-the { min-height: 240px !important; }
	.fjgm-the__chu { font-size: 30px !important; }
}
@media (min-width: 1024px) {
	.fjgm-bo-luoi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.fjgm-app button.fjgm-tim__o { font-size: 20px; }
}
@media (min-width: 1200px) {
	.fjgm-app { font-size: 17px; }
}
@media (hover: none) {
	.fjgm-app button.fjgm-tro.fjgm-tro:hover,
	.fjgm-app button.fjgm-chu-tu.fjgm-chu-tu:hover,
	.fjgm-app button.fjgm-dap__nut.fjgm-dap__nut:hover { border-color: var(--fjgm-line) !important; }
}
@media (prefers-reduced-motion: reduce) {
	.fjgm-app * { transition: none !important; animation: none !important; }
}