/*
 * Approved Arcade header v3.6.6.
 * Loaded last so legacy polish rules cannot restore the old title panel.
 */
.gmr-arcade-page .gmr-v3-top {
  min-height: 66px !important;
  padding: 14px 26px !important;
  background: linear-gradient(180deg, #040914 0%, #060b16 100%) !important;
}

.gmr-arcade-page .gmr-v3-top strong {
  color: #f8f7fb !important;
  font: 800 20px/1.25 Arial, Helvetica, sans-serif !important;
}

.gmr-arcade-page .gmr-v3-top button {
  padding: 11px 19px !important;
  border: 1px solid rgba(213, 154, 255, .38) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #b13fe5 0%, #7822b8 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 9px 24px rgba(115, 26, 177, .28) !important;
}

.gmr-arcade-page .gmr-v3-hero {
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
  height: clamp(420px, 34vw, 500px) !important;
  padding: 42px clamp(34px, 4.2vw, 64px) !important;
  overflow: hidden !important;
  filter: none !important;
  background-color: #030711 !important;
  background-image:
    linear-gradient(90deg, #030711 0%, rgba(3, 7, 17, .98) 29%, rgba(3, 7, 17, .83) 43%, rgba(3, 7, 17, .18) 67%, rgba(3, 7, 17, .02) 100%),
    var(--gmr-hero-image) !important;
  background-position: center, center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
}

.gmr-arcade-page .gmr-v3-hero::before {
  background: radial-gradient(circle at 74% 48%, rgba(131, 55, 185, .13), transparent 43%) !important;
}

.gmr-arcade-page .gmr-v3-hero::after {
  content: none !important;
  display: none !important;
}

.gmr-arcade-page .gmr-v3-hero-copy {
  width: min(720px, 58%) !important;
  max-width: 720px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.gmr-arcade-page .gmr-v3-hero-copy p {
  margin: 0 0 18px !important;
  color: #dc7df1 !important;
  font: 900 15px/1.3 Arial, Helvetica, sans-serif !important;
  letter-spacing: .22em !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .8) !important;
}

.gmr-arcade-page .gmr-v3-hero-copy h2 {
  max-width: 700px !important;
  margin: 0 0 20px !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(52px, 4.5vw, 72px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .72) !important;
}

.gmr-arcade-page .gmr-v3-hero-copy > span {
  max-width: 650px !important;
  color: #f1eff6 !important;
  font: 400 18px/1.55 Arial, Helvetica, sans-serif !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .88) !important;
}

.gmr-arcade-page .gmr-v3-hero-badges {
  gap: 14px !important;
  margin-top: 26px !important;
}

.gmr-arcade-page .gmr-v3-hero-badges b {
  padding: 11px 17px !important;
  border: 1px solid rgba(187, 162, 222, .32) !important;
  border-radius: 12px !important;
  background: rgba(6, 10, 22, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  color: #f5f1f8 !important;
  font: 700 16px/1.25 Arial, Helvetica, sans-serif !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}

.gmr-arcade-page .gmr-v3-beta {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 24px !important;
  min-height: 84px !important;
  padding: 15px 28px !important;
  background: linear-gradient(100deg, rgba(51, 20, 72, .78), rgba(12, 22, 42, .97) 58%, rgba(20, 28, 52, .97)) !important;
}

.gmr-arcade-page .gmr-v3-beta strong::before {
  content: none !important;
}

@media (max-width: 900px) {
  .gmr-arcade-page .gmr-v3-hero {
    height: 420px !important;
    padding: 36px 30px !important;
    background-position: center, 66% center !important;
  }

  .gmr-arcade-page .gmr-v3-hero-copy {
    width: 72% !important;
  }

  .gmr-arcade-page .gmr-v3-hero-copy h2 {
    font-size: clamp(46px, 7vw, 64px) !important;
  }

  .gmr-arcade-page .gmr-v3-beta {
    grid-template-columns: auto 1fr !important;
  }

  .gmr-arcade-page .gmr-v3-benefits {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 760px) {
  .gmr-arcade-page .gmr-v3-top {
    min-height: 58px !important;
    padding: 12px 14px !important;
  }

  .gmr-arcade-page .gmr-v3-hero {
    height: auto !important;
    min-height: 360px !important;
    padding: 32px 20px !important;
    background-image:
      linear-gradient(90deg, rgba(3, 7, 17, .96), rgba(3, 7, 17, .72)),
      var(--gmr-hero-image) !important;
    background-position: center, 69% center !important;
  }

  .gmr-arcade-page .gmr-v3-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .gmr-arcade-page .gmr-v3-hero-copy h2 {
    font-size: clamp(38px, 11vw, 54px) !important;
  }

  .gmr-arcade-page .gmr-v3-beta {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 17px !important;
  }

  .gmr-arcade-page .gmr-v3-benefits {
    grid-column: auto !important;
  }
}