*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Cairo", Tahoma;
}

body{
  background:linear-gradient(135deg,#050505,#121212);
  color:#fff;
  padding:20px;
}

h1{
  text-align:center;
  color:#00ff88;
  margin-bottom:30px;
  font-size:34px;
  text-shadow:0 0 15px #00ff88;
}

.game-section{
  margin-bottom:50px;
}

.game-section h2{
  text-align:center;
  color:#ffd700;
  font-size:28px;
  margin-bottom:20px;
  padding:10px;
  background:#1a1a1a;
  border-radius:10px;
  border:2px solid #00ff88;
}

/* 3 خانات */
.boxes{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}

.box{
  background:#1a1a1a;
  border:2px solid #333;
  border-radius:15px;
  padding:20px;
  transition:0.3s;
}
.box:hover{
  border-color:#00ff88;
  box-shadow:0 0 20px rgba(0,255,136,0.4);
  transform:translateY(-5px);
}

.box h3{
  color:#00d4ff;
  text-align:center;
  margin-bottom:15px;
  font-size:20px;
  background:#000;
  padding:8px;
  border-radius:8px;
}

.cheat{
  background:#0d0d0d;
  padding:10px 12px;
  margin:8px 0;
  border-radius:8px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-left:3px solid #00ff88;
}
.cheat .effect{color:#00d4ff;font-weight:bold;font-size:14px;}
.cheat .code{color:#ffd700;font-family:monospace;font-size:15px;}

@media(max-width:900px){
  .boxes{grid-template-columns:1fr;}
}