/* n999.mx-only navigation layout. The class is applied only after both the
   site id and authoritative main domain have been verified. */
body.ng-game-hall-enabled .page-shell .category-buttons {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

body.ng-game-hall-enabled .page-shell .category-button {
  min-width: 0;
  min-height: 46px;
  padding-inline: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ng-game-hall-enabled .page-shell .category-button[data-fixed-category="recommendation"],
body.ng-game-hall-enabled .page-shell .category-button[data-fixed-category="trial"] {
  grid-column: span 6;
  min-height: 50px;
  font-size: 16px;
}

body.ng-game-hall-enabled .page-shell .category-button[data-fixed-category="lottery"],
body.ng-game-hall-enabled .page-shell .category-button[data-fixed-category="movies"],
body.ng-game-hall-enabled .page-shell .category-button[data-fixed-category="adult"],
body.ng-game-hall-enabled .page-shell .category-button[data-fixed-category="music"] {
  grid-column: span 3;
}

@media (max-width: 560px) {
  body.ng-game-hall-enabled .page-shell .category-buttons { gap: 7px 6px; }
  body.ng-game-hall-enabled .page-shell .category-button { padding-inline: 3px; font-size: clamp(9px, 2.55vw, 11px); }
  body.ng-game-hall-enabled .page-shell .category-button[data-fixed-category="recommendation"],
  body.ng-game-hall-enabled .page-shell .category-button[data-fixed-category="trial"] { font-size: clamp(12px, 3.3vw, 15px); }
}