body{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	background:#f6f7fb;
	color:#0f172a;
}

/* Header */
.mh-header{
	position:sticky;
	top:0;
	z-index:30;
	background:rgba(255,255,255,0.92);
	backdrop-filter: blur(8px);
	border-bottom:1px solid rgba(15,23,42,0.08);
}
.mh-header-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	min-height:70px;
}
.mh-brand{
	display:flex;
	align-items:center;
	gap:12px;
	font-weight:800;
	color:#0f172a;
}
.mh-logo{
	height:34px;
}
.mh-brand-text{
	font-size:18px;
	letter-spacing:0.2px;
}
.mh-nav{
	display:flex;
	gap:14px;
	align-items:center;
	justify-content:center;
	flex:1;
}
.mh-nav a{
	color:#0f172a;
	font-weight:700;
	font-size:14px;
	padding:10px 12px;
	border-radius:10px;
	text-decoration:none;
	transition: background .15s ease, color .15s ease;
}
.mh-nav a:hover{
	background:rgba(59,130,246,0.12);
}
.mh-search{
	display:flex;
	align-items:center;
	gap:10px;
}
.mh-search input{
	width:240px;
	padding:10px 12px;
	border-radius:10px;
	border:1px solid rgba(15,23,42,0.12);
	background:#fff;
	color:#0f172a;
}
.mh-search button{
	padding:10px 16px;
	border:0;
	border-radius:10px;
	background:#3b82f6;
	color:#fff;
	font-weight:800;
}

/* Main */
.mh-main{
	min-height:60vh;
}

.mh-hero{
	background:linear-gradient(135deg,#dbeafe 0%, #f5f3ff 45%, #fff7ed 100%);
	padding:28px 0;
}
.mh-hero-top{
	text-align:center;
	margin:0 auto 14px;
	max-width:980px;
}
.mh-hero-top h1{
	margin:0 0 10px;
	font-size:34px;
	font-weight:900;
	letter-spacing:-0.6px;
}
.mh-hero-top p{
	margin:0 auto;
	max-width:740px;
	color:#334155;
	line-height:1.7;
}
.mh-hero-tabs{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:12px;
	margin-top:18px;
}
.mh-tab{
	display:inline-block;
	text-decoration:none;
	background:#fff;
	border:1px solid rgba(15,23,42,0.08);
	padding:10px 16px;
	border-radius:999px;
	font-weight:800;
	color:#0f172a;
	box-shadow:0 6px 18px rgba(2,6,23,0.06);
	transition: transform .15s ease;
}
.mh-tab:hover{
	transform: translateY(-1px);
}

.mh-section{
	padding:26px 0;
}
.mh-section-soft{
	padding:22px 0 30px;
	background:#ffffff;
	border-top:1px solid rgba(15,23,42,0.06);
	border-bottom:1px solid rgba(15,23,42,0.06);
}
.mh-section-header{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:18px;
	margin-bottom:16px;
}
.mh-section-title{
	font-weight:900;
	font-size:18px;
}
.mh-section-subtitle{
	color:#475569;
	font-size:13px;
}

.mh-block-title{
	font-weight:900;
	margin:18px 0 10px;
	font-size:16px;
}
.mh-game-grid{
	display:grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap:12px;
}

.mh-game-card{
	background:#ffffff;
	border:1px solid rgba(15,23,42,0.08);
	border-radius:14px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(2,6,23,0.04);
	display:block;
	text-decoration:none;
}
.mh-game-card img{
	width:100%;
	height:110px;
	object-fit:cover;
	display:block;
}
.mh-game-card-title{
	padding:10px 10px 12px;
	font-weight:800;
	font-size:13px;
	color:#0f172a;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.mh-player-section{
	padding:22px 0 10px;
}
.mh-player-card{
	background:#fff;
	border:1px solid rgba(15,23,42,0.08);
	border-radius:16px;
	overflow:hidden;
}
.mh-player{
	background:#0b1220;
}
.mh-iframe{
	width:100%;
	min-height:640px;
	border:0;
}
.mh-player-side{
	padding:16px 16px 20px;
	background:#f8fafc;
	border-top:1px solid rgba(15,23,42,0.06);
}
.mh-player-side{
	display:block;
}
.mh-player-side .mh-side-block{
	margin-bottom:14px;
}
.mh-side-title{
	font-weight:900;
	margin-bottom:8px;
}
.mh-side-list{
	margin:0;
	padding-left:18px;
}

/* Right column blocks - implemented without flex for compatibility */
.mh-player-side .mh-side-title{
	color:#0f172a;
}
.mh-player-side ul{
	margin:0;
	padding-left:18px;
	color:#334155;
	line-height:1.7;
}

.mh-side-text{
	color:#334155;
	line-height:1.7;
}

.mh-editorial-block{
	background:#fff;
	border:1px solid rgba(15,23,42,0.08);
	border-radius:16px;
	padding:18px;
}
.mh-editorial-block h2{
	margin:0 0 10px;
	font-size:18px;
	font-weight:900;
}
.mh-editorial-block p{
	color:#334155;
	line-height:1.8;
}

.mh-related-section{
	padding-top:18px;
}

.mh-hero-sub{
	background: #ffffff;
	border-bottom:1px solid rgba(15,23,42,0.06);
}
.mh-breadcrumb{
	margin-bottom:12px;
	color:#334155;
	font-weight:700;
}
.mh-breadcrumb a{
	color:#3b82f6;
	text-decoration:none;
}
.mh-hero-sub h1{
	margin:0 0 10px;
	text-align:center;
}
.mh-hero-lead{
	max-width:820px;
	margin:0 auto;
	color:#475569;
	text-align:center;
	line-height:1.7;
}
.mh-meta{
	text-align:center;
	margin-top:12px;
	color:#475569;
	font-size:14px;
}

/* List */
.mh-game-grid-4{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mh-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin-top:18px;
	flex-wrap:wrap;
}
.mh-page-link{
	text-decoration:none;
	background:#fff;
	border:1px solid rgba(15,23,42,0.08);
	padding:10px 14px;
	border-radius:12px;
	color:#0f172a;
	font-weight:800;
}

.mh-empty{
	padding:16px;
	background:#fff;
	border:1px solid rgba(15,23,42,0.08);
	border-radius:14px;
}

/* News list/article */
.mh-news-grid{
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:14px;
}
.mh-news-card{
	display:block;
	text-decoration:none;
	background:#fff;
	border:1px solid rgba(15,23,42,0.08);
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(2,6,23,0.05);
	transition: transform .15s ease;
	color:#0f172a;
}
.mh-news-card:hover{
	transform: translateY(-2px);
}
.mh-news-cover{
	width:100%;
	height:170px;
	object-fit:cover;
	display:block;
	background:#e2e8f0;
}
.mh-news-body{
	padding:12px 12px 14px;
}
.mh-news-date{
	color:#64748b;
	font-weight:800;
	font-size:12px;
}
.mh-news-title{
	margin-top:6px;
	font-weight:1000;
	font-size:15px;
	line-height:1.35;
}
.mh-news-excerpt{
	margin-top:8px;
	color:#334155;
	font-size:13px;
	line-height:1.6;
}
.mh-news-more{
	margin-top:10px;
	color:#2563eb;
	font-weight:1000;
}
.mh-article{
	background:#fff;
	border:1px solid rgba(15,23,42,0.10);
	border-radius:18px;
	padding:22px;
	box-shadow:0 12px 34px rgba(2,6,23,0.06);
}
.mh-article-lead{
	margin:0 0 14px;
	font-size:16px;
	line-height:1.85;
	color:#334155;
	font-weight:700;
}
.mh-article-body img{
	max-width:100%;
	height:auto;
	border-radius:12px;
}
.mh-related-grid{
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap:12px;
	margin-top:12px;
}

/* Value grid */
.mh-value-grid{
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:18px;
}
.mh-value-item{
	background:#fff;
	border:1px solid rgba(15,23,42,0.08);
	border-radius:16px;
	padding:16px;
}
.mh-value-title{
	font-weight:900;
	margin-bottom:8px;
}
.mh-value-text{
	color:#334155;
	line-height:1.7;
}

.mh-category-browse{
	margin-top:18px;
}
.mh-category-tags{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.mh-tag{
	display:inline-block;
	text-decoration:none;
	padding:10px 12px;
	background:#fff;
	border:1px solid rgba(15,23,42,0.08);
	border-radius:999px;
	color:#0f172a;
	font-weight:800;
}

/* Footer */
.mh-footer{
	padding:26px 0 18px;
	background:#0b1220;
	color:#e5e7eb;
	border-top:1px solid rgba(255,255,255,0.06);
}
.mh-footer-row{
	align-items:flex-start;
}
.mh-footer-title{
	font-weight:900;
	margin-bottom:10px;
}
.mh-footer-text{
	color:#cbd5e1;
	line-height:1.7;
	max-width:420px;
}
.mh-footer-links{
	list-style:none;
	padding:0;
	margin:0;
}
.mh-footer-links li{
	margin-bottom:8px;
}
.mh-footer-links a{
	color:#cbd5e1;
	text-decoration:none;
	font-weight:700;
}
.mh-footer-links a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.mh-footer-bottom{
	margin-top:18px;
	padding-top:14px;
	border-top:1px solid rgba(255,255,255,0.10);
}
.mh-copyright{
	color:#94a3b8;
	text-align:center;
	font-size:13px;
}

@media (max-width: 991px){
	.mh-nav{ display:none; }
	.mh-search input{ width: 160px; }
	.mh-game-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mh-game-grid-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mh-value-grid{ grid-template-columns: 1fr; }
	.mh-news-grid{ grid-template-columns: 1fr; }
	.mh-related-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Legal pages: about / contact / privacy / terms */
.mh-legal-hero{
	padding:26px 0;
	background:linear-gradient(135deg,#fef3c7 0%, #dbeafe 55%, #f5f3ff 100%);
}
.mh-legal-title{
	text-align:center;
	font-weight:1000;
	font-size:30px;
	margin:0 0 10px;
}
.mh-legal-lead{
	text-align:center;
	max-width:860px;
	margin:0 auto;
	color:#334155;
	line-height:1.8;
	font-weight:600;
}
.mh-legal-nav{
	margin-top:16px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:12px;
}
.mh-legal-nav__item{
	display:inline-block;
	padding:10px 14px;
	border-radius:999px;
	border:1px solid rgba(15,23,42,0.10);
	background:rgba(255,255,255,0.9);
	color:#0f172a;
	text-decoration:none;
	font-weight:900;
	transition: transform .15s ease, background .15s ease;
}
.mh-legal-nav__item:hover{
	transform: translateY(-1px);
}
.mh-legal-nav__item.is-active{
	background:#3b82f6;
	border-color:#3b82f6;
	color:#fff;
}
.mh-legal-card{
	background:#ffffff;
	border:1px solid rgba(15,23,42,0.10);
	border-radius:18px;
	padding:22px;
	box-shadow:0 12px 34px rgba(2,6,23,0.06);
}
.mh-legal-card .gp-legal-prose{
	line-height:1.85;
	color:#0f172a;
	font-size:15px;
}
.mh-legal-card .gp-legal-prose h2,
.mh-legal-card .gp-legal-prose h3{
	margin-top:18px;
	font-weight:1000;
}
.mh-legal-card .gp-legal-prose p{
	margin:12px 0;
	color:#334155;
}
.mh-legal-card .gp-legal-prose li{
	margin:8px 0;
	color:#334155;
}
.mh-legal-card .gp-legal-prose a{
	color:#2563eb;
	text-decoration:underline;
}
.mh-legal-card .gp-legal-prose table.gp-legal-table{
	width:100%;
	border-collapse:collapse;
}
.mh-legal-card .gp-legal-prose table.gp-legal-table td,
.mh-legal-card .gp-legal-prose table.gp-legal-table th{
	border:1px solid rgba(15,23,42,0.15);
	padding:10px 12px;
}
.mh-legal-card .gp-legal-prose img.gp-legal-img{
	max-width:100%;
	height:auto;
	border-radius:12px;
}