/*
 * CV_LEGACY_MOBILE_COMPAT_20260812
 *
 * iPhone 5s is limited to iOS 12. Its Safari ignores selectors that use
 * modern grouped selectors, so the welcome composition can fall back to old rules. This
 * final layer repeats the critical layout with selectors Safari 12 accepts.
 * Modern browsers never receive these overrides.
 */

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-studio-callout,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .welcome-arrows,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-first-topup-bonus,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #studioNav,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #feedNav,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #balanceNav {
  display: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  padding: 34px 22px 14px !important;
  background:
    radial-gradient(circle at 12% 0, rgba(226, 190, 82, .12), transparent 400px),
    radial-gradient(circle at 100% 72%, rgba(75, 104, 85, .09), transparent 400px),
    linear-gradient(180deg, #0d0e0b, #070806 54%, #040504) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay .cv-welcome-showcase-intro {
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 500px !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 8px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay .cv-welcome-showcase-intro::before,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay .cv-welcome-showcase-intro::after {
  content: none !important;
  display: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-brand-row {
  margin: 0 0 40px !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #cvWelcomeTitle {
  max-width: 360px !important;
  margin: 0 0 14px !important;
  color: #f7f3e9 !important;
  font-size: 40px !important;
  line-height: .94 !important;
  letter-spacing: -.065em !important;
  text-shadow: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #cvWelcomeTitle span {
  display: block !important;
  color: #f3dd99 !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-showcase-intro .welcome-text {
  display: block !important;
  max-width: 330px !important;
  margin: 0 !important;
  color: rgba(247, 243, 233, .54) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap {
  position: fixed !important;
  z-index: 5200 !important;
  display: flex !important;
  top: 224px !important;
  right: 22px !important;
  bottom: 50px !important;
  left: 22px !important;
  width: auto !important;
  max-width: none !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav {
  position: relative !important;
  z-index: 5201 !important;
  display: grid !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 500px !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  grid-template-areas: "photo" "video" "chat" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) 62px !important;
  grid-gap: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 9px !important;
  top: 52px !important;
  bottom: 128px !important;
  width: 19px !important;
  border-left: 1px solid rgba(228, 193, 96, .72) !important;
  border-top: 1px solid rgba(228, 193, 96, .72) !important;
  border-bottom: 1px solid rgba(228, 193, 96, .72) !important;
  border-radius: 19px 0 0 19px !important;
  opacity: .9 !important;
  transform: translateY(-20px) !important;
  pointer-events: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 0 0 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateY(-20px) !important;
  pointer-events: auto !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav:active,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav:active {
  transform: translateY(-20px) !important;
  box-shadow: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav:active > span.cv-welcome-index-card,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav:active > span.cv-welcome-index-card {
  opacity: .9 !important;
  filter: brightness(1.04) !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav {
  grid-area: photo !important;
  border-bottom: 1px solid rgba(228, 193, 96, .33) !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav {
  grid-area: video !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav::before,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 4px !important;
  top: 50% !important;
  width: 11px !important;
  height: 11px !important;
  border: 2px solid #0a0b09 !important;
  border-radius: 50% !important;
  background: #e4c160 !important;
  box-shadow: 0 0 16px rgba(228, 193, 96, .46) !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav::after,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav::after {
  content: none !important;
  display: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav > .cv-nav-icon,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav > .cv-nav-label,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav > .cv-welcome-nav-arrow,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav > .cv-nav-icon,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav > .cv-nav-label,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav > .cv-welcome-nav-arrow {
  display: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav > span.cv-welcome-index-card,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav > span.cv-welcome-index-card {
  position: absolute !important;
  z-index: 2 !important;
  display: grid !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 28px !important;
  box-sizing: border-box !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  grid-template-columns: 78px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  grid-gap: 4px !important;
  gap: 4px !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav > span.cv-welcome-index-card {
  transform: translateY(32px) !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav > span.cv-welcome-index-card {
  transform: translateY(-32px) !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav .cv-welcome-index-copy,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav .cv-welcome-index-copy {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav .cv-welcome-index-title,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav .cv-welcome-index-title {
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: #f7f3e9 !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav .cv-welcome-index-description,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav .cv-welcome-index-description {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin-top: 12px !important;
  color: rgba(247, 243, 233, .52) !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  font-style: normal !important;
  line-height: 1.5 !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav .cv-welcome-index-thumbs,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav .cv-welcome-index-thumbs {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-gap: 7px !important;
  gap: 7px !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav .cv-welcome-index-thumbs img,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav .cv-welcome-index-thumbs img {
  display: block !important;
  width: 100% !important;
  height: 144px !important;
  border: 1px solid rgba(228, 193, 96, .27) !important;
  border-radius: 15px !important;
  object-fit: cover !important;
  background: #15150f !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .32) !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #photoNav .cv-welcome-index-go,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #videoNav .cv-welcome-index-go {
  display: grid !important;
  width: 26px !important;
  height: 30px !important;
  align-items: center !important;
  justify-items: center !important;
  color: #e8c55f !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #languageChatNav {
  grid-area: chat !important;
  align-self: end !important;
  display: flex !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin-top: 4px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(228, 193, 96, .27) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .022) !important;
  transform: translateY(-58px) !important;
  pointer-events: auto !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .bottom-nav-wrap {
  bottom: 48px !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #languageChatNav .cv-welcome-chat-copy {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  flex: 1 1 auto !important;
  align-items: baseline !important;
  justify-content: space-between !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #photoNav > span.cv-welcome-index-card,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #videoNav > span.cv-welcome-index-card,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #photoNav > span.cv-welcome-reel,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #videoNav > span.cv-welcome-reel {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #photoNav > .cv-nav-icon,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #photoNav > .cv-nav-label,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #videoNav > .cv-nav-icon,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #videoNav > .cv-nav-label {
  display: block !important;
}

html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #languageChatNav,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #photoNav,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #videoNav,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #feedNav,
html.cv-legacy-selector-engine.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) #balanceNav {
  box-sizing: border-box !important;
  min-width: 0 !important;
  height: 49px !important;
  min-height: 49px !important;
  max-height: 49px !important;
}