/* Roo restoration overrides: keep the captured layout faithful on mobile. */

/* Hero carousel: the generic static-carousel fallback collapsed this to ~81px. */
.hero-banner-carousel,
.hero-banner-carousel .owl-carousel,
.hero-banner-carousel .owl-stage-outer,
.hero-banner-carousel owl-stage,
.hero-banner-carousel owl-stage > div,
.hero-banner-carousel .owl-stage {
  display: block !important;
  width: 100% !important;
  height: 20vh !important;
  min-height: 160px !important;
  max-height: 350px !important;
}
.hero-banner-carousel .owl-stage-outer {
  position: relative !important;
  overflow: hidden !important;
}
.hero-banner-carousel .owl-stage {
  position: relative !important;
  transform: none !important;
  transition: none !important;
  padding: 0 !important;
}
.hero-banner-carousel .owl-item {
  position: absolute !important;
  inset: 0 !important;
  display: none !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .45s ease !important;
}
.hero-banner-carousel .owl-item.cloned {
  display: none !important;
}
.hero-banner-carousel .owl-item.roo-active:not(.cloned) {
  z-index: 2 !important;
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.hero-banner-carousel .owl-item > div,
.hero-banner-carousel .owl-item > div > img {
  width: 100% !important;
  height: 100% !important;
}
.hero-banner-carousel .owl-item > div > img {
  display: block !important;
  object-fit: cover !important;
}
.hero-banner-carousel .owl-dots {
  position: absolute !important;
  z-index: 5 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
}
.hero-banner-carousel .owl-dot {
  display: flex !important;
  width: 9px !important;
  height: 9px !important;
  padding: 1px !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: linear-gradient(95.84deg, #f9df7b 0%, #eb5b00 95.95%) !important;
}
.hero-banner-carousel .owl-dot > span {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, #201604 0%, #201604 100%) !important;
}
.hero-banner-carousel .owl-dot.active {
  background: linear-gradient(144.69deg, #fed807 13.19%, #fed807 84.7%) !important;
}
.hero-banner-carousel .owl-dot.active > span {
  background: linear-gradient(180deg, #f9933e 0%, #f9933e 100%) !important;
}
.hero-banner-carousel .roo-restored-hero-content .mb-4 > div:nth-child(2) {
  white-space: pre-line !important;
}
.hero-banner-carousel .roo-restored-hero-content .mb-4,
.hero-banner-carousel .roo-restored-hero-content .mb-4 * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
.hero-banner-carousel .roo-restored-hero-content button {
  color: var(--shared-button-primary-textColor, #fff) !important;
  -webkit-text-fill-color: var(--shared-button-primary-textColor, #fff) !important;
}

/* Mobile bottom bar: the baked page lost the scoped background paint. */
.bottom-navigation-shell {
  background-color: #02140c !important;
  background-image: linear-gradient(180deg, #06311e 0.03%, #000 99.97%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Language belongs between the final All Games carousel and footer providers. */
.x-site-lang-section.roo-language-between-games-providers {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 24px 0 16px !important;
  padding: 0 24px !important;
}
.x-site-lang-section.roo-language-between-games-providers + .x-site-lang-divider {
  margin-top: 0 !important;
}

/* Game cards: restore the official 10px clipping and title gradient. */
shared-game-card,
shared-game-card > div,
shared-game-card > div > div,
shared-game-card > div > div > div,
shared-game-card shared-image,
shared-game-card shared-image img {
  border-radius: 10px !important;
}
shared-game-card > div,
shared-game-card > div > div,
shared-game-card > div > div > div,
shared-game-card shared-image {
  overflow: hidden !important;
}
shared-game-card .bg-core-gameCard-textBackground {
  background: linear-gradient(99.81deg, #2e2108 0%, #141103 48.5%, #332304 102.11%) !important;
}

/* Jackpot panel and winner strip: absolute local assets and captured fills. */
app-jackpot-grid-item [class~="bg-features-jackpot-gameGridJackpot-borderColor"] {
  border-radius: 10px !important;
  background: linear-gradient(203.87deg, #766b02 2.1%, #0b2303 34.38%, #0b2303 66.65%, #766b02 98.93%) !important;
}
app-jackpot-grid-item [class~="bg-features-jackpot-gameGridJackpot-backgroundColor"] {
  border-radius: 10px !important;
  background-color: #000 !important;
  background-image: url('/_a/assets/img-mobile-grid-bg-1691433940.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
}
app-jackpot-winner-item .jackpot-winner-content {
  background: #000 !important;
}
.roo-jackpot-roll {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: flex-end !important;
  white-space: nowrap !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}
.grand_prize .roo-jackpot-roll { color: #f6cbd1 !important; }
.mega .roo-jackpot-roll { color: #bfdcff !important; }
.major .roo-jackpot-roll { color: #e5b9f1 !important; }
.mini .roo-jackpot-roll { color: #8df49d !important; }
.roo-jackpot-digit {
  display: inline-block !important;
  flex: 0 0 .56em !important;
  width: .56em !important;
  height: 1em !important;
  overflow: hidden !important;
  line-height: 1em !important;
}
.roo-jackpot-digit-track {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 2em !important;
  transform: translateY(0) !important;
}
.roo-jackpot-digit-track > span {
  display: block !important;
  flex: 0 0 1em !important;
  width: 100% !important;
  height: 1em !important;
  line-height: 1em !important;
  text-align: center !important;
}
.roo-jackpot-separator {
  display: inline-block !important;
  line-height: 1 !important;
}
.roo-jackpot-currency {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 4px !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

/* Promotion cards use captured images that must resolve through /_a/assets. */
.promotions-carousel [style*="background-image"] {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

/* Top 20: stable horizontal rail, correct first visible trio and rank fill. */
.top-10-carousel .owl-stage-outer {
  overflow: hidden !important;
}
.top-10-carousel .owl-stage {
  display: flex !important;
  width: max-content !important;
  transform: none !important;
  transition: none !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.top-10-carousel .owl-item:not(.cloned) {
  position: relative !important;
  display: block !important;
  flex: 0 0 137.5px !important;
  width: 137.5px !important;
  margin-right: 20px !important;
}
.top-10-carousel .owl-item.cloned {
  display: none !important;
}
.top-10-carousel .gradient-border-number {
  display: block !important;
  color: transparent !important;
  background: -webkit-linear-gradient(0deg, #28b85e, #1c835a) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 5px transparent !important;
  filter: drop-shadow(4px 0 0 #000) !important;
}

@media (max-width: 767px) {
  .hero-banner-content {
    max-width: 50% !important;
  }
  .top-10-carousel .owl-item:not(.cloned) {
    flex-basis: 132px !important;
    width: 132px !important;
    margin-right: 16px !important;
  }
}

/* CLAUDE PageSpeed: убрать вступительную slideDown-анимацию hero — задерживает LCP paint (element render delay). Контент/позиция не меняются. */
html body .hero-banner.banner-animate{animation:none!important}