body{
	background:#051213;
	color:#fff;
	font-family:system-ui;
}

table {
  width: 100%;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
}

table td, table th {
  border: 1px solid;
  padding: 8px;
  word-wrap: break-word;
  word-break: normal;
}

section{
	padding-top: 1rem !important;;
}

.header{
	background:#0b1916;
	padding:15px;
}

.logo{
	width:42px;height:42px;
	border-radius:50%;
	background:linear-gradient(45deg,#09ffdd,#ba03ff);
}

.logo2{
	color:#0affdd;
	font-weight:bold;
}

.logoimg{
	width:42px;height:42px;
}

.btn-login{
	background:#1c2a3a;
	color:#fff;
	border-radius:20px;
	padding:6px 16px;
}

.btn-reg{
	background:linear-gradient(45deg,#02fed5,#7cfe7c);
	border-radius:20px;
	padding:6px 16px;
	font-weight:600;
}

.scroll-x{
	overflow-x:auto;
	white-space:nowrap;
	gap:12px;
}

.promo{
	width:260px;
	height:140px;
	border-radius:18px;
	object-fit:cover;
}

.cat{
	width:90px;
	background:#0f1b25;
	border-radius:16px;
	padding:14px 8px;
	text-align:center;
	display:inline-block;
}

.cat img{
	width:42px;
	margin-bottom:6px;
}

.game-card{
	border-radius:18px;
	overflow:hidden;
	position:relative;
}

.game-card img{
	width:100%;
	height:170px;
	object-fit:cover;
}

.badge-top{
	position:absolute;
	top:8px;left:8px;
}

.section-title{
	font-weight:700;
	font-size:20px;
}

.text-m{
	color:#afafaf;
	padding-top: 2.1rem !important;;
}

.catlink{
	text-decoration: none;
	color:#fff;
}

.tximg {
	vertical-align: middle;
	border-style: none;
	max-width: 95vw;
	height: auto;
}

.intro{
	padding-top: 5rem !important;;
}