:root{
  --cg-player-stage-height: clamp(560px, 58vw, 800px);
  --cg-player-actionbar-height: 62px;
  --cg-side-gap: 12px;
  --cg-top-gap: 16px;
  --cg-square-card-size: 160px;
  --cg-square-card-radius: 18px;
  --cg-sidebar-width: 332px;
}

.cg-single-game-page{
  width: 100%;
}

.cg-single-top{
  width: min(calc(100% - 40px), var(--cg-container));
  margin: 22px auto 26px;
}

.cg-single-top__mainrow{
  display: grid;
  grid-template-columns: var(--cg-square-card-size) minmax(0, 1fr) var(--cg-square-card-size);
  gap: var(--cg-top-gap);
  align-items: start;
}

.cg-single-top__underrow{
  margin-top: 12px;
}

.cg-single-side__stack{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--cg-side-gap);
}

.cg-single-main-player{
  min-width: 0;
}

.cg-square-game-card{
  position: relative;
  overflow: hidden;
  border-radius: var(--cg-square-card-radius);
  background: var(--cg-surface-card);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .22s ease;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
  border: 2px solid transparent;
}

.cg-square-game-card:hover{
  transform: scale(1.02);
  border-color: var(--cg-link-active);
  z-index: 3;
}

.cg-square-game-card__link{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.cg-square-game-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: var(--cg-surface-card-2);
}

.cg-square-game-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cg-square-game-card__overlay{
  position: absolute;
  inset: auto 0 0 0;
  padding: 20px 10px 10px;
  background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.18), transparent);
  opacity: 0;
  transition: opacity .18s ease;
}

.cg-square-game-card:hover .cg-square-game-card__overlay{
  opacity: 1;
}

.cg-square-game-card__title{
  margin: 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
}

.cg-game-player-card{
  border-radius: 24px;
  overflow: hidden;
  background: color-mix(in srgb, var(--cg-surface-card) 88%, transparent);
  border: 1px solid var(--cg-border-color);
}

.cg-game-player{
  position: relative;
  width: 100%;
  min-height: var(--cg-player-stage-height);
  background: color-mix(in srgb, var(--cg-surface-card) 82%, black);
}

.cg-game-player__preview{
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cg-game-player__preview.is-hidden{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, visibility .28s ease;
}

.cg-game-player__preview-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: blur(16px);
  transform: scale(1.08);
  opacity: .78;
}

.cg-game-player__preview-shade{
  position: absolute;
  inset: 0;
  background: rgba(7,10,18,.45);
  backdrop-filter: blur(3px);
}

.cg-game-player__preview-content{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 420px;
  padding: 28px 22px;
  text-align: center;
}

.cg-game-player__thumb{
  width: 160px;
  height: 160px;
  margin: 0 auto 16px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
}

.cg-game-player__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cg-game-player__title{
  margin: 0 0 20px;
  color: var(--cg-text-main);
  font-size: 42px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.04em;
  font-family: var(--cg-font-main);
}

.cg-game-player__play-btn{
  min-width: 220px;
  height: 62px;
  padding: 0 24px;
  border-radius: 999px;
  border: 0;
  color: #f7f1ca;
  background: linear-gradient(90deg, #79a8ff 0%, #6891ff 100%);
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.03em;
  cursor: pointer;
  box-shadow: 0 16px 36px rgba(96,137,255,.34);
  animation: cgPulsePlay 1.8s ease-in-out infinite;
  outline: none;
}

@keyframes cgPulsePlay{
  0%{ transform: scale(1); box-shadow: 0 16px 36px rgba(96,137,255,.28); }
  50%{ transform: scale(1.03); box-shadow: 0 20px 42px rgba(96,137,255,.38); }
  100%{ transform: scale(1); box-shadow: 0 16px 36px rgba(96,137,255,.28); }
}

.cg-game-player__play-btn:hover,
.cg-game-player__play-btn:focus{
  animation-play-state: paused;
  transform: scale(1.02);
  outline: none;
}

.cg-game-player__unavailable{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 0 22px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--cg-text-main) 6%, transparent);
  color: var(--cg-text-soft);
  font-size: 17px;
  font-weight: 800;
}

.cg-game-player__iframe-wrap{
  position: relative;
  width: 100%;
  height: var(--cg-player-stage-height);
  background: color-mix(in srgb, var(--cg-body-bg) 90%, black);
}

.cg-game-player__iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity .24s ease, visibility .24s ease;
}

.cg-game-player__iframe.is-visible{
  opacity: 1;
  visibility: visible;
}

.cg-game-actionbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: var(--cg-player-actionbar-height);
  padding: 10px 16px;
  background: color-mix(in srgb, var(--cg-surface-card) 86%, transparent);
  border-top: 1px solid var(--cg-border-color);
}

.cg-game-actionbar__left{
  display: flex;
  align-items: center;
  min-width: 0;
}

.cg-game-actionbar__game-name{
  color: var(--cg-text-main);
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cg-game-actionbar__right{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.cg-game-actionbar__btn{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid var(--cg-border-color);
  background: color-mix(in srgb, var(--cg-text-main) 3%, transparent);
  color: var(--cg-text-main);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
  padding: 0;
  box-shadow: none;
  outline: none;
}

.cg-game-actionbar__btn:hover,
.cg-game-actionbar__btn:focus,
.cg-game-actionbar__btn:active{
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--cg-text-main) 6%, transparent);
  border-color: color-mix(in srgb, var(--cg-text-main) 14%, transparent);
  box-shadow: none;
  outline: none;
}

.cg-game-actionbar__btn svg{
  width: 20px;
  height: 20px;
  display: block;
  fill: currentColor;
}

.cg-game-actionbar__icon{
  width: 20px;
  height: 20px;
  display: block;
  object-fit: contain;
  pointer-events: none;
  filter: brightness(0) saturate(100%) invert(100%) opacity(.95);
}

.cg-under-player-grid{
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 12px;
}

.cg-single-game-content{
  width: min(calc(100% - 40px), var(--cg-container));
  margin: 0 auto 34px;
}

.cg-single-game-content__inner{
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--cg-sidebar-width);
  gap: 22px;
  align-items: start;
}

.cg-single-game-content__main{
  min-width: 0;
}

.cg-single-game-content__sidebar{
  width: var(--cg-sidebar-width);
  min-width: var(--cg-sidebar-width);
  display: grid;
  gap: 22px;
}

.cg-game-info-box,
.cg-game-seo-box,
.cg-sidebar-games-box{
  border-radius: 24px;
  background: var(--cg-surface-card);
  border: 1px solid var(--cg-border-color);
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
  transition: background .22s ease, border-color .22s ease;
}

.cg-game-info-box{
  padding: 22px;
  margin-bottom: 22px;
}

.cg-game-info-box__breadcrumb{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  color: color-mix(in srgb, var(--cg-text-main) 62%, transparent);
  font-size: 13px;
  font-weight: 700;
}

.cg-game-info-box__breadcrumb a{
  color: color-mix(in srgb, var(--cg-text-main) 74%, transparent);
  text-decoration: none;
}

.cg-game-info-box__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.cg-game-info-box__title{
  margin: 0;
  color: var(--cg-text-main);
  font-size: 42px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.cg-game-meta-grid{
  display: grid;
  gap: 12px;
}

.cg-game-meta-grid__row{
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 10px;
  align-items: start;
}

.cg-game-meta-grid__label{
  color: color-mix(in srgb, var(--cg-text-main) 72%, transparent);
  font-size: 16px;
  font-weight: 700;
}

.cg-game-meta-grid__value{
  color: var(--cg-text-main);
  font-size: 16px;
  font-weight: 800;
}

.cg-game-meta-grid__value small{
  color: color-mix(in srgb, var(--cg-text-main) 74%, transparent);
  font-weight: 700;
  font-size: 14px;
}

.cg-game-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.cg-game-tags__pill{
  min-height: 42px;
  padding: 0 16px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--cg-text-main) 18%, transparent);
  color: var(--cg-text-main);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
}

.cg-game-seo-box{
  padding: 26px 24px;
}

.cg-game-seo-box__content{
  color: var(--cg-text-soft);
  font-size: 17px;
  line-height: 1.85;
  font-weight: 700;
}

.cg-game-seo-box__content > *:first-child{
  margin-top: 0;
}

.cg-game-seo-box__content h2,
.cg-game-seo-box__content h3,
.cg-game-seo-box__content h4{
  color: var(--cg-text-main);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.02em;
  margin: 28px 0 14px;
}

.cg-game-seo-box__content h2{ font-size: 34px; }
.cg-game-seo-box__content h3{ font-size: 26px; }
.cg-game-seo-box__content h4{ font-size: 22px; }

.cg-game-seo-box__content p{
  margin: 0 0 18px;
}

.cg-game-seo-box__content ul,
.cg-game-seo-box__content ol{
  margin: 0 0 18px 20px;
}

.cg-game-seo-box__content a{
  color: var(--cg-link-hover);
  text-decoration: none;
}

.cg-sidebar-games-box{
  padding: 18px;
}

.cg-sidebar-games-box__head{
  margin-bottom: 12px;
}

.cg-sidebar-games-box__title{
  margin: 0;
  color: var(--cg-text-main);
  font-size: 24px;
  line-height: 1.1;
  font-weight: 900;
}

.cg-sidebar-games-box__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.cg-back-to-game{
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  min-width: 230px;
  height: 62px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #79a8ff 0%, #6891ff 100%);
  color: #f7f1ca;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 19px;
  font-weight: 900;
  box-shadow: 0 16px 36px rgba(96,137,255,.34);
  cursor: pointer;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  animation: cgBackPulse 1.8s ease-in-out infinite;
  transition: opacity .24s ease, visibility .24s ease;
  outline: none;
}

.cg-back-to-game.is-visible{
  opacity: 1;
  visibility: visible;
}

.cg-back-to-game__icon-img{
  width: 20px;
  height: 20px;
  display: block;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(100%);
}

@keyframes cgBackPulse{
  0%{ transform: translateX(-50%) scale(1); }
  50%{ transform: translateX(-50%) scale(1.03); }
  100%{ transform: translateX(-50%) scale(1); }
}

/* Vote / favorite / rating */
.cg-vote-btn{
  gap: 6px;
  width: auto;
  min-width: 42px;
  padding: 0 10px;
}

.cg-vote-count{
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: var(--cg-text-main);
}

.cg-vote-btn.is-active{
  background: color-mix(in srgb, var(--cg-text-main) 8%, transparent);
  border-color: color-mix(in srgb, var(--cg-text-main) 18%, transparent);
}

.cg-favorite-btn{
  gap: 6px;
  width: auto;
  min-width: 42px;
  padding: 0 10px;
}

.cg-favorite-count{
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: var(--cg-text-main);
}

.cg-favorite-btn.is-active{
  background: color-mix(in srgb, var(--cg-text-main) 8%, transparent);
  border-color: color-mix(in srgb, var(--cg-text-main) 18%, transparent);
}

.cg-rating-visual{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.cg-rating-stars{
  --cg-rating-percent: 0%;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
  color: color-mix(in srgb, var(--cg-text-main) 22%, transparent);
}

.cg-rating-stars::before{
  content: "★★★★★";
}

.cg-rating-stars::after{
  content: "★★★★★";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--cg-rating-percent);
  overflow: hidden;
  white-space: nowrap;
  color: #ffd54a;
}

.cg-rating-text{
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.cg-rating-score{
  color: var(--cg-text-main);
  font-size: 16px;
  font-weight: 900;
}

.cg-rating-meta{
  color: color-mix(in srgb, var(--cg-text-main) 72%, transparent);
  font-size: 13px;
  font-weight: 700;
}

/* Fullscreen */
.cg-game-player:fullscreen,
.cg-game-player:-webkit-full-screen,
.cg-game-player:-ms-fullscreen{
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  background: #000;
}

.cg-game-player:fullscreen .cg-game-player__iframe-wrap,
.cg-game-player:-webkit-full-screen .cg-game-player__iframe-wrap,
.cg-game-player:-ms-fullscreen .cg-game-player__iframe-wrap{
  height: 100vh;
}

.cg-game-player:fullscreen + .cg-game-actionbar,
.cg-game-player:-webkit-full-screen + .cg-game-actionbar,
.cg-game-player:-ms-fullscreen + .cg-game-actionbar{
  display: flex !important;
}

/* -------------------------------------------------------------------------- */
/* GeneratePress / global safety overrides - Single page only                 */
/* -------------------------------------------------------------------------- */
.cg-single-game-page button,
.cg-single-game-page button:hover,
.cg-single-game-page button:focus,
.cg-single-game-page button:active,
.cg-single-game-page a.button,
.cg-single-game-page a.button:hover,
.cg-single-game-page a.button:focus,
.cg-single-game-page a.button:active{
  box-shadow: none;
}

.cg-single-game-page .cg-game-player__play-btn:hover,
.cg-single-game-page .cg-game-player__play-btn:focus,
.cg-single-game-page .cg-game-player__play-btn:active{
  background: linear-gradient(90deg, #79a8ff 0%, #6891ff 100%) !important;
  color: #f7f1ca !important;
  border: 0 !important;
}

.cg-single-game-page .cg-back-to-game:hover,
.cg-single-game-page .cg-back-to-game:focus,
.cg-single-game-page .cg-back-to-game:active{
  background: linear-gradient(90deg, #79a8ff 0%, #6891ff 100%) !important;
  color: #f7f1ca !important;
  border: 0 !important;
}

.cg-single-game-page .cg-game-actionbar__btn:hover,
.cg-single-game-page .cg-game-actionbar__btn:focus,
.cg-single-game-page .cg-game-actionbar__btn:active{
  color: var(--cg-text-main) !important;
}

/* Responsive */
@media (max-width: 1480px){
  :root{
    --cg-square-card-size: 148px;
    --cg-player-stage-height: clamp(540px, 56vw, 720px);
    --cg-sidebar-width: 308px;
  }

  .cg-single-top__mainrow{
    grid-template-columns: var(--cg-square-card-size) minmax(0, 1fr) var(--cg-square-card-size);
  }

  .cg-under-player-grid{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (max-width: 1280px){
  :root{
    --cg-square-card-size: 132px;
    --cg-player-stage-height: clamp(500px, 54vw, 640px);
    --cg-sidebar-width: 280px;
  }

  .cg-single-top__mainrow{
    grid-template-columns: var(--cg-square-card-size) minmax(0, 1fr) var(--cg-square-card-size);
  }

  .cg-under-player-grid{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 1180px){
  :root{
    --cg-player-stage-height: clamp(460px, 62vw, 560px);
  }

  .cg-single-top,
  .cg-single-game-content{
    width: min(calc(100% - 24px), var(--cg-container));
  }

  .cg-single-top__mainrow{
    grid-template-columns: 1fr;
  }

  .cg-single-side{
    display: none;
  }

  .cg-under-player-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .cg-single-game-content__inner{
    grid-template-columns: 1fr;
  }

  .cg-single-game-content__sidebar{
    width: 100%;
    min-width: 0;
  }

  .cg-sidebar-games-box__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  :root{
    --cg-player-stage-height: clamp(300px, 62vw, 420px);
    --cg-player-actionbar-height: 58px;
  }

  .cg-single-top,
  .cg-single-game-content{
    width: min(calc(100% - 16px), var(--cg-container));
  }

  .cg-single-top{
    margin-top: 16px;
    margin-bottom: 20px;
  }

  .cg-game-player__preview-content{
    max-width: 100%;
    padding: 22px 16px;
  }

  .cg-game-player__thumb{
    width: 118px;
    height: 118px;
    border-radius: 18px;
    margin-bottom: 14px;
  }

  .cg-game-player__title{
    font-size: 28px;
    margin-bottom: 18px;
  }

  .cg-game-player__play-btn{
    min-width: 200px;
    width: 100%;
    max-width: 230px;
    height: 56px;
    font-size: 20px;
  }

  .cg-game-actionbar{
    padding: 12px;
    flex-direction: column;
    align-items: stretch;
  }

  .cg-game-actionbar__left{
    justify-content: center;
  }

  .cg-game-actionbar__right{
    justify-content: center;
  }

  .cg-under-player-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .cg-game-info-box{
    padding: 18px;
    border-radius: 18px;
    margin-bottom: 18px;
  }

  .cg-game-info-box__head{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 18px;
  }

  .cg-game-info-box__title{
    font-size: 30px;
  }

  .cg-game-meta-grid__row{
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .cg-game-meta-grid__label,
  .cg-game-meta-grid__value{
    font-size: 15px;
  }

  .cg-game-tags{
    gap: 8px;
    margin-top: 18px;
  }

  .cg-game-tags__pill{
    min-height: 38px;
    padding: 0 14px;
    font-size: 14px;
  }

  .cg-game-seo-box{
    padding: 20px 18px;
  }

  .cg-game-seo-box__content{
    font-size: 15px;
    line-height: 1.75;
  }

  .cg-game-seo-box__content h2{ font-size: 26px; }
  .cg-game-seo-box__content h3{ font-size: 22px; }
  .cg-game-seo-box__content h4{ font-size: 19px; }

  .cg-sidebar-games-box{
    padding: 16px;
    border-radius: 18px;
  }

  .cg-sidebar-games-box__title{
    font-size: 22px;
  }

  .cg-sidebar-games-box__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .cg-square-game-card{
    border-radius: 16px;
  }

  .cg-square-game-card__overlay{
    padding: 18px 8px 8px;
    opacity: 1;
  }

  .cg-square-game-card__title{
    font-size: 12px;
  }

  .cg-back-to-game{
    min-width: 210px;
    height: 56px;
    padding: 0 20px;
    font-size: 17px;
    bottom: 18px;
  }

  .cg-back-to-game__icon-img{
    width: 18px;
    height: 18px;
  }
}






/* =========================================================
 * SINGLE ACTION BAR ICONS / COUNTS FIX
 * add at the very end of single-game.css
 * ======================================================= */

/* counts */
.cg-vote-count,
.cg-favorite-count{
  color: var(--cg-text-main) !important;
}

/* action buttons */
.cg-game-actionbar__btn{
  color: var(--cg-text-main) !important;
}

/* inline svg icons */
.cg-game-actionbar__btn svg{
  fill: currentColor !important;
  color: inherit !important;
}

/* image icons if used */
.cg-game-actionbar__icon{
  opacity: 1 !important;
  transition: filter .18s ease, opacity .18s ease;
}

/* DARK MODE = white icons */
:root:not([data-theme="light"]) .cg-game-actionbar__icon{
  filter: brightness(0) saturate(100%) invert(100%) opacity(.96) !important;
}

/* LIGHT MODE = dark readable icons */
:root[data-theme="light"] .cg-game-actionbar__icon{
  filter: brightness(0) saturate(100%) invert(18%) sepia(29%) saturate(1328%) hue-rotate(176deg) brightness(95%) contrast(101%) !important;
}

/* keep same icon color on hover/focus/active */
.cg-game-actionbar__btn:hover,
.cg-game-actionbar__btn:focus,
.cg-game-actionbar__btn:active{
  color: var(--cg-text-main) !important;
}

.cg-game-actionbar__btn:hover svg,
.cg-game-actionbar__btn:focus svg,
.cg-game-actionbar__btn:active svg{
  fill: currentColor !important;
  color: inherit !important;
}

/* do NOT force share icon to white on hover */
.cg-game-actionbar__btn:hover .cg-game-actionbar__icon,
.cg-game-actionbar__btn:focus .cg-game-actionbar__icon,
.cg-game-actionbar__btn:active .cg-game-actionbar__icon{
  opacity: 1 !important;
}

:root:not([data-theme="light"]) .cg-game-actionbar__btn:hover .cg-game-actionbar__icon,
:root:not([data-theme="light"]) .cg-game-actionbar__btn:focus .cg-game-actionbar__icon,
:root:not([data-theme="light"]) .cg-game-actionbar__btn:active .cg-game-actionbar__icon{
  filter: brightness(0) saturate(100%) invert(100%) opacity(1) !important;
}

:root[data-theme="light"] .cg-game-actionbar__btn:hover .cg-game-actionbar__icon,
:root[data-theme="light"] .cg-game-actionbar__btn:focus .cg-game-actionbar__icon,
:root[data-theme="light"] .cg-game-actionbar__btn:active .cg-game-actionbar__icon{
  filter: brightness(0) saturate(100%) invert(18%) sepia(29%) saturate(1328%) hue-rotate(176deg) brightness(95%) contrast(101%) !important;
}

/* explicit light mode text fix */
:root[data-theme="light"] .cg-vote-count,
:root[data-theme="light"] .cg-favorite-count,
:root[data-theme="light"] .cg-game-actionbar__btn{
  color: #002b50 !important;
}

/* explicit dark mode text fix */
:root:not([data-theme="light"]) .cg-vote-count,
:root:not([data-theme="light"]) .cg-favorite-count,
:root:not([data-theme="light"]) .cg-game-actionbar__btn{
  color: #ffffff !important;
}


/* keep player preview title white in both dark/light modes */
.cg-game-player__title{
  color: #ffffff !important;
}