/* Final action UI overrides loaded after the generated theme colors. */
#header_horizontal .cg-header-random-game {
  background: #303249 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #f4f2ff !important;
}

#header_horizontal .cg-header-random-game:hover,
#header_horizontal .cg-header-random-game:focus {
  background: #4f38a8 !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(138, 85, 255, 0.36) !important;
}

#header_horizontal button.cg-header-action[data-rollyplay-favorites-open] {
  background: #303249 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #f4f2ff !important;
  overflow: visible !important;
  position: relative;
}

#header_horizontal button.cg-header-action[data-rollyplay-favorites-open]:hover,
#header_horizontal button.cg-header-action[data-rollyplay-favorites-open]:focus {
  background: #42445f !important;
  color: #ffffff !important;
}

#header_horizontal .rollyplay-header-favorites-count {
  align-items: center !important;
  background: #8a55ff !important;
  border: 2px solid #24253a !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: 18px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 18px !important;
  padding: 0 4px !important;
  position: absolute !important;
  right: -3px !important;
  top: -4px !important;
  z-index: 4 !important;
}

#header_horizontal .rollyplay-header-favorites-count[hidden] {
  display: none !important;
}

.cg-game-action[data-vote="like"] {
  gap: 7px !important;
  min-width: 64px !important;
}

.cg-game-action [data-rollyplay-like-count] {
  color: inherit !important;
  display: inline-flex !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-width: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.rollyplay-popup-title {
  color: #ffffff !important;
  display: block !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.rollyplay-report-issue-field {
  isolation: isolate;
  position: relative !important;
}

.rollyplay-report-issue-trigger {
  align-items: center !important;
  background: #12131f !important;
  border: 2px solid #3a3d55 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  display: flex !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  justify-content: space-between !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  text-align: left !important;
  width: 100% !important;
}

.rollyplay-report-issue-trigger span {
  color: #ffffff !important;
}

.rollyplay-report-issue-trigger:hover,
.rollyplay-report-issue-trigger:focus {
  background: #191a29 !important;
  border-color: #8a55ff !important;
  box-shadow: 0 0 0 3px rgba(138, 85, 255, 0.18) !important;
  outline: none !important;
}

.rollyplay-report-issue-menu[hidden] {
  display: none !important;
}

.rollyplay-report-issue-menu {
  background: #191a29 !important;
  border: 1px solid rgba(183, 173, 255, 0.34) !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.52) !important;
  color: #ffffff !important;
  display: block !important;
  left: 0 !important;
  max-height: 290px !important;
  overflow-y: auto !important;
  padding: 6px !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 7px) !important;
  z-index: 5040 !important;
}

.rollyplay-report-issue-option {
  background: transparent !important;
  border: 0 !important;
  border-radius: 7px !important;
  color: #f2f3ff !important;
  display: block !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  padding: 12px 13px !important;
  text-align: left !important;
  width: 100% !important;
}

.rollyplay-report-issue-option:hover,
.rollyplay-report-issue-option:focus,
.rollyplay-report-issue-option.is-selected {
  background: #313249 !important;
  color: #ffffff !important;
  outline: none !important;
}

.rollyplay-report-form input,
.rollyplay-report-form textarea {
  background: #12131f !important;
  border: 2px solid #3a3d55 !important;
  color: #ffffff !important;
}

.rollyplay-report-form input::placeholder,
.rollyplay-report-form textarea::placeholder {
  color: #8f95b8 !important;
  opacity: 1 !important;
}

.rollyplay-report-submit {
  background: #7c5cff !important;
  color: #ffffff !important;
}

.rollyplay-report-submit:not(:disabled):hover,
.rollyplay-report-submit:not(:disabled):focus {
  background: #9b6bff !important;
}

.rollyplay-report-submit:disabled {
  background: #2a2b43 !important;
  color: #777b9d !important;
}

.rollyplay-panel-close,
.rollyplay-favorite-remove {
  align-items: center !important;
  background: #303249 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  justify-content: center !important;
}

.rollyplay-panel-close:hover,
.rollyplay-panel-close:focus,
.rollyplay-favorite-remove:hover,
.rollyplay-favorite-remove:focus {
  background: #8a55ff !important;
  color: #ffffff !important;
}

.rollyplay-favorite-card.gmcn-midl {
  overflow: visible !important;
}

.rollyplay-favorite-card .gm-imag,
.rollyplay-favorite-card .gm-imag a {
  border-radius: inherit !important;
  overflow: hidden !important;
}

.rollyplay-favorite-remove {
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
  height: 28px !important;
  padding: 0 !important;
  position: absolute !important;
  right: 7px !important;
  top: 7px !important;
  width: 28px !important;
  z-index: 8 !important;
}

.cg-game-rail-ad + .cg-play-next-grid {
  margin-top: 18px !important;
}

.rollyplay-gam-ad {
  align-items: center;
  color: #8f95b8;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  margin: 16px auto;
  max-width: 100%;
  text-align: center;
}

.rollyplay-gam-label {
  color: #8f95b8;
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
}

.rollyplay-gam-slot {
  align-items: center;
  background: #12131f;
  border: 1px solid rgba(138, 85, 255, 0.18);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  min-height: 50px;
  overflow: hidden;
  width: 100%;
}

.rollyplay-gam-ad-top {
  margin: 18px auto 20px;
  padding: 0 10px;
  width: 100%;
}

body.rollyplay-game-page .rollyplay-gam-ad-game-top {
  margin: 16px auto 18px;
  padding: 0;
}

.rollyplay-gam-ad-home-top,
.rollyplay-gam-ad-archive-top {
  margin-bottom: 24px;
  margin-top: 18px;
}

.rollyplay-gam-ad-home-feed {
  margin: 4px auto 28px;
  padding: 6px 0 2px;
  width: 100%;
}

.rollyplay-home .rollyplay-gam-ad-home-feed .rollyplay-gam-slot {
  background: #10111d;
  border-color: rgba(132, 92, 255, 0.22);
}

.rollyplay-gam-ad-top .rollyplay-gam-slot {
  max-width: 970px;
  min-height: 90px;
}

.rollyplay-gam-ad-below {
  margin: 18px auto 20px;
  width: 100%;
}

.rollyplay-gam-ad-below .rollyplay-gam-slot {
  max-width: 336px;
  min-height: 250px;
}

.rollyplay-gam-ad-home-below,
.rollyplay-gam-ad-archive-below {
  margin-bottom: 28px;
  margin-top: 26px;
}

body.rollyplay-game-page .cg-game-extra .rollyplay-gam-ad-game-extra {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}

body.rollyplay-game-page .cg-game-extra .rollyplay-gam-ad-game-extra .rollyplay-gam-slot {
  max-width: 336px;
  min-height: 280px;
}

.cg-game-rail .cg-game-rail-ad {
  align-items: flex-start !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  height: auto !important;
  justify-content: center !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

.cg-game-rail .cg-game-rail-ad:empty::before {
  content: none !important;
}

.rollyplay-gam-ad-sidebar {
  margin: 0 auto;
  width: 300px;
}

.rollyplay-gam-ad-sidebar .rollyplay-gam-slot {
  min-height: 250px;
  width: 300px;
}

@media screen and (min-width: 1024px) {
  body.rollyplay-game-page .cg-game-layout {
    align-items: start !important;
    grid-template-columns: minmax(0, 1fr) 332px !important;
  }

  body.rollyplay-game-page .cg-game-rail {
    align-self: start !important;
    display: block !important;
    min-height: calc(100vh - 84px) !important;
    position: sticky !important;
    top: 84px !important;
  }
}

@media screen and (max-width: 1023px) {
  body.rollyplay-game-page .cg-game-layout {
    display: block !important;
  }

  body.rollyplay-game-page .cg-game-rail .cg-game-rail-ad,
  .rollyplay-gam-ad-sidebar,
  [data-rollyplay-gam-slot="Sidebar_Right"] {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .rollyplay-gam-ad-top {
    margin-bottom: 10px;
    padding: 8px 10px 0;
  }

  .rollyplay-gam-ad-top .rollyplay-gam-slot {
    max-width: 320px;
    min-height: 50px;
  }
}

/* Category/archive page skin. Keep the archive structure, only restyle the surface. */
body.category .all > .bdcn > .cont,
body.tag .all > .bdcn > .cont {
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

body.category .cntcls.archive-fullwidth,
body.tag .cntcls.archive-fullwidth,
body.category .archive-fullwidth #ajaxcat,
body.tag .archive-fullwidth #ajaxcat,
body.category .archive-fullwidth .main-cn,
body.tag .archive-fullwidth .main-cn {
  color: #ffffff !important;
  max-width: none !important;
  width: 100% !important;
}

body.category .archive-fullwidth .titl,
body.tag .archive-fullwidth .titl {
  border-bottom: 1px solid rgba(138, 85, 255, 0.72) !important;
  color: #ffffff !important;
  margin: 0 10px 18px !important;
  padding: 0 0 18px !important;
}

body.category .titl h1.archive-title,
body.tag .titl h1.archive-title {
  color: #ffffff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}

body.category .archive-fullwidth .titl .mt-slct-cn,
body.tag .archive-fullwidth .titl .mt-slct-cn {
  color: #ffffff !important;
  margin-top: 0 !important;
}

body.category .archive-fullwidth .titl .mt-slct-cn + .mt-slct-cn,
body.tag .archive-fullwidth .titl .mt-slct-cn + .mt-slct-cn {
  border-right-color: rgba(255, 255, 255, 0.16) !important;
}

body.category .archive-fullwidth .mt-slct-cn label,
body.tag .archive-fullwidth .mt-slct-cn label {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 38px !important;
  margin-right: 8px !important;
  text-transform: none !important;
}

body.category .archive-fullwidth .mt-slct-cn .selecter-selected,
body.category .archive-fullwidth .mt-slct-cn .selecter-options,
body.category .archive-fullwidth .mt-slct-cn select,
body.tag .archive-fullwidth .mt-slct-cn .selecter-selected,
body.tag .archive-fullwidth .mt-slct-cn .selecter-options,
body.tag .archive-fullwidth .mt-slct-cn select {
  background: #1d1f33 !important;
  border: 1px solid rgba(138, 85, 255, 0.34) !important;
  border-radius: 10px !important;
  color: #f4f2ff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.category .archive-fullwidth .mt-slct-cn .selecter-selected,
body.tag .archive-fullwidth .mt-slct-cn .selecter-selected {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  min-width: 118px !important;
  padding: 0 34px 0 12px !important;
}

body.category .archive-fullwidth .mt-slct-cn .selecter-selected:after,
body.tag .archive-fullwidth .mt-slct-cn .selecter-selected:after {
  color: #9b7cff !important;
}

body.category .archive-fullwidth .mt-slct-cn .selecter-options,
body.tag .archive-fullwidth .mt-slct-cn .selecter-options {
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden !important;
}

body.category .archive-fullwidth .mt-slct-cn .selecter-item,
body.tag .archive-fullwidth .mt-slct-cn .selecter-item {
  background: transparent !important;
  color: #f4f2ff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.category .archive-fullwidth .mt-slct-cn .selecter-item:hover,
body.category .archive-fullwidth .mt-slct-cn .selecter-item.selected,
body.tag .archive-fullwidth .mt-slct-cn .selecter-item:hover,
body.tag .archive-fullwidth .mt-slct-cn .selecter-item.selected {
  background: #303249 !important;
  color: #ffffff !important;
}

body.category .archive-fullwidth .lst-gams.cate-grid,
body.tag .archive-fullwidth .lst-gams.cate-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(auto-fill, 148px) !important;
  justify-content: start !important;
  margin: 0 10px 28px !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.category .archive-fullwidth .lst-gams.cate-grid > li,
body.tag .archive-fullwidth .lst-gams.cate-grid > li {
  float: none !important;
  list-style: none !important;
  padding: 0 !important;
  width: 148px !important;
}

body.category .archive-fullwidth .gmcn-midl,
body.category .archive-fullwidth .gmcn-midl .gm-imag,
body.category .archive-fullwidth .gmcn-midl .gm-imag a,
body.tag .archive-fullwidth .gmcn-midl,
body.tag .archive-fullwidth .gmcn-midl .gm-imag,
body.tag .archive-fullwidth .gmcn-midl .gm-imag a {
  aspect-ratio: 1 / 1 !important;
  height: 148px !important;
  width: 148px !important;
}

body.category .archive-fullwidth .gmcn-midl,
body.tag .archive-fullwidth .gmcn-midl {
  background: #171827 !important;
  border: 2px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.category .archive-fullwidth .gmcn-midl .gm-imag,
body.category .archive-fullwidth .gmcn-midl .gm-imag a,
body.tag .archive-fullwidth .gmcn-midl .gm-imag,
body.tag .archive-fullwidth .gmcn-midl .gm-imag a {
  height: 100% !important;
  width: 100% !important;
}

body.category .archive-fullwidth .gmcn-midl:hover,
body.tag .archive-fullwidth .gmcn-midl:hover {
  border-color: #8a55ff !important;
  box-shadow: 0 12px 30px rgba(70, 38, 150, 0.38) !important;
  transform: translateY(-3px) !important;
}

body.category .archive-fullwidth .gmcn-midl .gm-imag,
body.category .archive-fullwidth .gmcn-midl .gm-imag a,
body.category .archive-fullwidth .gmcn-midl .gm-imag img,
body.tag .archive-fullwidth .gmcn-midl .gm-imag,
body.tag .archive-fullwidth .gmcn-midl .gm-imag a,
body.tag .archive-fullwidth .gmcn-midl .gm-imag img {
  border-radius: 10px !important;
  overflow: hidden !important;
}

body.category .archive-fullwidth .gmcn-midl .gm-imag img,
body.tag .archive-fullwidth .gmcn-midl .gm-imag img {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

body.category .archive-fullwidth .gmcn-midl .gm-text,
body.tag .archive-fullwidth .gmcn-midl .gm-text {
  border-radius: 0 0 10px 10px !important;
}

body.category .archive-fullwidth .gmcn-midl .gm-titl a,
body.tag .archive-fullwidth .gmcn-midl .gm-titl a {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.category .category-post-content,
body.tag .category-post-content {
  background: #11121d !important;
  border: 1px solid rgba(138, 85, 255, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.26) !important;
  color: #f5f6ff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  line-height: 1.75 !important;
  margin: 34px 10px 0 !important;
  padding: 28px 30px !important;
}

body.category .category-post-content h1,
body.category .category-post-content h2,
body.category .category-post-content h3,
body.category .category-post-content h4,
body.tag .category-post-content h1,
body.tag .category-post-content h2,
body.tag .category-post-content h3,
body.tag .category-post-content h4 {
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.category .category-post-content h1,
body.tag .category-post-content h1 {
  font-size: 30px !important;
  line-height: 1.2 !important;
}

body.category .category-post-content h2,
body.tag .category-post-content h2 {
  font-size: 22px !important;
}

body.category .category-post-content p,
body.category .category-post-content li,
body.tag .category-post-content p,
body.tag .category-post-content li {
  color: #f5f6ff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body.category .category-post-content a,
body.tag .category-post-content a {
  color: #a98cff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.category .category-post-content a:hover,
body.tag .category-post-content a:hover {
  color: #c7b8ff !important;
}

/* Reusable game list pages: Recently Played, New Games, Popular Games. */
body.rollyplay-game-list-page .all > .bdcn > .cont {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.rollyplay-game-list-page .cntcls.archive-fullwidth,
body.rollyplay-game-list-page .archive-fullwidth #ajaxcat,
body.rollyplay-game-list-page .archive-fullwidth .main-cn {
  color: #ffffff !important;
  max-width: none !important;
  width: 100% !important;
}

body.rollyplay-game-list-page .archive-fullwidth .titl {
  border-bottom: 1px solid rgba(138, 85, 255, 0.72) !important;
  color: #ffffff !important;
  margin: 0 10px 18px !important;
  padding: 0 0 18px !important;
}

body.rollyplay-game-list-page .titl h1.archive-title {
  color: #ffffff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}

body.rollyplay-game-list-page .archive-fullwidth .lst-gams.cate-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(auto-fill, 148px) !important;
  justify-content: start !important;
  margin: 0 10px 28px !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.rollyplay-game-list-page .archive-fullwidth .lst-gams.cate-grid > li {
  float: none !important;
  list-style: none !important;
  padding: 0 !important;
  width: 148px !important;
}

body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl,
body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag,
body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag a {
  aspect-ratio: 1 / 1 !important;
  height: 148px !important;
  width: 148px !important;
}

body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl {
  background: #171827 !important;
  border: 2px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl:hover {
  border-color: #8a55ff !important;
  box-shadow: 0 12px 30px rgba(70, 38, 150, 0.38) !important;
  transform: translateY(-3px) !important;
}

body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag,
body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag a,
body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag img {
  border-radius: 10px !important;
  overflow: hidden !important;
}

body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag,
body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag a {
  height: 100% !important;
  width: 100% !important;
}

body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag img {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-text {
  border-radius: 0 0 10px 10px !important;
}

body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-titl a,
body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-titl a:hover {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.rollyplay-game-list-page .rollyplay-game-list-empty {
  background: #11121d !important;
  border: 1px solid rgba(138, 85, 255, 0.28) !important;
  border-radius: 12px !important;
  color: #f5f6ff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 10px 28px !important;
  padding: 22px 24px !important;
}

body.rollyplay-game-list-page .rollyplay-game-list-pagination {
  clear: both !important;
  margin: 20px 10px 34px !important;
  text-align: center !important;
}

body.rollyplay-game-list-page .rollyplay-game-list-pagination ul {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.rollyplay-game-list-page .rollyplay-game-list-pagination li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.rollyplay-game-list-page .rollyplay-game-list-pagination a,
body.rollyplay-game-list-page .rollyplay-game-list-pagination span {
  align-items: center !important;
  background: #1d1f33 !important;
  border: 1px solid rgba(138, 85, 255, 0.34) !important;
  border-radius: 10px !important;
  color: #f4f2ff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  text-decoration: none !important;
}

body.rollyplay-game-list-page .rollyplay-game-list-pagination a:hover,
body.rollyplay-game-list-page .rollyplay-game-list-pagination a:focus,
body.rollyplay-game-list-page .rollyplay-game-list-pagination .current {
  background: #8a55ff !important;
  color: #ffffff !important;
}

/* Match the home post/content section to category archive content panels. */
.rollyplay-home .rollyplay-home-content.blk-cn {
  background: #11121d !important;
  border: 1px solid rgba(138, 85, 255, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.26) !important;
  color: #f5f6ff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  line-height: 1.75 !important;
  margin: 34px 0 24px !important;
  padding: 28px 30px !important;
}

.rollyplay-home-content-title,
.rollyplay-home-content-body h1,
.rollyplay-home-content-body h2,
.rollyplay-home-content-body h3,
.rollyplay-home-content-body h4 {
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.rollyplay-home-content-title,
.rollyplay-home-content-body h1 {
  font-size: 30px !important;
  line-height: 1.2 !important;
  margin: 0 0 14px !important;
}

.rollyplay-home-content-body h2 {
  font-size: 22px !important;
  margin: 28px 0 10px !important;
}

.rollyplay-home-content-body h3,
.rollyplay-home-content-body h4 {
  margin: 24px 0 10px !important;
}

.rollyplay-home-content-body p,
.rollyplay-home-content-body li {
  color: #f5f6ff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
}

.rollyplay-home-content-body a {
  color: #a98cff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.rollyplay-home-content-body a:hover,
.rollyplay-home-content-body a:focus {
  color: #c7b8ff !important;
}

/* Use the category-page purple hover treatment for game icons everywhere. */
[class*="gmcn-"]:hover,
.gmcn-midl:hover,
[class*="gmcn-larg"]:hover,
[class*="gmcn-sldr"]:hover,
.sdbr-cn [class*="gmcn-"]:hover,
.ftcn [class*="gmcn-"]:hover,
.rollyplay-home-section .gmcn-midl:hover,
.cg-play-next-card.gmcn-midl:hover,
.cg-game-inline-next .cg-inline-next-card.gmcn-midl:hover,
.rollyplay-favorite-card.gmcn-midl:hover {
  border-color: #8a55ff !important;
  box-shadow: 0 12px 30px rgba(70, 38, 150, 0.38) !important;
}

[class*="gmcn-smal"]:hover .gm-titl a,
[class*="gmcn-midl"]:hover .gm-titl a,
[class*="gmcn-midl"] .gm-titl a:hover,
[class*="gmcn-larg"]:hover .gm-titl a,
[class*="gmcn-"] .gm-titl a:hover,
.rollyplay-home-section .gmcn-midl:hover .gm-titl a,
.rollyplay-home-section .gmcn-midl .gm-titl a:hover,
body.category .archive-fullwidth .gmcn-midl:hover .gm-titl a,
body.category .archive-fullwidth .gmcn-midl .gm-titl a:hover,
body.tag .archive-fullwidth .gmcn-midl:hover .gm-titl a,
body.tag .archive-fullwidth .gmcn-midl .gm-titl a:hover {
  color: #ffffff !important;
}

/* Keep game names compact, but reveal the full title inside the hover overlay. */
[class*="gmcn-"] .gm-titl,
[class*="gmcn-"] .gm-titl a {
  max-width: 100% !important;
}

[class*="gmcn-"] .gm-titl a,
[class*="gmcn-midl"] .gm-text .gm-titl a,
.rollyplay-home-section .gmcn-midl .gm-text .gm-titl a,
.cg-play-next-card.gmcn-midl .gm-text .gm-titl a,
.cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-text .gm-titl a,
.rollyplay-favorite-card.gmcn-midl .gm-text .gm-titl a,
body.category .archive-fullwidth .gmcn-midl .gm-text .gm-titl a,
body.tag .archive-fullwidth .gmcn-midl .gm-text .gm-titl a {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
}

[class*="gmcn-midl"] .gm-text,
.rollyplay-home-section .gmcn-midl .gm-text,
.cg-play-next-card.gmcn-midl .gm-text,
.cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-text,
.rollyplay-favorite-card.gmcn-midl .gm-text,
body.category .archive-fullwidth .gmcn-midl .gm-text,
body.tag .archive-fullwidth .gmcn-midl .gm-text {
  padding: 44px 8px 9px !important;
  overflow: visible !important;
}

[class*="gmcn-"]:hover .gm-titl,
[class*="gmcn-"]:hover .gm-titl a,
[class*="gmcn-"] .gm-titl a:hover {
  color: #ffffff !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.rollyplay-home-section .gmcn-midl:hover .gm-titl,
.rollyplay-home-section .gmcn-midl:hover .gm-titl a,
.cg-play-next-card.gmcn-midl:hover .gm-titl,
.cg-play-next-card.gmcn-midl:hover .gm-titl a,
.cg-game-inline-next .cg-inline-next-card.gmcn-midl:hover .gm-titl,
.cg-game-inline-next .cg-inline-next-card.gmcn-midl:hover .gm-titl a {
  display: block !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

@media screen and (max-width: 900px) {
  body.category .archive-fullwidth .lst-gams.cate-grid,
  body.tag .archive-fullwidth .lst-gams.cate-grid,
  body.rollyplay-game-list-page .archive-fullwidth .lst-gams.cate-grid {
    gap: 12px !important;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important;
  }

  body.category .archive-fullwidth .lst-gams.cate-grid > li,
  body.category .archive-fullwidth .gmcn-midl,
  body.category .archive-fullwidth .gmcn-midl .gm-imag,
  body.category .archive-fullwidth .gmcn-midl .gm-imag a,
  body.tag .archive-fullwidth .lst-gams.cate-grid > li,
  body.tag .archive-fullwidth .gmcn-midl,
  body.tag .archive-fullwidth .gmcn-midl .gm-imag,
  body.tag .archive-fullwidth .gmcn-midl .gm-imag a,
  body.rollyplay-game-list-page .archive-fullwidth .lst-gams.cate-grid > li,
  body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl,
  body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag,
  body.rollyplay-game-list-page .archive-fullwidth .gmcn-midl .gm-imag a {
    height: auto !important;
    width: 100% !important;
  }

  body.category .archive-fullwidth .titl,
  body.tag .archive-fullwidth .titl,
  body.rollyplay-game-list-page .archive-fullwidth .titl {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.category .category-post-content,
  body.tag .category-post-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 22px 18px !important;
  }
}

/* Comments */
.cg-game-comments {
  margin: 28px 0 36px !important;
  max-width: 100% !important;
  width: 100% !important;
}

.cg-game-primary > .cg-game-comments {
  align-self: stretch !important;
}

.rollyplay-comments-panel,
body.single #respond.rollyplay-comments-panel {
  background: #10111d !important;
  border: 1px solid rgba(124, 92, 255, 0.34) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
  color: #f5f6ff !important;
  margin: 32px 0 34px !important;
  padding: 26px 28px 30px !important;
  width: 100% !important;
}

body.rollyplay-game-page .rollyplay-comments-panel,
body.rollyplay-game-page #rollyplay-comments-respond,
body.rollyplay-game-page .cg-game-comments .rollyplay-comments-panel,
body.rollyplay-game-page .cg-game-comments #respond,
body.rollyplay-game-page .cg-game-comments .comment-respond,
body.rollyplay-game-page .cg-game-comments .comment-form {
  background: #10111d !important;
  border-color: rgba(124, 92, 255, 0.34) !important;
  color: #f5f6ff !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.rollyplay-comments-title,
body.single #respond .comment-reply-title,
body.single .comments-title {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(138, 85, 255, 0.7) !important;
  color: #ffffff !important;
  display: block !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 22px !important;
  padding: 0 0 16px !important;
  text-transform: uppercase !important;
}

.rollyplay-comments-panel > .titl,
.rollyplay-comments-panel .titl,
.rollyplay-comments-panel .comment-reply-title,
body.rollyplay-game-page .rollyplay-comments-panel > .titl,
body.rollyplay-game-page .rollyplay-comments-panel .titl,
body.rollyplay-game-page .cg-game-comments #reply-title {
  background: transparent !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid rgba(124, 92, 255, 0.7) !important;
  color: #ffffff !important;
}

.rollyplay-comments-title strong {
  color: #9b6bff !important;
}

.rollyplay-comment-form {
  margin: 0 !important;
}

.rollyplay-comments-panel p,
.rollyplay-comments-panel .comment-notes,
.rollyplay-comments-panel .logged-in-as,
.rollyplay-comments-panel .rollyplay-comment-login {
  color: #b9b8cf !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

.rollyplay-comments-panel a {
  color: #9b6bff !important;
}

.rollyplay-comments-panel a:hover {
  color: #ffffff !important;
}

.rollyplay-comment-form-panel,
.rollyplay-comment-form-panel .comment-respond,
.rollyplay-comment-form-panel .rollyplay-comment-form {
  display: flow-root !important;
}

.rollyplay-comments-panel .frmspr,
.rollyplay-comments-panel .cols-n6,
.rollyplay-comments-panel .cols-n12 {
  background: transparent !important;
  border: 0 !important;
  margin-bottom: 12px !important;
}

.rollyplay-comment-form-panel .frmspr.cols-n6 {
  float: left !important;
  margin-right: 20px !important;
  width: calc(50% - 10px) !important;
}

.rollyplay-comment-form-panel .frmspr.cols-n6:nth-of-type(2n) {
  margin-right: 0 !important;
}

.rollyplay-comment-form-panel .rollyplay-comment-fields-clear {
  clear: both !important;
  display: block !important;
}

.rollyplay-comments-panel label.icofrm {
  background: transparent !important;
  border: 0 !important;
  display: block !important;
  position: relative !important;
}

.rollyplay-comments-panel label.icofrm:before {
  color: #9b6bff !important;
  height: auto !important;
  left: 16px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  position: absolute !important;
  text-align: center !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  z-index: 2 !important;
}

.rollyplay-comments-panel label.fa-comment:before {
  top: 24px !important;
  transform: none !important;
}

.rollyplay-comments-panel input[type="text"],
.rollyplay-comments-panel input[type="email"],
.rollyplay-comments-panel input[type="url"],
.rollyplay-comments-panel textarea,
body.single #respond input[type="text"],
body.single #respond input[type="email"],
body.single #respond input[type="url"],
body.single #respond textarea {
  background: #090a13 !important;
  border: 1px solid rgba(124, 92, 255, 0.32) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  outline: 0 !important;
}

.rollyplay-comments-panel input[type="text"],
.rollyplay-comments-panel input[type="email"],
.rollyplay-comments-panel input[type="url"],
body.single #respond input[type="text"],
body.single #respond input[type="email"],
body.single #respond input[type="url"] {
  min-height: 46px !important;
  padding: 0 16px 0 44px !important;
}

.rollyplay-comments-panel textarea,
body.single #respond textarea {
  min-height: 138px !important;
  padding: 18px 18px 18px 44px !important;
  resize: vertical !important;
}

.rollyplay-comments-panel input::placeholder,
.rollyplay-comments-panel textarea::placeholder,
body.single #respond input::placeholder,
body.single #respond textarea::placeholder {
  color: #777b9d !important;
  opacity: 1 !important;
}

.rollyplay-comments-panel input[type="text"]:focus,
.rollyplay-comments-panel input[type="email"]:focus,
.rollyplay-comments-panel input[type="url"]:focus,
.rollyplay-comments-panel textarea:focus,
body.single #respond input[type="text"]:focus,
body.single #respond input[type="email"]:focus,
body.single #respond input[type="url"]:focus,
body.single #respond textarea:focus {
  background: #11121d !important;
  border-color: #8a55ff !important;
  box-shadow: 0 0 0 3px rgba(124, 92, 255, 0.2) !important;
}

.rollyplay-comments-panel .form-submit,
body.single #respond .form-submit {
  clear: both !important;
  display: block !important;
  float: none !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.rollyplay-comments-panel input[type="submit"],
.rollyplay-comments-panel .rollyplay-comment-submit,
body.single #respond input[type="submit"] {
  background: linear-gradient(135deg, #6847ff 0%, #9b5cff 100%) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 46px !important;
  min-height: 46px !important;
  min-width: 158px !important;
  padding: 0 22px !important;
  text-transform: uppercase !important;
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.rollyplay-comments-panel input[type="submit"]:hover,
.rollyplay-comments-panel input[type="submit"]:focus,
.rollyplay-comments-panel .rollyplay-comment-submit:hover,
.rollyplay-comments-panel .rollyplay-comment-submit:focus,
body.single #respond input[type="submit"]:hover,
body.single #respond input[type="submit"]:focus {
  background: linear-gradient(135deg, #7c5cff 0%, #b26bff 100%) !important;
  box-shadow: 0 14px 26px rgba(124, 92, 255, 0.28) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.rollyplay-comments-panel .lst-cmnt {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rollyplay-comments-panel .lst-cmnt li,
.rollyplay-comments-panel.blk-cn ul > li {
  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
}

.rollyplay-comments-panel .cmnt-cn {
  background: transparent !important;
  color: #ffffff !important;
  margin: 0 0 18px !important;
  min-height: 78px !important;
  padding-left: 92px !important;
  position: relative !important;
}

.rollyplay-comments-panel .cmnt-cn figure {
  background: #24263a !important;
  border: 1px solid rgba(138, 85, 255, 0.35) !important;
  border-radius: 16px !important;
  height: 70px !important;
  left: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 70px !important;
}

.rollyplay-comments-panel .cmnt-cn figure img {
  border-radius: 14px !important;
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

.rollyplay-comments-panel .cmnt-cn > div {
  background: #090a13 !important;
  border: 1px solid rgba(124, 92, 255, 0.26) !important;
  border-radius: 12px !important;
  color: #f5f6ff !important;
  margin: 0 !important;
  padding: 16px 18px 20px !important;
  position: relative !important;
}

.rollyplay-comments-panel .cmnt-cn > div:before {
  border-right: 12px solid #090a13 !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
  border-left: 0 !important;
  content: "" !important;
  left: -12px !important;
  position: absolute !important;
  top: 20px !important;
}

.rollyplay-comments-panel .cmnt-cn > div div,
.rollyplay-comments-panel .cmnt-cn > div div a {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.rollyplay-comments-panel .cmnt-cn > div div time {
  color: #8f91ab !important;
  float: right !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.rollyplay-comments-panel .cmnt-cn p {
  color: #d7d8e9 !important;
  font-weight: 600 !important;
  margin: 10px 0 0 !important;
}

.rollyplay-comments-panel .comment-reply-link {
  background: #24263a !important;
  border-radius: 999px !important;
  bottom: 12px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 24px !important;
  padding: 0 12px !important;
  position: absolute !important;
  right: 12px !important;
  text-transform: uppercase !important;
}

.rollyplay-comments-panel .comment-reply-link:hover {
  background: #8a55ff !important;
  color: #ffffff !important;
}

.rollyplay-comments-panel .cancel-comment-reply {
  margin: -10px 0 18px !important;
}

@media screen and (max-width: 768px) {
  .rollyplay-comments-panel,
  body.single #respond.rollyplay-comments-panel {
    border-radius: 10px !important;
    margin: 22px 0 28px !important;
    padding: 20px 16px 24px !important;
  }

  .rollyplay-comments-title,
  body.single #respond .comment-reply-title {
    font-size: 18px !important;
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
  }

  .rollyplay-comment-form-panel .frmspr.cols-n6 {
    float: none !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .rollyplay-comments-panel .cmnt-cn {
    padding-left: 0 !important;
  }

  .rollyplay-comments-panel .cmnt-cn figure,
  .rollyplay-comments-panel .cmnt-cn > div:before {
    display: none !important;
  }

  .rollyplay-comments-panel input[type="submit"],
  .rollyplay-comments-panel .rollyplay-comment-submit,
  body.single #respond input[type="submit"] {
    width: 100% !important;
  }
}

/* Theme button polish: search submit and floating back-to-top. */
#header_horizontal .cg-header-search input[type="search"] {
  background: #383a56 !important;
  border: 1px solid transparent !important;
  border-radius: 21px !important;
  box-shadow: none !important;
  padding-right: 46px !important;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease !important;
}

#header_horizontal .cg-header-search input[type="search"]:focus,
#header_horizontal .cg-header-search:focus-within input[type="search"] {
  background: #3b3d5a !important;
  border-color: #7a5cff !important;
  box-shadow: 0 0 0 1px #7a5cff !important;
  outline: none !important;
}

#header_horizontal .cg-header-search button.fa-search {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #b7bddc !important;
  display: inline-flex !important;
  height: 32px !important;
  justify-content: center !important;
  min-width: 32px !important;
  overflow: hidden !important;
  padding: 0 !important;
  right: 6px !important;
  top: 4px !important;
  transition:
    background 0.16s ease,
    color 0.16s ease,
    transform 0.12s ease !important;
  width: 32px !important;
}

#header_horizontal .cg-header-search button.fa-search:before {
  color: inherit !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

#header_horizontal .cg-header-search button.fa-search:hover,
#header_horizontal .cg-header-search button.fa-search:focus,
#header_horizontal .cg-header-search:focus-within button.fa-search {
  background: #4a4d6d !important;
  box-shadow: none !important;
  color: #ffffff !important;
  outline: none !important;
  transform: none !important;
}

#header_horizontal .cg-header-search button.fa-search:active {
  background: #565a7d !important;
  box-shadow: none !important;
  transform: scale(0.96) !important;
}

a.botn-gtop,
.botn-gtop {
  background: #303249 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  bottom: 28px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.34) !important;
  color: #ffffff !important;
  height: 44px !important;
  left: auto !important;
  line-height: 44px !important;
  padding: 0 !important;
  right: 28px !important;
  text-align: center !important;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease !important;
  width: 44px !important;
}

a.botn-gtop:before,
.botn-gtop:before {
  color: #ffffff !important;
  display: inline-block !important;
  font-size: 18px !important;
  line-height: 44px !important;
}

a.botn-gtop:hover,
a.botn-gtop:focus,
.botn-gtop:hover,
.botn-gtop:focus {
  background: #42445f !important;
  border-color: rgba(122, 92, 255, 0.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 12px 26px rgba(0, 0, 0, 0.38),
    0 0 0 3px rgba(122, 92, 255, 0.16) !important;
  color: #ffffff !important;
  outline: none !important;
  transform: translateY(-1px);
}

a.botn-gtop:active,
.botn-gtop:active {
  transform: translateY(0) scale(0.98);
}

@media screen and (max-width: 768px) {
  #header_horizontal .cg-header-search button.fa-search {
    height: 32px !important;
    min-width: 32px !important;
    right: 5px !important;
    top: 3px !important;
    width: 32px !important;
  }

  a.botn-gtop,
  .botn-gtop {
    border-radius: 13px !important;
    bottom: 22px !important;
    height: 42px !important;
    line-height: 42px !important;
    right: 18px !important;
    width: 42px !important;
  }

  a.botn-gtop:before,
  .botn-gtop:before {
    line-height: 42px !important;
  }
}

/* CrazyGames-style header search suggestions. */
body.rollyplay-search-open {
  overflow: hidden;
}

.rollyplay-search-scrim {
  appearance: none !important;
  background: rgba(0, 0, 0, 0.72) !important;
  border: 0 !important;
  border-radius: 0 !important;
  bottom: 0 !important;
  cursor: default !important;
  display: block !important;
  left: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  position: fixed !important;
  right: 0 !important;
  top: 64px !important;
  width: auto !important;
  z-index: 850 !important;
}

.rollyplay-search-scrim:hover,
.rollyplay-search-scrim:focus,
.rollyplay-search-scrim:active {
  background: rgba(0, 0, 0, 0.72) !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

.rollyplay-search-scrim[hidden] {
  display: none !important;
}

#header_horizontal .cg-header-search {
  z-index: 1100 !important;
}

#header_horizontal .rollyplay-search-panel {
  background: #12131f !important;
  border: 1px solid rgba(122, 92, 255, 0.18) !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.46) !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: block !important;
  left: 0 !important;
  overflow: hidden !important;
  padding: 12px !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 1px) !important;
  z-index: 1200 !important;
}

#header_horizontal .rollyplay-search-panel[hidden] {
  display: none !important;
}

#header_horizontal .rollyplay-search-result,
#header_horizontal .rollyplay-search-all,
#header_horizontal .rollyplay-search-empty,
#header_horizontal .rollyplay-search-loading {
  align-items: center !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: flex !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  gap: 12px !important;
  min-height: 44px !important;
  padding: 7px 10px !important;
  text-decoration: none !important;
  width: 100% !important;
}

#header_horizontal .rollyplay-search-result:hover,
#header_horizontal .rollyplay-search-result:focus,
#header_horizontal .rollyplay-search-all:hover,
#header_horizontal .rollyplay-search-all:focus {
  background: #282a42 !important;
  color: #ffffff !important;
  outline: none !important;
}

#header_horizontal .rollyplay-search-result img {
  aspect-ratio: 16 / 10 !important;
  border-radius: 7px !important;
  flex: 0 0 64px !important;
  height: 40px !important;
  object-fit: cover !important;
  width: 64px !important;
}

#header_horizontal .rollyplay-search-result span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#header_horizontal .rollyplay-search-all {
  background: #2b2d46 !important;
  margin-top: 5px !important;
  padding: 13px 16px !important;
}

#header_horizontal .rollyplay-search-empty,
#header_horizontal .rollyplay-search-loading {
  color: #b8bdd8 !important;
  font-weight: 800 !important;
}

/* Full-width themed search result page. */
body.search .all > .bdcn > .cont.rollyplay-search-cont {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.search .rollyplay-search-cont .cntcls.archive-fullwidth,
body.search .rollyplay-search-cont .archive-fullwidth #ajaxsearch,
body.search .rollyplay-search-cont .archive-fullwidth .main-cn {
  color: #ffffff !important;
  max-width: none !important;
  width: 100% !important;
}

body.search .rollyplay-search-heading {
  border-bottom: 1px solid rgba(138, 85, 255, 0.72) !important;
  color: #ffffff !important;
  margin: 0 10px 18px !important;
  padding: 0 0 18px !important;
}

body.search .rollyplay-search-heading h1.archive-title {
  color: #ffffff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}

body.search .rollyplay-search-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(auto-fill, 148px) !important;
  justify-content: start !important;
  margin: 0 10px 28px !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.search .rollyplay-search-grid > li {
  float: none !important;
  list-style: none !important;
  padding: 0 !important;
  width: 148px !important;
}

body.search .rollyplay-search-grid .gmcn-midl,
body.search .rollyplay-search-grid .gmcn-midl .gm-imag,
body.search .rollyplay-search-grid .gmcn-midl .gm-imag a {
  aspect-ratio: 1 / 1 !important;
  height: 148px !important;
  width: 148px !important;
}

body.search .rollyplay-search-grid .gmcn-midl {
  background: #171827 !important;
  border: 2px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

body.search .rollyplay-search-grid .gmcn-midl:hover {
  border-color: #8a55ff !important;
  box-shadow: 0 12px 30px rgba(70, 38, 150, 0.38) !important;
  transform: translateY(-3px) !important;
}

body.search .rollyplay-search-grid .gmcn-midl .gm-imag,
body.search .rollyplay-search-grid .gmcn-midl .gm-imag a,
body.search .rollyplay-search-grid .gmcn-midl .gm-imag img {
  border-radius: 10px !important;
  overflow: hidden !important;
}

body.search .rollyplay-search-grid .gmcn-midl .gm-imag,
body.search .rollyplay-search-grid .gmcn-midl .gm-imag a {
  height: 100% !important;
  width: 100% !important;
}

body.search .rollyplay-search-grid .gmcn-midl .gm-imag img {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

body.search .rollyplay-search-grid .gmcn-midl .gm-text {
  border-radius: 0 0 10px 10px !important;
}

body.search .rollyplay-search-grid .gmcn-midl .gm-titl a {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.search .rollyplay-search-no-results {
  background: #11121d !important;
  border: 1px solid rgba(138, 85, 255, 0.28) !important;
  border-radius: 12px !important;
  color: #f5f6ff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin: 0 10px !important;
  padding: 22px 24px !important;
}

body.search .rollyplay-search-pagination {
  clear: both !important;
  margin: 28px 10px 36px !important;
  text-align: center !important;
}

body.search .rollyplay-search-pagination ul {
  align-items: center !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.search .rollyplay-search-pagination li {
  display: block !important;
  float: none !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.search .rollyplay-search-pagination a,
body.search .rollyplay-search-pagination span {
  align-items: center !important;
  background: #1d1f33 !important;
  border: 1px solid rgba(138, 85, 255, 0.34) !important;
  border-radius: 10px !important;
  color: #f4f2ff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 36px !important;
  min-width: 36px !important;
  padding: 0 13px !important;
  text-decoration: none !important;
}

body.search .rollyplay-search-pagination a:hover,
body.search .rollyplay-search-pagination a:focus,
body.search .rollyplay-search-pagination .current {
  background: #8a55ff !important;
  border-color: #8a55ff !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(138, 85, 255, 0.28) !important;
}

body.search .rollyplay-search-pagination .dots {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #908faf !important;
  min-width: auto !important;
  padding: 0 4px !important;
}

@media screen and (max-width: 900px) {
  body.search .rollyplay-search-grid {
    gap: 12px !important;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important;
  }

  body.search .rollyplay-search-grid > li,
  body.search .rollyplay-search-grid .gmcn-midl,
  body.search .rollyplay-search-grid .gmcn-midl .gm-imag,
  body.search .rollyplay-search-grid .gmcn-midl .gm-imag a {
    height: auto !important;
    width: 100% !important;
  }

  body.search .rollyplay-search-heading {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.search .rollyplay-search-pagination {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .rollyplay-search-scrim {
    top: 112px !important;
  }

  #header_horizontal .rollyplay-search-panel {
    border-radius: 0 0 12px 12px !important;
    left: 0 !important;
    right: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  html.monjeux-mobile-game-open,
  body.monjeux-mobile-game-open {
    height: 100% !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
  }

  body.rollyplay-game-page .cg-game-stage {
    aspect-ratio: auto !important;
    height: min(78vh, 520px) !important;
    min-height: 420px !important;
  }

  body.rollyplay-game-page .cg-game-stage .myarcade-game-wrapper:not(.monjeux-mobile-game-active) {
    aspect-ratio: auto !important;
    height: 100% !important;
    min-height: 420px !important;
  }

  .myarcade-game-wrapper.monjeux-mobile-game-active {
    background: #05060d !important;
    border-radius: 0 !important;
    bottom: 0 !important;
    height: 100dvh !important;
    inset: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    overflow: hidden !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    z-index: 2147483000 !important;
  }

  body > .myarcade-game-wrapper.monjeux-mobile-game-active {
    position: fixed !important;
  }

  .myarcade-game-wrapper.monjeux-mobile-game-active .myarcade-game-frame {
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    height: calc(100dvh - 36px) !important;
    inset: 36px 0 0 !important;
    max-height: none !important;
    max-width: none !important;
    position: absolute !important;
    width: 100% !important;
  }

  .monjeux-mobile-game-bar {
    align-items: center;
    background: #1f2032;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
    display: flex;
    height: 36px;
    justify-content: flex-start;
    left: 0;
    padding: max(4px, env(safe-area-inset-top)) 8px 4px max(8px, env(safe-area-inset-left));
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483001;
  }

  .monjeux-mobile-game-exit {
    align-items: center;
    background: #7c5cff !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-flex;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 900 !important;
    height: 26px !important;
    justify-content: center;
    line-height: 1 !important;
    min-width: 52px !important;
    padding: 0 11px !important;
    text-transform: none !important;
  }

  .monjeux-mobile-game-exit:focus {
    box-shadow: 0 0 0 3px rgba(138, 85, 255, 0.32) !important;
    outline: none !important;
  }

  .cg-game-toolbar {
    align-items: center !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .cg-game-actions {
    justify-content: center !important;
  }

  .cg-game-inline-next {
    margin: 22px auto 20px !important;
    max-width: 100% !important;
    padding: 0 18px !important;
  }

  .cg-game-inline-next-scroll {
    overflow: visible !important;
    padding: 0 !important;
  }

  .cg-game-inline-next-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  .cg-game-inline-next .cg-inline-next-card,
  .cg-game-inline-next .cg-inline-next-card:nth-child(n),
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl {
    aspect-ratio: 1 / 1 !important;
    background: #1a1a2e !important;
    border: 3px solid transparent !important;
    border-radius: 15px !important;
    box-shadow: none;
    display: block !important;
    height: auto !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
    width: 100% !important;
  }

  .cg-game-inline-next .cg-inline-next-card.gmcn-midl:hover,
  .cg-game-inline-next .cg-inline-next-card.gmcn-midl:focus-within,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl:hover,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl:focus-within {
    border-color: #8a55ff !important;
    box-shadow: 0 12px 30px rgba(70, 38, 150, 0.38) !important;
  }

  .cg-game-inline-next .cg-inline-next-card .gm-imag,
  .cg-game-inline-next .cg-inline-next-card .gm-imag a,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl .gm-imag,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl .gm-imag a {
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px !important;
    display: block !important;
    height: 100% !important;
    inset: auto !important;
    overflow: hidden !important;
    position: static !important;
    width: 100% !important;
  }

  .cg-game-inline-next .cg-inline-next-card .gm-imag img,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl .gm-imag img {
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px !important;
    display: block !important;
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
  }

  .cg-game-inline-next .cg-inline-next-card .gm-text,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl .gm-text {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%) !important;
    bottom: 0 !important;
    display: block !important;
    left: 0 !important;
    opacity: 0 !important;
    padding: 34px 7px 8px !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    top: auto !important;
    transform: none !important;
    transition: opacity 0.18s ease !important;
    z-index: 5 !important;
  }

  .cg-game-inline-next .cg-inline-next-card.gmcn-midl:hover .gm-text,
  .cg-game-inline-next .cg-inline-next-card.gmcn-midl:focus-within .gm-text,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl:hover .gm-text,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl:focus-within .gm-text {
    opacity: 1 !important;
  }

  .cg-game-inline-next .cg-inline-next-card .gm-cate,
  .cg-game-inline-next .cg-inline-next-card .gm-vpcn,
  .cg-game-inline-next .cg-inline-next-card .gm-vote,
  .cg-game-inline-next .cg-inline-next-card .gm-play {
    display: none !important;
  }

  .cg-game-inline-next .cg-inline-next-card .gm-titl,
  .cg-game-inline-next .cg-inline-next-card .gm-titl a,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl .gm-titl,
  body.rollyplay-game-page .cg-game-inline-next .cg-play-next-card.gmcn-midl .gm-titl a {
    background: transparent !important;
    bottom: auto !important;
    color: #ffffff !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    left: auto !important;
    line-height: 1.2 !important;
    max-height: 2.4em !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    white-space: normal !important;
  }

  .cg-game-rail {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  body.rollyplay-game-page .cg-play-next-grid,
  body.rollyplay-game-page .cg-game-inline-next-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  body.rollyplay-game-page .cg-play-next-card.gmcn-midl,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl,
  body.rollyplay-game-page .cg-game-inline-next-grid > .gmcn-midl {
    aspect-ratio: 1 / 1 !important;
    background: #1a1a2e !important;
    border: 3px solid transparent !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    display: block !important;
    float: none !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
    width: 100% !important;
  }

  body.rollyplay-game-page .cg-play-next-card.gmcn-midl:hover,
  body.rollyplay-game-page .cg-play-next-card.gmcn-midl:focus-within,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl:hover,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl:focus-within {
    border-color: #8a55ff !important;
    box-shadow: 0 12px 30px rgba(70, 38, 150, 0.38) !important;
    transform: translateY(-2px) !important;
  }

  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-imag,
  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-imag a,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-imag,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-imag a {
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px !important;
    display: block !important;
    height: 100% !important;
    inset: auto !important;
    overflow: hidden !important;
    position: static !important;
    width: 100% !important;
  }

  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-imag img,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-imag img {
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px !important;
    display: block !important;
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
  }

  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-text,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-text {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%) !important;
    bottom: 0 !important;
    display: block !important;
    left: 0 !important;
    opacity: 0 !important;
    overflow: visible !important;
    padding: 34px 7px 8px !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    top: auto !important;
    transform: none !important;
    transition: opacity 0.18s ease !important;
    z-index: 5 !important;
  }

  body.rollyplay-game-page .cg-play-next-card.gmcn-midl:hover .gm-text,
  body.rollyplay-game-page .cg-play-next-card.gmcn-midl:focus-within .gm-text,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl:hover .gm-text,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl:focus-within .gm-text {
    opacity: 1 !important;
  }

  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-cate,
  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-vpcn,
  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-vote,
  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-play,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-cate,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-vpcn,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-vote,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-play {
    display: none !important;
  }

  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-titl,
  body.rollyplay-game-page .cg-play-next-card.gmcn-midl .gm-titl a,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-titl,
  body.rollyplay-game-page .cg-game-inline-next .cg-inline-next-card.gmcn-midl .gm-titl a {
    background: transparent !important;
    color: #ffffff !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  @supports not (height: 100dvh) {
    .myarcade-game-wrapper.monjeux-mobile-game-active {
      height: 100vh !important;
    }

    .myarcade-game-wrapper.monjeux-mobile-game-active .myarcade-game-frame {
      height: calc(100vh - 36px) !important;
    }
  }
}