/* home.css: wrapper + home-only delta after shared extraction */

h1,h2,h3,.section-title {
  font-family: var(--font-display);
  font-weight: var(--text-weight-display);
  line-height: var(--text-line-tight);
  letter-spacing: -.032em;
  text-wrap: balance;
}

p,.section-kicker,.section-subtitle,.footer-description {
  line-height: var(--text-line-body);
  text-wrap: pretty;
}

button,input,select,textarea,.nav-link,.footer-link,.catalog-tab,.provider-filter-button,.game-action,.game-action-button,.carousel-prev,.carousel-next {
  font-family: var(--font-ui);
  font-weight: var(--text-weight-ui);
  line-height: var(--text-line-ui);
  letter-spacing: var(--text-letter-ui);
}

.section-kicker,.footer-heading,.provider-chip,.news-tag,.news-date,.age-badge,.feature-provider-badge,.feature-age-badge,.creator-badge {
  font-size: var(--text-size-overline);
  font-weight: var(--text-weight-strong);
  line-height: 1.12;
  letter-spacing: var(--text-letter-overline);
  text-transform: uppercase;
}

.game-card-title-overlay-text,.game-title-link,.feature-title-link,.news-card-title,.game-action,.game-action-button,.win-card-title {
  font-family: var(--font-display);
  font-weight: var(--text-weight-strong);
  line-height: var(--text-line-tight);
  letter-spacing: var(--text-letter-tight);
}

.game-progress-value,[data-numeric],[data-progress-value],.jp-value,.wd-value {
  font-family: var(--font-body);
  font-variant-numeric: tabular-nums lining-nums;
}

@media (max-width:640px) {
  body {
    font-size: var(--text-size-body-mobile);
    line-height: 1.46;
    letter-spacing: 0;
  }
  h1,h2,h3,.section-title {
    letter-spacing: -.026em;
  }
  .section-kicker,.provider-chip,.news-tag,.news-date,.age-badge,.feature-provider-badge,.feature-age-badge,.creator-badge {
    letter-spacing: .032em;
  }
}

.content-row-rail,[data-api-rail],[data-top20-rail],.win-proof-rail {
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none;
  touch-action: pan-x pan-y;
}

.game-card,.api-spotlight-card,.news-card,.win-proof-card,.content-row,.api-content-row {
  contain: layout paint style;
}

html.is-low-end-runtime .game-card,html.is-low-end-runtime .api-spotlight-card,html.is-low-end-runtime .news-card,html.is-low-end-runtime .win-proof-card {
  transition-duration: 140ms;
  will-change: auto;
}

@media (max-width:820px) {
  .content-row,.api-content-row {
    contain: layout paint style;
  }
  .content-row-rail,[data-api-rail],[data-top20-rail] {
    scroll-behavior: auto;
  }
  [data-rtpx-lazy-section="waiting"] {
    min-height: 0;
  }
}

html.is-mobile-low-end-runtime .game-card,html.is-mobile-low-end-runtime .feature-island-card,html.is-mobile-low-end-runtime .api-spotlight-card,html.is-mobile-low-end-runtime .news-card,html.is-mobile-low-end-runtime .win-proof-card {
  contain: layout paint style;
}

@media (max-width:560px) {
  .section-head,.catalog-head {
    gap: 12px;
    margin-bottom: 14px;
  }
  .section-title-link h2,.section-head h2,.catalog-head h2 {
    font-size: clamp(23px,6.4vw,26px);
    line-height: 1.08;
  }
  .eyebrow {
    min-height: 26px;
    padding-inline: 10px;
    font-size: 10.5px;
    letter-spacing: .075em;
  }
  .toolbar {
    grid-template-columns: minmax(0,1fr)minmax(86px,104px);
    gap: 6px;
  }
  .search,.sort-menu__button {
    min-height: 40px;
  }
  .search {
    border-radius: 999px;
  }
  .search__input {
    min-height: 40px;
    padding-inline: 4px;
    font-size: 16px;
  }
  .search__submit,.search__close {
    width: 30px;
    height: 22px;
    margin: 0;
  }
  .catalog-search-form .search__close {
    display: grid;
  }
  .sort-menu__button {
    border-radius: 16px;
    padding-inline: 10px;
    font-size: 12px;
    gap: 6px;
  }
  .sort-menu__button>svg {
    display: none;
  }
  .category-strip {
    flex-wrap: nowrap;
    gap: 8px;
    padding: 1px 2px 7px;
    margin-bottom: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: 2px;
  }
  .category-chip {
    min-height: 34px;
    padding-inline: 12px;
    border-radius: 15px;
    font-size: 12px;
  }
  .catalog-status {
    align-items: center;
    gap: 8px;
    min-height: 22px;
    margin-bottom: 10px;
    font-size: 12px;
  }
  .featured-carousel-stage,.content-row-stage {
    --fn-slider--slides-in-view: 2;
    --catalog-card-width: clamp(148px,calc((100vw - 46px)/ 2),172px);
    --featured-card-width: clamp(148px,calc((100vw - 46px)/ 2),172px);
    --game-card-gap: 10px;
    --catalog-card-gap: var(--game-card-gap);
    --featured-card-gap: var(--game-card-gap);
  }
  .featured-rail,.content-row-rail,.news-rail {
    -webkit-mask-image: linear-gradient(90deg,#fff 0,#fff calc(100% - 1rem),rgba(255,255,255,.42)calc(100% - .35rem),transparent 100%);
    mask-image: linear-gradient(90deg,#fff 0,#fff calc(100% - 1rem),rgba(255,255,255,.42)calc(100% - .35rem),transparent 100%);
    padding-top: 8px;
    padding-right: 14px;
    padding-bottom: 10px;
  }
  .feature-top-overlay,.game-overlay {
    inset: 6px 6px auto;
    gap: 5px;
  }
  .feature-provider-badge,.feature-age-badge,.creator-badge,.age-badge,.island-code,.news-tag,.news-date {
    min-height: 22px;
    padding-inline: 7px;
    font-size: 10px;
  }
  .feature-title-wrap,.game-title-wrap {
    display: none;
  }
  .game-progress {
    margin-top: 7px;
  }
  .game-progress-track {
    min-height: var(--game-progress-height-mobile,18px);
  }
  .game-progress-value {
    font-size: 10.8px;
  }
  .game-card-shell {
    padding: 6px;
    border-radius: 15px;
  }
  .game-cover,.game-cover-frame {
    border-radius: 11px;
  }
  .game-card-actions {
    gap: 5px;
    margin-top: 7px;
  }
  .game-action-button {
    min-height: 28px;
    padding-inline: 9px;
    font-size: 10.4px;
  }
  .feature-title-link,.game-title-link,.news-card-title {
    font-size: 12.5px;
  }
  .carousel-prev,.carousel-next {
    width: var(--carousel-control-size,40px);
    height: var(--carousel-control-size,40px);
    --control-inline: 4px;
  }
  .carousel-next-icon,.carousel-control-icon {
    width: clamp(17px,4.8vw,20px);
    height: clamp(17px,4.8vw,20px);
  }
  .slider-pagination,.featured-slider-pagination {
    max-width: min(220px,62vw);
    gap: 5px;
    margin-top: 8px;
    padding: 4px 7px;
  }
  .slider-pagination button button,.featured-slider-pagination button {
    width: 12px;
    height: 3px;
  }
  .slider-pagination button[data-fnui-is-active="true"] button[data-fnui-is-active="true"],.featured-slider-pagination button[data-fnui-is-active="true"],.slider-pagination button._1dfuy4s2 button._1dfuy4s2,.featured-slider-pagination button._1dfuy4s2 {
    width: 24px;
  }
  .news-card {
    flex-basis: clamp(240px,78vw,300px);
    width: clamp(240px,78vw,300px);
    border-radius: 18px;
  }
  .news-card-body {
    min-height: 128px;
    gap: 9px;
    padding: 12px;
  }
  .site-footer .shell {
    gap: 8px;
    font-size: 12px;
  }
  .game-dialog.is-pattern-mode {
    width: min(344px,calc(100vw - 30px));
    max-height: calc(100dvh - 54px);
    border-radius: 22px;
  }
  .game-dialog.is-pattern-mode .dialog-card {
    max-height: calc(100dvh - 54px);
  }
  .game-dialog.is-pattern-mode .dialog-body {
    gap: 10px;
    padding: 18px;
  }
  .game-dialog.is-pattern-mode .eyebrow {
    min-height: 22px;
    width: fit-content;
    padding-inline: 9px;
    font-size: 9px;
  }
  .game-dialog.is-pattern-mode .dialog-body h3 {
    max-width: calc(100% - 36px);
    font-size: clamp(22px,7vw,28px);
    line-height: 1.02;
    letter-spacing: -.04em;
  }
  .game-dialog.is-pattern-mode .dialog-body dl {
    display: none;
  }
  .game-dialog.is-pattern-mode .dialog-patterns {
    gap: 8px;
  }
  .game-dialog.is-pattern-mode .dialog-patterns-head {
    font-size: 11px;
  }
  .game-dialog.is-pattern-mode .dialog-pattern-list {
    gap: 6px;
  }
  .game-dialog.is-pattern-mode .dialog-pattern-item {
    gap: 2px 8px;
    padding: 9px 11px;
    border-radius: 13px;
  }
  .game-dialog.is-pattern-mode .dialog-pattern-label,.game-dialog.is-pattern-mode .dialog-pattern-item small {
    font-size: 10px;
  }
  .game-dialog.is-pattern-mode .dialog-pattern-item strong {
    font-size: 10.5px;
  }
  .dialog-pattern-detail {
    gap: 8px;
    padding: 10px;
    border-radius: 14px;
  }
  .dialog-pattern-section {
    gap: 6px;
    padding: 8px;
    border-radius: 13px;
  }
  .dialog-pattern-section-title {
    font-size: 10px;
  }
  .dialog-pattern-section-rows {
    gap: 5px;
  }
  .dialog-pattern-detail-row {
    min-height: 22px;
    gap: 7px;
    padding: 7px 9px;
    border-radius: 12px;
  }
  .dialog-pattern-detail-row span {
    font-size: 10px;
  }
  .dialog-pattern-detail-row strong {
    font-size: 10.5px;
  }
  .game-dialog.is-pattern-mode .dialog-actions {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 2px;
  }
  .game-dialog.is-pattern-mode .dialog-actions .button {
    min-height: 36px;
    padding-inline: 10px;
    border-radius: 15px;
    font-size: 10.5px;
  }
  .game-dialog.is-pattern-mode .dialog-close {
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
  }
  .game-dialog.is-pattern-mode .dialog-close svg {
    width: 15px;
    height: 15px;
  }
}

.featured-rail,.content-row-rail,.news-rail,.api-spotlight-rail {
  -webkit-mask-image: none;
  mask-image: none;
  scroll-padding-left: var(--rail-card-safe-space);
  scroll-padding-right: calc(var(--rail-card-safe-space) + var(--rail-edge-soft-width));
  padding: calc(var(--rail-card-safe-space) + 2px)calc(var(--rail-card-safe-space) + var(--rail-edge-soft-width))calc(var(--rail-card-safe-space) + 12px)var(--rail-card-safe-space);
  margin-left: 0;
  scroll-padding-inline: calc(var(--rtpx-rail-edge-width) + var(--rtpx-rail-card-space));
  padding-inline-end: calc(var(--rtpx-rail-edge-width) + var(--rtpx-rail-card-space));
  background: transparent;
  box-shadow: none;
}

.news-carousel-stage,.api-spotlight-stage,.content-row-stage,.featured-carousel-stage {
  position: relative;
  overflow: visible;
  isolation: isolate;
  --rail-edge-soft-width: var(--rtpx-rail-edge-width);
  --rail-card-safe-space: var(--rtpx-rail-card-space);
}

.content-row-stage::before,.news-carousel-stage::before,.api-spotlight-stage::before,.featured-carousel-stage::before {
  content: "";
  position: absolute;
  z-index: 12;
  inset-block: 0;
  inset-inline-start: 0;
  pointer-events: none;
  width: calc(var(--rtpx-stage-edge-width)* .82);
  background: linear-gradient(to right,rgba(var(--theme-bg-rgb),var(--rtpx-stage-edge-alpha))0%,rgba(var(--theme-bg-rgb),var(--rtpx-stage-edge-alpha-soft))46%,rgba(var(--theme-bg-rgb),.035)74%,transparent 100%);
  filter: blur(var(--rtpx-stage-edge-blur));
  opacity: .86;
  box-shadow: none;
  mix-blend-mode: normal;
}

.content-row-stage::after,.news-carousel-stage::after,.api-spotlight-stage::after,.featured-carousel-stage::after {
  content: "";
  position: absolute;
  z-index: 12;
  inset-block: 0;
  inset-inline-end: 0;
  pointer-events: none;
  opacity: .94;
  width: var(--rtpx-stage-edge-width);
  background: linear-gradient(to left,rgba(var(--theme-bg-rgb),.70)0%,rgba(var(--theme-bg-rgb),var(--rtpx-stage-edge-alpha))28%,rgba(var(--theme-bg-rgb),var(--rtpx-stage-edge-alpha-soft))58%,rgba(var(--theme-bg-rgb),.035)78%,transparent 100%);
  filter: blur(var(--rtpx-stage-edge-blur));
  box-shadow: var(--rtpx-stage-edge-right-shadow);
  mix-blend-mode: normal;
}

.content-row-stage,.news-carousel-stage,.api-spotlight-stage,.featured-carousel-stage {
  background: transparent;
  background-image: none;
  box-shadow: none;
  overflow: visible;
  isolation: isolate;
}

.game-card-shell,.news-card,.api-spotlight-card,.winner-card,.feature-island-card {
  box-shadow: var(--rtpx-card-soft-shadow);
}

@media (max-width:820px),(pointer:coarse) {
  html.is-mobile-runtime {
    scroll-behavior: auto;
  }
  body {
    background-attachment: scroll;
    overscroll-behavior-y: contain;
  }
  .featured-rail,.content-row-rail,.news-rail {
    scroll-snap-type: none;
    -webkit-overflow-scrolling: touch;
    contain: layout paint style;
    will-change: auto;
  }
  .game-card,.feature-island-card,.api-spotlight-card,.news-card,.win-proof-card {
    contain: layout paint;
    content-visibility: visible;
    transform: none;
    will-change: auto;
  }
  .feature-cover,.game-cover,.spotlight-card-media,.news-card-media {
    background: var(--game-card-bg-active,var(--theme-container-bg,#363737));
    transform: none;
    backface-visibility: hidden;
  }
  .feature-cover img,.game-cover img,.spotlight-card-media img,.news-card-media img {
    background: var(--game-card-bg-active,var(--theme-container-bg,#363737));
    opacity: 1;
    background-color: var(--game-card-bg-active,var(--theme-container-bg,#363737));
    transition: none;
    transform: none;
    will-change: auto;
  }
  .game-card-title-overlay {
    display: none;
    opacity: 0;
    pointer-events: none;
  }
  .category-chip,.provider-chip,.button,.link-button,.sort-menu__button,.search,.feature-provider-badge,.feature-age-badge,.creator-badge,.age-badge,.news-tag,.news-date {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .rtp-home-hero__poster {
    transform: none;
    will-change: auto;
  }
  .hero-reflection,[class*="reflection"] {
    filter: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (max-width:820px),(pointer:coarse) {
  html.is-mobile-runtime,html {
    scroll-behavior: auto;
  }
  .featured-rail,.content-row-rail,.news-rail,.api-spotlight-rail {
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: none;
    contain: layout paint;
    will-change: auto;
  }
  .game-card-shell,.feature-cover,.game-cover,.spotlight-card-media,.news-card-media {
    background-color: var(--game-card-bg-active,var(--theme-container-bg,#363737));
    backface-visibility: hidden;
    transform: none;
  }
  .category-chip,.provider-chip,.button,.link-button,.sort-menu__button,.search,.feature-provider-badge,.feature-age-badge,.creator-badge,.age-badge,.news-tag,.news-date,.catalog-control-panel,.content-row {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .rtpx-shell-skeleton {
    padding-inline: 0;
  }
  .rtpx-shell-skeleton-row {
    margin-block: 14px 22px;
  }
  .rtpx-shell-skeleton-rail {
    display: grid;
    grid-auto-flow: column;
    overflow: hidden;
    grid-auto-columns: 38vw;
    gap: 10px;
  }
  .rtpx-shell-skeleton-card {
    aspect-ratio: 1/1.28;
    background: linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
  }
}

html:not([data-rtpx-theme-ready="true"]) {
  background-color: var(--theme-bg,var(--rtpx-fallback-bg));
}

.game-card,.feature-island-card {
  transform: none;
  filter: none;
  position: relative;
}

.game-card .game-card-shell,.feature-island-card,.feature-island-card.game-card .game-card-shell {
  outline-style: solid;
  outline-width: 0;
  outline-color: transparent;
  outline-offset: var(--button-outline-idle,.625rem);
  transition: outline-color .15s ease-out,outline-offset .15s ease-out,outline-width .15s ease-out,border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out,opacity .15s ease-out,box-shadow .15s ease-out;
  will-change: auto;
}

body[data-page="home"] {
  --rtpx-rail-gap: clamp(12px,1vw,16px);
  --rtpx-rail-card-width: clamp(156px,11.7vw,176px);
  --rtpx-rail-card-min-h: clamp(304px,23vw,332px);
  --rtpx-rail-safe-x: clamp(14px,1.05vw,18px);
  --rtpx-rail-safe-y: 8px;
  --rtpx-winner-rail-gap: clamp(16px,1.35vw,22px);
  --rtpx-winner-card-height: clamp(236px,24vw,326px);
  --rtpx-rail-surface: linear-gradient(180deg,color-mix(in srgb,var(--theme-text,#fff) 8%,transparent),color-mix(in srgb,var(--theme-text,#fff) 3%,transparent)),var(--theme-container-bg,var(--theme-surface,var(--theme-bg)));
  --rtpx-rail-surface-strong: linear-gradient(180deg,color-mix(in srgb,var(--theme-text,#fff) 10%,transparent),color-mix(in srgb,var(--theme-text,#fff) 4%,transparent)),var(--layout-container-bg-strong,var(--theme-container-bg,var(--theme-surface,var(--theme-bg))));
  --rtpx-rail-border: color-mix(in srgb,var(--theme-text,#fff) 15%,transparent);
  --rtpx-rail-border-active: color-mix(in srgb,var(--rtpx-button-accent,var(--theme-text,#fff)) 42%,var(--rtpx-rail-border));
  --rtpx-rail-edge-width: clamp(26px,3.4vw,56px);
  --rtpx-rail-edge-left-width: clamp(18px,2.5vw,36px);
}

body[data-page="home"] :is(.content-row,.api-content-row,.news-section.api-spotlight-section.shell) {
  overflow-anchor: none;
  background: transparent;
  box-shadow: none;
  filter: none;
}

body[data-page="home"] .catalog-control-section {
  margin-top: 0;
  padding-block-start: clamp(0px,.18vw,3px);
  padding-block-end: clamp(5px,.55vw,8px);
}

body[data-page="home"] .catalog-control-panel {
  gap: clamp(5px,.45vw,7px);
  margin-top: 0;
}

body[data-page="home"] .catalog-controls .toolbar {
  margin-block: 0;
}

body[data-page="home"] .catalog-control-panel .category-strip {
  padding-block: 6px 7px;
  margin-block: -2px 4px;
}

@media (max-width:640px) {
  body[data-page="home"] .catalog-control-section {
    padding-block-start: 0;
    padding-block-end: 6px;
  }
  body[data-page="home"] .catalog-control-panel {
    gap: 5px;
  }
  body[data-page="home"] .catalog-control-panel .category-strip {
    padding-block: 5px 5px;
    margin-block: -1px 3px;
  }
  body[data-page="home"] .catalog-status {
    min-height: 18px;
    margin-bottom: 5px;
  }
}

body[data-page="home"] :is(.api-content-row,.content-row) {
  contain-intrinsic-size: 1px calc(var(--rtpx-rail-card-min-h) + 90px);
  padding-block: clamp(3px,.45vw,6px) clamp(10px,1vw,16px);
}

body[data-page="home"] :is(.content-row-head,.news-head.api-spotlight-head) {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  min-height: clamp(32px,2.8vw,42px);
  margin: 0 0 clamp(6px,.6vw,10px);
  padding-inline: var(--rtpx-rail-safe-x) 0;
  text-align: left;
}

body[data-page="home"] :is(.content-row-head,.news-head.api-spotlight-head) :is(.section-title-link,.section-title-button) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  min-width: 0;
  margin: 0 auto 0 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

body[data-page="home"] :is(.content-row-head,.news-head.api-spotlight-head) :is(h2,.section-title-link h2,.section-title-button h2) {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  text-wrap: initial;
  line-height: 1.06;
  letter-spacing: -.04em;
  text-align: left;
}

body[data-page="home"] .news-head.api-spotlight-head .rtpx-section-action {
  flex: 0 0 auto;
  margin-left: auto;
}

body[data-page="home"] :is(.content-row-stage,.api-content-stage,.featured-carousel-stage,.news-carousel-stage,.api-spotlight-stage,.jackpot-related-stage,.jackpot-top20-stage,.game-pola-top20-stage,.win-proof-stage) {
  position: relative;
  overflow: visible;
  isolation: isolate;
  contain: layout style;
  transform: none;
  filter: none;
  will-change: auto;
}

body[data-page="home"] :is(.content-row-stage.api-content-stage,.news-carousel-stage.api-spotlight-stage) {
  margin-block: calc(-1 * var(--rtpx-rail-safe-y)) 0;
  padding-block: var(--rtpx-rail-safe-y) calc(var(--rtpx-rail-safe-y) + 2px);
  padding-inline: 0;
}

body[data-page="home"] :is(.content-row-stage,.featured-carousel-stage,.news-carousel-stage,.api-spotlight-stage,.jackpot-related-stage,.jackpot-top20-stage,.game-pola-top20-stage)::before,body[data-page="home"] :is(.content-row-stage,.featured-carousel-stage,.news-carousel-stage,.api-spotlight-stage,.jackpot-related-stage,.jackpot-top20-stage,.game-pola-top20-stage)::after {
  content: "";
  position: absolute;
  z-index: 12;
  inset-block: 0;
  pointer-events: none;
  box-shadow: none;
  filter: none;
  mix-blend-mode: normal;
}

body[data-page="home"] :is(.content-row-stage,.featured-carousel-stage,.news-carousel-stage,.api-spotlight-stage,.jackpot-related-stage,.jackpot-top20-stage,.game-pola-top20-stage)::before {
  inset-inline-start: 0;
  width: var(--rtpx-rail-edge-left-width);
  background: linear-gradient(to right,rgba(var(--theme-bg-rgb,16,16,20),.28) 0%,rgba(var(--theme-bg-rgb,16,16,20),.10) 58%,transparent 100%);
  opacity: .72;
}

body[data-page="home"] :is(.content-row-stage,.featured-carousel-stage,.news-carousel-stage,.api-spotlight-stage,.jackpot-related-stage,.jackpot-top20-stage,.game-pola-top20-stage)::after {
  inset-inline-end: 0;
  width: var(--rtpx-rail-edge-width);
  background: linear-gradient(to left,rgba(var(--theme-bg-rgb,16,16,20),.42) 0%,rgba(var(--theme-bg-rgb,16,16,20),.18) 42%,rgba(var(--theme-bg-rgb,16,16,20),.055) 74%,transparent 100%);
  opacity: .78;
}

body[data-page="home"] :is(.featured-rail,.content-row-rail,.news-rail,.api-spotlight-rail,.jackpot-top20-rail,.jackpot-related-rail,.game-pola-top20-rail,[data-api-rail],[data-top20-rail],.win-proof-rail) {
  display: flex;
  flex-wrap: nowrap;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  scroll-behavior: auto;
  scroll-snap-type: none;
  scroll-padding-inline: 0;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  overflow-anchor: none;
  touch-action: pan-x pan-y;
  contain: layout style;
  will-change: auto;
  transform: none;
  filter: none;
  background: transparent;
  box-shadow: none;
  -webkit-mask-image: none;
  mask-image: none;
}

body[data-page="home"] :is(.featured-rail,.content-row-rail,.news-rail,.api-spotlight-rail,.jackpot-top20-rail,.jackpot-related-rail,.game-pola-top20-rail,[data-api-rail],[data-top20-rail],.win-proof-rail)::-webkit-scrollbar {
  display: none;
}

body[data-page="home"] :is(.featured-rail,.content-row-rail,[data-api-rail],[data-top20-rail],.jackpot-top20-rail,.jackpot-related-rail,.game-pola-top20-rail)>* {
  scroll-snap-align: none;
  scroll-snap-stop: normal;
  animation: none;
  will-change: auto;
}

body[data-page="home"] :is(.content-row-rail[data-api-rail],.content-row-rail,.featured-rail) {
  gap: var(--rtpx-rail-gap);
  padding: var(--rtpx-rail-safe-y) calc(var(--rtpx-rail-safe-x) + var(--rtpx-rail-edge-width)) calc(var(--rtpx-rail-safe-y) + 4px) var(--rtpx-rail-safe-x);
}

body[data-page="home"] :is(.content-row-rail[data-api-rail],.content-row-rail,.featured-rail)>.game-card,body[data-page="home"] :is(.content-row-rail[data-api-rail],.content-row-rail,.featured-rail)>.feature-island-card {
  box-sizing: border-box;
  flex: 0 0 var(--rtpx-rail-card-width);
  width: var(--rtpx-rail-card-width);
  min-width: var(--rtpx-rail-card-width);
  max-width: var(--rtpx-rail-card-width);
  overflow: visible;
  transform: none;
  filter: none;
  will-change: auto;
  contain: layout style;
  align-self: flex-start;
}

body[data-page="home"] :is(.content-row-rail[data-api-rail],.content-row-rail,.featured-rail) :is(.game-card-shell,.feature-island-card.game-card .game-card-shell) {
  min-height: var(--rtpx-rail-card-min-h);
  border: 1px solid var(--rtpx-rail-border);
  border-radius: 16px;
  background: var(--rtpx-rail-surface);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
  filter: none;
  will-change: auto;
}

body[data-page="home"] :is(.game-cover,.feature-cover,.game-cover-frame,.game-card-media-shell,.feature-card-hit,.game-card-hit) {
  overflow: hidden;
  isolation: isolate;
  touch-action: manipulation;
}

body[data-page="home"] :is(.game-cover,.feature-cover,.game-cover-frame,.spotlight-card-media,.news-card-media)>img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none;
  animation: none;
  filter: none;
  backface-visibility: hidden;
}

body[data-page="home"] :is(.game-cover,.feature-cover,.game-cover-frame,.spotlight-card-media,.news-card-media)>img:not([src]),body[data-page="home"] :is(.game-cover,.feature-cover,.game-cover-frame,.spotlight-card-media,.news-card-media)>img[src=""] {
  opacity: .001;
  visibility: hidden;
}

body[data-page="home"] :is(.news-rail.api-spotlight-rail,.news-section.api-spotlight-section.shell .news-rail) {
  align-items: flex-start;
  gap: var(--rtpx-winner-rail-gap);
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: calc(var(--rtpx-rail-safe-y) + 2px) calc(var(--rtpx-rail-safe-x) + var(--rtpx-rail-edge-width)) calc(var(--rtpx-rail-safe-y) + 6px) var(--rtpx-rail-safe-x);
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .win-proof-rail>.win-proof-card {
  position: relative;
  border: 1px solid var(--rtpx-rail-border);
  border-radius: clamp(18px,1.5vw,24px);
  background: var(--rtpx-rail-surface-strong);
  box-shadow: none;
  transform: none;
  filter: none;
  will-change: auto;
  contain: layout style;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.spotlight-card-hit,.news-card-hit) {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  color: inherit;
  text-decoration: none;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-media,.spotlight-card-media,.win-proof-media) {
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: inherit;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: color-mix(in srgb,var(--theme-text,#fff) 5%,transparent);
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-body,.spotlight-card-body) {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
  gap: 6px;
  padding: 10px 12px 11px;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-title,.spotlight-card-title) {
  display: grid;
  grid-template-columns: minmax(0,1fr)18px;
  align-items: start;
  gap: 8px;
  margin: 0;
  color: var(--theme-text,#fff);
  font-size: clamp(14px,1.18vw,17px);
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: -.024em;
  text-transform: uppercase;
  overflow: visible;
  -webkit-line-clamp: unset;
}

body[data-page="home"] :is(.carousel-prev,.carousel-next,.content-rail-button,.slider-button,.rtpx-section-arrow-button,[data-top20-prev],[data-top20-next],[data-rail-prev],[data-rail-next]) {
  transition: opacity .14s ease,border-color .14s ease,background-color .14s ease;
  animation: none;
  filter: none;
  will-change: auto;
  touch-action: manipulation;
}

body[data-page="home"] :is(.content-row-prev-button[data-edge-disabled],.content-row-next-button[data-edge-disabled],.news-prev-button[data-edge-disabled],.news-next-button[data-edge-disabled],.content-row-prev-button[aria-disabled="true"],.content-row-next-button[aria-disabled="true"],.news-prev-button[aria-disabled="true"],.news-next-button[aria-disabled="true"]) {
  opacity: .42;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width:820px),(pointer:coarse) {
  body[data-page="home"] {
    --rtpx-rail-gap: 11px;
    --rtpx-rail-card-width: clamp(138px,calc((100vw - 54px)/2),160px);
    --rtpx-rail-card-min-h: clamp(270px,63vw,300px);
    --rtpx-rail-safe-x: 12px;
    --rtpx-rail-safe-y: 8px;
    --rtpx-winner-rail-gap: 14px;
    --rtpx-winner-card-width: clamp(224px,68vw,282px);
    --rtpx-winner-card-height: clamp(214px,61vw,276px);
    --rtpx-rail-edge-width: clamp(26px,8vw,42px);
    --rtpx-rail-edge-left-width: clamp(18px,5vw,30px);
  }
  body[data-page="home"] :is(.api-content-row,.content-row) {
    contain-intrinsic-size: 1px calc(var(--rtpx-rail-card-min-h) + 76px);
    padding-bottom: 12px;
  }
  body[data-page="home"] :is(.content-row-head,.news-head.api-spotlight-head) {
    min-height: 32px;
    margin-bottom: 6px;
    padding-inline: var(--rtpx-rail-safe-x) 0;
  }
  body[data-page="home"] :is(.content-row-rail[data-api-rail],.content-row-rail,.featured-rail) {
    padding: 8px calc(var(--rtpx-rail-safe-x) + var(--rtpx-rail-edge-width)) 8px var(--rtpx-rail-safe-x);
  }
  body[data-page="home"] :is(.news-rail.api-spotlight-rail,.news-section.api-spotlight-section.shell .news-rail) {
    padding: 8px calc(var(--rtpx-rail-safe-x) + var(--rtpx-rail-edge-width)) 6px var(--rtpx-rail-safe-x);
  }
  body[data-page="home"] :is(.content-row-rail[data-api-rail],.content-row-rail,.featured-rail) :is(.game-card-shell,.feature-island-card.game-card .game-card-shell) {
    border-radius: 14px;
    transition: none;
    transform: none;
  }
  body[data-page="home"] .news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .win-proof-rail>.win-proof-card {
    transition: none;
    transform: none;
  }
  body[data-page="home"] :is(.carousel-prev,.carousel-next,.content-rail-button,.slider-button,.rtpx-section-arrow-button,[data-top20-prev],[data-top20-next],[data-rail-prev],[data-rail-next]) {
    transition: none;
  }
}

@media (max-width:640px) {
  body[data-page="home"] .news-section.api-spotlight-section.shell {
    width: min(100% - 14px,720px);
    content-visibility: visible;
    contain-intrinsic-size: auto;
    min-height: 0;
    height: auto;
    padding-block: 6px 0;
    margin-bottom: clamp(4px,1.1vw,8px);
  }
  body[data-page="home"] .news-carousel-stage.api-spotlight-stage {
    overflow: visible;
    content-visibility: visible;
    contain-intrinsic-size: auto;
    min-height: 0;
    height: auto;
    margin-inline: 0;
    padding: 8px 0 4px;
  }
  body[data-page="home"] .news-carousel-stage.api-spotlight-stage::before,body[data-page="home"] .news-carousel-stage.api-spotlight-stage::after {
    content: none;
  }
  body[data-page="home"] .news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .win-proof-rail>.win-proof-card {
    flex-basis: clamp(224px,82vw,318px);
    width: clamp(224px,82vw,318px);
    min-width: clamp(224px,82vw,318px);
    border-radius: 18px;
  }
  body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-body,.spotlight-card-body) {
    padding: 8px 10px 9px;
    gap: 5px;
  }
  body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-title,.spotlight-card-title) {
    font-size: 13.5px;
    line-height: 1.08;
    gap: 7px;
  }
}

@media (prefers-reduced-motion:reduce) {
  body[data-page="home"] *,body[data-page="home"] *::before,body[data-page="home"] *::after {
    scroll-behavior: auto;
    transition-duration: .001ms;
    animation-duration: .001ms;
  }
}

html.page-transition-out body {
  opacity: 1;
  transform: none;
  filter: none;
  transition: none;
}

body[data-page="home"] .game-online-chip.is-deferred {
  content-visibility: auto;
}

@media (pointer:coarse),(max-width:820px) {
  .game-action-button {
    min-height: 25px;
    padding-inline: 6px;
    font-size: 8.6px;
  }
  .game-progress-track {
    min-height: 15px;
  }
  .game-progress-value {
    font-size: 9px;
  }
  .game-online-chip {
    min-height: 20px;
    padding-inline: 6px;
    font-size: 9.4px;
  }
}

body[data-page="home"] .rtp-home-hero__poster {
  background: linear-gradient(135deg,color-mix(in srgb,var(--theme-text) 5.5%,transparent),color-mix(in srgb,var(--theme-text) 1.5%,transparent)),var(--theme-bg);
  transition: none;
  animation: none;
  backface-visibility: hidden;
}

html[data-rtpx-core-css="deferred"] body[data-page="home"],html[data-rtpx-core-css="local-eager"] body[data-page="home"] {
  opacity: 1;
  visibility: visible;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .win-proof-rail>.win-proof-card {
  --rtpx-win-card-radius: clamp(18px,1.45vw,22px);
  --rtpx-win-card-body-h: clamp(80px,6.15vw,90px);
  --rtpx-win-card-body-pad: 10px 12px 11px;
  --rtpx-win-card-title-size: clamp(13.5px,1.08vw,15.5px);
  --rtpx-win-card-meta-size: 9.5px;
  flex: 0 0 var(--rtpx-winner-card-width);
  width: var(--rtpx-winner-card-width);
  min-width: var(--rtpx-winner-card-width);
  max-width: var(--rtpx-winner-card-width);
  box-sizing: border-box;
  display: block;
  height: auto;
  min-height: 0;
  border-radius: var(--rtpx-win-card-radius);
  overflow: hidden;
  contain: layout paint style;
  isolation: isolate;
  align-self: flex-start;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card .spotlight-card-hit,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card .spotlight-card-hit {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: minmax(0,auto) var(--rtpx-win-card-body-h);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  border-radius: inherit;
  color: inherit;
  text-decoration: none;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-media,.spotlight-card-media,.win-proof-media),body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card :is(.news-card-media,.spotlight-card-media,.win-proof-media) {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--rtpx-win-card-radius) var(--rtpx-win-card-radius) 0 0;
  overflow: hidden;
  background: color-mix(in srgb,var(--theme-container-bg,#363737) 82%,rgba(255,255,255,.055));
  transform: none;
  contain: paint;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-media,.spotlight-card-media,.win-proof-media)>img,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card :is(.news-card-media,.spotlight-card-media,.win-proof-media)>img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-width: 0;
  object-fit: cover;
  object-position: center;
  transform: none;
  filter: none;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-body,.spotlight-card-body),body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card :is(.news-card-body,.spotlight-card-body) {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: var(--rtpx-win-card-body-h);
  min-height: var(--rtpx-win-card-body-h);
  padding: var(--rtpx-win-card-body-pad);
  overflow: hidden;
  border-radius: 0 0 var(--rtpx-win-card-radius) var(--rtpx-win-card-radius);
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-title,.spotlight-card-title),body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card :is(.news-card-title,.spotlight-card-title) {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0,1fr)16px;
  align-items: start;
  gap: 7px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  color: var(--text,#fff);
  font-size: var(--rtpx-win-card-title-size);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.018em;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-line-clamp: unset;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card .spotlight-card-title-text,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card .spotlight-card-title-text {
  display: -webkit-box;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card .spotlight-card-arrow,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card .spotlight-card-arrow {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-top: 1px;
  color: color-mix(in srgb,var(--text,#fff) 88%,transparent);
  opacity: .94;
  line-height: 0;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card .spotlight-card-arrow svg,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card .spotlight-card-arrow svg {
  display: block;
  width: 14px;
  height: 14px;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card .spotlight-card-meta,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card .spotlight-card-meta {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  gap: 0;
  margin-top: 0;
  color: color-mix(in srgb,var(--text,#fff) 66%,transparent);
  font-size: var(--rtpx-win-card-meta-size);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: .018em;
  text-transform: uppercase;
  overflow: hidden;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.spotlight-card-provider,.spotlight-card-date),body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card :is(.spotlight-card-provider,.spotlight-card-date) {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  line-height: inherit;
}

body[data-page="home"] .news-card.api-spotlight-card.win-proof-card .spotlight-card-provider::after,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card .spotlight-card-provider::after {
  content: none;
  display: none;
}

@media (max-width:640px) {
  body[data-page="home"] .news-card.api-spotlight-card.win-proof-card,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card {
    --rtpx-win-card-body-h: 74px;
    --rtpx-win-card-body-pad: 8px 10px 9px;
    --rtpx-win-card-title-size: 13.25px;
    --rtpx-win-card-meta-size: 9px;
    --rtpx-win-card-radius: 18px;
  }
  body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-body,.spotlight-card-body),body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card :is(.news-card-body,.spotlight-card-body) {
    gap: 5px;
  }
  body[data-page="home"] .news-card.api-spotlight-card.win-proof-card :is(.news-card-title,.spotlight-card-title),body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card :is(.news-card-title,.spotlight-card-title) {
    grid-template-columns: minmax(0,1fr)15px;
    gap: 6px;
    line-height: 1.08;
  }
  body[data-page="home"] .news-card.api-spotlight-card.win-proof-card .spotlight-card-arrow,body[data-page="home"] .jackpot-win-card.news-card.api-spotlight-card.win-proof-card .spotlight-card-arrow {
    width: 15px;
    height: 15px;
    min-width: 15px;
  }
}

body[data-page="home"] {
  --rtpx-home-layout-width: var(--shell);
  --rtpx-home-row-gap: var(--rtpx-global-rail-row-gap,8px);
  --rtpx-home-section-gap: var(--rtpx-global-rail-row-gap,8px);
  --rtpx-home-control-gap: 8px;
  --rtpx-home-head-gap: var(--rtpx-global-rail-head-gap,9px);
  --rtpx-home-rail-pad-y: var(--rtpx-global-rail-pad-y,5px);
  --rtpx-home-rail-pad-bottom: var(--rtpx-global-rail-pad-bottom,5px);
  --rtpx-home-rail-section-height: auto;
  --rtpx-home-rail-head-height: var(--rtpx-global-rail-head-height,38px);
  --rtpx-home-rail-card-height: auto;
  --rtpx-home-game-media-ratio: 1 / 1;
  --rtpx-home-pola-preview-height: 104px;
  --rtpx-home-pola-preview-row-height: 33px;
  --rtpx-home-game-action-height: 27px;
  --rtpx-home-game-action-gap: 7px;
  --rtpx-home-game-action-top-gap: 8px;
  --rtpx-home-news-rail-height: auto;
  --rtpx-home-news-section-height: auto;
  --rtpx-home-news-after-gap: 6px;
  --rtpx-rail-gap: 14px;
  --rtpx-rail-card-width: clamp(176px,12vw,196px);
  --rtpx-rail-card-min-h: clamp(342px,24vw,382px);
  --rtpx-rail-safe-x: 14px;
  --rtpx-rail-safe-y: var(--rtpx-home-rail-pad-y);
  --rtpx-winner-rail-gap: 16px;
  --rtpx-winner-card-width: clamp(252px,23vw,318px);
  --rtpx-winner-card-height: clamp(226px,21vw,286px);
  --rtpx-rail-edge-width: clamp(28px,3vw,48px);
  --rtpx-rail-edge-left-width: clamp(16px,2.1vw,30px);
}

body[data-page="home"] :is(.news-section.api-spotlight-section.shell,.catalog-control-section.discovery-sections.shell) {
  box-sizing: border-box;
  width: var(--rtpx-home-layout-width);
  max-width: var(--rtpx-home-layout-width);
  margin-inline: auto;
  overflow-anchor: none;
}

body[data-page="home"] :is(.discovery-sections,.discovery-sections--top,.discovery-sections--rest) {
  box-sizing: border-box;
  min-height: 0;
  margin-block: 0;
  padding-block: 0;
  overflow: visible;
  contain: layout style;
  content-visibility: visible;
  contain-intrinsic-size: auto;
  background: transparent;
  box-shadow: none;
  filter: none;
}

body[data-page="home"] :is(.discovery-dynamic-rows,.discovery-dynamic-rows--top,.discovery-dynamic-rows--rest) {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-auto-flow: row;
  grid-auto-rows: auto;
  row-gap: var(--rtpx-home-row-gap);
  column-gap: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  align-content: start;
  align-items: start;
  content-visibility: visible;
  contain-intrinsic-size: auto;
}

body[data-page="home"] .discovery-dynamic-rows--top,
body[data-page="home"] .discovery-dynamic-rows--top:not([data-render-fingerprint]) {
  grid-auto-rows: auto;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
}

body[data-page="home"] .discovery-dynamic-rows--top > .content-row.api-content-row {
  position: relative;
  inset: auto;
  grid-row: auto;
  z-index: auto;
}

body[data-page="home"] .discovery-dynamic-rows--rest,
body[data-page="home"] .discovery-dynamic-rows--rest:not([data-render-fingerprint]) {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  align-content: start;
}

body[data-page="home"] .discovery-dynamic-rows--rest[data-section-count="0"],
body[data-page="home"] .discovery-sections--rest[hidden] {
  display: none;
  height: 0;
  min-height: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body[data-page="home"] [data-rtpx-lazy-section="waiting"] {
  min-height: 0;
}

body[data-page="home"] :is(.is-runtime-lazy-row[data-rtpx-lazy-section="waiting"],[data-viewport-section-dormant="true"]) .content-row-rail {
  min-height: 0;
}

body[data-page="home"] .is-runtime-lazy-row[data-rtpx-lazy-section="waiting"] .rtpx-section-sentinel {
  display: none;
  width: 0;
  height: 0;
  min-height: 0;
}

body[data-page="home"] .catalog-control-section.discovery-sections.shell {
  position: relative;
  z-index: 40;
  margin-block: 0;
  padding-block: 8px 10px;
  contain: none;
  overflow: visible;
}

body[data-page="home"] .catalog-control-panel {
  display: grid;
  gap: var(--rtpx-home-control-gap);
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  contain: none;
  isolation: auto;
}

body[data-page="home"] .catalog-controls,
body[data-page="home"] .catalog-controls .toolbar,
body[data-page="home"] .catalog-search-form,
body[data-page="home"] .sort-menu {
  min-height: 0;
  margin-block: 0;
  overflow: visible;
  contain: none;
  isolation: auto;
}

body[data-page="home"] .catalog-controls .toolbar {
  gap: 8px;
}

body[data-page="home"] .provider-filter-strip {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  max-width: 100%;
  margin-block: 0;
  padding-block: 4px;
  padding-inline: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
  touch-action: pan-x;
  contain: layout style;
}

body[data-page="home"] .provider-filter-strip::-webkit-scrollbar {
  display: none;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin).content-row.api-content-row {
  box-sizing: border-box;
  row-gap: var(--rtpx-home-head-gap);
  align-content: start;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

body[data-page="home"] :is(.api-content-row,.content-row) {
  box-sizing: border-box;
  margin-block: 0;
  padding-block: 0;
  contain: layout style;
  content-visibility: visible;
  contain-intrinsic-size: auto;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .content-row-head,
body[data-page="home"] .news-section.api-spotlight-section.shell .news-head.api-spotlight-head {
  box-sizing: border-box;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--rtpx-rail-header-gap,9px);
  width: 100%;
  min-height: max(var(--rtpx-home-rail-head-height),var(--rtpx-section-action-height,34px),calc(var(--rtpx-title-icon-size,24px) + 4px));
  padding-inline: var(--rtpx-rail-safe-x) 0;
  text-align: left;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .content-row-stage.api-content-stage {
  box-sizing: border-box;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .content-row-rail {
  box-sizing: border-box;
  display: flex;
  gap: var(--rtpx-rail-gap);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: calc(var(--rtpx-rail-card-min-h) + var(--rtpx-home-rail-pad-y) + var(--rtpx-home-rail-pad-bottom));
  margin: 0;
  padding: var(--rtpx-home-rail-pad-y) calc(var(--rtpx-rail-safe-x) + var(--rtpx-rail-edge-width)) max(var(--rtpx-home-rail-pad-bottom),12px) var(--rtpx-rail-safe-x);
  scrollbar-width: none;
  scroll-snap-type: none;
  scroll-behavior: auto;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .content-row-rail::-webkit-scrollbar {
  display: none;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .content-row-rail > :is(.game-card,.feature-island-card) {
  flex: 0 0 var(--rtpx-rail-card-width);
  width: var(--rtpx-rail-card-width);
  min-width: var(--rtpx-rail-card-width);
  max-width: var(--rtpx-rail-card-width);
  --game-card-media-ratio: var(--rtpx-home-game-media-ratio);
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) :is(.game-card-shell,.feature-island-card.game-card .game-card-shell) {
  box-sizing: border-box;
  height: auto;
  min-height: var(--rtpx-rail-card-min-h);
  max-height: none;
  align-self: flex-start;
  align-content: start;
  grid-auto-rows: auto;
  overflow: hidden;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) :is(.game-cover,.game-cover-frame,.feature-cover) {
  aspect-ratio: var(--rtpx-home-game-media-ratio);
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .game-card .game-pola-preview {
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  max-height: none;
  margin-top: 8px;
  margin-bottom: 0;
  overflow: visible;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .game-card .game-pola-preview-list {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: hidden;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .game-card .game-pola-preview-item {
  height: auto;
  min-height: var(--rtpx-global-game-pattern-row-min-height,42px);
  max-height: none;
  padding-block: 6px;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .game-card .game-card-actions {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--rtpx-home-game-action-gap);
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin-top: var(--rtpx-home-game-action-top-gap);
  margin-bottom: 0;
  padding: 0;
  overflow: visible;
}

body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .game-card .game-action-button {
  height: auto;
  min-height: var(--rtpx-home-game-action-height);
  max-height: none;
  padding-block: 0;
  line-height: 1;
}

body[data-page="home"] .news-section.api-spotlight-section.shell,
body[data-page="home"] .news-section.api-spotlight-section.shell[data-news-loading],
body[data-page="home"] .news-section.api-spotlight-section.shell[data-news-ready="true"] {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: var(--rtpx-home-head-gap);
  align-content: start;
  width: var(--rtpx-home-layout-width);
  max-width: var(--rtpx-home-layout-width);
  height: auto;
  min-height: 0;
  max-height: none;
  margin-block: 0;
  margin-inline: auto;
  padding-block: 0;
  overflow: visible;
  contain: layout style;
  content-visibility: visible;
  contain-intrinsic-size: auto;
}

body[data-page="home"] .news-section.api-spotlight-section.shell .news-carousel-stage.api-spotlight-stage {
  box-sizing: border-box;
  align-self: start;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  contain: layout style;
}

body[data-page="home"] .news-section.api-spotlight-section.shell :is(.news-rail.api-spotlight-rail,.news-rail) {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--rtpx-winner-rail-gap);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  max-height: none;
  margin: 0;
  padding: var(--rtpx-home-rail-pad-y) calc(var(--rtpx-rail-safe-x) + var(--rtpx-rail-edge-width)) max(var(--rtpx-home-rail-pad-bottom),10px) var(--rtpx-rail-safe-x);
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  scroll-snap-type: none;
  scroll-behavior: auto;
  contain: layout style;
  transform: none;
  filter: none;
  will-change: auto;
}

body[data-page="home"] .news-section.api-spotlight-section.shell :is(.news-rail.api-spotlight-rail,.news-rail)::-webkit-scrollbar {
  display: none;
}

body[data-page="home"] .news-section.api-spotlight-section.shell :is(.news-card,.api-spotlight-card,.win-proof-card) {
  box-sizing: border-box;
  flex: 0 0 var(--rtpx-winner-card-width);
  width: var(--rtpx-winner-card-width);
  min-width: var(--rtpx-winner-card-width);
  max-width: var(--rtpx-winner-card-width);
  height: auto;
  min-height: 0;
  max-height: none;
  align-self: flex-start;
  overflow: hidden;
  aspect-ratio: auto;
}

body[data-page="home"] .news-skeleton-card {
  box-sizing: border-box;
  flex: 0 0 var(--rtpx-winner-card-width);
  width: var(--rtpx-winner-card-width);
  min-width: var(--rtpx-winner-card-width);
  max-width: var(--rtpx-winner-card-width);
  height: var(--rtpx-winner-card-height);
  min-height: var(--rtpx-winner-card-height);
  max-height: var(--rtpx-winner-card-height);
  align-self: flex-start;
  overflow: hidden;
  aspect-ratio: auto;
}

body[data-page="home"] .news-skeleton-card {
  display: block;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: clamp(18px,1.5vw,24px);
  background: linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
  box-shadow: none;
  contain: layout paint style;
  transform: none;
  backface-visibility: hidden;
}

body[data-page="home"] .news-section.api-spotlight-section.shell + .catalog-control-section.discovery-sections.shell {
  margin-block-start: 0;
  padding-block-start: var(--rtpx-home-news-after-gap);
}

body[data-page="home"] .catalog-control-section.discovery-sections.shell + .discovery-sections--top,
body[data-page="home"] .discovery-sections--top + .discovery-sections--rest {
  margin-block-start: 0;
  padding-block-start: 0;
}

body[data-page="home"] .rtpx-shell-skeleton {
  display: block;
  min-height: 1px;
  margin: 0;
  overflow: hidden;
  contain: layout paint;
  content-visibility: visible;
}

body[data-page="home"] .rtpx-shell-skeleton-row {
  margin-block: 0;
}

body[data-page="home"] .rtpx-shell-skeleton-row + .rtpx-shell-skeleton-row {
  margin-block-start: var(--rtpx-home-row-gap);
}

body[data-page="home"] .rtpx-shell-skeleton-head {
  box-sizing: border-box;
  width: min(220px,54vw);
  height: 28px;
  margin-block: 0 var(--rtpx-home-head-gap);
  border-radius: 999px;
  background: rgba(255,255,255,.075);
}

body[data-page="home"] .rtpx-shell-skeleton-rail {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--rtpx-rail-gap);
  min-height: calc(var(--rtpx-rail-card-min-h) + var(--rtpx-home-rail-pad-y) + var(--rtpx-home-rail-pad-bottom));
  margin: 0;
  padding: var(--rtpx-home-rail-pad-y) calc(var(--rtpx-rail-safe-x) + var(--rtpx-rail-edge-width)) var(--rtpx-home-rail-pad-bottom) var(--rtpx-rail-safe-x);
  overflow: hidden;
  contain: layout paint style;
}

body[data-page="home"] .rtpx-shell-skeleton-card {
  box-sizing: border-box;
  display: block;
  flex: 0 0 var(--rtpx-rail-card-width);
  width: var(--rtpx-rail-card-width);
  min-width: var(--rtpx-rail-card-width);
  max-width: var(--rtpx-rail-card-width);
  height: var(--rtpx-rail-card-min-h);
  min-height: var(--rtpx-rail-card-min-h);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  background: linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow: none;
  aspect-ratio: auto;
  contain: layout paint style;
}

@media (max-width:820px),(pointer:coarse) {
  body[data-page="home"] {
    --rtpx-home-row-gap: 8px;
    --rtpx-home-section-gap: 8px;
    --rtpx-home-control-gap: 6px;
    --rtpx-home-head-gap: 8px;
    --rtpx-home-rail-pad-y: 4px;
    --rtpx-home-rail-pad-bottom: 5px;
    --rtpx-home-game-action-height: 25px;
    --rtpx-home-game-action-gap: 6px;
    --rtpx-home-game-action-top-gap: 7px;
    --rtpx-home-news-after-gap: 5px;
    --rtpx-rail-gap: 10px;
    --rtpx-rail-card-width: clamp(138px,calc((100vw - 54px)/2),160px);
    --rtpx-rail-card-min-h: clamp(270px,63vw,300px);
    --rtpx-rail-safe-x: 12px;
    --rtpx-winner-rail-gap: 12px;
    --rtpx-winner-card-width: clamp(224px,82vw,318px);
    --rtpx-winner-card-height: clamp(214px,61vw,276px);
    --rtpx-rail-edge-width: clamp(24px,7vw,38px);
    --rtpx-rail-edge-left-width: clamp(16px,4.5vw,26px);
  }
  body[data-page="home"] .catalog-control-section.discovery-sections.shell {
    padding-block: 6px 8px;
  }
  body[data-page="home"] .catalog-controls .toolbar {
    gap: 6px;
  }
  body[data-page="home"] .provider-filter-strip {
    min-height: 34px;
    padding-block: 3px;
  }
  body[data-page="home"] :is(#section-top20,#section-slots,#section-new,#section-buy-freespin) .content-row-head,
  body[data-page="home"] .news-section.api-spotlight-section.shell .news-head.api-spotlight-head {
    min-height: max(34px,var(--rtpx-section-action-height,30px),calc(var(--rtpx-title-icon-size,22px) + 4px));
    height: auto;
    max-height: none;
    padding-inline: var(--rtpx-rail-safe-x) 0;
  }
  body[data-page="home"] .rtpx-shell-skeleton-head {
    height: 24px;
  }
  body[data-page="home"] .rtpx-shell-skeleton-card {
    border-radius: 14px;
  }
}

@media (max-width:420px) {
  body[data-page="home"] {
    --rtpx-home-row-gap: 7px;
    --rtpx-home-control-gap: 5px;
    --rtpx-home-head-gap: 7px;
    --rtpx-home-rail-pad-y: 4px;
    --rtpx-home-rail-pad-bottom: 5px;
    --rtpx-home-news-after-gap: 4px;
    --rtpx-rail-card-width: clamp(134px,calc((100vw - 44px)/2),156px);
    --rtpx-rail-card-min-h: clamp(266px,69vw,296px);
    --rtpx-winner-card-width: clamp(224px,86vw,316px);
    --rtpx-winner-card-height: clamp(208px,64vw,270px);
    --rtpx-rail-safe-x: 10px;
  }
  body[data-page="home"] .catalog-control-section.discovery-sections.shell {
    padding-block: 5px 7px;
  }
  body[data-page="home"] .provider-filter-strip {
    min-height: 32px;
    padding-block: 2px;
  }
}

:root {
  --home-hero-height: clamp(500px,42.85vw,857px);
  --home-hero-media-ratio: 2000 / 857;
  --home-hero-left-edge: clamp(14px,3vw,56px);
  --home-hero-right-edge: clamp(10px,1.45vw,24px);
  --home-hero-nav-size: clamp(40px,3.15vw,52px);
  --home-hero-nav-side-offset: clamp(8px,1.55vw,22px);
  --home-hero-content-nav-gap: clamp(10px,1.25vw,20px);
  --home-hero-desktop-safe-right: calc(var(--home-hero-nav-size)+var(--home-hero-nav-side-offset)+var(--home-hero-content-nav-gap));
  --home-hero-content-width: clamp(420px,49vw,740px);
  --home-hero-content-max: 820px;
  --home-hero-content-gap: clamp(10px,1.22vw,18px);
  --home-hero-title-width: clamp(360px,40vw,760px);
  --home-hero-title-height: clamp(126px,17.5vw,318px);
  --home-hero-lead-image-width: clamp(280px,30vw,580px);
  --home-hero-lead-image-height: clamp(58px,8.4vw,132px);
  --home-hero-mobile-content-width: 450px;
  --home-hero-mobile-title-width: min(88vw,450px);
  --home-hero-mobile-title-height: clamp(94px,31vw,184px);
  --home-hero-mobile-lead-image-width: min(78vw,360px);
  --home-hero-mobile-lead-image-height: clamp(46px,14vw,96px);
  --home-hero-control-bottom: clamp(16px,2.25vw,34px);
}

.rtp-home-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: clamp(10px,1.35vw,18px);
  width: 100%;
  height: var(--home-hero-height);
  min-height: 500px;
  max-height: 857px;
  box-sizing: border-box;
  padding-block: clamp(54px,7vw,112px) clamp(64px,8vw,124px);
  padding-left: max(var(--home-hero-left-edge),env(safe-area-inset-left));
  padding-right: max(var(--home-hero-right-edge),env(safe-area-inset-right));
  overflow: hidden;
  color: var(--text);
  background: radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent-2,#0ea4eb) 24%,transparent),transparent 34%),radial-gradient(circle at 82% 16%,rgba(255,255,255,.10),transparent 28%),linear-gradient(180deg,var(--theme-bg) 0%,color-mix(in srgb,var(--theme-bg) 72%,#000 28%) 100%);
  contain: layout paint style;
  transition: height .32s cubic-bezier(.22,.61,.36,1),min-height .32s cubic-bezier(.22,.61,.36,1),max-height .32s cubic-bezier(.22,.61,.36,1),padding .32s cubic-bezier(.22,.61,.36,1),gap .24s ease,background .24s ease;
}

.rtp-home-hero::before,.rtp-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.rtp-home-hero::before {
  background: linear-gradient(90deg,rgba(var(--theme-bg-rgb),.48) 0%,rgba(var(--theme-bg-rgb),.30) 28%,rgba(var(--theme-bg-rgb),.07) 62%,rgba(var(--theme-bg-rgb),.24) 100%),linear-gradient(180deg,rgba(var(--theme-bg-rgb),.06) 0%,rgba(var(--theme-bg-rgb),.07) 48%,rgba(var(--theme-bg-rgb),.42) 100%),radial-gradient(ellipse at 52% 116%,rgba(0,85,254,.11),transparent 60%);
}

.rtp-home-hero::after {
  top: auto;
  height: min(24%,170px);
  background: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--theme-bg) 54%,transparent) 72%,var(--theme-bg) 100%);
}

.rtp-home-hero__poster {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  filter: none;
  transform: translateZ(0);
  transform-origin: center;
  backface-visibility: hidden;
}

.rtp-home-hero__poster.is-active {
  opacity: .82;
}

.rtp-home-hero__poster[hidden],.rtp-home-hero__poster[data-media-empty="true"],.rtp-home-hero__poster:not([src]),.rtp-home-hero__poster[src=""] {
  opacity: 0;
}

.rtp-home-hero__poster {
  transition: opacity .46s cubic-bezier(.22,.61,.36,1);
}

.rtp-home-hero.is-media-switching .rtp-home-hero__poster {
  will-change: opacity;
}

.rtp-home-hero__side-fade {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 0;
  width: min(40vw,560px);
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg,transparent 0%,rgba(var(--theme-bg-rgb),.08) 28%,rgba(var(--theme-bg-rgb),.28) 62%,rgba(var(--theme-bg-rgb),.48) 100%);
  backdrop-filter: blur(7px) saturate(106%);
  -webkit-backdrop-filter: blur(7px) saturate(106%);
  -webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.20) 26%,#000 62%,#000 100%);
  mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.20) 26%,#000 62%,#000 100%);
  transform: none;
  transition: opacity .24s ease;
}

.rtp-home-hero[data-hero-content-active="true"] .rtp-home-hero__side-fade {
  opacity: .72;
}

.rtp-home-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--home-hero-content-gap);
  width: min(var(--home-hero-content-width),100%);
  max-width: min(var(--home-hero-content-max),calc(100% - var(--home-hero-left-edge) - var(--home-hero-right-edge)));
  min-height: clamp(250px,27vw,520px);
  box-sizing: border-box;
  margin-left: auto;
  margin-right: 0;
  padding-right: var(--home-hero-desktop-safe-right);
  color: var(--text);
  text-align: center;
  transform: none;
}

.rtp-home-hero__media-text {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 42px rgba(0,0,0,.34));
  pointer-events: none;
  user-select: none;
}

.rtp-home-hero__title-image {
  width: min(100%,var(--home-hero-title-width));
  max-height: var(--home-hero-title-height);
  margin: 0;
}

.rtp-home-hero__lead-image {
  width: min(100%,var(--home-hero-lead-image-width));
  max-height: var(--home-hero-lead-image-height);
  margin: 0;
}

.rtp-home-hero__title {
  position: relative;
  z-index: 1;
  max-width: min(100%,560px);
  margin: 0 auto;
  color: var(--text);
  font-size: clamp(38px,5.4vw,78px);
  font-weight: 900;
  line-height: .92;
  letter-spacing: -.066em;
  text-wrap: balance;
  text-align: center;
  text-shadow: 0 18px 44px rgba(0,0,0,.38);
}

.rtp-home-hero__lead {
  position: relative;
  z-index: 1;
  max-width: min(48ch,100%);
  margin: 0 auto;
  color: color-mix(in srgb,var(--text,#fff) 86%,transparent);
  font-size: clamp(14px,1.18vw,18px);
  font-weight: 720;
  line-height: 1.44;
  text-wrap: pretty;
  text-align: center;
  text-shadow: 0 10px 26px rgba(0,0,0,.32);
}

.rtp-home-hero__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: clamp(2px,.48vw,7px);
}

.rtp-home-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 18px;
  border: 1px solid color-mix(in srgb,var(--rtpx-button-accent,#2eafff) 84%,white 16%);
  border-radius: var(--button-radius,.5rem);
  color: var(--rtpx-button-accent-text,#fff);
  background: var(--rtpx-button-accent,#2eafff);
  background-image: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .018em;
  line-height: 1.08;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
  box-shadow: none;
  outline-color: transparent;
  outline-offset: var(--button-outline-idle,.625rem);
  outline-style: solid;
  outline-width: 0;
  transition: border-color .14s ease,background-color .14s ease,box-shadow .14s ease,color .14s ease,outline-color .14s ease,outline-offset .14s ease,outline-width .14s ease;
}

.rtp-home-hero__button:focus-visible {
  color: var(--rtpx-button-accent-text,#fff);
  border-color: color-mix(in srgb,var(--rtpx-button-accent,#2eafff) 74%,white 26%);
  background: var(--rtpx-button-accent-active,var(--rtpx-button-accent,#2eafff));
  background-image: none;
  outline-color: var(--kdiqx31h,rgba(255,255,255,.35));
  outline-offset: var(--kdiqx353,.1875rem);
  outline-width: var(--kdiqx354,.1875rem);
  outline-style: solid;
  transform: none;
  box-shadow: none;
  filter: none;
}

.rtp-home-hero__button:active {
  transform: none;
  box-shadow: none;
}

.rtp-home-hero__button--primary {
  border-color: color-mix(in srgb,var(--rtpx-button-accent,#2eafff) 84%,white 16%);
  color: var(--rtpx-button-accent-text,#fff);
  background: var(--rtpx-button-accent,#2eafff);
  background-image: none;
}

.rtp-home-hero__button--primary:focus-visible {
  border-color: color-mix(in srgb,var(--rtpx-button-accent,#2eafff) 74%,white 26%);
  color: var(--rtpx-button-accent-text,#fff);
  background: var(--rtpx-button-accent-active,var(--rtpx-button-accent,#2eafff));
  background-image: none;
}

.rtp-home-hero__actions:has(.rtp-home-hero__button[hidden]) {
  gap: 0;
}

.rtp-home-hero__actions:has(.rtp-home-hero__button[hidden]) .rtp-home-hero__button--primary {
  min-width: clamp(156px,13vw,220px);
}

.rtp-home-hero__button[hidden],.rtp-home-hero__lead[hidden] {
  display: none;
}

.rtp-home-hero__title,.rtp-home-hero__lead,.rtp-home-hero__actions,.rtp-home-hero__media-text {
  transition-property: opacity,transform;
  transition-duration: .46s;
  transition-timing-function: cubic-bezier(.22,.61,.36,1);
  backface-visibility: hidden;
  transform: translate3d(0,0,0);
}

.rtp-home-hero.is-content-switching .rtp-home-hero__title,.rtp-home-hero.is-content-switching .rtp-home-hero__lead,.rtp-home-hero.is-content-switching .rtp-home-hero__actions,.rtp-home-hero.is-content-switching .rtp-home-hero__media-text {
  opacity: 0;
  transform: translate3d(-18px,0,0);
}

.rtp-home-hero [data-aos] {
  opacity: 0;
  transition-property: transform,opacity;
  transition-timing-function: cubic-bezier(.18,.72,.22,1);
  transition-duration: var(--aos-duration,1150ms);
  transition-delay: var(--aos-delay,0);
  backface-visibility: hidden;
}

.rtp-home-hero [data-aos="fade-right"],.rtp-home-hero [data-aos="fade-slide-right"] {
  transform: translate3d(-34px,0,0);
}

.rtp-home-hero [data-aos="fade-left"],.rtp-home-hero [data-aos="fade-slide-left"] {
  transform: translate3d(38px,0,0);
}

.rtp-home-hero [data-aos="fade-left"],.rtp-home-hero [data-aos="fade-slide-up"] {
  transform: translate3d(0,38%,0);
}

.rtp-home-hero [data-aos="fade-down"],.rtp-home-hero [data-aos="fade-slide-down"] {
  transform: translate3d(0,-38%,0);
}

.rtp-home-hero [data-aos="fade-zoom-in"] {
  transform: scale(.92);
}

.rtp-home-hero [data-aos].aos-animate {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
}

.rtp-home-hero[data-autoplay-paused="true"] .rtp-home-hero__dot-progress {
  animation-play-state: paused;
}

.rtp-home-hero__nav.carousel-control.sjyt1d3 {
  --_147h8yx2: var(--home-hero-nav-size);
  --_147h8yx0: transparent;
  --_147h8yx3: var(--carousel-control-bg,rgba(236,237,238,.30));
  --sjyt1d1: var(--carousel-control-bg,rgba(236,237,238,.30));
  --sjyt1d0: var(--kdiqx35s,blur(2rem));
  --_147h8yx4: none;
  position: absolute;
  top: 50%;
  bottom: auto;
  z-index: 7;
  display: flex;
  width: var(--_147h8yx2);
  min-width: var(--_147h8yx2);
  max-width: var(--_147h8yx2);
  height: var(--_147h8yx2);
  min-height: var(--_147h8yx2);
  max-height: var(--_147h8yx2);
  flex: 0 0 var(--_147h8yx2);
  aspect-ratio: 1 / 1;
  border-radius: var(--kdiqx35b,.5rem);
  margin: 0;
  padding: 0;
  transform: translate3d(0,-50%,0);
  translate: none;
  float: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease,visibility .18s ease,outline-color .15s ease,box-shadow .15s ease,background-color .15s ease;
  will-change: auto;
}

@media (pointer:fine) {
  .rtp-home-hero>.rtp-home-hero__nav.carousel-control.sjyt1d3:focus-visible {
    --_147h8yx4: _147h8yx5;
    top: 50%;
    bottom: auto;
    margin: 0;
    outline-color: var(--kdiqx31h,rgba(255,255,255,.35));
    outline-offset: var(--kdiqx353,.1875rem);
    outline-width: var(--kdiqx354,.1875rem);
    outline-style: solid;
    background-color: var(--_147h8yx0);
    box-shadow: 0 0 1rem rgba(0,0,0,.125);
    transform: translate3d(0,-50%,0);
    filter: none;
    translate: none;
  }
}

.rtp-home-hero>.rtp-home-hero__nav--prev.carousel-control.sjyt1d3 {
  left: clamp(10px,1.8vw,28px);
  right: auto;
  inset-inline-start: clamp(10px,1.8vw,28px);
  inset-inline-end: auto;
}

.rtp-home-hero>.rtp-home-hero__nav--next.carousel-control.sjyt1d3 {
  left: auto;
  right: var(--home-hero-nav-side-offset);
  inset-inline-start: auto;
  inset-inline-end: var(--home-hero-nav-side-offset);
}

.rtp-home-hero__nav[hidden],.rtp-home-hero__carousel[hidden],.rtp-home-hero__play[hidden] {
  display: none;
}

.rtp-home-hero__nav:not([hidden]) {
  display: flex;
}

@media (hover:hover) and (pointer:fine) {
  .rtp-home-hero:not([data-hero-count="1"]):not([data-hero-count="0"]):hover .rtp-home-hero__nav:not([hidden]) {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
}

.rtp-home-hero[data-controls-visible="true"] .rtp-home-hero__nav:not([hidden]),.rtp-home-hero:not([data-hero-count="1"]):focus-within .rtp-home-hero__nav:not([hidden]) {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.rtp-home-hero__nav .carousel-control-icon {
  width: clamp(18px,1.35vw,23px);
  height: clamp(18px,1.35vw,23px);
}

.rtp-home-hero__nav.carousel-control.sjyt1d3>.carousel-control-icon {
  transform: translate3d(0,0,0);
}

@media (prefers-reduced-motion:no-preference) {
  .rtp-home-hero__nav.carousel-control.sjyt1d3>.carousel-control-icon {
    animation: var(--_147h8yx4) .1s linear;
  }
}

.rtp-home-hero__carousel {
  --hero-progress-duration: 3000ms;
  --hero-control-dot-w: clamp(15px,1.05vw,20px);
  --hero-control-dot-h: clamp(4px,.34vw,6px);
  --hero-control-dot-active-w: clamp(58px,4.75vw,84px);
  position: absolute;
  z-index: 8;
  left: 50%;
  right: auto;
  bottom: var(--home-hero-control-bottom);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(.44rem,.52vw,.66rem);
  max-width: calc(100% - 32px);
  min-height: clamp(34px,2.55vw,42px);
  margin-inline: auto;
  padding: clamp(.24rem,.32vw,.38rem) clamp(.42rem,.5vw,.58rem) clamp(.24rem,.32vw,.38rem) clamp(.54rem,.64vw,.78rem);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  color: #fff;
  box-shadow: none;
  backdrop-filter: blur(.52rem) saturate(122%);
  -webkit-backdrop-filter: blur(.52rem) saturate(122%);
  transform: translate3d(-50%,0,0);
  transition: opacity .28s cubic-bezier(.22,.61,.36,1),background-color .28s ease,border-color .28s ease;
  isolation: isolate;
  contain: layout paint style;
  backface-visibility: hidden;
}

.rtp-home-hero__carousel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
  box-shadow: none;
  pointer-events: none;
}

.rtp-home-hero__carousel::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid rgba(255,255,255,.048);
  box-shadow: none;
  pointer-events: none;
}

.rtp-home-hero__dots {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: clamp(.28rem,.36vw,.44rem);
  min-height: clamp(22px,1.55vw,26px);
  max-width: 100%;
  contain: layout paint;
}

.rtp-home-hero__dot {
  position: relative;
  overflow: hidden;
  width: var(--hero-control-dot-w);
  height: var(--hero-control-dot-h);
  min-width: var(--hero-control-dot-w);
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.30);
  cursor: pointer;
  transition: width .34s cubic-bezier(.22,.61,.36,1),background-color .28s ease,opacity .28s ease;
  transform: none;
  backface-visibility: hidden;
}

.rtp-home-hero__dot:focus-visible {
  background: rgba(255,255,255,.58);
  outline: none;
}

.rtp-home-hero__dot[aria-current="true"] {
  width: var(--hero-control-dot-active-w);
  background: rgba(255,255,255,.46);
}

.rtp-home-hero__dot-progress {
  position: absolute;
  inset: 0;
  transform-origin: left center;
  transform: scale3d(0,1,1);
  background: linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.98));
  border-radius: inherit;
  pointer-events: none;
  will-change: transform;
  animation: rtpHeroDotProgress var(--hero-progress-duration,3000ms) linear forwards;
}

@keyframes rtpHeroDotProgress {
  from {
    transform: scale3d(0,1,1);
  }
  to {
    transform: scale3d(1,1,1);
  }
}

.rtp-home-hero__play.carousel-control.sjyt1d3 {
  --_147h8yx2: clamp(1.22rem,1.18vw,1.5rem);
  position: relative;
  inset: auto;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
  translate: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  margin: 0;
  border-radius: var(--button-radius,.5rem);
  box-shadow: none;
}

.rtp-home-hero__play .carousel-control-icon {
  width: .58rem;
  height: .58rem;
}

.rtp-home-hero__play .carousel-control-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.rtp-home-hero__play .carousel-control-icon svg rect,.rtp-home-hero__play .carousel-control-icon svg path {
  fill: currentColor;
}

.rtp-home-hero[data-hero-count="1"] .rtp-home-hero__nav,.rtp-home-hero[data-hero-count="1"] .rtp-home-hero__carousel {
  display: none;
}

@media (min-width:1024px) {
  .rtp-home-hero__content {
    width: min(50vw,var(--home-hero-content-max));
    padding-right: calc(var(--home-hero-desktop-safe-right)+clamp(4px,.45vw,10px));
  }
  .rtp-home-hero__title-image {
    width: min(100%,clamp(460px,42vw,820px));
    max-height: clamp(170px,20vw,350px);
  }
}

@media (max-width:900px) and (orientation:portrait),(max-width:640px) {
  :root {
    --home-hero-height: clamp(480px,149.333vw,1120px);
    --home-hero-control-bottom: 12px;
  }
  .rtp-home-hero {
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 400px;
    max-height: 1120px;
    padding-inline: max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));
    padding-block: 72px 74px;
    padding-block-end: 74px;
    text-align: center;
  }
  .rtp-home-hero::before {
    background: linear-gradient(180deg,rgba(var(--theme-bg-rgb),.05) 0%,rgba(var(--theme-bg-rgb),.18) 42%,rgba(var(--theme-bg-rgb),.62) 100%),radial-gradient(ellipse at 50% 100%,rgba(0,85,254,.10),transparent 62%);
  }
  .rtp-home-hero__poster {
    object-position: center top;
    opacity: 0;
    filter: none;
  }
  .rtp-home-hero__poster.is-active {
    opacity: .90;
  }
  .rtp-home-hero__poster {
    transition: opacity .34s cubic-bezier(.22,.61,.36,1);
  }
  .rtp-home-hero.is-animated .rtp-home-hero__poster {
    transform: scale(1.006);
  }
  .rtp-home-hero__side-fade {
    inset: auto 0 0 0;
    width: 100%;
    height: min(38%,360px);
    background: linear-gradient(180deg,transparent 0%,rgba(var(--theme-bg-rgb),.16) 46%,rgba(var(--theme-bg-rgb),.54) 100%);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    -webkit-mask-image: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 34%,#000 72%,#000 100%);
    mask-image: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 34%,#000 72%,#000 100%);
  }
  .rtp-home-hero__content {
    width: min(100%,var(--home-hero-mobile-content-width));
    max-width: calc(100% - 28px);
    min-height: 0;
    margin-inline: auto;
    margin-top: auto;
    padding-right: 0;
    text-align: center;
    transform: none;
  }
  .rtp-home-hero__media-text {
    object-position: center;
    filter: drop-shadow(0 12px 28px rgba(0,0,0,.34));
  }
  .rtp-home-hero__title-image {
    width: var(--home-hero-mobile-title-width);
    max-height: var(--home-hero-mobile-title-height);
  }
  .rtp-home-hero__lead-image {
    width: var(--home-hero-mobile-lead-image-width);
    max-height: var(--home-hero-mobile-lead-image-height);
  }
  .rtp-home-hero__title {
    max-width: min(14ch,100%);
    margin-inline: auto;
    font-size: clamp(28px,10.2vw,46px);
    line-height: .94;
    letter-spacing: -.056em;
  }
  .rtp-home-hero__lead {
    max-width: min(42ch,100%);
    margin-inline: auto;
    font-size: clamp(10.8px,2.85vw,12.8px);
    line-height: 1.34;
    display: block;
    overflow: visible;
  }
  .rtp-home-hero__actions {
    width: auto;
    max-width: min(100%,320px);
    justify-content: center;
    gap: 6px;
    margin: clamp(8px,2.2vw,14px) auto 0;
    transform: translate3d(0,5px,0);
  }
  .rtp-home-hero__actions:has(.rtp-home-hero__button[hidden]) .rtp-home-hero__button--primary {
    min-width: clamp(150px,48vw,220px);
  }
  .rtp-home-hero__button {
    width: auto;
    min-width: clamp(150px,48vw,220px);
    max-width: min(220px,calc(100vw - 44px));
    min-height: 31px;
    padding-inline: 18px;
    font-size: 9.3px;
    border-radius: var(--button-radius,.5rem);
    box-shadow: none;
  }
  .rtp-home-hero__nav.carousel-control.sjyt1d3 {
    --_147h8yx2: 38px;
  }
  .rtp-home-hero>.rtp-home-hero__nav--prev.carousel-control.sjyt1d3 {
    left: 8px;
    inset-inline-start: 8px;
  }
  .rtp-home-hero>.rtp-home-hero__nav--next.carousel-control.sjyt1d3 {
    right: 6px;
    inset-inline-end: 6px;
  }
  .rtp-home-hero__carousel {
    --hero-control-dot-w: 11px;
    --hero-control-dot-h: 4px;
    --hero-control-dot-active-w: 36px;
    bottom: 12px;
    gap: .32rem;
    min-height: 29px;
    max-width: calc(100% - 26px);
    padding: .18rem .32rem .18rem .44rem;
    border-radius: 999px;
    background: linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
    border-color: rgba(255,255,255,.12);
    box-shadow: none;
    backdrop-filter: blur(.46rem) saturate(116%);
    -webkit-backdrop-filter: blur(.46rem) saturate(116%);
  }
  .rtp-home-hero__dots {
    gap: .26rem;
    min-height: 21px;
  }
  .rtp-home-hero__play.carousel-control.sjyt1d3 {
    --_147h8yx2: 1.18rem;
  }
  .rtp-home-hero__play .carousel-control-icon {
    width: .52rem;
    height: .52rem;
  }
}

@media (max-width:420px) {
  :root {
    --home-hero-height: clamp(460px,149.333vw,640px);
    --home-hero-mobile-content-width: 420px;
    --home-hero-mobile-title-width: min(88vw,400px);
    --home-hero-mobile-title-height: clamp(88px,31vw,170px);
    --home-hero-mobile-lead-image-width: min(80vw,330px);
    --home-hero-mobile-lead-image-height: clamp(44px,14vw,88px);
    --home-hero-control-bottom: 10px;
  }
  .rtp-home-hero {
    gap: 7px;
    min-height: 360px;
    max-height: 640px;
    padding-inline: max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right));
    padding-block: 66px 68px;
    padding-block-end: 68px;
  }
  .rtp-home-hero__content {
    max-width: calc(100% - 24px);
  }
  .rtp-home-hero__title {
    max-width: min(13.5ch,100%);
    font-size: clamp(24px,9.1vw,36px);
    line-height: .95;
    letter-spacing: -.052em;
  }
  .rtp-home-hero__lead {
    max-width: min(39ch,100%);
    font-size: 10.4px;
    line-height: 1.32;
  }
  .rtp-home-hero__nav.carousel-control.sjyt1d3 {
    --_147h8yx2: 34px;
  }
  .rtp-home-hero__nav .carousel-control-icon {
    width: 17px;
    height: 17px;
  }
  .rtp-home-hero__carousel {
    --hero-control-dot-w: 10px;
    --hero-control-dot-h: 3.8px;
    --hero-control-dot-active-w: 30px;
    max-width: calc(100% - 22px);
    min-height: 27px;
    gap: .22rem;
    padding: .16rem .26rem .16rem .36rem;
  }
  .rtp-home-hero__dots {
    gap: .2rem;
    min-height: 19px;
  }
  .rtp-home-hero__play.carousel-control.sjyt1d3 {
    --_147h8yx2: 1.08rem;
  }
}

@media (max-width:380px) {
  :root {
    --home-hero-mobile-content-width: 360px;
    --home-hero-mobile-title-width: min(90vw,352px);
    --home-hero-mobile-title-height: clamp(82px,31vw,154px);
    --home-hero-mobile-lead-image-width: min(82vw,300px);
    --home-hero-mobile-lead-image-height: clamp(42px,14vw,82px);
    --home-hero-control-bottom: 8px;
  }
  .rtp-home-hero {
    min-height: 344px;
    max-height: 568px;
    padding-inline: max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));
    padding-block: 66px 62px;
    gap: 6px;
  }
  .rtp-home-hero__content {
    max-width: calc(100% - 20px);
  }
  .rtp-home-hero__title {
    max-width: min(100%,29ch);
    font-size: clamp(24px,8.2vw,32px);
    line-height: .98;
    letter-spacing: -.045em;
  }
  .rtp-home-hero__lead {
    max-width: min(100%,40ch);
    font-size: 10px;
    line-height: 1.31;
    display: block;
    overflow: visible;
  }
  .rtp-home-hero__actions {
    width: min(100%,280px);
    justify-content: center;
    gap: 6px;
    margin-top: 2px;
  }
  .rtp-home-hero__button {
    min-height: 31px;
    min-width: 0;
    max-width: 100%;
    padding-inline: 13px;
    border-radius: .48rem;
    font-size: 10px;
    letter-spacing: .012em;
    white-space: nowrap;
  }
  .rtp-home-hero__actions:has(.rtp-home-hero__button[hidden]) .rtp-home-hero__button--primary {
    min-width: min(170px,100%);
  }
  .rtp-home-hero__carousel {
    --hero-control-dot-w: 9px;
    --hero-control-dot-h: 3.4px;
    --hero-control-dot-active-w: 27px;
    min-height: 25px;
    padding: .14rem .23rem .14rem .32rem;
  }
  .rtp-home-hero__play.carousel-control.sjyt1d3 {
    --_147h8yx2: 1.02rem;
  }
}

@media (prefers-reduced-motion:reduce) {
  .rtp-home-hero__poster,.rtp-home-hero__button,.rtp-home-hero [data-aos] {
    transition: none;
    animation: none;
  }
  .rtp-home-hero [data-aos] {
    opacity: 1;
    transform: none;
  }
  .rtp-home-hero__dot-progress {
    animation: none;
    transform: scale3d(1,1,1);
  }
}

.rtp-home-hero:not([data-hero-content-ready="true"]) [data-home-hero-title],.rtp-home-hero:not([data-hero-content-ready="true"]) [data-home-hero-lead],.rtp-home-hero:not([data-hero-content-ready="true"]) [data-home-hero-title-image],.rtp-home-hero:not([data-hero-content-ready="true"]) [data-home-hero-lead-image],.rtp-home-hero:not([data-hero-content-ready="true"]) .rtp-home-hero__actions {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.rtp-home-hero [data-home-hero-title-image][hidden],.rtp-home-hero [data-home-hero-lead-image][hidden] {
  display: none;
}

.rtp-home-hero [data-home-hero-primary][hidden],.rtp-home-hero [data-home-hero-secondary][hidden],.rtp-home-hero[data-hero-primary-enabled="false"] [data-home-hero-primary] {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.rtp-home-hero[data-hero-primary-enabled="true"] [data-home-hero-primary]:not([hidden]) {
  display: inline-flex;
}

[data-rtpx-winner-collapsed="true"] {
  display: none;
}
