/* Screenshot corrections. Existing markup, assets and domain behavior remain owned by the applications. */
/* Neutralize the top-up dialog atmosphere without changing its fields or geometry. */
html body [class*="store-module__"][class$="__topupModalBackdrop"] {
  background-image: none !important;
}
html body [class*="store-module__"][class$="__topupModal"] {
  border-color: transparent !important;
  background-clip: padding-box !important;
  background-image: linear-gradient(#66697108 1px, transparent 1px),
    linear-gradient(90deg, #66697108 1px, transparent 1px),
    radial-gradient(circle at 95% 0, #66697129, transparent 31%),
    none, linear-gradient(145deg, #1a1b1efa, #111214fc 68%) !important;
  box-shadow: 0 38px 120px #000000d1 !important;
}
html body [class*="store-module__"][class$="__topupModal"]::before {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

[class*="cabinet-tickets-module__"][class*="__pageHeader"] h1,
[class*="cabinet-tickets-module__"][class*="__chatHeader"] h1 {
  background: none !important;
  color: #f4f1ea !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Transparent borders retain the controls' dimensions. Keyboard focus stays explicit. */
html body :is(.button, .dn-action, .dn-header-shop, .dn-header-steam, .dn-header-ticket, .dn-header-topup, .dn-header-ticket-native) {
  border-color: transparent !important;
  box-shadow: none !important;
}
html body [class*="tickets-module__"] .button::before,
html body [class*="tickets-module__"] .button::after {
  content: none !important;
}
html body :is(.button, .dn-action, .dn-header-shop, .dn-header-steam, .dn-header-ticket, .dn-header-topup, .dn-header-ticket-native):focus-visible {
  outline: 2px solid #ff6847 !important;
  outline-offset: 3px !important;
}

.dn-final {
  border-color: transparent !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
}
.dn-final::before,
.dn-final::after {
  border-radius: inherit;
  pointer-events: none;
}
.dn-final::after {
  box-shadow: none !important;
}

[class*="contacts-module__"][class*="__cta"] > img {
  filter: saturate(.22) brightness(.68) contrast(1.03) !important;
}
[class*="contacts-module__"][class*="__ctaVeil"] {
  background: linear-gradient(90deg, #111214f5, #111214b3 58%, #11121466) !important;
}

/* One bonus panel, with no empty enclosing frame or forced height. */
html.dn-store-ready body #store-promotions {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html.dn-store-ready body #store-promotions > [class*="__topupPromo"] {
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 16px !important;
}
@media (min-width: 1181px) {
  html.dn-store-ready body [class*="store-module__"][class*="__catalogRail"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html.dn-store-ready body :is(#store-promotions, #dn-fortune-launcher-slot, #store-activity) {
    flex: 0 0 auto !important;
  }
  html.dn-store-ready body #store-activity {
    height: auto !important;
  }
}
html.dn-store-ready body :is([class*="__topupPromo"], [class*="__mobileHeroBonus"]):not([class*="Tiers"]):not([class*="Heading"]) {
  background: radial-gradient(circle at 100% 0, #7542a626, transparent 55%), linear-gradient(145deg, #211827, #111214 72%) !important;
  border-color: #754f794d !important;
}
html.dn-store-ready body :is([class*="__topupPromoHeading"] > span, [class*="__mobileHeroBonus"] > span) {
  color: #f2b44f !important;
}
html.dn-store-ready body :is([class*="__topupPromoTiers"], [class*="__mobileHeroBonusTiers"]) > article {
  background: linear-gradient(155deg, #2c201b, #151517) !important;
  border-color: #ff714838 !important;
}
html.dn-store-ready body :is([class*="__topupPromoTiers"], [class*="__mobileHeroBonusTiers"]) > article:nth-child(2) {
  background: linear-gradient(155deg, #292039, #16151c) !important;
  border-color: #b184ff38 !important;
}
html.dn-store-ready body :is([class*="__topupPromoTiers"], [class*="__mobileHeroBonusTiers"]) > article:nth-child(3) {
  background: linear-gradient(155deg, #30291a, #181715) !important;
  border-color: #ffbe454d !important;
}
html.dn-store-ready body :is([class*="__topupPromoTiers"] > article > strong, [class*="__mobileHeroBonusTiers"] > article > b) {
  color: #ff7148 !important;
}
html.dn-store-ready body :is([class*="__topupPromoTiers"] > article:nth-child(2) > strong, [class*="__mobileHeroBonusTiers"] > article:nth-child(2) > b) {
  color: #b184ff !important;
}
html.dn-store-ready body :is([class*="__topupPromoTiers"] > article:nth-child(3) > strong, [class*="__mobileHeroBonusTiers"] > article:nth-child(3) > b) {
  color: #ffbe45 !important;
}
html.dn-store-ready body :is([class*="__topupPromoTiers"], [class*="__mobileHeroBonusTiers"]) em {
  color: #78b7f2 !important;
}

html.dn-store-ready body :is([class*="__catalogControls"], [class*="__catalogControls"] input, [class*="__catalogSelectButton"], [class*="__catalogFound"]) {
  border-color: transparent !important;
  box-shadow: none !important;
}
/* The store reconnects its legacy stylesheet after page hydration. */
html.dn-store-ready body [class*="__catalogControls"][class*="__catalogControls"] :is(input, button) {
  border-color: transparent !important;
  box-shadow: none !important;
}
html.dn-store-ready body :is([class*="__catalogControls"] input, [class*="__catalogSelectButton"]):focus-visible {
  outline: 2px solid #ff6847 !important;
  outline-offset: 2px !important;
}
