/* R397: one opt-in motion vocabulary for the customer storefront.
   Existing controllers retain transforms, opacity, press scale, dialog closing,
   pointer handling and the Footer lens. This sheet owns paint/timing only.
   The named layer intentionally lets its narrowly scoped !important paint
   beat legacy unlayered specificity without repeating attributes or IDs. */
@property --ht-ready-accent-r397 {
  syntax:"<color>";
  inherits:false;
  initial-value:transparent;
}
@keyframes ht-ready-accent-r397 {
  0% { --ht-ready-accent-r397:transparent; }
  28% { --ht-ready-accent-r397:#7be4f2b8; }
  100% { --ht-ready-accent-r397:transparent; }
}
@layer ht-experience-motion-r397 {
  @media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* Only the existing temporary, inert light children receive new paint.
       Their WAAPI opacity/transform and runtime cleanup remain authoritative. */
    html body[data-ht-motion-r397] ht-control-light.ht-control-light-r259[aria-hidden="true"][inert] {
      background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#e5fbff30 0%,#91e7f318 30%,#45bdd80b 54%,transparent 76%)!important;
      box-shadow:inset 0 1px 0 #e1fbff38,inset 0 0 0 1px #8cdeec24!important;
    }
    html body[data-ht-motion-r397] ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert] {
      background:radial-gradient(ellipse at var(--ht-light-x-r335,50%) var(--ht-light-y-r335,50%),#c3f5ff70 0%,#63d6ee2e 34%,transparent 74%)!important;
      box-shadow:inset 0 1px 0 #e1fbff70,inset 0 0 0 1px #88dded59!important;
    }
    /* Search labels remain at their original auto stacking level. Cap only
       their paint overlay; Home/Package text already sits above the light. */
    html body[data-ht-motion-r397] #ht-catalog-search-r324 .ht-search-game-r324 > ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert] {
      background:radial-gradient(ellipse at var(--ht-light-x-r335,50%) var(--ht-light-y-r335,50%),#c3f5ff30 0%,#63d6ee18 34%,transparent 74%)!important;
    }
    html body[data-ht-motion-r397] #packages .pack > ht-signature-flare.ht-signature-flare-r287[aria-hidden="true"][inert] {
      background:radial-gradient(ellipse at 50% 54%,#c9fbff66 0%,#70dfef2e 38%,transparent 73%)!important;
    }
    /* Card, optical-footer and row geometry stay outside this rule. Ordinary
       controls retain their existing transform interpolation, without setting
       any transform value; scale remains with its existing WAAPI controller. */
    html body[data-ht-motion-r397] :is(button:not(.pack):not(.game):not(.member-row):not(.member-account-choice):not(.member-account-remove),a.page-support,a.footer-social,a.footer-developer):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 160ms ease,transform 140ms cubic-bezier(.2,.7,.2,1)!important;
    }
    html body[data-ht-motion-r397] :is(input,textarea,select):not(:disabled):not([hidden]) {
      transition:border-color 140ms ease,background-color 140ms ease!important;
    }
    /* A small top-edge accent, not an entrance transform. The animated unique
       color feeds an important paint declaration, so legacy important styles
       cannot freeze it. It returns to transparent and never gates visibility.
       Header wrappers have no existing CSS entrance owner; their child heading
       WAAPI motion is separate and remains intact. Catalog/package containers
       stay stationary, so no untouched card jumps or zooms. */
    html:not(.ht-page-loading-r266) body[data-ht-motion-r397] :is(#catalog-scroll:has(.game),#packages:has(.pack)):not([hidden]),
    html:not(.ht-page-loading-r266) body[data-ht-motion-r397] dialog[open]:not([hidden]):not(.is-closing):not(.ht-slow-closing) > .member-panel-heading,
    html:not(.ht-page-loading-r266) body[data-ht-motion-r397] dialog.redeem-dialog[open]:not([hidden]):not(.is-closing):not(.ht-slow-closing) > #redeem-title {
      --ht-ready-accent-r397:transparent;
      box-shadow:inset 0 1px 0 var(--ht-ready-accent-r397)!important;
      animation:ht-ready-accent-r397 640ms ease-out 1 both!important;
    }
    /* Existing per-glyph entrance/react keyframes keep all Footer ownership.
       Only their inherited finite duration is made more consistent. */
    html body[data-ht-motion-r397] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289:not([hidden]) {
      --ht-icon-duration-r291:420ms!important;
    }
  }
  @media(hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* Match the retained touch controller's quick press timing rather than
       making its already-owned transform wait for the release transition. */
    html body[data-ht-motion-r397] :is(button:not(.pack):not(.game):not(.member-row):not(.member-account-choice):not(.member-account-remove),a.page-support,a.footer-social,a.footer-developer):not(:disabled):not([aria-disabled="true"]):not([hidden]):active {
      transition-duration:70ms!important;
    }
  }
  @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* Selected packages keep their authoritative selected border. A hovered
       idle card gains a quiet rim; press geometry and active paint are untouched. */
    html body[data-ht-motion-r397] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324,#packages .pack):not(:disabled):not([aria-disabled="true"]):not([hidden]):not(.selected):not([aria-pressed="true"]):not([aria-selected="true"]):hover:not(:active) {
      border-color:#70bbd1!important;
    }
  }
  @media(prefers-reduced-motion:reduce),(forced-colors:active) {
    html body[data-ht-motion-r397] :is(ht-control-light.ht-control-light-r259,ht-interaction-glow.ht-interaction-glow-r335,ht-signature-flare.ht-signature-flare-r287)[aria-hidden="true"][inert] {
      display:none!important;
    }
    html body[data-ht-motion-r397] :is(button:not(.pack):not(.game):not(.member-row):not(.member-account-choice):not(.member-account-remove),a.page-support,a.footer-social,a.footer-developer,input,textarea,select):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      transition:none!important;
    }
    html body[data-ht-motion-r397] :is(#catalog-scroll,#packages),
    html body[data-ht-motion-r397] dialog > .member-panel-heading,
    html body[data-ht-motion-r397] dialog.redeem-dialog > #redeem-title {
      --ht-ready-accent-r397:transparent!important;
      animation:none!important;
      box-shadow:none!important;
    }
    /* A system/user focus ring is never removed or restyled by this sheet. */
  }
}
/* R398: restore the requested compact three-across package presentation.
   References: bundled three-column-cards-r131 and compact-blue-green-r132.
   Real button semantics, prices, guide handlers, filters and discount authority
   are retained. No host transforms, animation, gesture or checkout changes. */

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:not([hidden]) {
  position:relative!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto auto!important;
  grid-auto-rows:min-content!important;
  align-content:start!important;
  align-items:start!important;
  justify-items:center!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:164px!important;
  margin:0!important;
  padding:8px 6px!important;
  border:1px solid #355b71!important;
  border-radius:14px!important;
  outline:2px solid transparent!important;
  outline-offset:-2px!important;
  background:linear-gradient(155deg,#102e43,#0a1e2f 82%)!important;
  color:#edf7fd!important;
  box-shadow:inset 0 1px 0 #c4f5ff12!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > .pack-artplate {
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:center!important;
  box-sizing:border-box!important;
  width:84px!important;
  min-width:0!important;
  max-width:100%!important;
  height:72px!important;
  min-height:0!important;
  margin:0 auto 1px!important;
  padding:3px!important;
  border:1px solid #2b5167!important;
  border-radius:11px!important;
  background:#071b2a!important;
  box-shadow:inset 0 1px 0 #c0efff0a!important;
  overflow:hidden!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > .pack-artplate > img.pack-icon {
  position:static!important;
  inset:auto!important;
  box-sizing:border-box!important;
  display:block!important;
  float:none!important;
  width:64px!important;
  height:64px!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > .pack-ribbon {
  position:static!important;
  inset:auto!important;
  display:block!important;
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:center!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 4px!important;
  border:1px solid #3c6175!important;
  border-radius:5px!important;
  background:#13354b!important;
  color:#d0e9f3!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-overflow:clip!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon {
  background:#243d4c!important;
  border-color:#607b8a!important;
  color:#e1eff6!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > b {
  display:block!important;
  grid-column:1!important;
  grid-row:3!important;
  align-self:start!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  color:#edf7fd!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  text-shadow:none!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > strong {
  display:block!important;
  grid-column:1!important;
  grid-row:4!important;
  align-self:start!important;
  justify-self:center!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.3!important;
  letter-spacing:-.2px!important;
  font-variant-numeric:tabular-nums!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-shadow:none!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong {color:#ffdd91!important;}
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack.has-discount-preview > strong {color:#adecc4!important;text-decoration:underline dotted #83bc99!important;text-underline-offset:3px!important;}

/* Inherit the baseline helper visibility; only its existing presentation is styled. */
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > small {
  grid-column:1!important;
  grid-row:5!important;
  align-self:start!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#abc7d8!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.45!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Grid text stays above the existing inert press glow; geometry is unchanged. */
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > :is(.pack-ribbon,b,strong,small) {z-index:2!important;}

/* Only a verified active discount adds this compact flow row. The existing
   label and ARIA are preserved without covering artwork, name or selection. */
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > .pack-discount-badge {
  position:static!important;
  inset:auto!important;
  display:inline-flex!important;
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:center!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 4px!important;
  border:1px solid #de879f!important;
  border-radius:5px!important;
  background:#883148!important;
  color:#fff3f7!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  z-index:4!important;
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > .pack-discount-badge > .pack-discount-label-r299 {font:inherit!important;color:inherit!important;white-space:normal!important;overflow-wrap:anywhere!important;}
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack.has-discount-preview > .pack-ribbon {grid-row:3!important;}
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack.has-discount-preview > b {grid-row:4!important;}
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack.has-discount-preview > strong {grid-row:5!important;}
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack.has-discount-preview > small {grid-row:6!important;}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden]) {
  background:linear-gradient(155deg,#14445b,#0c2b3e 82%)!important;
  border-color:#61dfed!important;
  outline-color:#61dfed!important;
  box-shadow:inset 0 1px 0 #baf6ff25,inset 0 0 0 1px #61dfed!important;
}

/* Existing check glyph retained, separate from every label and price. */
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden])::after {
  top:5px!important;
  left:5px!important;
  right:auto!important;
  bottom:auto!important;
  width:20px!important;
  height:20px!important;
  border:1px solid #b5f5fc!important;
  border-radius:6px!important;
  background:#61dfed!important;
  color:#062637!important;
  box-shadow:0 1px 3px #020e1733!important;
  font-size:12px!important;
  line-height:18px!important;
}

@media(hover:hover) and (pointer:fine) and (forced-colors:none) {
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:not(:disabled):not([aria-disabled="true"]):not(.selected):not([aria-pressed="true"]):not([hidden]):hover {
    background:linear-gradient(155deg,#14394e,#0c2639 82%)!important;
    border-color:#6998ad!important;
    outline-color:transparent!important;
    box-shadow:inset 0 1px 0 #caf7ff1c!important;
  }
}

html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]) {border-color:#d3f8ff!important;outline:3px solid #d3f8ff!important;outline-offset:-4px!important;}
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]):not([hidden]) {background:#0a1e2e!important;border-color:#385267!important;outline-color:transparent!important;color:#acc0cf!important;box-shadow:none!important;}
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]) > :is(b,strong,small,.pack-ribbon) {color:#acc0cf!important;}
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]) > .pack-artplate > img.pack-icon {opacity:.65!important;}

@media(max-width:360px) {
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages {gap:5px!important;}
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:not([hidden]) {padding-inline:4px!important;}
}

@media(min-width:1200px) {
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;}
}

@media(min-width:1500px) {
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages {grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}

@media(prefers-reduced-motion:reduce) {
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack,
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(:hover,:active,:focus-visible) {transition:none!important;}
}

@media(forced-colors:active) {
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:not([hidden]),
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden]) {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;}
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > :is(b,strong,small),
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong,
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack.has-discount-preview > strong {color:CanvasText!important;text-decoration-color:CanvasText!important;}
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > :is(.pack-artplate,.pack-ribbon,.pack-discount-badge),
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;}
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden]),
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]) {border-color:Highlight!important;outline-color:Highlight!important;box-shadow:none!important;}
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden])::after {background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;box-shadow:none!important;}
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]):not([hidden]) {background:Canvas!important;color:GrayText!important;border-color:GrayText!important;outline-color:transparent!important;box-shadow:none!important;}
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]) > :is(b,strong,small,.pack-ribbon) {color:GrayText!important;}
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack > .pack-artplate > img.pack-icon,
  html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]) > .pack-artplate > img.pack-icon {opacity:1!important;}
}

/* Filtered cards and hidden descendants never become visible grid items. */
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack[hidden][hidden][hidden],
html body[data-ui-layout][data-ht-motion-r397]:has(#package-filters) #packages.packages > button.pack [hidden][hidden][hidden] {display:none!important;}
/* R398 customer interface refinement. Existing elements and native controllers
   retain layout grids, routing, scrollports, authentication and financial state.
   Package cards/grids and Footer Glass are owned elsewhere and are not selected.
   Profile's accepted grid, wallet, gold amount and unboxed Google label remain.
   Normal paint is explicitly excluded from forced colors, retaining the tested
   system palette instead of fighting legacy important state selectors. */
@layer ht-interface-refinement-r398 {
  @media(forced-colors:none) {
    body[data-ht-refinement-r398] {
      --ht-surface-r398:#0c293c;
      --ht-deep-r398:#071e2e;
      --ht-edge-r398:#345f76;
      --ht-text-r398:#edf7fc;
      --ht-muted-r398:#b4cedd;
      --ht-focus-r398:#86e1ef;
    }

    /* The existing logo, flag control and header geometry stay in place. */
    body[data-ht-refinement-r398] > header {
      background:linear-gradient(110deg,#091e30,#103247)!important;
      border-bottom-color:#315b71!important;
      box-shadow:0 1px 0 #8ddfed0a!important;
    }
    body[data-ht-refinement-r398] > header :is(.member-language-quick,.member-trigger):not([hidden]) {
      background:#0c293c!important;
      border-color:#3c7088!important;
      color:var(--ht-text-r398)!important;
      box-shadow:inset 0 1px 0 #c5f8ff12!important;
    }

    /* Home keeps its two separate ticker/search boxes, original artwork sizing,
       favorite ordering and catalogue columns. Remove only the extra frame. */
    body.home-page[data-ht-refinement-r398] > main > .catalog {
      background:linear-gradient(155deg,#0b2638,#081c2c)!important;
      border-color:#2a4e63!important;
      border-radius:20px!important;
      box-shadow:inset 0 1px 0 #b8efff0d!important;
    }
    body.home-page[data-ht-refinement-r398] #game-search-panel {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    body.home-page[data-ht-refinement-r398] #game-search-panel .ticker-window {
      background:#0d2b3e!important;
      border-color:#37677f!important;
      border-radius:12px!important;
      color:#c2dce8!important;
      box-shadow:inset 0 1px 0 #c7f4ff0a!important;
    }
    body.home-page[data-ht-refinement-r398] #ht-catalog-search-open-r324 {
      background:linear-gradient(145deg,#153c50,#0d2b3e)!important;
      border-color:#518ca3!important;
      border-radius:12px!important;
      color:#d9f7ff!important;
      box-shadow:inset 0 1px 0 #c7f4ff1a!important;
    }
    body.home-page[data-ht-refinement-r398] #catalog-scroll a.game {
      background:linear-gradient(155deg,#123347,#0b2335)!important;
      border-color:#315c73!important;
      border-radius:16px!important;
      box-shadow:inset 0 1px 0 #c5f8ff10!important;
    }
    body.home-page[data-ht-refinement-r398] #catalog-scroll a.game > b {
      color:var(--ht-text-r398)!important;
      text-shadow:none!important;
    }
    body[data-ht-refinement-r398] .ht-catalog-favorite-r324 {
      background:#082335e8!important;
      border-color:#4d778d!important;
      color:#c1dce9!important;
      box-shadow:inset 0 1px 0 #d5f7ff14!important;
    }
    body[data-ht-refinement-r398] .ht-catalog-favorite-r324[aria-pressed="true"] {
      background:#2d403b!important;
      border-color:#bd9c55!important;
      color:#ffe09a!important;
      box-shadow:inset 0 1px 0 #ffeab224!important;
    }

    /* Search remains the existing dialog with the same tabs, result anchors,
       favorite controls and scroll region. Its hierarchy is now more distinct. */
    body[data-ht-refinement-r398] dialog#ht-catalog-search-r324 {
      background:#081f30!important;
      border-color:#315f77!important;
      color:var(--ht-text-r398)!important;
      box-shadow:0 16px 40px #010b174d!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 .ht-search-top-r324 {
      background:#0d2b3e!important;
      border-bottom-color:#315c72!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-title-r324 {
      color:var(--ht-text-r398)!important;
      font-size:20px!important;
      font-weight:750!important;
      line-height:1.45!important;
      text-shadow:none!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 :is(.ht-search-back-r324,.ht-search-clear-r324) {
      color:#bfe6f1!important;
      border-color:#365e75!important;
      background:#103247!important;
      border-radius:11px!important;
      box-shadow:none!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 .ht-search-field-r324 {
      background:var(--ht-deep-r398)!important;
      border-color:#3b6e86!important;
      border-radius:14px!important;
      box-shadow:inset 0 1px 0 #c3f6ff0b!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-query-r324 {
      color:var(--ht-text-r398)!important;
      caret-color:#91e8f2!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-query-r324::placeholder {
      color:#a0bdce!important;
      opacity:1!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 .ht-search-field-r324:focus-within {
      border-color:#83dfed!important;
      box-shadow:inset 0 0 0 1px #83dfed40!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 .ht-search-tabs-r324 {
      background:#0b2739!important;
      border-color:#294f66!important;
      border-radius:12px!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 .ht-search-tab-r324 {
      background:transparent!important;
      border-color:transparent!important;
      color:#b7d0df!important;
      text-shadow:none!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 .ht-search-tab-r324[aria-selected="true"] {
      background:#143c50!important;
      border-bottom-color:#80deeb!important;
      color:#b7f2f7!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 .ht-search-game-r324 {
      background:linear-gradient(145deg,#103247,#0b2538)!important;
      border-color:#315d74!important;
      border-radius:15px!important;
      color:var(--ht-text-r398)!important;
      box-shadow:inset 0 1px 0 #caf6ff0d!important;
    }
    body[data-ht-refinement-r398] #ht-catalog-search-r324 :is(.ht-search-summary-r324,.ht-search-hint-r324,.ht-search-empty-r324) {
      color:var(--ht-muted-r398)!important;
      line-height:1.65!important;
      text-shadow:none!important;
    }

    /* Shared page headings, without changing the accepted Profile identity,
       wallet grid, amount box or action-rail geometry. */
    body[data-ht-refinement-r398] #ht-workspace-surface > dialog[open]:not([hidden]) > .member-panel-heading {
      border-bottom-color:#315b71!important;
      color:var(--ht-text-r398)!important;
    }
    body[data-ht-refinement-r398] #ht-workspace-surface > dialog[open]:not([hidden]) > .member-panel-heading > h2 {
      color:var(--ht-text-r398)!important;
      font-size:20px!important;
      font-weight:750!important;
      line-height:1.45!important;
      text-shadow:none!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[data-mode="profile"] #member-auth-title {
      color:#bed8e5!important;
      font-size:14px!important;
      line-height:1.6!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="profile"] dialog.member-auth[data-mode="profile"] .member-identity-email-r359 {
      color:#c6dfe9!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="profile"] dialog.member-auth[data-mode="profile"] .member-identity-source-r359 {
      color:#aecddc!important;
    }

    /* Order: one clear table surface, a stronger header and compact status
       chips. Widths, column tracks, receipt values and table scroll are owned. */
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-table-scroll-r317 {
      background:#0b2436!important;
      border-color:#31596f!important;
      border-radius:14px!important;
      box-shadow:none!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-table-r317 {
      background:#0b2436!important;
      color:#dfedf5!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-table-r317 th {
      background:#12394d!important;
      border-bottom-color:#3b6b81!important;
      color:#c1e8f1!important;
      font-weight:650!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-table-r317 td {
      border-bottom-color:#24495f!important;
      color:#dcecf5!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-table-r317 tbody tr:nth-child(even) > td {
      background:#0d293c!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-table-r317 td:nth-child(2) {
      color:#f0f8fc!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-table-r317 td:nth-child(5) {
      color:#ffdc92!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-code-r317 {
      color:#8ce6ef!important;
      text-decoration-thickness:1px!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] :is(.ht-history-price-source-r317,.ht-history-summary-r306,.ht-history-hint-r306,.ht-history-count-r306,.ht-history-top-count-r307) {
      color:#b1cbdc!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-badge-r317 {
      padding:4px 9px!important;
      border-radius:8px!important;
      background:#183448!important;
      border-color:#3e6279!important;
      color:#c8dce8!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-badge-r317[data-status="completed"] {
      background:#103a32!important;
      border-color:#397c66!important;
      color:#b2ebcd!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-badge-r317:is([data-status="processing"],[data-status="paid"]) {
      background:#12374f!important;
      border-color:#3b7899!important;
      color:#b8e8fb!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-badge-r317:is([data-status="pending"],[data-status="pending_payment"]) {
      background:#3b3021!important;
      border-color:#8a744a!important;
      color:#f5dca2!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-badge-r317[data-status="refunded"] {
      background:#2e2944!important;
      border-color:#76628e!important;
      color:#dfcef6!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-badge-r317:is([data-status="failed"],[data-status="cancelled"]) {
      background:#3d2635!important;
      border-color:#8f5d75!important;
      color:#f7c5d6!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306) {
      background:#102e42!important;
      border-color:#4f839b!important;
      border-radius:12px!important;
      color:#d6edf7!important;
      box-shadow:inset 0 1px 0 #c6f6ff0d!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-filter-r306[aria-pressed="true"] {
      background:#17465b!important;
      border-color:#75d9e6!important;
      color:#dbfaff!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] :is(.ht-history-refresh-r306,.ht-history-page-r306,.ht-history-detail-check-r317):disabled {
      background:#0a2131!important;
      border-color:#2c4a5e!important;
      color:#9ab4c4!important;
      opacity:1!important;
      box-shadow:none!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-empty-r307 {
      min-height:160px!important;
      padding:20px 14px!important;
      gap:12px!important;
      background:#0b2537!important;
      border-color:transparent!important;
      border-radius:15px!important;
      color:#b2ccdc!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-empty-r307 > p {
      color:#b2ccdc!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-detail-r317 {
      padding:20px!important;
      border-radius:18px!important;
      background:#0d2b3e!important;
      border-color:#345d73!important;
      box-shadow:inset 0 1px 0 #cbf6ff0b!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-detail-fields-r317 > div {
      border-bottom-color:#2a4d62!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-detail-fields-r317 dt {
      color:#b1cbdc!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-detail-fields-r317 dd {
      color:#e5f2f9!important;
    }

    /* Redeem is the same single form card, with smaller controlled spacing. */
    body[data-ht-refinement-r398][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) {
      padding:22px!important;
      border-radius:20px!important;
      background:linear-gradient(150deg,#123448,#0c273a)!important;
      border-color:#3b6a80!important;
      color:var(--ht-text-r398)!important;
      box-shadow:inset 0 1px 0 #c4f5ff1a!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] #redeem-title {
      font-size:21px!important;
      font-weight:750!important;
      line-height:1.45!important;
      color:var(--ht-text-r398)!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] .redeem-context {
      margin:8px 0 18px!important;
      color:#bdd6e4!important;
      font-size:13px!important;
      line-height:1.65!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] label[for="redeem-code"] {
      color:#c8e2ee!important;
      font-size:13px!important;
      font-weight:600!important;
      line-height:1.6!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] #redeem-code {
      min-height:52px!important;
      padding:12px 14px!important;
      border-radius:12px!important;
      font-size:16px!important;
      line-height:1.5!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] #redeem-code:not([aria-invalid="true"]) {
      background:var(--ht-deep-r398)!important;
      border-color:#47798e!important;
      color:#edf7fc!important;
      box-shadow:inset 0 1px 0 #c2f5ff0a!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] #redeem-code::placeholder {
      color:#9cbccc!important;
      opacity:1!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] .redeem-submit:not(:disabled):not([aria-disabled="true"]) {
      min-height:48px!important;
      padding:12px 14px!important;
      border-radius:12px!important;
      background:linear-gradient(110deg,#72deea,#4dc3d5)!important;
      border-color:#8ce7f0!important;
      color:#062739!important;
      font-size:14px!important;
      font-weight:700!important;
      line-height:1.5!important;
      box-shadow:inset 0 1px 0 #e2feff59!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] .redeem-breakdown {
      background:#092335!important;
      border-color:#31596f!important;
      border-radius:12px!important;
      box-shadow:none!important;
    }

    /* Existing valid account/auth fields gain one crisp focus treatment.
       Invalid fields keep their controller-owned error border/color. */
    body[data-ht-refinement-r398] :is(.account input,dialog.member-auth input):not([type="checkbox"]):not([type="radio"]):not([aria-invalid="true"]):not(:disabled) {
      background:#092335!important;
      border-color:#426e85!important;
      color:#edf7fc!important;
      border-radius:12px!important;
    }
    body[data-ht-refinement-r398] :is(.account input,dialog.member-auth input,#redeem-code):not([type="checkbox"]):not([type="radio"]):not([aria-invalid="true"]):not(:disabled):focus-visible {
      border-color:var(--ht-focus-r398)!important;
      outline:2px solid var(--ht-focus-r398)!important;
      outline-offset:2px!important;
      box-shadow:none!important;
    }
    body[data-ht-refinement-r398] :is(#ht-catalog-search-open-r324,.ht-catalog-favorite-r324,.ht-search-tab-r324,.ht-search-back-r324,.ht-search-clear-r324,.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306,.ht-history-code-r317,.redeem-submit):focus-visible {
      outline:2px solid var(--ht-focus-r398)!important;
      outline-offset:2px!important;
    }
  }

  @media(max-width:420px) and (forced-colors:none) {
    body[data-ht-refinement-r398][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) {
      padding:20px 18px!important;
    }
  }
  @media(hover:hover) and (pointer:fine) and (forced-colors:none) {
    body[data-ht-refinement-r398] #ht-catalog-search-r324 .ht-search-tab-r324:not([aria-selected="true"]):hover {
      background:#103247!important;
      color:#e4f6fb!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="order"] .ht-history-table-r317 tbody tr:is(:hover,:focus-within) > td {
      background:#12374b!important;
    }
    body[data-ht-refinement-r398][data-workspace-page="redeem"] .redeem-submit:not(:disabled):not([aria-disabled="true"]):hover:not(:active) {
      background:#8ce8f1!important;
      color:#062739!important;
    }
  }
  @media(forced-colors:active) {
    /* Normal refinements above are off. Keep original system colors and expose
       disabled text without alpha; actual disabled attributes are untouched. */
    body[data-ht-refinement-r398][data-workspace-page="order"] :is(.ht-history-refresh-r306,.ht-history-page-r306,.ht-history-detail-check-r317):disabled {
      color:GrayText!important;
      opacity:1!important;
    }
    body[data-ht-refinement-r398] :is(#ht-catalog-search-open-r324,.ht-catalog-favorite-r324,.ht-search-tab-r324,.ht-search-back-r324,.ht-search-clear-r324,.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306,.ht-history-code-r317,.redeem-submit,.account input,dialog.member-auth input,#redeem-code):focus-visible {
      outline-color:Highlight!important;
    }
  }
}
/* R399 Home and Search card presentation. Original Hour artwork, labels,
   regions, favorite controls, ordering and outer catalogue grids are retained.
   This joins the existing refinement layer because its important paints have
   precedence over unlayered declarations. No host transforms or idle effects. */
@layer ht-interface-refinement-r398 {
  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]),
  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]) {
    position:relative!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(70px,auto)!important;
    align-content:start!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    flex:1 1 0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border:1px solid #3a697f!important;
    border-radius:16px!important;
    background:#0c293b!important;
    color:#edf8ff!important;
    box-shadow:inset 0 1px 0 #c1f4ff14,0 4px 10px #010b1424!important;
    overflow:visible!important;
    text-align:center!important;
    text-decoration:none!important;
  }

  /* Home has an existing art wrapper; Search has a direct image child. */
  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game > .app-icon-frame {
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    box-sizing:border-box!important;
    display:block!important;
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:15px 15px 0 0!important;
    background:#081c2b!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game > .app-icon-frame > img.game-icon {
    position:absolute!important;
    inset:0!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    box-shadow:none!important;
    transition:transform 400ms cubic-bezier(.2,.7,.2,1)!important;
  }

  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > img {
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:15px 15px 0 0!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    box-shadow:none!important;
    transition:transform 400ms cubic-bezier(.2,.7,.2,1)!important;
  }

  /* The title is a real grid item above the existing inert interaction glow. */
  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game > b,
  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {
    grid-column:1!important;
    grid-row:2!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:70px!important;
    max-height:none!important;
    margin:0!important;
    padding:9px 7px 10px!important;
    gap:3px!important;
    border:0!important;
    border-top:1px solid #39748a!important;
    border-radius:0 0 15px 15px!important;
    background:linear-gradient(135deg,#154b61,#102e44 82%)!important;
    color:#effaff!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.4!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    text-shadow:none!important;
    box-shadow:inset 0 1px 0 #c5f7ff12!important;
    z-index:2!important;
  }

  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll .ht-catalog-name-r359,
  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-name-r359 {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    color:#effaff!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.4!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }

  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll .ht-catalog-region-r359,
  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-region-r359 {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:16px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:#c0dce8!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
  }

  /* Existing flags remain in the image corner opposite the favorite control. */
  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game .app-country-flags,
  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > .ht-search-country-r324 {
    position:absolute!important;
    inset:8px 7px auto auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    z-index:3!important;
    pointer-events:none!important;
  }

  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game:focus-visible:not([hidden]),
  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:focus-visible:not([hidden]) {
    border-color:#b3f3ff!important;
    outline:3px solid #b3f3ff!important;
    outline-offset:-3px!important;
  }

  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game:is([aria-disabled="true"],:disabled),
  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:is([aria-disabled="true"],:disabled) {
    border-color:#455f70!important;
    box-shadow:none!important;
  }

  @media(max-width:650px) {
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game > b,
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {padding-inline:6px!important;font-size:12px!important;}
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll .ht-catalog-name-r359,
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-name-r359 {font-size:12px!important;}
  }

  /* Fine-pointer image response only. No card-host movement or touch zoom. */
  @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game:not([aria-disabled="true"]):hover > .app-icon-frame > img.game-icon,
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([aria-disabled="true"]):hover > img {
      transform:scale(1.035)!important;
    }
  }

  @media(prefers-reduced-motion:reduce),(forced-colors:active) {
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game > .app-icon-frame > img.game-icon,
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game:is(:hover,:active,:focus-visible) > .app-icon-frame > img.game-icon,
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > img,
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:is(:hover,:active,:focus-visible) > img {
      transition:none!important;
      transform:none!important;
    }
  }

  @media(forced-colors:active) {
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]),
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]),
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game > .app-icon-frame,
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game > b,
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {
      background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;
    }
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll :is(.ht-catalog-name-r359,.ht-catalog-region-r359),
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 :is(.ht-catalog-name-r359,.ht-catalog-region-r359) {color:CanvasText!important;}
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game:focus-visible:not([hidden]),
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:focus-visible:not([hidden]) {outline-color:Highlight!important;border-color:Highlight!important;}
    html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game:is([aria-disabled="true"],:disabled),
    html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:is([aria-disabled="true"],:disabled) {border-color:GrayText!important;}
  }

  html body.home-page[data-ui-layout][data-ht-lisa-r399]:has(#catalog-scroll) #catalog-scroll a.game[hidden][hidden][hidden],
  html body[data-ui-layout][data-ht-lisa-r399]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324[hidden][hidden][hidden] {display:none!important;}
}
/* R399: researched Lisa-inspired finite shine and Hour Topup heading bands.
   This is not a claim of Lisa idle-card motion. Only real interaction mounts
   trigger the card sweep; the optional hero gets one finite post-loading pass.
   No app/package host transform, opacity gate, new handler or business state.
   Extend the retained named layers so their existing important paint does not
   silently outrank these opt-in additions. */
@property --ht-lisa-beam-r399 {
  syntax:"<percentage>";
  inherits:false;
  initial-value:-140%;
}
@keyframes ht-lisa-beam-pass-r399 {
  from { --ht-lisa-beam-r399:-140%; }
  to { --ht-lisa-beam-r399:240%; }
}

@layer ht-interface-refinement-r398 {
  @media(forced-colors:none) {
    /* Existing account/package/payment step nodes become one coherent band.
       Package cards, filters, columns and artwork dimensions are not selected. */
    body[data-ht-lisa-r399] :is(.checkout-panel > .title,.topup > .title) {
      box-sizing:border-box!important;
      min-height:44px!important;
      padding:10px 12px!important;
      border:1px solid #3b6c82!important;
      border-radius:12px!important;
      background:linear-gradient(110deg,#15465b,#0c2c40 78%)!important;
      color:#ebf8ff!important;
      box-shadow:inset 3px 0 0 #75dce8,inset 0 1px 0 #bcefff12!important;
    }
    body[data-ht-lisa-r399] :is(.checkout-panel > .title,.topup > .title) h2 {
      margin:0!important;
      color:#ebf8ff!important;
      font-size:15px!important;
      font-weight:750!important;
      line-height:1.45!important;
      text-shadow:none!important;
    }

    /* Order/Owner use their existing heading wrappers. Profile's accepted
       identity/wallet heading, grid and 48px gold box are deliberately absent. */
    body[data-ht-lisa-r399] #ht-workspace-surface > dialog.member-tools-panel[open]:not([hidden]) > .member-panel-heading {
      box-sizing:border-box!important;
      padding:10px 12px!important;
      border:1px solid #3b6c82!important;
      border-radius:12px!important;
      background:linear-gradient(110deg,#15465b,#0c2c40 78%)!important;
      color:#ebf8ff!important;
    }
    body[data-ht-lisa-r399] #ht-workspace-surface > dialog.member-tools-panel[open]:not([hidden]) > .member-panel-heading > h2 {
      color:#ebf8ff!important;
      font-weight:750!important;
      text-shadow:none!important;
    }
    body[data-ht-lisa-r399][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) > #redeem-title {
      box-sizing:border-box!important;
      min-height:44px!important;
      margin:0 0 14px!important;
      padding:10px 12px!important;
      border:1px solid #3b6c82!important;
      border-radius:12px!important;
      background:linear-gradient(110deg,#15465b,#0c2c40 78%)!important;
      color:#ebf8ff!important;
      font-size:20px!important;
      line-height:1.45!important;
      text-shadow:none!important;
    }
    body[data-ht-lisa-r399] #ht-catalog-search-r324 .ht-search-top-r324 {
      background:linear-gradient(110deg,#15465b,#0c2c40 78%)!important;
      border-bottom-color:#4d869c!important;
      box-shadow:inset 3px 0 0 #75dce8,inset 0 -1px 0 #91deec24!important;
    }
  }
}

@layer ht-experience-motion-r397 {
  @media(forced-colors:none) {
    /* Preserve R397's registered-colour entry line while adding the static
       cyan band edge. This declaration reads that existing animated variable;
       it does not replace or restart any header animation. */
    body[data-ht-lisa-r399] #ht-workspace-surface > dialog.member-tools-panel[open]:not([hidden]) > .member-panel-heading,
    body[data-ht-lisa-r399][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) > #redeem-title {
      box-shadow:inset 3px 0 0 #75dce8,inset 0 1px 0 var(--ht-ready-accent-r397,transparent)!important;
    }
  }
  @media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* The owned child remains at its existing z1 and pointer-origin location.
       Home/Package/Search text is raised by their static card styles; the
       pointer radial glow remains, and only the first background layer sweeps.
       A held/hovered card never starts another pass until its child remounts. */
    html body[data-ht-lisa-r399] :is(#catalog-scroll .game,#packages .pack,#ht-catalog-search-r324 .ht-search-game-r324) > ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert] {
      --ht-lisa-beam-r399:-140%;
      background:linear-gradient(115deg,transparent 24%,#e3fbff12 42%,#e3fbff2e 50%,#e3fbff12 58%,transparent 78%) var(--ht-lisa-beam-r399) 0 / 45% 100% no-repeat,radial-gradient(ellipse at var(--ht-light-x-r335,50%) var(--ht-light-y-r335,50%),#c3f5ff70 0%,#63d6ee2e 34%,transparent 74%) 0 0 / 100% 100% no-repeat!important;
      animation:ht-lisa-beam-pass-r399 600ms cubic-bezier(.2,.65,.25,1) 1 both!important;
    }
    /* Search retains the lower radial cap even with text now above the layer. */
    html body[data-ht-lisa-r399] #ht-catalog-search-r324 .ht-search-game-r324 > ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert] {
      background:linear-gradient(115deg,transparent 24%,#e3fbff12 42%,#e3fbff2e 50%,#e3fbff12 58%,transparent 78%) var(--ht-lisa-beam-r399) 0 / 45% 100% no-repeat,radial-gradient(ellipse at var(--ht-light-x-r335,50%) var(--ht-light-y-r335,50%),#c3f5ff30 0%,#63d6ee18 34%,transparent 74%) 0 0 / 100% 100% no-repeat!important;
    }

    /* The hero contains only its existing picture. Relative positioning creates
       the decorative pseudo's anchor without changing any box dimensions or
       scrolling. The original clipping and image URL remain untouched. */
    html body.home-page[data-ht-lisa-r399] .promo > .promo-inner {
      position:relative!important;
    }
    html:not(.ht-page-loading-r266) body.home-page[data-ht-lisa-r399] .promo > .promo-inner::after {
      content:""!important;
      position:absolute!important;
      inset:0!important;
      border-radius:inherit!important;
      pointer-events:none!important;
      user-select:none!important;
      z-index:3!important;
      --ht-lisa-beam-r399:-140%;
      background:linear-gradient(115deg,transparent 24%,#d7faff08 44%,#d7faff14 50%,#d7faff08 56%,transparent 78%) var(--ht-lisa-beam-r399) 0 / 45% 100% no-repeat!important;
      animation:ht-lisa-beam-pass-r399 600ms cubic-bezier(.2,.65,.25,1) 1 both!important;
    }
  }
  @media(prefers-reduced-motion:reduce),(forced-colors:active) {
    html body[data-ht-lisa-r399] :is(#catalog-scroll .game,#packages .pack,#ht-catalog-search-r324 .ht-search-game-r324) > ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert] {
      --ht-lisa-beam-r399:-140%!important;
      animation:none!important;
      display:none!important;
    }
    html body.home-page[data-ht-lisa-r399] .promo > .promo-inner::after {
      content:none!important;
      animation:none!important;
    }
  }
}
/* R400: native Deposit preview dialog only. No merchant/QR state, account
   geometry, Footer optics, package styles or input handlers are owned here.
   The Generate control remains an actual disabled button; its muted paint is
   deliberately different from the enabled wallet button that opens this UI. */
@layer ht-deposit-modern-r400 {
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400[open]:not([hidden]) {
    display:block!important;
    position:fixed!important;
    inset:12px!important;
    box-sizing:border-box!important;
    width:calc(100% - 24px)!important;
    min-width:0!important;
    max-width:480px!important;
    height:max-content!important;
    max-height:calc(100vh - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    margin:auto!important;
    padding:20px!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    border:1px solid #426f84!important;
    border-radius:20px!important;
    background:#0c293c!important;
    color:#edf7fc!important;
    box-shadow:0 18px 48px #010b1759!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    font-family:inherit!important;
    text-align:start!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400::backdrop {
    background:#020d1cb8!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 > .ht-deposit-heading-r400 {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-width:0!important;
    margin:0 0 16px!important;
    padding:0 0 14px!important;
    border-bottom:1px solid #31566d!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-heading-r400 > h2 {
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#edf7fc!important;
    font-size:20px!important;
    font-weight:750!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
    text-shadow:none!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-close-r400 {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    box-sizing:border-box!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #497b90!important;
    border-radius:12px!important;
    background:#0a2334!important;
    color:#d6eff8!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:22px!important;
    line-height:1!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 > .ht-deposit-balance-r400 {
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:4px 8px!important;
    box-sizing:border-box!important;
    min-width:0!important;
    margin:0 0 16px!important;
    padding:12px 14px!important;
    border:1px solid #31556a!important;
    border-radius:14px!important;
    background:#0a2233!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-balance-r400 > span {
    flex:0 0 100%!important;
    color:#b3cfdc!important;
    font-size:12px!important;
    font-weight:550!important;
    line-height:1.55!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-balance-r400 > strong {
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 40px)!important;
    color:#ffdc92!important;
    font-size:24px!important;
    font-weight:750!important;
    line-height:1.3!important;
    font-variant-numeric:tabular-nums!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-balance-r400 > small {
    flex:0 0 auto!important;
    color:#adc9d8!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.5!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 > form.ht-deposit-form-r400 {
    display:grid!important;
    gap:14px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-form-r400 > label:not(.ht-deposit-input-wrap-r400),
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-methods-r400 > legend {
    margin:0!important;
    padding:0!important;
    color:#d0e6f1!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.55!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400 {
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:52px!important;
    margin:-6px 0 0!important;
    padding:10px 12px!important;
    border:1px solid #4b7d92!important;
    border-radius:12px!important;
    background:#071e2e!important;
    color:#c7e3ef!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400 > span {
    flex:0 0 auto!important;
    color:#b3d1df!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.5!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 #ht-deposit-amount-r400 {
    flex:1 1 0!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#edf7fc!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:16px!important;
    line-height:1.5!important;
    font-variant-numeric:tabular-nums!important;
    text-align:left!important;
    direction:ltr!important;
    caret-color:#91e8f2!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 #ht-deposit-amount-r400::placeholder {
    color:#91b0c4!important;
    opacity:1!important;
  }
  /* The whole amount field is the visible focus proxy for its inner input. */
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:focus-within {
    border-color:#86e1ef!important;
    outline:2px solid #86e1ef!important;
    outline-offset:2px!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:focus-within > #ht-deposit-amount-r400 {
    outline:none!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:has(#ht-deposit-amount-r400[aria-invalid="true"]) {
    border-color:#d491a8!important;
    outline-color:#f0b2c6!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:10px 5px!important;
    border:1px solid #4e8097!important;
    border-radius:10px!important;
    background:#12384d!important;
    color:#d4edf7!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1.5!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"] {
    background:#1b5266!important;
    border-color:#83e1eb!important;
    color:#e1fcff!important;
    box-shadow:inset 0 0 0 1px #83e1eb40!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 #ht-deposit-error-r400:not([hidden]) {
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #8e5c74!important;
    border-radius:10px!important;
    background:#3a2737!important;
    color:#ffd0df!important;
    font-size:13px!important;
    line-height:1.55!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-methods-r400 {
    box-sizing:border-box!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-methods-r400 > legend {
    margin-bottom:8px!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 label.ht-deposit-method-r400 {
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:68px!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid #3d6b80!important;
    border-radius:12px!important;
    background:#0b2739!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 label.ht-deposit-method-r400:has(input:checked) {
    border-color:#65c8d8!important;
    background:#123447!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-method-r400 > input[type="radio"] {
    appearance:auto!important;
    flex:0 0 18px!important;
    box-sizing:border-box!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0!important;
    padding:0!important;
    accent-color:#74dce8!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-method-r400 > img {
    flex:0 0 40px!important;
    width:40px!important;
    height:32px!important;
    margin:0!important;
    object-fit:contain!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-method-r400 > span {
    min-width:0!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-method-r400 strong {
    display:block!important;
    color:#edf7fc!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-method-r400 small {
    display:block!important;
    margin-top:3px!important;
    color:#b1cddd!important;
    font-size:12px!important;
    line-height:1.5!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-summary-r400 {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-width:0!important;
    margin:0!important;
    padding:14px 0 0!important;
    border-top:1px solid #31566d!important;
    color:#c6e0ec!important;
    font-size:13px!important;
    line-height:1.6!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 #ht-deposit-total-r400 {
    min-width:0!important;
    color:#ffdc92!important;
    font-size:20px!important;
    font-weight:750!important;
    line-height:1.4!important;
    font-variant-numeric:tabular-nums!important;
    overflow-wrap:anywhere!important;
    text-align:end!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-summary-r400 > span {
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-submit-r400 {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:12px 14px!important;
    border:1px solid #426c83!important;
    border-radius:12px!important;
    background:#12374c!important;
    color:#c4dce8!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.5!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-submit-r400:disabled {
    background:#153246!important;
    border-color:#35566c!important;
    color:#a7bdcc!important;
    cursor:not-allowed!important;
    opacity:1!important;
    box-shadow:none!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-note-r400 {
    margin:0!important;
    color:#b1cbdc!important;
    font-size:12px!important;
    line-height:1.65!important;
    overflow-wrap:anywhere!important;
  }
  body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled):not([aria-disabled="true"]) {
    width:108px!important;
    cursor:pointer!important;
    min-height:44px!important;
    margin-bottom:2px!important;
    border-color:#80e0eb!important;
    border-radius:12px!important;
    background:linear-gradient(110deg,#72deea,#4dc3d5)!important;
    color:#062739!important;
    box-shadow:inset 0 1px 0 #e2feff59!important;
    opacity:1!important;
  }
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(button,input[type="radio"]):focus-visible,
  body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400]:focus-visible {
    outline:2px solid #86e1ef!important;
    outline-offset:2px!important;
  }
  @media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(.ht-deposit-close-r400,.ht-deposit-presets-r400 > button),
    body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled):not([aria-disabled="true"]) {
      transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease!important;
    }
  }
  @media(hover:hover) and (pointer:fine) and (forced-colors:none) {
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(.ht-deposit-close-r400,.ht-deposit-presets-r400 > button:not([aria-pressed="true"])):not(:disabled):hover:not(:active) {
      background:#19465a!important;
      border-color:#78cbdc!important;
    }
    body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled):not([aria-disabled="true"]):hover:not(:active) {
      background:#8ce8f1!important;
      color:#062739!important;
    }
  }
  @media(max-width:360px) {
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400[open]:not([hidden]) {
      padding:18px!important;
      border-radius:18px!important;
    }
  }
  @media(max-width:420px) {
    body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled):not([aria-disabled="true"]) {
      width:100px!important;
    }
  }
  @media(max-width:350px) {
    body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled):not([aria-disabled="true"]) {
      width:90px!important;
    }
  }
  @media(prefers-reduced-motion:reduce),(forced-colors:active) {
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(button,input),
    body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400] {
      transition:none!important;
    }
  }
  @media(forced-colors:active) {
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-method-r400 > input[type="radio"] {
      accent-color:auto!important;
    }
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400[open]:not([hidden]),
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(.ht-deposit-balance-r400,.ht-deposit-input-wrap-r400,label.ht-deposit-method-r400,label.ht-deposit-method-r400:has(input:checked),#ht-deposit-error-r400:not([hidden])) {
      background:Canvas!important;
      color:CanvasText!important;
      border-color:ButtonBorder!important;
      box-shadow:none!important;
    }
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400::backdrop {
      background:Canvas!important;
      opacity:.85!important;
    }
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(.ht-deposit-heading-r400 > h2,.ht-deposit-balance-r400 > span,.ht-deposit-balance-r400 > strong,.ht-deposit-balance-r400 > small,.ht-deposit-form-r400 > label,.ht-deposit-methods-r400 > legend,.ht-deposit-input-wrap-r400 > span,#ht-deposit-amount-r400,.ht-deposit-method-r400 strong,.ht-deposit-method-r400 small,.ht-deposit-summary-r400,#ht-deposit-total-r400,.ht-deposit-note-r400) {
      color:CanvasText!important;
    }
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(.ht-deposit-heading-r400,.ht-deposit-summary-r400) {
      border-color:ButtonBorder!important;
    }
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(.ht-deposit-close-r400,.ht-deposit-presets-r400 > button,.ht-deposit-submit-r400),
    body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled):not([aria-disabled="true"]) {
      background:Canvas!important;
      color:ButtonText!important;
      border-color:ButtonBorder!important;
      box-shadow:none!important;
    }
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"] {
      background:Highlight!important;
      color:HighlightText!important;
      border-color:Highlight!important;
      box-shadow:none!important;
    }
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-submit-r400:disabled {
      background:Canvas!important;
      color:GrayText!important;
      border-color:GrayText!important;
      box-shadow:none!important;
    }
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:focus-within,
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:has(#ht-deposit-amount-r400[aria-invalid="true"]),
    body[data-ht-deposit-r400] #ht-deposit-dialog-r400 :is(button,input[type="radio"]):focus-visible,
    body[data-ht-deposit-r400] .customer-wallet-deposit-r355[data-deposit-preview-r400]:focus-visible {
      border-color:Highlight!important;
      outline-color:Highlight!important;
    }
  }
  /* Last, higher-specificity safety tails: no CSS rule opens the native dialog
     or reveals a controller-hidden error, note, field or preset. */
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400:is([hidden],:not([open])),
  body[data-ht-deposit-r400] #ht-deposit-dialog-r400 [hidden][hidden][hidden] {
    display:none!important;
  }
}
/* Shared navy surfaces. The existing scroll regions, safe areas and footer lens own their geometry. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors: none) {
    body[data-ht-studio-r401] {
      --ht-ice-r401: #84ecfa;
      --ht-ink-r401: #071425;
      --ht-line-r401: #315674;
      background-color: var(--ht-ink-r401) !important;
    }
    body[data-ht-studio-r401] > header {
      background: linear-gradient(100deg, #08152b, #112c48 57%, #0c3e4c) !important;
      border-bottom-color: #548aab !important;
      box-shadow: inset 0 1px #94dcff19, 0 4px 18px #020d1a36 !important;
    }
    body[data-ht-studio-r401] > header :is(.member-language-quick, .member-trigger):not([hidden]) {
      background: #0a2033 !important;
      border-color: #4c7b91 !important;
    }
    body.home-page[data-ht-studio-r401] .promo-inner {
      outline: 1px solid #416b98 !important;
      outline-offset: -1px;
      box-shadow: 0 5px 18px #020b1b40 !important;
    }
    body.home-page[data-ht-studio-r401] > main > .catalog {
      background: linear-gradient(150deg, #112e49, #091c2f 50%, #092331) !important;
      border-color: #385e78 !important;
      box-shadow: inset 0 1px #a0dbed21, 0 6px 20px #030c162c !important;
    }
    body.home-page[data-ht-studio-r401] #game-search-panel .ticker-window {
      color: #d7eef9 !important;
      background: linear-gradient(110deg, #12314b, #0a2334) !important;
      border-color: #406884 !important;
    }
    body.home-page[data-ht-studio-r401] #ht-catalog-search-open-r324 {
      color: #062531 !important;
      background: linear-gradient(130deg, #a5f4ff, #5ad8ea) !important;
      border-color: #9defff !important;
      box-shadow: inset 0 1px #fff8 !important;
    }
    body[data-ht-studio-r401] #ht-catalog-search-r324 .ht-search-tabs-r324 {
      position: relative !important;
      background: #091f33 !important;
    }
    body[data-ht-studio-r401] #ht-catalog-search-r324 .ht-search-tabs-r324[data-ht-indicator-r401]::after {
      content: '';
      position: absolute;
      pointer-events: none;
      left: 0;
      bottom: 2px;
      width: 28px;
      height: 3px;
      border-radius: 4px;
      background: var(--ht-ice-r401);
      transform: translateX(calc(var(--ht-tab-center-r401) - 14px));
    }
    body[data-ht-studio-r401] #ht-catalog-search-r324 .ht-search-tabs-r324[data-ht-indicator-r401] .ht-search-tab-r324[aria-selected="true"] {
      color: #d5faff !important;
      border-bottom-color: transparent !important;
      background: #12384d !important;
    }
    body[data-ht-studio-r401] .account :is(input, select):not(:disabled):not([aria-invalid="true"]):focus-visible,
    body[data-ht-studio-r401] .member-auth[data-mode="otp"] input[name="code"]:focus-visible {
      border-color: var(--ht-ice-r401) !important;
      outline: 2px solid #84ecfab3 !important;
      outline-offset: 2px !important;
    }
    body[data-ht-studio-r401] #ht-workspace-surface .member-auth:is([data-mode="login"], [data-mode="otp"], [data-mode="accounts"]) > .member-panel-heading {
      color: #ecf8ff !important;
      border-bottom-color: #52839d !important;
      background: linear-gradient(110deg, #143950, #102a41 75%) !important;
      box-shadow: inset 3px 0 #75d6e4 !important;
      padding: 10px 12px !important;
      border-radius: 12px !important;
    }
    body[data-ht-studio-r401] .member-auth[data-mode="otp"] .member-code-field:not([hidden]) input {
      color: #f1f9ff !important;
      background-color: #071c2d !important;
      letter-spacing: .16em !important;
      font-variant-numeric: tabular-nums;
    }
    body[data-ht-studio-r401] #ht-document-r363.policy-content {
      background: linear-gradient(130deg, #102c40, #091d2f 78%) !important;
      border-color: #39647d !important;
    }
    body[data-ht-studio-r401] #ht-document-r363.policy-content > h1 {
      font-size: clamp(24px, 4vw, 34px) !important;
      color: #f1f9ff !important;
      text-align: start !important;
    }
    body[data-ht-studio-r401] #ht-document-r363.policy-content details {
      background: #0a2134 !important;
      border-color: #355a72 !important;
      border-radius: 13px !important;
    }
    body[data-ht-studio-r401] #ht-document-r363.policy-content details[open] {
      background: #103047 !important;
      border-color: #5289a1 !important;
      box-shadow: inset 3px 0 #81dfe9 !important;
    }
    body[data-ht-studio-r401] #ht-document-r363.policy-content details[open] summary {
      color: #d2f9ff !important;
    }
    body[data-ht-studio-r401] #ht-document-r363 [data-guide-language-r367] h2 {
      border-top-color: #385d76 !important;
      color: #ddf8ff !important;
    }
    body[data-ht-studio-r401] #summary-price {
      position: relative !important;
      font-variant-numeric: tabular-nums;
    }
  }
  @media (prefers-reduced-motion: no-preference) and (forced-colors: none) {
    body[data-ht-studio-r401] #ht-catalog-search-r324 .ht-search-tabs-r324[data-ht-indicator-r401]::after {
      transition: transform 190ms cubic-bezier(.2,.7,.2,1);
    }
    body[data-ht-studio-r401] #summary-price[data-ht-confirm-r401]::after {
      content: '';
      pointer-events: none;
      position: absolute;
      inset: 0;
      border-radius: inherit;
      border: 1px solid #ffdc8a;
      opacity: 0;
    }
    body[data-ht-studio-r401] #summary-price[data-ht-confirm-r401="a"]::after { animation: ht-price-confirm-a-r401 320ms ease-out 1; }
    body[data-ht-studio-r401] #summary-price[data-ht-confirm-r401="b"]::after { animation: ht-price-confirm-b-r401 320ms ease-out 1; }
    body[data-ht-studio-r401] #ht-document-r363 details[open] > p { animation: ht-answer-open-r401 180ms ease-out 1; }
  }
}
@keyframes ht-price-confirm-a-r401 { from { opacity: .95; transform: scale(.98); } to { opacity: 0; transform: scale(1.06); } }
@keyframes ht-price-confirm-b-r401 { from { opacity: .95; transform: scale(.98); } to { opacity: 0; transform: scale(1.06); } }
@keyframes ht-answer-open-r401 { from { transform: translateY(-3px); } to { transform: none; } }
/* R401: existing favorite and package-selection feedback only. Geometry,
   original artwork/zoom, prices, controllers and native buttons are retained.
   Named-layer important paint outranks the retained unlayered asset cascade.
   Only an existing star SVG, selected price and existing check receive finite
   color-property confirmation; no card/host transform or idle shimmer. */
@property --ht-action-light-r401 {
  syntax:"<color>";
  inherits:false;
  initial-value:transparent;
}
@keyframes ht-favorite-confirm-r401 {
  0% { --ht-action-light-r401:transparent; }
  35% { --ht-action-light-r401:#ffe29b99; }
  100% { --ht-action-light-r401:transparent; }
}
@keyframes ht-price-confirm-r401 {
  0% { --ht-action-light-r401:transparent; }
  32% { --ht-action-light-r401:#ffdf914d; }
  100% { --ht-action-light-r401:transparent; }
}
@keyframes ht-check-confirm-r401 {
  0% { --ht-action-light-r401:transparent; }
  32% { --ht-action-light-r401:#b2f5ff80; }
  100% { --ht-action-light-r401:transparent; }
}

@layer ht-interface-refinement-r398 {
  /* The favorite remains the same independent 44px button over the artwork. */
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324 {
    color:#e2edf5!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324::before,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324::before {
    background:#092335f2!important;
    border-color:#9cbcca9c!important;
    box-shadow:inset 0 1px 0 #e9fcff24,0 1px 4px #020c1938!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"],
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"] {
    color:#ffdc83!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"]::before,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"]::before {
    background:#354333f5!important;
    border-color:#ffe2a3!important;
    box-shadow:inset 0 1px 0 #fff1c63b,0 0 0 1px #ffdc831c!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324 > svg,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324 > svg {
    fill:none!important;
    stroke:currentColor!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"] > svg,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"] > svg {fill:currentColor!important;}
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:focus-visible,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:focus-visible {
    outline:2px solid #ffe4a7!important;
    outline-offset:-3px!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:is(:disabled,[aria-disabled="true"]),
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:is(:disabled,[aria-disabled="true"]) {
    color:#a4b8c7!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:is(:disabled,[aria-disabled="true"])::before,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:is(:disabled,[aria-disabled="true"])::before {
    background:#0c2638!important;
    border-color:#506a7a!important;
    box-shadow:none!important;
  }

  /* Strengthen the image/title seam without changing either image geometry,
     title wrapping or the existing fine-pointer image response. */
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll a.game > b,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {
    border-top-color:#5695a9!important;
    box-shadow:inset 0 1px 0 #d5faff14!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-name-r359,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-name-r359 {
    color:#f3fcff!important;
    text-shadow:0 1px 0 #041a2640!important;
  }
  html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-region-r359,
  html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-region-r359 {
    color:#c5dfe9!important;
  }

  /* Selection is authoritative only through the existing class/ARIA state.
     Disabled packages do not acquire the stronger enabled-selected treatment. */
  html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
    background:linear-gradient(155deg,#174b60,#0e3045 82%)!important;
    border-color:#80e6ef!important;
    outline-color:#80e6ef!important;
    box-shadow:inset 3px 0 0 #80e6ef,inset 0 0 0 1px #80e6ef,inset 0 1px 0 #dcfcff25!important;
  }
  html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden])::after {
    background:#9cedf4!important;
    color:#062637!important;
    border-color:#d7fbff!important;
    box-shadow:0 0 0 2px var(--ht-action-light-r401,transparent),inset 0 1px 0 #ffffff66!important;
  }
  html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) > strong {
    text-shadow:0 0 5px var(--ht-action-light-r401,transparent)!important;
  }
  html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]),
  html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible {
    border-color:#dcfbff!important;
    outline-color:#dcfbff!important;
  }

  @media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]) > svg,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]) > svg {
      filter:drop-shadow(0 0 4px var(--ht-action-light-r401,transparent))!important;
      animation:ht-favorite-confirm-r401 360ms ease-out 1!important;
    }
    html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden])::after {
      animation:ht-check-confirm-r401 320ms ease-out 1!important;
    }
    html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) > strong {
      animation:ht-price-confirm-r401 420ms ease-out 1!important;
    }
  }

  @media(prefers-reduced-motion:reduce),(forced-colors:active) {
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]) > svg,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]) > svg {
      --ht-action-light-r401:transparent!important;
      animation:none!important;
      filter:none!important;
    }
    html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden])::after,
    html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) > strong {
      --ht-action-light-r401:transparent!important;
      animation:none!important;
      text-shadow:none!important;
    }
  }

  @media(forced-colors:active) {
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324 {color:ButtonText!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324::before,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324::before {background:Canvas!important;border-color:ButtonBorder!important;box-shadow:none!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"],
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"] {color:Highlight!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324 > svg,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324 > svg {fill:none!important;stroke:currentColor!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"] > svg,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"] > svg {fill:currentColor!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"]::before,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"]::before {background:Canvas!important;border-color:Highlight!important;box-shadow:none!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:focus-visible,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:focus-visible {outline-color:Highlight!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:is(:disabled,[aria-disabled="true"]),
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:is(:disabled,[aria-disabled="true"]) {color:GrayText!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:is(:disabled,[aria-disabled="true"])::before,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:is(:disabled,[aria-disabled="true"])::before {background:Canvas!important;border-color:GrayText!important;box-shadow:none!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll a.game > b,
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {border-top-color:ButtonBorder!important;box-shadow:none!important;}
    html body[data-ht-studio-r401]:has(#catalog-scroll) #catalog-scroll :is(.ht-catalog-name-r359,.ht-catalog-region-r359),
    html body[data-ht-studio-r401]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 :is(.ht-catalog-name-r359,.ht-catalog-region-r359) {color:CanvasText!important;text-shadow:none!important;}
    html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {background:Canvas!important;color:CanvasText!important;border-color:Highlight!important;outline-color:Highlight!important;box-shadow:none!important;}
    html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden])::after {background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;box-shadow:none!important;}
    html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]),
    html body[data-ht-studio-r401]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible {border-color:Highlight!important;outline-color:Highlight!important;}
  }
}
/* R401: existing customer workspace surfaces and actions only.
   No new text, controls, financial state, visibility gate, host transform,
   Footer optics or app/package geometry. Profile's layout43, flat identity,
   48px gold amount and removed history remain with the accepted stylesheet.
   Extend existing named layers to avoid an important-priority mismatch. */
@property --ht-action-edge-r401 {
  syntax:"<color>";
  inherits:false;
  initial-value:transparent;
}
@keyframes ht-action-edge-r401 {
  0% { --ht-action-edge-r401:transparent; }
  34% { --ht-action-edge-r401:#c5faffb3; }
  100% { --ht-action-edge-r401:transparent; }
}
@property --ht-state-stroke-r401 {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%;
}
@keyframes ht-receipt-stroke-r401 {
  from { --ht-state-stroke-r401:0%; }
  to { --ht-state-stroke-r401:100%; }
}
@keyframes ht-redeem-success-stroke-r401 {
  from { --ht-state-stroke-r401:0%; }
  to { --ht-state-stroke-r401:100%; }
}
@keyframes ht-redeem-warning-stroke-r401 {
  from { --ht-state-stroke-r401:0%; }
  to { --ht-state-stroke-r401:100%; }
}
@keyframes ht-redeem-error-stroke-r401 {
  from { --ht-state-stroke-r401:0%; }
  to { --ht-state-stroke-r401:100%; }
}
@keyframes ht-contact-stroke-r401 {
  from { --ht-state-stroke-r401:0%; }
  to { --ht-state-stroke-r401:100%; }
}

@layer ht-interface-refinement-r398 {
  @media(forced-colors:none) {
    /* Receipt values, missing-data notices and manual Check remain unchanged.
       Only the existing receipt article and its field/action hierarchy change. */
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-r317 {
      border-color:#4b7c93!important;
      border-radius:18px!important;
      background:linear-gradient(155deg,#103347,#0a2436 76%)!important;
      box-shadow:inset 0 1px 0 #c5f6ff1a,0 8px 20px #010c1826!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-heading-r317 {
      padding-bottom:12px!important;
      border-bottom:1px solid #345e73!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-heading-r317 > h3 {
      color:#f0faff!important;
      font-size:20px!important;
      font-weight:750!important;
      line-height:1.45!important;
      text-shadow:none!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-code-r317 {
      padding:6px 0 6px 10px!important;
      border-inline-start:3px solid #77dce8!important;
      color:#b9edf5!important;
      font-size:13px!important;
      font-weight:650!important;
      line-height:1.6!important;
      font-variant-numeric:tabular-nums!important;
      overflow-wrap:anywhere!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 > div {
      padding-block:12px!important;
      border-bottom-color:#2a5066!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 dt {
      color:#b6d0df!important;
      font-size:13px!important;
      line-height:1.65!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 dd {
      color:#e8f5fb!important;
      line-height:1.65!important;
    }
    /* The retained controller emits Game, Package, Player, then recorded/listed
       Price. Color does not change its value or its provenance label. */
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 > div:nth-child(4) > dd {
      color:#ffde98!important;
      font-size:15px!important;
      font-weight:750!important;
      font-variant-numeric:tabular-nums!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-badge-r317 {
      border-radius:8px!important;
      font-weight:650!important;
      box-shadow:inset 3px 0 0 currentColor!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > :is(button,a) {
      border-radius:12px!important;
      border-color:#4a7c94!important;
      background:#103247!important;
      color:#d5edf7!important;
      box-shadow:inset 0 1px 0 #c9f7ff10!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > .ht-history-detail-back-r317:not(:disabled):not([aria-disabled="true"]) {
      background:linear-gradient(110deg,#72deea,#4dc3d5)!important;
      border-color:#8ce7ef!important;
      color:#062739!important;
      box-shadow:inset 0 1px 0 #e4ffff66!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > .ht-history-detail-check-r317:not(:disabled):not([aria-disabled="true"]) {
      background:#143e53!important;
      border-color:#6bb8cd!important;
      color:#d9f5fc!important;
    }
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > button:disabled {
      background:#0a2131!important;
      border-color:#315267!important;
      color:#a6bfce!important;
      opacity:1!important;
      box-shadow:none!important;
    }

    /* Redeem uses its controller's actual previewState, never guessed success.
       The existing ready/empty/hidden rules retain ownership of visibility. */
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-code:not([aria-invalid="true"]) {
      background:#082133!important;
      border-color:#54899e!important;
      color:#eef9ff!important;
      box-shadow:inset 0 1px 0 #c9f8ff10!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-code:not([aria-invalid="true"]):focus-visible {
      border-color:#96e9f2!important;
      outline-color:#96e9f2!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"]:not([hidden]):not([data-preview-key="ready"]):not(:empty) {
      margin-top:14px!important;
      padding:11px 12px!important;
      border:1px solid #3a6b80!important;
      border-radius:11px!important;
      background:#102f42!important;
      color:#cfe9f2!important;
      font-size:13px!important;
      line-height:1.65!important;
      overflow-wrap:anywhere!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state="success"]:not([hidden]):not(:empty) {
      background:#123c33!important;
      border-color:#4c8973!important;
      color:#b8efd2!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state="warning"]:not([hidden]):not(:empty) {
      background:#3a3023!important;
      border-color:#8c774f!important;
      color:#f5dfac!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state="error"]:not([hidden]):not(:empty) {
      background:#3d2838!important;
      border-color:#965f7a!important;
      color:#ffd0df!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-submit:not(:disabled):not([aria-disabled="true"]) {
      background:linear-gradient(110deg,#85e5ee,#52c6d7)!important;
      border-color:#9cecf3!important;
      color:#062739!important;
      box-shadow:inset 0 1px 0 #e9ffff73,0 4px 10px #010d1726!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-submit:disabled {
      background:#17384c!important;
      border-color:#35586e!important;
      color:#adbfcc!important;
      opacity:1!important;
      box-shadow:none!important;
    }

    /* Only wallet paint/header separation changes. No sizing or positioning
       touches the accepted identity, price box, Deposit trigger or grid. */
    body[data-ht-studio-r401][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"]:not([hidden]) > .customer-wallet-r355:not([hidden]) {
      border-color:#5694a9!important;
      box-shadow:inset 0 1px 0 #c8f7ff29,inset 0 -1px 0 #00081233,0 8px 18px #010d1724!important;
    }
    body[data-ht-studio-r401][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"]:not([hidden]) .customer-wallet-top-r355 {
      border-bottom-color:#4b8399!important;
      border-radius:10px 10px 0 0!important;
      background:linear-gradient(110deg,#1b4d6026,transparent 80%)!important;
    }

    /* Contact destinations, original icons and the draggable launcher are not
       rewritten. Only the existing drawer/header and rows are surfaced. */
    body[data-ht-studio-r401] dialog#ht-contact-center-r324 {
      background:#0b2639!important;
      border-color:#477a92!important;
      box-shadow:0 16px 40px #010b174d!important;
    }
    body[data-ht-studio-r401] #ht-contact-center-r324 .ht-contact-header-r324 {
      background:linear-gradient(110deg,#154357,#0b2a3f)!important;
      border-bottom-color:#3b7188!important;
      box-shadow:inset 3px 0 0 #79dce8!important;
    }
    body[data-ht-studio-r401] #ht-contact-center-r324 .ht-contact-hero-r324 {
      background:#102f43!important;
      border-color:#365e75!important;
      border-radius:15px!important;
    }
    body[data-ht-studio-r401] #ht-contact-center-r324 a.ht-contact-row-r324 {
      background:linear-gradient(145deg,#12354a,#0c293d)!important;
      border-color:#436f87!important;
      border-radius:14px!important;
      box-shadow:inset 0 1px 0 #caf6ff10!important;
    }
    body[data-ht-studio-r401] #ht-contact-center-r324 .ht-contact-action-r324 {
      background:#163e53!important;
      border-color:#4d849a!important;
      border-radius:10px!important;
      color:#d9f7fc!important;
    }

    /* This existing server-denied surface remains denied. The sole link still
       returns to Profile; styling never grants Owner access or changes copy. */
    body[data-ht-studio-r401][data-workspace-page="owner"]:is([data-workspace-access="denied"],[data-workspace-access="unavailable"]) #ht-workspace-surface > .workspace-error-r290 {
      box-sizing:border-box!important;
      max-width:540px!important;
      margin:16px auto!important;
      padding:20px!important;
      border:1px solid #47768e!important;
      border-radius:16px!important;
      background:#0c293d!important;
      color:#e5f3fa!important;
      box-shadow:inset 0 1px 0 #c9f5ff10!important;
    }
    body[data-ht-studio-r401][data-workspace-page="owner"]:is([data-workspace-access="denied"],[data-workspace-access="unavailable"]) .workspace-error-r290 > p {
      margin:0 0 16px!important;
      color:#d1e5ef!important;
      font-size:14px!important;
      line-height:1.7!important;
      overflow-wrap:anywhere!important;
    }
    body[data-ht-studio-r401][data-workspace-page="owner"][data-workspace-access="unavailable"] #ht-workspace-surface > .workspace-error-r290 {
      background:#2b2d2c!important;
      border-color:#86744c!important;
    }
    body[data-ht-studio-r401][data-workspace-page="owner"][data-workspace-access="unavailable"] .workspace-error-r290 > p {
      color:#f3dfad!important;
    }
    body[data-ht-studio-r401][data-workspace-page="owner"]:is([data-workspace-access="denied"],[data-workspace-access="unavailable"]) .workspace-error-r290 > a:not([hidden]) {
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      box-sizing:border-box!important;
      min-height:44px!important;
      max-width:100%!important;
      padding:10px 14px!important;
      border:1px solid #5aa5bb!important;
      border-radius:12px!important;
      background:#163e53!important;
      color:#d9f6fc!important;
      font-size:13px!important;
      font-weight:650!important;
      line-height:1.6!important;
      text-decoration:none!important;
      white-space:normal!important;
      overflow-wrap:anywhere!important;
    }
  }
  @media(hover:hover) and (pointer:fine) and (forced-colors:none) {
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > :is(button,a):not(:disabled):not([aria-disabled="true"]):hover:not(:active) {
      border-color:#86dce9!important;
      box-shadow:inset 0 1px 0 #d7faff29!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-submit:not(:disabled):not([aria-disabled="true"]):hover:not(:active) {
      background:#9beff5!important;
      color:#062739!important;
    }
    body[data-ht-studio-r401] #ht-contact-center-r324 a.ht-contact-row-r324:hover:not(:active) {
      background:#143d52!important;
      border-color:#82d9e7!important;
    }
  }
}

@layer ht-deposit-modern-r400 {
  @media(forced-colors:none) {
    body[data-ht-studio-r401] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400 {
      background:#082234!important;
      border-color:#568b9f!important;
      box-shadow:inset 0 1px 0 #c7f5ff12!important;
    }
    body[data-ht-studio-r401] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:focus-within {
      border-color:#96e9f2!important;
      outline-color:#96e9f2!important;
    }
    body[data-ht-studio-r401] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:has(#ht-deposit-amount-r400[aria-invalid="true"]) {
      border-color:#d89ab0!important;
      outline-color:#f2bed0!important;
    }
    body[data-ht-studio-r401] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"] {
      --ht-action-edge-r401:transparent;
      border-color:#9ae8f0!important;
      background:#194d61!important;
      color:#e4fcff!important;
      box-shadow:inset 0 1px 0 #d7faff29,inset 0 0 0 1px var(--ht-action-edge-r401)!important;
    }
    body[data-ht-studio-r401] #ht-deposit-dialog-r400 #ht-deposit-total-r400:not([hidden]) {
      display:block!important;
      box-sizing:border-box!important;
      min-width:82px!important;
      max-width:60%!important;
      min-height:40px!important;
      padding:6px 10px!important;
      border:1px solid #477b92!important;
      border-radius:10px!important;
      background:#081f30!important;
      color:#ffde98!important;
      font-size:20px!important;
      font-weight:750!important;
      line-height:1.3!important;
      font-variant-numeric:tabular-nums!important;
      overflow-wrap:anywhere!important;
    }
    body[data-ht-studio-r401] #ht-deposit-dialog-r400 .ht-deposit-close-r400 {
      border-color:#54899e!important;
      background:#0b293d!important;
      color:#dcf6fc!important;
      box-shadow:inset 0 1px 0 #d7faff14!important;
    }
  }
  @media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* One selected-preset edge glint. It animates only a unique paint variable;
       existing control scale, pointer light and native actions keep ownership. */
    body[data-ht-studio-r401] #ht-deposit-dialog-r400[open]:not([hidden]) .ht-deposit-presets-r400 > button[aria-pressed="true"]:not(:disabled):not([hidden]) {
      animation:ht-action-edge-r401 420ms ease-out 1 both!important;
    }
  }
  @media(prefers-reduced-motion:reduce),(forced-colors:active) {
    body[data-ht-studio-r401] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"] {
      --ht-action-edge-r401:transparent!important;
      animation:none!important;
    }
  }
}

@layer ht-interface-refinement-r398 {
  @media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* Draw the receipt's existing left rule after its real code is mounted.
       The transparent border preserves its exact geometry; only the small
       background stripe grows. The code text is always fully visible. */
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-code-r317:not([hidden]):not(:empty) {
      border-inline-start-color:transparent!important;
      background-image:linear-gradient(180deg,#9deaf3,#5fc8da)!important;
      background-origin:border-box!important;
      background-repeat:no-repeat!important;
      background-position:left top!important;
      background-size:3px var(--ht-state-stroke-r401)!important;
      animation:ht-receipt-stroke-r401 480ms ease-out 1 both!important;
    }
    /* Terminal Redeem states get a lower-edge draw, not a loading/progress bar.
       Separate names replay the draw on real success/warning/error transitions.
       Only image longhands are changed: the controller-state background color
       and the message remain intact, including their error/warning contrast. */
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state]:is([data-preview-state="success"],[data-preview-state="warning"],[data-preview-state="error"]):not([hidden]):not([data-preview-key="ready"]):not(:empty) {
      background-image:linear-gradient(90deg,currentColor,currentColor)!important;
      background-repeat:no-repeat!important;
      background-position:left bottom!important;
      background-size:var(--ht-state-stroke-r401) 2px!important;
      animation-duration:420ms!important;
      animation-timing-function:ease-out!important;
      animation-iteration-count:1!important;
      animation-fill-mode:both!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state="success"]:not([hidden]):not(:empty) {
      animation-name:ht-redeem-success-stroke-r401!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state="warning"]:not([hidden]):not(:empty) {
      animation-name:ht-redeem-warning-stroke-r401!important;
    }
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state="error"]:not([hidden]):not(:empty) {
      animation-name:ht-redeem-error-stroke-r401!important;
    }
    /* A native Contact open draws one header edge. The second image layer is
       the existing header gradient; no pseudo or title/icon is displaced. */
    body[data-ht-studio-r401] dialog#ht-contact-center-r324[open]:not([hidden]) > .ht-contact-header-r324 {
      background-image:linear-gradient(90deg,#9ce9f2,#9ce9f2),linear-gradient(110deg,#154357,#0b2a3f)!important;
      background-repeat:no-repeat!important;
      background-position:left bottom,0 0!important;
      background-size:var(--ht-state-stroke-r401) 2px,100% 100%!important;
      animation:ht-contact-stroke-r401 440ms ease-out 1 both!important;
    }
  }
  @media(prefers-reduced-motion:reduce),(forced-colors:active) {
    body[data-ht-studio-r401][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-code-r317,
    body[data-ht-studio-r401][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state],
    body[data-ht-studio-r401] dialog#ht-contact-center-r324 > .ht-contact-header-r324 {
      --ht-state-stroke-r401:100%!important;
      animation:none!important;
    }
  }
}
/* R402: a cleaner Home/Search catalogue using the accepted original artwork.
   Outer columns, gutters, scrollports, toolbar boxes, header, footer, image
   dimensions and existing image zoom remain owned by their retained styles.
   Only the existing title band's minimum/spacing and card corners are refined.
   No new assets, copy, controls, transforms, transitions or idle animation. */
@layer ht-interface-refinement-r398 {
  /* Keep the border footprint and all native scrolling/padding geometry. */
  @media(forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) > main > .catalog,
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
  }

  html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]),
  html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]) {
    grid-template-rows:auto minmax(62px,1fr)!important;
    border-radius:19px!important;
  }
  html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game > .app-icon-frame,
  html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > img {
    border-radius:18px 18px 0 0!important;
  }
  html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game > b,
  html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {
    min-height:62px!important;
    padding:7px 6px 8px!important;
    gap:2px!important;
    border-radius:0 0 18px 18px!important;
  }
  html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-name-r359,
  html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-name-r359 {
    font-weight:650!important;
  }

  @media(forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]),
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]) {
      background:#0b2136!important;
      border-color:#314b67!important;
      box-shadow:inset 0 1px 0 #d3eeff0c,0 3px 8px #010b151c!important;
    }
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game > b,
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {
      background:linear-gradient(145deg,#142f4e,#0b2038 86%)!important;
      border-top-color:#3b5877!important;
      color:#edf6ff!important;
      box-shadow:inset 0 1px 0 #d3eeff0c!important;
      text-shadow:none!important;
    }
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-name-r359,
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-name-r359 {
      color:#edf6ff!important;
      text-shadow:none!important;
    }
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-region-r359,
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-region-r359 {
      color:#bbcede!important;
    }

    /* The real Search control remains separate from the existing ticker box. */
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #ht-catalog-search-open-r324 {
      background:linear-gradient(145deg,#9af1f5,#62d4e5)!important;
      border-color:#b4f9ff!important;
      color:#062637!important;
      box-shadow:inset 0 1px 0 #f1ffff70!important;
    }

    /* Preserve the existing outlined-idle / filled-gold pressed meaning. */
    html body[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="false"]:not(:disabled):not([aria-disabled="true"]),
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="false"]:not(:disabled):not([aria-disabled="true"]) {color:#dce7f2!important;}
    html body[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="false"]:not(:disabled):not([aria-disabled="true"])::before,
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="false"]:not(:disabled):not([aria-disabled="true"])::before {
      background:#0a1d31f2!important;
      border-color:#8ba4baad!important;
      box-shadow:inset 0 1px 0 #edf8ff14!important;
    }
    html body[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="false"] > svg,
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="false"] > svg {fill:none!important;stroke:currentColor!important;}
    html body[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]),
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]) {color:#ffdc83!important;}
    html body[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"])::before,
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"])::before {
      background:#263447f5!important;
      border-color:#f2cd73!important;
      box-shadow:inset 0 1px 0 #fff0be24!important;
    }
    html body[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"] > svg,
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"] > svg {fill:currentColor!important;stroke:currentColor!important;}

    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game:focus-visible:not([hidden]),
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:focus-visible:not([hidden]) {border-color:#9bd8f0!important;outline-color:#bcecff!important;}
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game:is([aria-disabled="true"],:disabled),
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:is([aria-disabled="true"],:disabled) {border-color:#455b71!important;box-shadow:none!important;}
  }

  /* This file adds no motion. Retained R399 image hover, reduced-motion and
     R401 favorite feedback remain authoritative, including their OS fallbacks. */
  @media(forced-colors:active) {
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) > main > .catalog,
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll {background:Canvas!important;border-color:transparent!important;box-shadow:none!important;}
    html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game:focus-visible:not([hidden]),
    html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:focus-visible:not([hidden]) {outline-color:Highlight!important;border-color:Highlight!important;}
  }

  html body.home-page[data-ui-layout][data-ht-refined-r402]:has(#catalog-scroll) #catalog-scroll a.game[hidden][hidden][hidden],
  html body[data-ui-layout][data-ht-refined-r402]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324[hidden][hidden][hidden] {display:none!important;}
}
/* R402 commerce paint cleanup. Keep the accepted compact package grid/card
   dimensions, 84x72 art slots, 64px original images, financial/disabled states,
   Profile layout/gold48/hidden history, native dialogs and existing feedback.
   No new handlers, content, animation, Footer selector or scroll geometry. */
@layer ht-interface-refinement-r398 {
  @media(forced-colors:none) {
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:not([hidden]) {
      min-height:164px!important;
      background:linear-gradient(155deg,#102b44,#091c2f 82%)!important;
      border-color:#486a88!important;
      box-shadow:none!important;
    }
    /* The art slot remains 84x72 and the image remains 64px. Only its inner
       frame disappears, allowing the original artwork to float on the card. */
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack > .pack-artplate {
      border:0!important;
      background:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack > .pack-ribbon {
      border-color:transparent!important;
      background:transparent!important;
      color:#a5bfd3!important;
      box-shadow:none!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon {
      border-color:transparent!important;
      background:transparent!important;
      color:#b9cede!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack > strong {
      box-sizing:border-box!important;
      padding:2px 6px!important;
      border:0!important;
      border-radius:8px!important;
      background:#071b2e!important;
      box-shadow:none!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong {
      color:#ffdd91!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack.has-discount-preview > strong {
      color:#b8edc9!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:linear-gradient(155deg,#143954,#0c263e 82%)!important;
      border-color:#7bd7ed!important;
      outline-color:#7bd7ed!important;
      box-shadow:inset 0 0 0 1px #7bd7ed!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]):not([hidden]) {
      background:#0a1c30!important;
      border-color:#2f4c65!important;
      color:#a2b8ca!important;
      outline-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]) > :is(.pack-ribbon,b,strong,small) {
      color:#a2b8ca!important;
    }
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]) > strong {
      background:#08192b!important;
    }
    /* An ARIA-disabled button can still be reached by keyboard. Focus paint
       follows disabled paint so its existing outline remains visible. */
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]) {
      border-color:#d6f7ff!important;
      outline-color:#d6f7ff!important;
    }

    /* Existing section bands become shorter, blue-toned and less outlined. */
    body[data-ht-refined-r402] :is(.checkout-panel > .title,.topup > .title) {
      min-height:40px!important;
      padding:8px 12px!important;
      border-color:#315572!important;
      border-radius:10px!important;
      background:linear-gradient(110deg,#15334f,#0c223b 82%)!important;
      box-shadow:inset 2px 0 0 #72cde5!important;
    }
    body[data-ht-refined-r402] #ht-workspace-surface > dialog.member-tools-panel[open]:not([hidden]) > .member-panel-heading {
      padding:8px 12px!important;
      border-color:#315572!important;
      border-radius:10px!important;
      background:linear-gradient(110deg,#15334f,#0c223b 82%)!important;
    }
    body[data-ht-refined-r402][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) > #redeem-title {
      min-height:40px!important;
      margin-bottom:12px!important;
      padding:8px 12px!important;
      border-color:#315572!important;
      border-radius:10px!important;
      background:linear-gradient(110deg,#15334f,#0c223b 82%)!important;
    }
    body[data-ht-refined-r402] #ht-catalog-search-r324 .ht-search-top-r324 {
      background:linear-gradient(110deg,#15334f,#0c223b 82%)!important;
      border-bottom-color:#365c78!important;
      box-shadow:none!important;
    }

    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-r317 {
      background:#0e2841!important;
      border-color:#355873!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-heading-r317,
    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 > div {
      border-bottom-color:#2b4b67!important;
    }
    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-code-r317 {
      color:#b9dff2!important;
    }
    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-badge-r317 {
      border-color:transparent!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > :is(button,a) {
      background:#102a42!important;
      border-color:#456b88!important;
      box-shadow:none!important;
    }
    /* Explicit enabled-primary treatment keeps the prior action hierarchy. */
    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > .ht-history-detail-back-r317:not(:disabled):not([aria-disabled="true"]) {
      background:linear-gradient(110deg,#72deea,#4dc3d5)!important;
      border-color:#8ce7ef!important;
      color:#062739!important;
    }
    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > .ht-history-detail-check-r317:not(:disabled):not([aria-disabled="true"]) {
      background:#15344e!important;
      border-color:#557f9c!important;
    }
    body[data-ht-refined-r402][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > button:disabled {
      background:#0a1e31!important;
      border-color:#2d4862!important;
      color:#a4bacb!important;
      box-shadow:none!important;
    }

    body[data-ht-refined-r402][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) {
      background:linear-gradient(150deg,#132f49,#0b2037 82%)!important;
      border-color:#355873!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-code:not([aria-invalid="true"]) {
      background:#071b2f!important;
      border-color:#496f8b!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-breakdown {
      background:#0a1e33!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    /* Success/warning/error colors and the R401 reveal stroke stay untouched. */
    body[data-ht-refined-r402][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog p[role="status"][data-preview-state=""]:not([data-preview-key="ready"]):not([hidden]):not(:empty) {
      background-color:#102b44!important;
      border-color:#3b5c77!important;
      color:#ccdfec!important;
    }

    /* Profile: paint only. Flat identity, wallet dimensions, boxed gold amount,
       trigger dimensions and the removed history control keep their owners. */
    body[data-ht-refined-r402][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"]:not([hidden]) > form:not([hidden]) {
      background:#0d243b!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"]:not([hidden]) > .customer-wallet-r355:not([hidden]) {
      background:linear-gradient(150deg,#142f4a,#0b1f35 82%)!important;
      border-color:#41627e!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"]:not([hidden]) .customer-wallet-top-r355 {
      background:transparent!important;
      border-bottom-color:#31516d!important;
    }
  }
  @media(hover:hover) and (pointer:fine) and (forced-colors:none) {
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:not(:disabled):not([aria-disabled="true"]):not(.selected):not([aria-pressed="true"]):not([hidden]):hover:not(:active) {
      background:linear-gradient(155deg,#163650,#0d253c 82%)!important;
      border-color:#638ba6!important;
      box-shadow:none!important;
    }
  }
  @media(forced-colors:active) {
    /* Normal refinements above are off. Preserve the original system palette
       and strengthen only the already-owned selected/focus affordance. */
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]),
    html body[data-ht-refined-r402]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible {
      border-color:Highlight!important;
      outline-color:Highlight!important;
    }
  }
}

@layer ht-experience-motion-r397 {
  @media(forced-colors:none) {
    /* Match the retained motion layer's important header shadow priority;
       the registered finite top-line color continues to animate as before. */
    body[data-ht-refined-r402] #ht-workspace-surface > dialog.member-tools-panel[open]:not([hidden]) > .member-panel-heading,
    body[data-ht-refined-r402][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) > #redeem-title {
      box-shadow:inset 2px 0 0 #72cde5,inset 0 1px 0 var(--ht-ready-accent-r397,transparent)!important;
    }
  }
}

@layer ht-deposit-modern-r400 {
  @media(forced-colors:none) {
    body[data-ht-refined-r402] #ht-deposit-dialog-r400[open]:not([hidden]) {
      background:#0c2239!important;
      border-color:#3c607c!important;
      box-shadow:0 12px 30px #01091633!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 > .ht-deposit-balance-r400 {
      background:#0a1d31!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400 {
      background:#071b2f!important;
      border-color:#496f8b!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 .ht-deposit-close-r400 {
      background:#0c2137!important;
      border-color:#426781!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button {
      background:#102b44!important;
      border-color:#426781!important;
      color:#d9e8f3!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"] {
      background:#173b55!important;
      border-color:#7ecfe4!important;
      color:#e0f7ff!important;
      box-shadow:inset 0 0 0 1px var(--ht-action-edge-r401,transparent)!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 label.ht-deposit-method-r400 {
      background:#0c2238!important;
      border-color:#31516d!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 label.ht-deposit-method-r400:has(input:checked) {
      background:#112f48!important;
      border-color:#629ebc!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 #ht-deposit-total-r400:not([hidden]) {
      background:#081b2f!important;
      border-color:#3a607c!important;
      box-shadow:none!important;
    }
    body[data-ht-refined-r402] #ht-deposit-dialog-r400 .ht-deposit-submit-r400:disabled {
      background:#132b42!important;
      border-color:#2f4b64!important;
      color:#a6bbcc!important;
      opacity:1!important;
      box-shadow:none!important;
    }
  }
}
/* Refined navy chrome shared by the existing storefront pages. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors: none) {
    body[data-ht-refined-r402] {
      background-color: #060f1f !important;
      color: #eaf3fe;
    }
    body[data-ht-refined-r402] > header {
      background: linear-gradient(100deg, #081326, #10283d) !important;
      border-bottom-color: #294359 !important;
      box-shadow: 0 3px 14px #01071033 !important;
    }
    body[data-ht-refined-r402] > header :is(.member-language-quick, .member-trigger):not([hidden]) {
      border-color: #375970 !important;
      background: #0b2134 !important;
      color: #eaf3fe !important;
      box-shadow: inset 0 1px #d0edff0a !important;
    }
    body.home-page[data-ht-refined-r402] .promo-inner {
      outline-color: #36516c !important;
      box-shadow: 0 8px 24px #0109164d !important;
    }
    body[data-ht-refined-r402] > nav#ht-footer-navigation-r289 {
      background: linear-gradient(125deg, #173449d9, #0b2034ed 56%, #153a4ad9) !important;
      border-color: #8cb2c66b !important;
      box-shadow: inset 0 1px 0 #e9f9ff59, inset 0 -1px 0 #84d7ef12, 0 10px 28px #00091666 !important;
      -webkit-backdrop-filter: blur(18px) saturate(155%) !important;
      backdrop-filter: blur(18px) saturate(155%) !important;
    }
    body[data-ht-refined-r402] #ht-workspace-surface .member-auth:is([data-mode="login"], [data-mode="otp"], [data-mode="accounts"]) > .member-panel-heading {
      background: linear-gradient(115deg, #123249, #0c2035) !important;
      border-bottom-color: #365b71 !important;
      border-radius: 13px !important;
      box-shadow: inset 3px 0 #69dbe9 !important;
    }
    body[data-ht-refined-r402] #ht-workspace-surface .member-auth[data-mode="otp"] input[name="code"] {
      background: #061626 !important;
      border-color: #385d76 !important;
      border-radius: 13px !important;
    }
    body[data-ht-refined-r402] #ht-document-r363.policy-content {
      background: #0b2033 !important;
      border-color: #294b65 !important;
      box-shadow: 0 8px 26px #01071033 !important;
    }
    body[data-ht-refined-r402] #ht-document-r363.policy-content details {
      background: #091a2c !important;
      border-color: #2b4960 !important;
    }
    body[data-ht-refined-r402] #ht-document-r363.policy-content details[open] {
      background: #102b41 !important;
      border-color: #446b82 !important;
      box-shadow: inset 3px 0 #72d6e8 !important;
    }
    body[data-ht-refined-r402] dialog#ht-contact-center-r324 {
      background: #0a1e32 !important;
      border-color: #35546b !important;
    }
    body[data-ht-refined-r402] #ht-catalog-search-r324 .ht-search-field-r324 {
      background: #061729 !important;
      border-color: #385b75 !important;
      box-shadow: inset 0 1px #d3efff08 !important;
    }
    body[data-ht-refined-r402] #ht-catalog-search-r324 .ht-search-tabs-r324 {
      background: #0a1b2d !important;
      border-color: #213d53 !important;
    }
    body[data-ht-refined-r402] #ht-catalog-search-r324 .ht-search-tabs-r324 .ht-search-tab-r324[aria-selected="true"] {
      background: #14364c !important;
    }
  }
  @media (prefers-reduced-transparency: reduce) {
    body[data-ht-refined-r402] > nav#ht-footer-navigation-r289 {
      background: #102b40 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }
  }
  @media (forced-colors: active) {
    body[data-ht-refined-r402] > nav#ht-footer-navigation-r289 {
      background: Canvas !important;
      color: CanvasText !important;
      border-color: ButtonBorder !important;
      box-shadow: none !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }
  }
}
/* R403: open Home/Search app library. Original square artwork, full labels,
   native anchors, 44px favorite controls, country flags, columns and scroll
   geometry are retained. No new assets, copy, controls, host transforms or
   animation. Existing image zoom and finite interaction feedback stay owned. */
@layer ht-interface-refinement-r398 {
  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) > main > .catalog,
  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll {
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }

  /* Transparent borders retain the original image-width footprint. */
  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]),
  html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]) {
    grid-template-rows:auto minmax(50px,1fr)!important;
    border-color:transparent!important;
    border-radius:18px!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* The image is now a complete standalone rounded square, not a card top. */
  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll a.game > .app-icon-frame,
  html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > img {
    border-radius:18px!important;
  }

  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll a.game > b,
  html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {
    min-height:50px!important;
    padding:6px 4px!important;
    gap:1px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#edf6ff!important;
    text-shadow:none!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }
  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll .ht-catalog-name-r359,
  html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-name-r359 {
    color:#edf6ff!important;
    font-weight:650!important;
    text-shadow:none!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
  }
  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll .ht-catalog-region-r359,
  html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-region-r359 {
    color:#b5cbdd!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
  }

  /* Only existing first-box paint changes; its size, ticker and separate Search
     control remain intact. Favorite circles/states are retained from R401/402. */
  @media(forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #game-search-panel > .search-heading,
    html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #game-search-panel .ticker-window {
      background:#0b2032f2!important;
      border-color:#38576e!important;
      box-shadow:inset 0 1px 0 #d2f1ff0d!important;
    }
    html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #game-search-panel .ticker-track {color:#bdd1e0!important;}
    html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #ht-catalog-search-open-r324 {
      background:linear-gradient(145deg,#9af1f5,#68d9e8)!important;
      border-color:#b6f7fc!important;
      color:#062637!important;
      box-shadow:inset 0 1px 0 #f1ffff66!important;
    }
  }

  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll a.game:focus-visible:not([hidden]),
  html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:focus-visible:not([hidden]) {
    border-color:transparent!important;
    outline:3px solid #aceaf8!important;
    outline-offset:-3px!important;
  }

  @media(forced-colors:active) {
    html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll :is(a.game > b,.ht-catalog-name-r359,.ht-catalog-region-r359),
    html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 :is(a.ht-search-game-r324 > b,.ht-catalog-name-r359,.ht-catalog-region-r359) {color:CanvasText!important;background:transparent!important;text-shadow:none!important;}
    html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll a.game:focus-visible:not([hidden]),
    html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:focus-visible:not([hidden]) {outline-color:Highlight!important;}
  }

  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll a.game[hidden][hidden][hidden],
  html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324[hidden][hidden][hidden] {display:none!important;}
}

@layer ht-experience-motion-r397 {
  /* Open captions have no opaque title-band shield. Bound the SAME inert light
     to the unchanged square image zone so it cannot wash caption contrast.
     Its existing animation, pointer coordinates and lifecycle are untouched. */
  html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll a.game > ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert],
  html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert] {
    bottom:auto!important;
    height:auto!important;
    aspect-ratio:1!important;
    border-radius:18px!important;
  }
  /* This retained earlier important layer otherwise adds a full host rim on
     hover. Keep the app-library surface open; keyboard focus stays explicit. */
  @media(hover:hover) and (pointer:fine) and (forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-open-r403]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]):hover:not(:focus-visible),
    html body[data-ui-layout][data-ht-open-r403]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):hover:not(:focus-visible) {
      border-color:transparent!important;
      outline-color:transparent!important;
      box-shadow:none!important;
    }
  }
  /* No motion is added here. Retained reduced-motion/system rules still hide
     the inert child and disable image zoom without exposing hidden content. */
}
/* R403: stronger workspace hierarchy with fewer enclosing frames.
   Existing page widths, scrollports, feedback, native dialogs and controllers
   remain authoritative. No package/column, Footer, Deposit-method/radio,
   account-editing or visibility rules are introduced. Profile's accepted grid,
   flat identity, 48px gold amount and hidden history keep their geometry. */
@layer ht-interface-refinement-r398 {
  @media(forced-colors:none) {
    /* A quiet receipt surface, stronger heading and readable real order code.
       The code's retained finite left-rule draw is not replaced. */
    body[data-ht-open-r403][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-r317 {
      background:#0d253c!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    body[data-ht-open-r403][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-heading-r317 {
      padding-bottom:14px!important;
      border-bottom-color:#355975!important;
    }
    body[data-ht-open-r403][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-heading-r317 > h3 {
      margin:0!important;
      color:#f2faff!important;
      font-size:20px!important;
      font-weight:800!important;
      line-height:1.45!important;
    }
    body[data-ht-open-r403][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-code-r317 {
      margin:14px 0 18px!important;
      color:#c5e7f5!important;
      font-size:14px!important;
      font-weight:700!important;
      line-height:1.6!important;
      overflow-wrap:anywhere!important;
    }
    body[data-ht-open-r403][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 dt {
      color:#b5cddd!important;
      font-size:13px!important;
      line-height:1.65!important;
    }
    body[data-ht-open-r403][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 > div:first-child > dd {
      color:#edf8ff!important;
      font-size:15px!important;
      font-weight:650!important;
    }

    /* Same single Redeem form and maximum width. The enclosing box becomes
       transparent; the field, actual notices and CTA supply the hierarchy. */
    body[data-ht-open-r403][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    body[data-ht-open-r403][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) > #redeem-title {
      margin:0 0 12px!important;
      padding:0 0 12px!important;
      border:0!important;
      border-bottom:1px solid #416c88!important;
      border-radius:0!important;
      background:transparent!important;
      color:#f0f9ff!important;
      font-size:24px!important;
      font-weight:750!important;
      line-height:1.4!important;
    }
    body[data-ht-open-r403][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-context {
      margin:8px 0 20px!important;
      color:#b8cedd!important;
      font-size:14px!important;
      line-height:1.65!important;
    }
    body[data-ht-open-r403][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog label[for="redeem-code"] {
      color:#d2e6f1!important;
      font-size:13px!important;
      font-weight:650!important;
      line-height:1.6!important;
    }
    body[data-ht-open-r403][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-code:not([aria-invalid="true"]) {
      background:#081e32!important;
      border-color:#537e9c!important;
      color:#edf8ff!important;
      box-shadow:none!important;
    }
    body[data-ht-open-r403][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-code:not([aria-invalid="true"]):focus-visible {
      border-color:#9ddff2!important;
      outline-color:#9ddff2!important;
    }
    body[data-ht-open-r403][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-submit:not(:disabled):not([aria-disabled="true"]) {
      box-shadow:inset 0 1px 0 #efffff50!important;
    }

    /* A distinct, clean blue wallet surface. Only paint/corner sharpness of
       the existing value box changes; its 48px height is deliberately unset. */
    body[data-ht-open-r403][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"]:not([hidden]) > .customer-wallet-r355:not([hidden]) {
      background:linear-gradient(155deg,#122e49,#0a2036 82%)!important;
      border-color:#466a86!important;
      box-shadow:none!important;
    }
    body[data-ht-open-r403][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"]:not([hidden]) .customer-wallet-top-r355 {
      border-bottom-color:#3d5f7b!important;
      background:transparent!important;
    }
    body[data-ht-open-r403][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"]:not([hidden]) .customer-wallet-value-r355 {
      border-radius:10px!important;
      background:#071a2d!important;
      border-color:#446e89!important;
      box-shadow:inset 0 1px 0 #d9f9ff12!important;
    }

    /* Existing server-denied/unavailable Owner feedback, not an access change.
       Keep its sole Profile link, native semantics and actual server copy. */
    body[data-ht-open-r403][data-workspace-page="owner"][data-workspace-access="denied"] #ht-workspace-surface > .workspace-error-r290 {
      background:#0d243b!important;
      border-color:transparent!important;
      border-radius:12px!important;
      box-shadow:none!important;
    }
    body[data-ht-open-r403][data-workspace-page="owner"][data-workspace-access="denied"] .workspace-error-r290 > p {
      padding-inline-start:12px!important;
      border-inline-start:2px solid #7acde5!important;
      color:#d8eaf4!important;
      font-size:15px!important;
      line-height:1.65!important;
    }
  }
}

@layer ht-experience-motion-r397 {
  @media(forced-colors:none) {
    /* The earlier motion layer owns this important shadow. Replace its old
       boxed-band left edge while retaining the finite top-line paint owner. */
    body[data-ht-open-r403][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog:has(#redeem-title) > #redeem-title {
      box-shadow:inset 0 -1px 0 var(--ht-ready-accent-r397,transparent)!important;
    }
  }
}
/* Open catalogue chrome and a clearer current-page marker. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors: none) {
    body[data-ht-open-r403] {
      background-color: #050d1a !important;
    }
    body[data-ht-open-r403] > header {
      background: linear-gradient(110deg, #081528, #0b2338) !important;
      border-bottom-color: #233e57 !important;
      box-shadow: 0 4px 16px #00081633 !important;
    }
    body.home-page[data-ht-open-r403] .promo-inner {
      border-radius: 18px !important;
      outline-color: #446483 !important;
      box-shadow: 0 8px 24px #00081759 !important;
    }
    body.home-page[data-ht-open-r403] .promo-picture,
    body.home-page[data-ht-open-r403] .brand-banner {
      border-radius: 18px !important;
    }
    body.home-page[data-ht-open-r403] #game-search-panel .ticker-window {
      border-color: #385b78 !important;
      background: linear-gradient(110deg, #122a43, #081b2e) !important;
      box-shadow: inset 0 1px #d4f2ff0a !important;
      border-radius: 15px !important;
    }
    body.home-page[data-ht-open-r403] #ht-catalog-search-open-r324 {
      border-radius: 15px !important;
      background: linear-gradient(140deg, #adf2fc, #66dcec) !important;
      color: #071f2c !important;
      border-color: #b6f6ff !important;
    }
    body[data-ht-open-r403] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"]:not([hidden]) {
      background: linear-gradient(130deg, #a5ddff1c, #a4efff0a) !important;
      border-radius: 18px !important;
      box-shadow: inset 0 1px #d4f7ff29, inset 0 0 0 1px #a1dcf21f !important;
    }
    body[data-ht-open-r403] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"] > span {
      color: #effaff !important;
      font-weight: 750 !important;
      text-shadow: none !important;
    }
    body[data-ht-open-r403] #ht-catalog-search-r324 .ht-search-field-r324 {
      background: #07182a !important;
      border-color: #34516d !important;
      border-radius: 15px !important;
    }
    body[data-ht-open-r403] #ht-catalog-search-r324 .ht-search-top-r324 {
      background: #091e32 !important;
      border-bottom-color: #2e4a64 !important;
      box-shadow: none !important;
    }
    body[data-ht-open-r403] #ht-document-r363.policy-content {
      background: #0a1d30 !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    body[data-ht-open-r403] #ht-document-r363.policy-content details {
      background: #07182b !important;
      border-color: #2a4862 !important;
    }
    body[data-ht-open-r403] #ht-document-r363.policy-content details[open] {
      background: #102c42 !important;
      border-color: #477187 !important;
    }
  }
  @media (forced-colors: active) {
    body[data-ht-open-r403] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"]:not([hidden]) {
      background: Canvas !important;
      color: CanvasText !important;
      box-shadow: none !important;
      outline: 1px solid Highlight !important;
      outline-offset: -3px !important;
    }
    body[data-ht-open-r403] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"] > span {
      color: CanvasText !important;
    }
    body[data-ht-open-r403] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"]:focus-visible {
      outline: 3px solid Highlight !important;
      outline-offset: -3px !important;
    }
  }
}
/* R404 unified product checkout presentation. Only existing package-page
   surfaces are selected. Compact package columns, 164px minimum cards and
   64px original art keep their existing geometry. No new copy, controls,
   numbers, assets, animation, validation, payment authority or scroll owners.
   Total retains its existing label/price/Pay row and sticky/footer clearance. */
@layer ht-interface-refinement-r398 {
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) :is(.checkout-panel > .title,.topup > .title) {
  box-sizing:border-box!important;
  min-height:40px!important;
  padding:5px 12px!important;
  border:1px solid #34566f!important;
  border-radius:12px!important;
  background:linear-gradient(110deg,#12334b,#0b2339 82%)!important;
  color:#edf8ff!important;
  box-shadow:inset 3px 0 0 #79d8e7,inset 0 1px 0 #d4f8ff10!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) :is(.checkout-panel > .title,.topup > .title) > :is(div,h2) {
  min-width:0!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) :is(.checkout-panel > .title,.topup > .title) h2 {
  margin:0!important;
  color:#edf8ff!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) :is(.checkout-panel > .title,.topup > .title) > :is(span,.account-profile-icon) {
  box-sizing:border-box!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #416983!important;
  border-radius:9px!important;
  background:#173c53!important;
  color:#b9e8f3!important;
  font-size:12px!important;
  line-height:26px!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account {
  box-sizing:border-box!important;
  min-width:0!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid #2c4d64!important;
  border-radius:16px!important;
  background:#0b2336!important;
  box-shadow:inset 0 1px 0 #d3f5ff0a!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account label {
  min-width:0!important;
  color:#c1d7e6!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.5!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account .account-field-label {
  display:block!important;
  margin:0 0 6px!important;
  color:#c1d7e6!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.5!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  margin-top:0!important;
  padding:10px 11px!important;
  border:1px solid #4a6f88!important;
  border-radius:11px!important;
  background:#071c2e!important;
  color:#eff8ff!important;
  font-size:16px!important;
  line-height:1.4!important;
  box-shadow:inset 0 1px 2px #020d1926!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"])::placeholder {
  color:#9fb8cc!important;
  opacity:1!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game) {
  box-sizing:border-box!important;
  min-height:46px!important;
  padding:10px 14px!important;
  border:1px solid #91e7f0!important;
  border-radius:11px!important;
  background:#173e55!important;
  color:#e8f5fc!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game):not(:disabled):not([aria-disabled="true"]) {
  background:linear-gradient(110deg,#86e0eb,#54c3d9)!important;
  border-color:#adeff6!important;
  color:#062638!important;
  box-shadow:inset 0 1px 0 #f0ffff4d!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game):is(:disabled,[aria-disabled="true"]) {
  background:#1c3549!important;
  border-color:#466277!important;
  color:#acbfce!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account #account-result:not(:empty) {
  font-size:13px!important;
  line-height:1.65!important;
  overflow-wrap:anywhere!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):focus-visible,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game):focus-visible {
  outline:2px solid #abebf7!important;
  outline-offset:2px!important;
  border-color:#a1e3f1!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account input[aria-invalid="true"] {
  border-color:#e3a1b2!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account input[aria-invalid="true"]:focus-visible {
  border-color:#e3a1b2!important;
  outline-color:#ffd1dd!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack > .pack-ribbon {
  background:#123449!important;
  border-color:#3b6178!important;
  color:#c5deec!important;
  font-size:11px!important;
  line-height:1.3!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon {
  background:#1b364a!important;
  border-color:#526d80!important;
  color:#d5e6ef!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack > strong {
  background:#071c2f!important;
  border-radius:8px!important;
  box-shadow:inset 0 0 0 1px #31556b!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong {
  color:#ffdd91!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack.has-discount-preview > strong {
  color:#b8edc9!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]) > :is(.pack-ribbon,strong) {
  background:#0b2033!important;
  border-color:#334f64!important;
  color:#a5bdce!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-panel {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  padding:14px!important;
  border:1px solid #2c4d64!important;
  border-radius:16px!important;
  background:#0b2336!important;
  box-shadow:inset 0 1px 0 #d3f5ff0a!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:10px 11px!important;
  border:1px solid #3a5c73!important;
  border-radius:13px!important;
  background:#102b40!important;
  color:#d4e3ee!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option[aria-disabled="true"] {
  background:#0c2235!important;
  border-color:#344f64!important;
  color:#b6c9d8!important;
  opacity:1!important;
  cursor:default!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option > div {
  min-width:0!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option b {
  color:#d3e2ed!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option small {
  color:#a9c0d2!important;
  font-size:12px!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option > :is(.payment-brand,.payment-card-icon) {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  margin:0!important;
  padding:4px!important;
  border:1px solid #426b82!important;
  border-radius:50%!important;
  background:#15394f!important;
  color:#d1e7f2!important;
  box-shadow:inset 0 1px 0 #d3f5ff14!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option > .payment-brand {
  background:#edf5f8!important;
  border-color:#afc7d2!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-brand > img {
  max-width:100%!important;
  object-fit:contain!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .terms {
  color:#adc5d7!important;
  font-size:12px!important;
  line-height:1.5!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total {
  border-color:#52758d!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#13374df5,#091f32f5 84%)!important;
  color:#e6f3fc!important;
  box-shadow:inset 0 1px 0 #d4f7ff30,0 5px 15px #020b1629!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > div > small {
  color:#b3ccdc!important;
  font-size:12px!important;
  line-height:1.4!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total #summary-package {
  color:#e9f5fd!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total #summary-price {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:8px 10px!important;
  border:1px solid #54849b!important;
  border-radius:11px!important;
  background:#061b2c!important;
  box-shadow:inset 0 1px 0 #d1f5ff14!important;
  font-size:22px!important;
  font-weight:750!important;
  line-height:1.25!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total #summary-price:not([data-discount-preview]) {
  color:#ffdf94!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total #summary-price[data-discount-preview] {
  color:#b8edc9!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button {
  box-sizing:border-box!important;
  min-height:48px!important;
  padding:10px 13px!important;
  border:1px solid #5a7e96!important;
  border-radius:11px!important;
  background:#173d53!important;
  color:#e3f1fa!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button:not(:disabled):not([aria-disabled="true"]) {
  background:linear-gradient(110deg,#86e0eb,#54c3d9)!important;
  border-color:#adeff6!important;
  color:#062638!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button:is(:disabled,[aria-disabled="true"]) {
  background:#1d3549!important;
  border-color:#486277!important;
  color:#acbfce!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button:focus-visible {
  outline:2px solid #abebf7!important;
  outline-offset:2px!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog[open]:not([hidden]) {
  box-sizing:border-box!important;
  width:min(560px,calc(100vw - 24px))!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 32px)!important;
  margin:auto!important;
  padding:18px!important;
  border:1px solid #54758c!important;
  border-radius:20px!important;
  background:#0d263c!important;
  color:#d9eaf5!important;
  box-shadow:0 14px 40px #010b1766!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-padding:16px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-header {
  align-items:center!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #365c74!important;
  background:transparent!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-header h2 {
  margin:0!important;
  min-width:0!important;
  color:#eff8ff!important;
  font-size:18px!important;
  font-weight:750!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-close {
  box-sizing:border-box!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border:1px solid #50738c!important;
  border-radius:11px!important;
  background:#173a50!important;
  color:#e6f5fd!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog > :is(p,ol,ul) {
  color:#c6dce9!important;
  font-size:13px!important;
  line-height:1.75!important;
  overflow-wrap:anywhere!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog a {
  color:#9ce1ef!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-guide {
  border-color:#385e76!important;
  border-radius:14px!important;
  background:#091f33!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-scene {
  padding:10px!important;
  border-color:#385e76!important;
  border-radius:12px!important;
  background:#0b2439!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-product {
  gap:12px!important;
  padding-block:10px!important;
  border-bottom-color:#34556e!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-product :is(small,.weekly-guide-name) {
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-product small {
  color:#b8d2e3!important;
  font-size:12px!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-name {
  color:#edf7ff!important;
  font-size:16px!important;
  font-weight:700!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric {
  min-width:0!important;
  padding:9px 8px!important;
  border:1px solid #3c647d!important;
  border-radius:10px!important;
  background:#103149!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric-full {
  grid-column:1/-1!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric small {
  color:#bed6e5!important;
  font-size:12px!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric strong {
  color:#edf8ff!important;
  font-size:22px!important;
  line-height:1.3!important;
  text-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric-full strong {
  color:#ffdf94!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog :is(.weekly-guide-daily,.weekly-guide-summary,.weekly-guide figcaption) {
  color:#bfd5e4!important;
  font-size:12px!important;
  line-height:1.65!important;
  overflow-wrap:anywhere!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-actions {
  margin-top:16px!important;
  padding-top:12px!important;
  border-top:1px solid #365c74!important;
  background:transparent!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-understood {
  box-sizing:border-box!important;
  width:100%!important;
  min-height:46px!important;
  padding:10px 14px!important;
  border:1px solid #91e7f0!important;
  border-radius:11px!important;
  background:#173e55!important;
  color:#e8f5fc!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-understood:not(:disabled):not([aria-disabled="true"]) {
  background:linear-gradient(110deg,#86e0eb,#54c3d9)!important;
  border-color:#adeff6!important;
  color:#062638!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog :is(button,a):focus-visible {
  outline:2px solid #abebf7!important;
  outline-offset:2px!important;
}
@media(max-width:360px){
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog[open]:not([hidden]) {
  padding:14px!important;
  border-radius:17px!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-header h2 {
  font-size:16px!important;
}
}
@media(prefers-reduced-motion:reduce){
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog :is(button,a) {
  transition:none!important;
}
}
@media(forced-colors:active){
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) :is(.checkout-panel > .title,.topup > .title),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) :is(.checkout-panel > .title,.topup > .title) > :is(span,.account-profile-icon),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-panel,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option > :is(.payment-brand,.payment-card-icon),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total #summary-price,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog[open]:not([hidden]),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-header,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-guide,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-scene,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric {
  background:Canvas!important;
  color:CanvasText!important;
  border-color:ButtonBorder!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) :is(.checkout-panel > .title,.topup > .title) h2,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account label,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account .account-field-label,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"])::placeholder,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .terms,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > div > :is(small,#summary-package),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total #summary-price:not([data-discount-preview]),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total #summary-price[data-discount-preview],
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-header h2,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog > :is(p,ol,ul),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog :is(.weekly-guide-product small,.weekly-guide-name,.weekly-guide-metric small,.weekly-guide-metric strong,.weekly-guide-metric-full strong,.weekly-guide-daily,.weekly-guide-summary,.weekly-guide figcaption) {
  color:CanvasText!important;
  text-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack > .pack-ribbon,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack > strong {
  background:Canvas!important;
  color:CanvasText!important;
  border-color:ButtonBorder!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack.has-discount-preview > strong {
  color:CanvasText!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(:disabled,[aria-disabled="true"]) > :is(.pack-ribbon,strong) {
  background:Canvas!important;
  color:GrayText!important;
  border-color:GrayText!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option :is(b,small) {
  color:CanvasText!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog a {
  color:LinkText!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-actions,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-product {
  border-color:ButtonBorder!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option[aria-disabled="true"],
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option[aria-disabled="true"] :is(b,small) {
  background:Canvas!important;
  color:GrayText!important;
  border-color:GrayText!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game):not(:disabled):not([aria-disabled="true"]),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button:not(:disabled):not([aria-disabled="true"]),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-close,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-understood,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-understood:not(:disabled):not([aria-disabled="true"]) {
  background:ButtonFace!important;
  color:ButtonText!important;
  border-color:ButtonBorder!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game):is(:disabled,[aria-disabled="true"]),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button:is(:disabled,[aria-disabled="true"]),
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-understood:is(:disabled,[aria-disabled="true"]) {
  background:ButtonFace!important;
  color:GrayText!important;
  border-color:GrayText!important;
  box-shadow:none!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):focus-visible,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game):focus-visible,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total > button:focus-visible,
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog :is(button,a):focus-visible {
  outline-color:Highlight!important;
  border-color:Highlight!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account input[aria-invalid="true"] {
  border-color:Mark!important;
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account .account input[aria-invalid="true"]:focus-visible {
  border-color:Mark!important;
  outline-color:Highlight!important;
}
}
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--account [hidden][hidden][hidden],
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .checkout-panel--payment [hidden][hidden][hidden],
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) .total [hidden][hidden][hidden],
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog[hidden][hidden][hidden],
html body[data-ui-layout][data-ht-system-r404]:has(#packages):has(#package-filters) dialog.store-dialog [hidden][hidden][hidden] {
  display:none!important;
}
}
/* Shared controls and content hierarchy for the customer workspaces. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors: none) {
    body[data-ht-system-r404] #ht-workspace-surface .member-auth:is([data-mode="login"], [data-mode="otp"], [data-mode="accounts"]) {
      background: var(--ht-panel-r404) !important;
      border-color: var(--ht-border-r404) !important;
      box-shadow: 0 12px 32px #0107132e !important;
    }
    body[data-ht-system-r404] #ht-workspace-surface .member-auth:is([data-mode="login"], [data-mode="otp"], [data-mode="accounts"]) > .member-panel-heading {
      background: transparent !important;
      border: 0 !important;
      border-bottom: 1px solid var(--ht-border-r404) !important;
      border-radius: 0 !important;
      padding: 0 0 14px !important;
      box-shadow: none !important;
    }
    body[data-ht-system-r404] .member-auth:is([data-mode="login"], [data-mode="otp"], [data-mode="accounts"]) .member-panel-heading h2 {
      font-size: 22px !important;
      font-weight: 750 !important;
      color: var(--ht-text-r404) !important;
      line-height: 1.45 !important;
    }
    body[data-ht-system-r404] .member-auth .member-code-field:not([hidden]) > span {
      font-size: 13px !important;
      color: var(--ht-muted-r404) !important;
    }
    body[data-ht-system-r404] #ht-workspace-surface .member-auth[data-mode="otp"] input[name="code"] {
      min-height: 52px !important;
      border-radius: 13px !important;
      background: var(--ht-field-r404) !important;
      color: var(--ht-text-r404) !important;
      border-color: #50748d !important;
      letter-spacing: .14em !important;
      font-variant-numeric: tabular-nums;
    }
    body[data-ht-system-r404] #ht-workspace-surface .member-auth:is([data-mode="login"], [data-mode="otp"], [data-mode="accounts"]) :is(.member-primary, .member-resend-code):not(:disabled):not([hidden]),
    body[data-ht-system-r404][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-submit:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      min-height: 46px !important;
      border-radius: 13px !important;
      border-color: #86dff5 !important;
      background: var(--ht-action-r404) !important;
      color: #06192d !important;
      font-weight: 750 !important;
      box-shadow: inset 0 1px #efffff6b, 0 3px 10px #00102233 !important;
    }
    body[data-ht-system-r404] #ht-workspace-surface .member-auth:is([data-mode="login"], [data-mode="otp"], [data-mode="accounts"]) :is(.member-secondary, .member-otp-back-r360):not(:disabled):not([hidden]),
    body[data-ht-system-r404][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > :is(button, a):not(:disabled):not([hidden]) {
      min-height: 44px !important;
      border-color: var(--ht-border-r404) !important;
      border-radius: 12px !important;
      background: var(--ht-raised-r404) !important;
      color: var(--ht-text-r404) !important;
      box-shadow: inset 0 1px #d8edff0a !important;
    }
    body[data-ht-system-r404] .member-auth .member-logout:not(:disabled):not([hidden]) {
      color: #f3b9ca !important;
      background: #241c30 !important;
      border-color: #5e3c54 !important;
    }
    body[data-ht-system-r404] .member-auth .member-identity-avatar-r359 {
      border-radius: 50% !important;
      background: #122e46 !important;
      box-shadow: 0 0 0 3px #85d9ef0d !important;
      overflow: hidden;
    }
    body[data-ht-system-r404] .member-auth .member-identity-email-r359,
    body[data-ht-system-r404] .member-auth .member-identity-source-r359 {
      color: var(--ht-muted-r404) !important;
    }
    body[data-ht-system-r404] .customer-wallet-r355 {
      background: linear-gradient(135deg, #14354f, #0c2139 82%) !important;
      border-color: #456d88 !important;
      box-shadow: inset 0 1px #c7ecff14, 0 6px 22px #01081326 !important;
    }
    body[data-ht-system-r404] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled) {
      background: var(--ht-action-r404) !important;
      color: #06192d !important;
      border-color: #86dff5 !important;
      border-radius: 12px !important;
      font-weight: 750 !important;
    }
    body[data-ht-system-r404] #ht-workspace-surface .member-tools-panel[data-tool="history"] > .member-panel-heading {
      background: transparent !important;
      border: 0 !important;
      border-bottom: 1px solid var(--ht-border-r404) !important;
      border-radius: 0 !important;
      padding: 0 0 12px !important;
      box-shadow: none !important;
    }
    body[data-ht-system-r404] .ht-history-r306 :is(.ht-history-toggle-r307, .ht-history-filter-r306, .ht-history-refresh-r306, .ht-history-page-r306) {
      background: var(--ht-raised-r404) !important;
      border-color: var(--ht-border-r404) !important;
      border-radius: 12px !important;
      color: var(--ht-text-r404) !important;
    }
    body[data-ht-system-r404] .ht-history-r306 :is(.ht-history-refresh-r306, .ht-history-page-r306):disabled {
      background: #0b1a2b !important;
      border-color: #293e53 !important;
      color: #8b9fb6 !important;
    }
    body[data-ht-system-r404] .ht-history-table-r317 {
      background: var(--ht-panel-r404) !important;
      border-color: var(--ht-border-r404) !important;
    }
    body[data-ht-system-r404] .ht-history-table-r317 thead {
      background: #15324b !important;
      color: var(--ht-muted-r404) !important;
    }
    body[data-ht-system-r404] .ht-history-table-r317 th {
      color: #c1d5e5 !important;
      font-size: 12px !important;
      font-weight: 650 !important;
    }
    body[data-ht-system-r404] .ht-history-table-r317 td {
      border-color: #253d55 !important;
      color: var(--ht-text-r404) !important;
    }
    body[data-ht-system-r404] .ht-history-code-r317 {
      color: #8ee4f6 !important;
      text-decoration-color: #5797b55c !important;
      text-underline-offset: 3px;
    }
    body[data-ht-system-r404][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-r317 {
      background: var(--ht-panel-r404) !important;
      border-color: var(--ht-border-r404) !important;
      border-radius: 18px !important;
      box-shadow: 0 8px 26px #000b1826 !important;
    }
    body[data-ht-system-r404][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > .ht-history-detail-back-r317:not(:disabled):not([hidden]) {
      background: var(--ht-action-r404) !important;
      color: #06192d !important;
      border-color: #86dff5 !important;
      font-weight: 750 !important;
    }
    body[data-ht-system-r404] #ht-workspace-surface .redeem-dialog:has(#redeem-title) {
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body[data-ht-system-r404][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-code:not([aria-invalid="true"]) {
      background: var(--ht-field-r404) !important;
      border-color: #50748d !important;
      border-radius: 13px !important;
      color: var(--ht-text-r404) !important;
    }
    body[data-ht-system-r404] .redeem-dialog .redeem-context {
      color: var(--ht-muted-r404) !important;
      font-size: 14px !important;
    }
    body[data-ht-system-r404] #ht-contact-center-r324 {
      background: var(--ht-panel-r404) !important;
      border-color: var(--ht-border-r404) !important;
    }
    body[data-ht-system-r404] #ht-contact-center-r324 .ht-contact-row-r324 {
      background: var(--ht-raised-r404) !important;
      border-color: var(--ht-border-r404) !important;
      border-radius: 14px !important;
    }
    body[data-ht-system-r404] .workspace-error-r290 {
      background: var(--ht-panel-r404) !important;
      color: var(--ht-text-r404) !important;
      border-color: var(--ht-border-r404) !important;
      border-radius: 16px !important;
    }
    body[data-ht-system-r404] :is(.member-auth, .redeem-dialog) :is(input, button, a):focus-visible,
    body[data-ht-system-r404] .ht-history-r306 :is(button, a):focus-visible {
      outline: 2px solid #97e8fa !important;
      outline-offset: 3px !important;
    }
  }
}
@layer ht-experience-motion-r397 {
  @media (forced-colors: none) {
    body[data-ht-system-r404] .member-tools-panel[data-tool="history"] > .member-panel-heading {
      box-shadow: inset 0 -1px var(--ht-ready-accent-r397, transparent) !important;
    }
  }
}
@layer ht-deposit-modern-r400 {
  @media (forced-colors: none) {
    body[data-ht-system-r404] #ht-deposit-dialog-r400[open]:not([hidden]) {
      background: #0d2239 !important;
      border-color: #3c607c !important;
      border-radius: 20px !important;
      box-shadow: 0 20px 60px #00091580 !important;
    }
    body[data-ht-system-r404] #ht-deposit-dialog-r400 :is(.ht-deposit-input-wrap-r400, label.ht-deposit-method-r400) {
      background: #091b2e !important;
      border-color: #50748d !important;
      border-radius: 13px !important;
    }
    body[data-ht-system-r404] #ht-deposit-dialog-r400 label.ht-deposit-method-r400:has(input:checked) {
      background: #15364b !important;
      border-color: #6ad8ec !important;
    }
    body[data-ht-system-r404] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button {
      background: #122d43 !important;
      border-color: #375772 !important;
      color: #d1e3ef !important;
    }
    body[data-ht-system-r404] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"] {
      background: #1a4c61 !important;
      border-color: #83def0 !important;
      color: #edfbff !important;
    }
    body[data-ht-system-r404] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:focus-within {
      border-color: #8ae3f4 !important;
      outline: 2px solid #8ae3f45c !important;
      outline-offset: 2px !important;
    }
    body[data-ht-system-r404] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:has(#ht-deposit-amount-r400[aria-invalid="true"]) {
      border-color: #f29bbd !important;
      outline-color: #f29bbd !important;
    }
  }
}
/* R404 shared navy/cyan tokens and chrome. Existing document dimensions,
   app artwork, scroll regions, native routing and Footer lens geometry remain
   owned by the retained UI. No idle motion or additional blur is introduced. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors: none) {
    body[data-ht-system-r404] {
      --ht-panel-r404: #0c2037;
      --ht-raised-r404: #10283f;
      --ht-field-r404: #07192c;
      --ht-border-r404: #35576e;
      --ht-text-r404: #e9f4ff;
      --ht-muted-r404: #acbfd8;
      --ht-action-r404: linear-gradient(110deg, #5be6fb, #399aff);
      background-color: #050e1c !important;
      color: var(--ht-text-r404);
      accent-color: #7cdeef;
    }
    body[data-ht-system-r404] > main {
      background-color: transparent !important;
    }
    body[data-ht-system-r404] > header {
      background: linear-gradient(112deg, #08172a, #0d2840) !important;
      border-bottom-color: #31526a !important;
      box-shadow: 0 1px 0 #a1e6ff0a, 0 4px 18px #000a1833 !important;
    }
    body[data-ht-system-r404] > header :is(.member-language-quick, .member-trigger):not([hidden]) {
      background: #102a41 !important;
      border-color: #41677f !important;
      color: var(--ht-text-r404) !important;
      box-shadow: inset 0 1px #e0f6ff12 !important;
    }
    body[data-ht-system-r404] #member-language-list {
      background: var(--ht-panel-r404) !important;
      border-color: var(--ht-border-r404) !important;
    }
    body[data-ht-system-r404] #member-language-list button {
      color: var(--ht-text-r404) !important;
    }
    html body.home-page[data-ui-layout][data-ht-system-r404]:has(#catalog-scroll) #game-search-panel .ticker-window {
      background: #0b2137 !important;
      border-color: var(--ht-border-r404) !important;
      box-shadow: inset 0 1px #d8f4ff0b !important;
    }
    html body.home-page[data-ui-layout][data-ht-system-r404]:has(#catalog-scroll) #ht-catalog-search-open-r324 {
      background: var(--ht-action-r404) !important;
      border-color: #93e8ff !important;
      color: #06192d !important;
      box-shadow: inset 0 1px #efffff5c !important;
    }
    body[data-ht-system-r404] dialog#ht-catalog-search-r324 {
      background: #08182b !important;
      color: var(--ht-text-r404) !important;
      border-color: var(--ht-border-r404) !important;
    }
    body[data-ht-system-r404] #ht-catalog-search-r324 .ht-search-top-r324 {
      background: var(--ht-panel-r404) !important;
      border-bottom-color: #2c4961 !important;
    }
    body[data-ht-system-r404] #ht-catalog-search-r324 .ht-search-field-r324 {
      background: var(--ht-field-r404) !important;
      border-color: #50748d !important;
      box-shadow: none !important;
    }
    body[data-ht-system-r404] #ht-catalog-search-r324 .ht-search-field-r324:focus-within {
      border-color: #8de2f3 !important;
      box-shadow: 0 0 0 2px #7cdeef26 !important;
    }
    body[data-ht-system-r404] #ht-catalog-search-r324 :is(.ht-search-back-r324, .ht-search-clear-r324) {
      background: var(--ht-raised-r404) !important;
      border-color: var(--ht-border-r404) !important;
      color: var(--ht-text-r404) !important;
    }
    body[data-ht-system-r404] #ht-catalog-search-r324 .ht-search-tabs-r324 {
      background: #0b2034 !important;
      border-color: #2b475f !important;
    }
    body[data-ht-system-r404] #ht-catalog-search-r324 .ht-search-tab-r324[aria-selected="true"] {
      background: #1a3e55 !important;
      color: #c2f4ff !important;
      border-bottom-color: #87e1f3 !important;
    }
    /* Existing optical controller and backdrop settings retain ownership.
       Only the translucent substrate, rim and current-item paint are refined. */
    body[data-ht-system-r404] > nav#ht-footer-navigation-r289 {
      background: linear-gradient(120deg, #24465bd9, #0c2439eb 56%, #163b50db) !important;
      border-color: #9ac5d57d !important;
      box-shadow: inset 0 1px #e8fbff61, inset 0 -1px #6ecde51c, 0 10px 28px #00091666 !important;
    }
    body[data-ht-system-r404] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"]:not([hidden]) {
      background: linear-gradient(130deg, #b4e6ff24, #a4efff0c) !important;
      box-shadow: inset 0 1px #d4f7ff38, inset 0 0 0 1px #b5e8f529 !important;
    }
    body[data-ht-system-r404] #ht-document-r363.policy-content {
      background: #0b1e33 !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    body[data-ht-system-r404] #ht-document-r363.policy-content :is(h1, h2, h3, summary) {
      color: var(--ht-text-r404) !important;
    }
    body[data-ht-system-r404] #ht-document-r363.policy-content :is(p, li) {
      color: #c1d1e2 !important;
    }
    body[data-ht-system-r404] #ht-document-r363.policy-content details {
      background: #09192d !important;
      border-color: var(--ht-border-r404) !important;
      border-radius: 14px !important;
    }
    body[data-ht-system-r404] #ht-document-r363.policy-content details[open] {
      background: #122d44 !important;
      border-color: #6fadc7 !important;
      box-shadow: inset 3px 0 #81dded !important;
    }
    body[data-ht-system-r404] #ht-document-r363.policy-content a {
      color: #93def2 !important;
      text-underline-offset: 4px;
    }
    body[data-ht-system-r404] :is(#member-language-list button, .member-language-quick, .member-trigger, #ht-document-r363 a, #ht-document-r363 summary):focus-visible {
      outline: 2px solid #97e8fa !important;
      outline-offset: 3px !important;
    }
  }
  @media (prefers-reduced-transparency: reduce) and (forced-colors: none) {
    body[data-ht-system-r404] > nav#ht-footer-navigation-r289 {
      background: #142e43 !important;
    }
  }
}
/* R405 checkout studio: open step hierarchy, slate input wells, compact art
   cards and one quiet payment surface. All real content, controllers, grid
   columns, 164px minimum cards, 84x72 art slots and 64px images stay owned.
   Total paint changes only: no parent sizing/spacing/position/grid changes.
   Forced colors and reduced motion continue through the retained contracts. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors: none) {
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) :is(.topup.page, .checkout-panel) {
      background: transparent !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) :is(.checkout-panel > .title, .topup > .title) {
      min-height: 40px !important;
      padding: 5px 2px 9px !important;
      border-color: transparent !important;
      border-bottom-color: #2b3e55 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) :is(.checkout-panel > .title, .topup > .title) h2 {
      color: #f3f7ff !important;
      font-size: 16px !important;
      font-weight: 750 !important;
      line-height: 1.5 !important;
      text-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) :is(.checkout-panel > .title, .topup > .title) > :is(span, .account-profile-icon) {
      border-color: #35536e !important;
      border-radius: 9px !important;
      background: #14253b !important;
      color: #a3eaf6 !important;
      box-shadow: inset 0 1px #e4f8ff0a !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account {
      border-color: transparent !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(label, .account-field-label) {
      color: #b8c9df !important;
      font-weight: 600 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input, select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) {
      min-height: 46px !important;
      border-color: #5f748b !important;
      border-radius: 12px !important;
      background: #0a1424 !important;
      color: #f3f7ff !important;
      box-shadow: inset 0 1px 2px #01071433 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input, select)::placeholder {
      color: #a5b7ce !important;
      opacity: 1 !important;
    }
    /* Check controls are moved into .account-actions by the retained runtime.
       Exact existing IDs also cover Telegram and the one-field game forms. */
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account, #check-telegram, #check-game):not(:disabled):not([aria-disabled="true"]) {
      min-height: 46px !important;
      border-color: #91e5fa !important;
      border-radius: 12px !important;
      background: linear-gradient(110deg, #47def0, #3f90f7) !important;
      color: #071626 !important;
      box-shadow: inset 0 1px #e5ffff4d, 0 3px 10px #02091824 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account, #check-telegram, #check-game):is(:disabled, [aria-disabled="true"]) {
      background: #17263a !important;
      border-color: #425970 !important;
      color: #a5b7ce !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input, select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus-visible,
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account, #check-telegram, #check-game):focus-visible {
      border-color: #a2eafb !important;
      outline-color: #a2eafb !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])[aria-invalid="true"] {
      border-color: #f3a9bd !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--account .account input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])[aria-invalid="true"]:focus-visible {
      border-color: #f3a9bd !important;
      outline-color: #ffd3df !important;
    }

    /* The card's four existing rows retain their geometry. Depth comes from
       a small art well and a legible price capsule instead of enclosing bands. */
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:not([hidden]) {
      background: linear-gradient(155deg, #14253b, #0d192b 82%) !important;
      border-color: #354b65 !important;
      border-radius: 16px !important;
      color: #f3f7ff !important;
      box-shadow: inset 0 1px #e6f4ff0d, 0 3px 10px #01071421 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack > .pack-artplate {
      border: 1px solid #2c4663 !important;
      border-radius: 12px !important;
      background: radial-gradient(ellipse at 50% 65%, #1b4e6c80, #0a1424 78%) !important;
      box-shadow: inset 0 1px #bcecff0a !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack > .pack-ribbon,
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon {
      border-color: transparent !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: #a5b7ce !important;
      font-weight: 600 !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack > b {
      color: #f3f7ff !important;
      font-weight: 650 !important;
      text-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack > strong {
      background: #101b2b !important;
      border-radius: 9px !important;
      box-shadow: inset 0 0 0 1px #c5a86b47, inset 0 1px #f5dc9d0a !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong {
      color: #ffdf94 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack.has-discount-preview > strong {
      color: #b8edc9 !important;
      box-shadow: inset 0 0 0 1px #80c49d57 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(.selected, [aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background: linear-gradient(155deg, #183d56, #10273e 82%) !important;
      border-color: #78dcf2 !important;
      outline-color: #78dcf2 !important;
      box-shadow: inset 0 0 0 1px #78dcf2, inset 0 1px #d8f8ff24 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(.selected, [aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden])::after {
      background: #90e6f7 !important;
      color: #071626 !important;
      border-color: #d6f7ff !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(:disabled, [aria-disabled="true"]):not([hidden]) {
      background: #0c1727 !important;
      border-color: #2b3e55 !important;
      color: #a5b7ce !important;
      outline-color: transparent !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(:disabled, [aria-disabled="true"]) > :is(.pack-ribbon, b, strong, small) {
      color: #a5b7ce !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(:disabled, [aria-disabled="true"]) > .pack-artplate {
      background: #0a1424 !important;
      border-color: #2b3e55 !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]) {
      border-color: #c8f3ff !important;
      outline-color: #c8f3ff !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages > .package-section-heading {
      border-color: #2b3e55 !important;
      background: transparent !important;
      color: #b8c9df !important;
      box-shadow: none !important;
    }

    /* The bank rows are informational, disabled groups. Wallet remains the
       original account link; it gains no radio, checkmark or spending state. */
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-panel {
      background: #101d2f !important;
      border-color: #2b3e55 !important;
      border-radius: 16px !important;
      box-shadow: inset 0 1px #deedff0a !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option,
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option[aria-disabled="true"] {
      background: transparent !important;
      border-color: transparent !important;
      border-bottom-color: #2b3e55 !important;
      border-radius: 0 !important;
      color: #b8c9df !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option b {
      color: #dce8f6 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option small {
      color: #a5b7ce !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option > :is(.payment-brand, .payment-card-icon) {
      border-color: #354f6b !important;
      border-radius: 12px !important;
      background: #0a1424 !important;
      color: #a3eaf6 !important;
      box-shadow: inset 0 1px #e6f5ff0a !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .payment.payment-panel > a.balance-payment-r357 {
      background: #14253b !important;
      border-color: #526e88 !important;
      border-radius: 12px !important;
      color: #f3f7ff !important;
      box-shadow: inset 0 1px #d6efff0d !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .balance-payment-title-r357 {
      color: #f3f7ff !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .balance-payment-status-r357 {
      color: #b8c9df !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .balance-payment-r357[data-wallet-state="ready"] .balance-payment-status-r357 {
      color: #a3eaf6 !important;
    }
    /* Preserve the existing label / 48px gold amount / 48px Pay arrangement. */
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .total {
      background: linear-gradient(135deg, #172b40fa, #0d1b2dfa 80%) !important;
      border-color: #526b83 !important;
      border-radius: 16px !important;
      box-shadow: inset 0 1px #e3f5ff24, 0 5px 18px #01071440 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .total > div > small {
      color: #a5b7ce !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .total #summary-package {
      color: #f3f7ff !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .total #summary-price {
      background: #080f1d !important;
      border-color: #6c725f !important;
      box-shadow: inset 0 1px #f7e3b014 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .total > button:not(:disabled):not([aria-disabled="true"]) {
      background: linear-gradient(110deg, #47def0, #3f90f7) !important;
      border-color: #91e5fa !important;
      color: #071626 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) .total > button:is(:disabled, [aria-disabled="true"]) {
      background: #1a293c !important;
      border-color: #425970 !important;
      color: #a5b7ce !important;
      box-shadow: none !important;
    }

    /* The retained native guides keep their width cap and owned scroll area. */
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) dialog.store-dialog[open]:not([hidden]) {
      background: #101d2f !important;
      border-color: #526b83 !important;
      box-shadow: 0 18px 48px #01071480 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) dialog.store-dialog :is(.dialog-header, .bonus-actions) {
      border-color: #2b3e55 !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-close {
      background: #14253b !important;
      border-color: #5f748b !important;
      color: #f3f7ff !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) dialog.store-dialog :is(.bonus-guide, .weekly-guide-scene) {
      background: #0a1424 !important;
      border-color: #2b3e55 !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-scene {
      background: #0a1424 !important;
      border-color: #2b3e55 !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric {
      background: #14253b !important;
      border-color: #3f5d77 !important;
      box-shadow: none !important;
    }
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-understood:not(:disabled):not([aria-disabled="true"]) {
      background: linear-gradient(110deg, #47def0, #3f90f7) !important;
      border-color: #91e5fa !important;
      color: #071626 !important;
    }
  }
}
@layer ht-experience-motion-r397 {
  @media (hover: hover) and (pointer: fine) and (forced-colors: none) {
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(:disabled):not([aria-disabled="true"]):not(.selected):not([aria-pressed="true"]):not([hidden]):hover:not(:active) {
      border-color: #7b9bb8 !important;
    }
  }
  @media (forced-colors: none) {
    html body[data-ui-layout][data-ht-studio-r405]:has(#packages):has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]) {
      border-color: #c8f3ff !important;
      outline-color: #c8f3ff !important;
    }
  }
}
/* R405 workspaces: identity and headings are open; the active task owns one
   clear surface. Existing account layout, 48px gold balance and hidden history
   remain intact. No visibility, authentication or financial behavior changes. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface .member-auth:is([data-mode="login"],[data-mode="otp"],[data-mode="accounts"]) {
      background:#101d2f!important;
      border-color:#354b65!important;
      border-radius:18px!important;
      box-shadow:0 12px 30px #00071245!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface > dialog:is(.member-auth,.member-tools-panel)[open]:not([hidden]) > .member-panel-heading {
      background:transparent!important;
      border-radius:0!important;
      border:0!important;
      border-bottom:1px solid #2b3e55!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface > dialog:is(.member-auth,.member-tools-panel)[open]:not([hidden]) > .member-panel-heading h2 {
      color:#f3f7ff!important;
      font-size:24px!important;
      line-height:1.45!important;
      font-weight:750!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface .member-auth[data-mode="otp"] input[name="code"] {
      background:#0a1424!important;
      border-color:#5f748b!important;
      border-radius:12px!important;
      color:#f3f7ff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface .member-auth[data-mode="otp"] input[name="code"]:focus-visible {
      border-color:#9ae5f5!important;
      outline:2px solid #9ae5f5!important;
      outline-offset:3px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface .member-auth[data-mode="otp"] input[name="code"][aria-invalid="true"] {
      border-color:#f29bbd!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface .member-auth:is([data-mode="login"],[data-mode="otp"],[data-mode="accounts"]) :is(.member-primary,.member-resend-code):not(:disabled):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-submit:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      min-height:46px!important;
      border-radius:12px!important;
      border-color:#8ce5f4!important;
      background:linear-gradient(110deg,#47def0,#3f90f7)!important;
      color:#071626!important;
      box-shadow:inset 0 1px #ecffff5c!important;
      font-weight:750!important;
    }
    /* Accepted Profile geometry stays. Remove the extra identity box and make
       the joined account-action dock quiet instead of a second primary CTA. */
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > form:not([hidden]) {
      background:transparent!important;
      border-color:transparent!important;
      border-radius:0!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] .member-identity-r359:not([hidden]) {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] #member-identity-name-r359 {
      color:#f3f7ff!important;
      font-weight:750!important;
      line-height:1.4!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] .member-identity-email-r359 {color:#b7c7dd!important;}
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] .member-identity-source-r359 {color:#91abc7!important;}
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > .customer-wallet-r355:not([hidden]) {
      background:linear-gradient(135deg,#18324f,#0e2037 76%)!important;
      border-color:#56728f!important;
      border-radius:16px!important;
      box-shadow:inset 0 2px #88d6ec38,0 8px 22px #00081730!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] .customer-wallet-top-r355 {border-bottom-color:#3e5874!important;}
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] .customer-wallet-value-r355 {
      background:#081626!important;
      border-color:#4f718d!important;
      border-radius:10px!important;
      box-shadow:inset 0 1px #d8f6ff0a!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > .member-switch-account {
      background:#14263b!important;
      border-color:#3b536c!important;
      color:#d6edfa!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > .member-logout {
      background:#141e30!important;
      border-color:#3b536c!important;
      color:#f1b9c9!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > :is(.member-switch-account,.member-logout) > .ht-action-icon-r292 {
      background:transparent!important;
      box-shadow:none!important;
      color:inherit!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled) {
      background:linear-gradient(110deg,#47def0,#3f90f7)!important;
      color:#071626!important;
      border-color:#8ce5f4!important;
    }
    /* Order keeps its mobile cards and desktop table, with one restrained
       surface and codes/statuses carrying hierarchy rather than nested bands. */
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="order"] #ht-workspace-surface .ht-history-entry-r317 {
      background:#101d2f!important;
      border-color:#31475e!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="order"] #ht-workspace-surface .ht-history-code-r317 {
      background:transparent!important;
      color:#9ee5f6!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-r317 {
      background:#101d2f!important;
      border-color:#3b526b!important;
      border-radius:16px!important;
      box-shadow:0 8px 24px #00071230!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 > div {border-bottom-color:#2d4159!important;}
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-fields-r317 dt {color:#a5b7ce!important;}
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > .ht-history-detail-back-r317:not(:disabled):not([hidden]) {
      background:linear-gradient(110deg,#47def0,#3f90f7)!important;
      color:#071626!important;
      border-color:#8ce5f4!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-title {
      font-size:26px!important;
      line-height:1.45!important;
      color:#f3f7ff!important;
      border-bottom-color:#2b3e55!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-code:not([aria-invalid="true"]) {
      background:#0a1424!important;
      border-color:#5f748b!important;
      border-radius:12px!important;
      color:#f3f7ff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog #redeem-code:focus-visible {
      border-color:#9ae5f5!important;
      outline:2px solid #9ae5f5!important;
      outline-offset:3px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-workspace-page="owner"] #ht-workspace-surface .workspace-error-r290 {
      background:#101d2f!important;
      border-color:#3b526b!important;
      border-radius:14px!important;
      box-shadow:none!important;
    }
  }
}
@layer ht-experience-motion-r397 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface > dialog:is(.member-auth,.member-tools-panel)[open]:not([hidden]) > .member-panel-heading {
      box-shadow:inset 0 -1px var(--ht-ready-accent-r397,transparent)!important;
    }
  }
}
@layer ht-deposit-modern-r400 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405] #ht-deposit-dialog-r400[open]:not([hidden]) {
      background:#101d2f!important;
      border-color:#4b6480!important;
      border-radius:16px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400 {
      background:#0a1424!important;
      border-color:#5f748b!important;
      border-radius:12px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:focus-within {
      border-color:#9ae5f5!important;
      outline:2px solid #9ae5f54d!important;
      outline-offset:2px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button {
      background:#14253b!important;
      border-color:#455e79!important;
      border-radius:10px!important;
      color:#d3e0ef!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"] {
      background:#22445b!important;
      border-color:#91dcee!important;
      color:#f0fbff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-deposit-dialog-r400 label.ht-deposit-method-r400:has(input:checked) {
      background:#18394b!important;
      border-color:#84cbdc!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-deposit-dialog-r400 .ht-deposit-input-wrap-r400:has(#ht-deposit-amount-r400[aria-invalid="true"]) {border-color:#f29bbd!important;}
  }
}
/* R405: quieter ink surfaces, stronger typography and distinct interaction
   accents. Retained artwork, layout grids and the optical Footer stay owned. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors: none) {
    html body[data-ht-studio-r405] {
      --ht-ink-r405:#080f1d;
      --ht-panel-r405:#101d2f;
      --ht-raised-r405:#14253b;
      --ht-field-r405:#0a1424;
      --ht-line-r405:#2b3e55;
      --ht-field-line-r405:#5f748b;
      --ht-text-r405:#f3f7ff;
      --ht-muted-r405:#a5b7ce;
      --ht-accent-r405:#78dcf2;
      --ht-action-r405:linear-gradient(110deg,#47def0,#3f90f7);
      background:var(--ht-ink-r405)!important;
      color:var(--ht-text-r405)!important;
    }
    html body[data-ht-studio-r405] > main {
      background:transparent!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-workspace-surface {
      background:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ht-studio-r405] > header {
      background:#0b1729f5!important;
      border-bottom-color:#253b53!important;
      box-shadow:0 1px 0 #c5efff08!important;
    }
    html body[data-ht-studio-r405] > header :is(.member-language-quick,.member-trigger):not([hidden]) {
      background:#122338!important;
      border-color:#3b536b!important;
      box-shadow:inset 0 1px #f0faff0a!important;
      border-radius:12px!important;
    }
    html body.home-page[data-ui-layout][data-ht-studio-r405]:has(#catalog-scroll) .promo-inner {
      outline-color:#2e4563!important;
      box-shadow:0 10px 28px #00061145!important;
    }
    html body.home-page[data-ui-layout][data-ht-studio-r405]:has(#catalog-scroll) #game-search-panel .ticker-window {
      border-color:#334b65!important;
      background:#101d2f!important;
      box-shadow:none!important;
      border-radius:12px!important;
    }
    html body.home-page[data-ui-layout][data-ht-studio-r405]:has(#catalog-scroll) #ht-catalog-search-open-r324 {
      background:var(--ht-action-r405)!important;
      color:#071626!important;
      border-color:#80e4f5!important;
      border-radius:12px!important;
      box-shadow:inset 0 1px #eaffff59!important;
    }
    html body.home-page[data-ui-layout][data-ht-studio-r405]:has(#catalog-scroll) #catalog-scroll a.game > b,
    html body[data-ui-layout][data-ht-studio-r405]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {
      padding-top:9px!important;
      color:var(--ht-text-r405)!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] .ht-catalog-favorite-r324:not([aria-pressed="true"]) {
      background:#091524e8!important;
      border-color:#9bb6d16b!important;
      color:#d3e7f9!important;
      box-shadow:0 2px 8px #00081752!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] .ht-catalog-favorite-r324[aria-pressed="true"] {
      background:#423720!important;
      border-color:#f1ce79!important;
      color:#ffe2a1!important;
      box-shadow:0 2px 8px #00081752!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] dialog#ht-catalog-search-r324 {
      background:var(--ht-ink-r405)!important;
      border-color:var(--ht-line-r405)!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-catalog-search-r324 .ht-search-top-r324 {
      background:#0e1b2e!important;
      border-color:var(--ht-line-r405)!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-catalog-search-r324 .ht-search-field-r324 {
      background:var(--ht-field-r405)!important;
      border-color:var(--ht-field-line-r405)!important;
      border-radius:12px!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-catalog-search-r324 .ht-search-field-r324:focus-within {
      border-color:#9ae5f5!important;
      box-shadow:0 0 0 2px #9ae5f52e!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-catalog-search-r324 .ht-search-tabs-r324 {
      background:transparent!important;
      border-color:var(--ht-line-r405)!important;
      border-radius:0!important;
    }
    html body[data-ui-layout][data-ht-studio-r405] #ht-catalog-search-r324 .ht-search-tab-r324[aria-selected="true"] {
      background:#1a3046!important;
      color:#bcefff!important;
      border-bottom-color:#78dcf2!important;
    }
    /* Surface only: do not change the lens, inset or touch/scroll geometry. */
    html body[data-ht-studio-r405] > nav#ht-footer-navigation-r289 {
      background:linear-gradient(120deg,#21344ddd,#101f35ed 62%,#1b3546dc)!important;
      border-color:#a3c4de61!important;
      box-shadow:inset 0 1px #e9f7ff52,0 12px 28px #00071266!important;
    }
    html body[data-ht-studio-r405] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"]:not([hidden]) {
      background:#acdfff1c!important;
      box-shadow:inset 0 0 0 1px #c4eaff24!important;
      border-radius:16px!important;
    }
    html body[data-ht-studio-r405] #ht-document-r363.policy-content {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ht-studio-r405] #ht-document-r363.policy-content :is(h1,h2,h3) {
      color:var(--ht-text-r405)!important;
      letter-spacing:0!important;
    }
    html body[data-ht-studio-r405] #ht-document-r363.policy-content :is(p,li) {color:#bbcade!important;}
    html body[data-ht-studio-r405] #ht-document-r363.policy-content details {
      background:#101d2f!important;
      border-color:#354b63!important;
      border-radius:12px!important;
    }
    html body[data-ht-studio-r405] #ht-document-r363.policy-content details[open] {
      background:#14283d!important;
      border-color:#7ebbcf!important;
      box-shadow:inset 3px 0 #78dcf2!important;
    }
  }
  @media (prefers-reduced-transparency:reduce) and (forced-colors:none) {
    html body[data-ht-studio-r405] > nav#ht-footer-navigation-r289 {background:#15283e!important;}
  }
}
/* R406 premium catalogue and checkout surfaces. Retain all accepted grid,
   art dimensions, Total row, guide scroll and disabled payment authority. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-pulse-r406] {
      background:radial-gradient(ellipse 85% 420px at 50% 0,#163f6029,transparent 82%),#071020!important;
      color:#eff8ff!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] > header {
      background:linear-gradient(110deg,#0b1a30f7,#0c253af7)!important;
      border-bottom-color:#365773!important;
      box-shadow:0 1px 0 #a2e5fb0a,0 4px 18px #00091633!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] > header :is(.member-language-quick,.member-trigger):not([hidden]) {
      background:#102c43!important;
      border-color:#416b86!important;
      box-shadow:inset 0 1px #daf6ff17!important;
    }
    html body.home-page[data-ui-layout][data-ht-pulse-r406]:has(#catalog-scroll) .promo-inner {
      outline-color:#416d8b!important;
      box-shadow:0 10px 28px #0007135c,inset 0 1px #c5f7ff1f!important;
    }
    html body.home-page[data-ui-layout][data-ht-pulse-r406]:has(#catalog-scroll) #game-search-panel .ticker-window {
      background:linear-gradient(110deg,#122d43,#0c2036)!important;
      border-color:#446e88!important;
      box-shadow:inset 0 1px #d2f3ff0d!important;
    }
    html body.home-page[data-ui-layout][data-ht-pulse-r406]:has(#catalog-scroll) #ht-catalog-search-open-r324 {
      background:linear-gradient(125deg,#67eef0,#529dff)!important;
      color:#071a2a!important;
      border-color:#b5f6ff!important;
      box-shadow:inset 0 1px #f2ffff80,0 4px 12px #001b304d!important;
    }
    html body.home-page[data-ui-layout][data-ht-pulse-r406]:has(#catalog-scroll) #catalog-scroll a.game > .app-icon-frame,
    html body[data-ui-layout][data-ht-pulse-r406]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > img {
      box-shadow:0 3px 14px #00071366,0 0 0 1px #9bd5f126!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] dialog#ht-catalog-search-r324 {
      background:#08162a!important;
      border-color:#416b86!important;
    }
    /* Fractional card widths can create an unnecessary 1px horizontal rail.
       The catalogue keeps its existing vertical scroll and full card labels. */
    html body[data-ui-layout][data-ht-pulse-r406] #ht-catalog-search-r324 #ht-catalog-results-r324 {
      overflow-x:hidden!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] #ht-catalog-search-r324 .ht-search-field-r324 {
      background:#08182c!important;
      border-color:#6386a1!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] #ht-catalog-search-r324 .ht-search-field-r324:focus-within {
      border-color:#a1edfb!important;
      box-shadow:0 0 0 2px #86def52e!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"])::before,
    html body[data-ui-layout][data-ht-pulse-r406]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"])::before {
      background:#091d30ed!important;
      border-color:#b6dcefa6!important;
      box-shadow:inset 0 1px #e2f7ff26,0 3px 8px #00081566!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"])::before,
    html body[data-ui-layout][data-ht-pulse-r406]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"])::before {
      background:#493c23f5!important;
      border-color:#ffe7a5!important;
      box-shadow:inset 0 1px #fff3c247,0 0 0 1px #ffe19b26,0 3px 8px #00081566!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#packages):has(#package-filters) #packages.packages > button.pack:not([hidden]) {
      background:linear-gradient(155deg,#142f49,#0a1d32 84%)!important;
      border-color:#3a607a!important;
      box-shadow:inset 0 1px #d6f5ff0d,0 3px 10px #00091726!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#packages):has(#package-filters) #packages.packages > button.pack > .pack-artplate {
      background:radial-gradient(ellipse at 50% 65%,#3684a938,transparent 72%),#07182b!important;
      border-color:#3c617a!important;
      box-shadow:inset 0 1px #d6f5ff0a!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#packages):has(#package-filters) #packages.packages > button.pack > strong {
      background:#071728!important;
      border-color:#4b718c!important;
      box-shadow:inset 0 0 0 1px #4b718c,inset 0 1px #e1f8ff0d!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong {
      color:#ffe095!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:linear-gradient(145deg,#20506b,#10304b 84%)!important;
      border-color:#8de4f5!important;
      box-shadow:inset 0 0 0 1px #85e5f238,0 0 16px #269bb71a!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game):not(:disabled):not([aria-disabled="true"]) {
      background:linear-gradient(110deg,#67eef0,#529dff)!important;
      border-color:#acf3ff!important;
      color:#071a2a!important;
      box-shadow:inset 0 1px #efffff66,0 3px 12px #001b3033!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#packages):has(#package-filters) .total {
      background:linear-gradient(110deg,#17374d,#0c233b)!important;
      border-color:#729db5!important;
      box-shadow:inset 0 1px #d8f7ff29,0 8px 22px #00091759!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406]:has(#packages):has(#package-filters) .total #summary-price {
      background:#061627!important;
      border-color:#4d7b96!important;
      color:#ffe095!important;
    }
    html body[data-ht-pulse-r406] > nav#ht-footer-navigation-r289 {
      background:radial-gradient(ellipse at 20% 0,#b8f2ff1a,transparent 70%),linear-gradient(115deg,#22445cdb,#0f2b43e8 60%,#1b3e53d9)!important;
      border-color:#b3e4f28c!important;
      box-shadow:inset 0 1px #edfcff75,inset 0 -1px #a8e8ff12,0 10px 28px #00071366!important;
    }
    html body[data-ht-pulse-r406] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"]:not([hidden]) {
      background:linear-gradient(135deg,#b5eeff24,#7ecdea0d)!important;
      box-shadow:inset 0 1px #e8faff2b,inset 0 0 0 1px #a7e9ff30!important;
    }
  }
  @media (hover:hover) and (pointer:fine) and (forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-pulse-r406]:has(#catalog-scroll) #catalog-scroll a.game:hover > .app-icon-frame {
      box-shadow:0 5px 18px #000a1759,0 0 0 1px #85dffb99,0 0 18px #2dbee72b!important;
    }
  }
  @media (prefers-reduced-transparency:reduce) and (forced-colors:none) {
    html body[data-ht-pulse-r406] > nav#ht-footer-navigation-r289 {background:#17354b!important;}
  }
}
/* R406: richer task surfaces and clear shared actions. Account identity stays
   flat; all accepted dimensions, data and visibility contracts remain owned. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-pulse-r406] #ht-workspace-surface > dialog:is(.member-auth,.member-tools-panel)[open]:not([hidden]) > .member-panel-heading {
      border-bottom-color:#3c5d77!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] #ht-workspace-surface .member-auth:is([data-mode="login"],[data-mode="otp"],[data-mode="accounts"]) {
      background:linear-gradient(150deg,#122c45,#0b2037 86%)!important;
      border-color:#517b96!important;
      box-shadow:inset 0 1px #d2f5ff17,0 14px 32px #00091645!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] #ht-workspace-surface .member-auth:is([data-mode="login"],[data-mode="otp"],[data-mode="accounts"]) :is(.member-primary,.member-resend-code):not(:disabled):not([hidden]),
    html body[data-ui-layout][data-ht-pulse-r406][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-submit:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:linear-gradient(110deg,#67eef0,#529dff)!important;
      border-color:#acf3ff!important;
      color:#071a2a!important;
      box-shadow:inset 0 1px #efffff66,0 4px 14px #001c303b!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > .customer-wallet-r355:not([hidden]) {
      background:radial-gradient(ellipse at 90% 0,#1e91b229,transparent 75%),linear-gradient(135deg,#194361,#0c2842 82%)!important;
      border-color:#6caac2!important;
      box-shadow:inset 0 2px #b3f5ff59,0 8px 24px #0009173b!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] .customer-wallet-value-r355 {
      background:#061728!important;
      border-color:#5685a1!important;
      color:#ffe095!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled) {
      background:linear-gradient(110deg,#67eef0,#529dff)!important;
      border-color:#acf3ff!important;
      color:#071a2a!important;
      box-shadow:inset 0 1px #efffff66,0 3px 10px #001b3033!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-workspace-page="order"] #ht-workspace-surface .ht-history-entry-r317 {
      background:linear-gradient(150deg,#122c43,#0c2036)!important;
      border-color:#3f657e!important;
      box-shadow:inset 0 1px #d2f5ff0d!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-workspace-page="order"] #ht-workspace-surface .ht-history-entry-r317 > td {
      background:transparent!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-r317 {
      background:linear-gradient(150deg,#132f48,#0b2138)!important;
      border-color:#527d98!important;
      box-shadow:inset 0 1px #d2f5ff17,0 10px 24px #00091733!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > .ht-history-detail-back-r317:not(:disabled):not([hidden]) {
      background:linear-gradient(110deg,#67eef0,#529dff)!important;
      border-color:#acf3ff!important;
      color:#071a2a!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] #ht-document-r363.policy-content details {
      background:linear-gradient(140deg,#122c43,#0b2037)!important;
      border-color:#416b85!important;
      box-shadow:inset 0 1px #dcf7ff0a!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] #ht-document-r363.policy-content details[open] {
      background:linear-gradient(140deg,#183b53,#0f2b44)!important;
      border-color:#8ad8e9!important;
      box-shadow:inset 3px 0 #83e5f6,inset 0 1px #d6f7ff12!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] #ht-document-r363.policy-content details[open] > summary {color:#b7f0ff!important;}
  }
  @media (hover:hover) and (pointer:fine) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-pulse-r406][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > .member-switch-account:not(:disabled):not([aria-disabled="true"]):hover {
      background:#1b3b52!important;
      border-color:#76c5dd!important;
    }
  }
}
@layer ht-deposit-modern-r400 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-pulse-r406] #ht-deposit-dialog-r400[open]:not([hidden]) {
      background:radial-gradient(ellipse at 100% 0,#1d76972b,transparent 70%),#10273e!important;
      border-color:#6d9fb7!important;
      box-shadow:inset 0 1px #d9f9ff33,0 20px 60px #00071380!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"] {
      background:#24566c!important;
      border-color:#9eeaf4!important;
      color:#f0fdff!important;
    }
  }
}
/* All R406 motion is confined to new inert decorations. No layout, original
   artwork, control text, card/price value or Footer geometry is animated. */
@layer ht-experience-motion-r397 {
  html body[data-ht-pulse-r406] ht-motion-visual-r406[data-ht-motion-r406][aria-hidden="true"][inert] {
    display:block!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    z-index:2147483000!important;
    overflow:hidden!important;
    contain:layout paint!important;
    pointer-events:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    opacity:1!important;
    background:transparent!important;
    color:#a7f1ff!important;
    --ht-motion-accent-r406:#a7f1ff;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406[data-ht-tone-r406="gold"] {--ht-motion-accent-r406:#ffe3a1!important;}
  html body[data-ht-pulse-r406] ht-motion-visual-r406[data-ht-tone-r406="success"] {--ht-motion-accent-r406:#b4f4cd!important;}
  html body[data-ht-pulse-r406] ht-motion-visual-r406[data-ht-tone-r406="warning"] {--ht-motion-accent-r406:#ffe2a1!important;}
  html body[data-ht-pulse-r406] ht-motion-visual-r406[data-ht-tone-r406="error"] {--ht-motion-accent-r406:#ffc5d6!important;}
  html body[data-ht-pulse-r406] ht-motion-visual-r406 :is(span,svg,path) {
    pointer-events:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406 > span {
    display:block!important;
    position:absolute!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406 > .ht-motion-beam-r406 {
    inset:-50% auto -50% 0!important;
    width:46%!important;
    height:200%!important;
    background:linear-gradient(90deg,transparent,#efffff19 22%,#f3ffff80 50%,#efffff19 78%,transparent)!important;
    /* This beam is twice the button height. Keep its middle glyph band clear;
       only the upper/lower edges receive the bright moving reflection. */
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 30%,transparent 37%,transparent 63%,#000 70%,#000 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 30%,transparent 37%,transparent 63%,#000 70%,#000 100%)!important;
    opacity:0;
    will-change:transform,opacity;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406 > .ht-motion-rim-r406 {
    inset:0!important;
    border-radius:inherit!important;
    box-shadow:inset 0 0 0 1px #d2faff99,inset 0 0 14px #a4edff30!important;
    opacity:0;
    will-change:opacity;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406 > .ht-motion-star-r406 {
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:25px!important;
    height:25px!important;
    margin:0!important;
    fill:#ffe3a1!important;
    stroke:#fff2c9!important;
    stroke-width:.7px!important;
    filter:drop-shadow(0 0 5px #ffe39e99)!important;
    opacity:0;
    will-change:transform,opacity;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406 > .ht-motion-star-ring-r406 {
    inset:2px!important;
    border:1px solid #ffe6a9!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 50% 0,#fff1c4 0 2px,transparent 3px),radial-gradient(circle at 0 60%,#fff1c4 0 2px,transparent 3px),radial-gradient(circle at 95% 65%,#fff1c4 0 2px,transparent 3px)!important;
    box-shadow:inset 0 0 10px #ffe3a12e!important;
    opacity:0;
    will-change:transform,opacity;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406 > .ht-motion-selection-r406 {
    inset:0!important;
    border:1px solid var(--ht-motion-accent-r406)!important;
    border-radius:inherit!important;
    background:radial-gradient(ellipse at 50% 65%,#acf0ff30,transparent 76%)!important;
    box-shadow:inset 0 0 18px #a7efff4d!important;
    opacity:0;
    will-change:transform,opacity;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406[data-ht-tone-r406="gold"] > .ht-motion-selection-r406 {
    background:linear-gradient(110deg,transparent,#ffe3a124,transparent)!important;
    box-shadow:inset 0 0 12px #ffe3a159!important;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406 > .ht-motion-line-r406 {
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:2px!important;
    border-radius:2px!important;
    background:linear-gradient(90deg,var(--ht-motion-accent-r406),#f0ffff,transparent)!important;
    transform-origin:left center!important;
    box-shadow:0 0 10px #91e9ff80!important;
    opacity:0;
    will-change:transform,opacity;
  }
  html body[data-ht-pulse-r406] ht-motion-visual-r406 > .ht-motion-glint-r406 {
    bottom:0!important;
    left:0!important;
    width:15%!important;
    height:4px!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse,#f7ffff,transparent 72%)!important;
    opacity:0;
    will-change:transform,opacity;
  }
  @media(prefers-reduced-motion:reduce),(forced-colors:active) {
    html body[data-ht-pulse-r406] ht-motion-visual-r406[data-ht-motion-r406][aria-hidden="true"][inert] {
      display:none!important;
    }
  }
}
/* Remove only the two paint artifacts identified by the owner's red arrows.
   Keep the ticker track, pointer-following lens, focus outline and handlers. */
@layer ht-interface-refinement-r398 {
  html body.home-page[data-ht-pulse-r406][data-ht-arrow-fix-r407] #game-search-panel::before,
  html body.home-page[data-ht-pulse-r406][data-ht-arrow-fix-r407] #game-search-panel > .search-heading::before {
    content:none!important;
    display:none!important;
    animation:none!important;
  }
  html body[data-ht-pulse-r406][data-ht-arrow-fix-r407] > nav#ht-footer-navigation-r289 > a.ht-footer-action-r289[aria-current="page"]:not([hidden]) {
    background:transparent!important;
    box-shadow:none!important;
    border-color:transparent!important;
  }
}
/* The text clipping window must not paint a second, short box inside the
   ticker. Restore the requested light on the outer ticker box only. */
@layer ht-interface-refinement-r398 {
  html body.home-page[data-ui-layout][data-ht-pulse-r406][data-ht-arrow-fix-r407][data-ht-ticker-light-r408]:has(#catalog-scroll) #game-search-panel .ticker-window {
    background:transparent!important;
    box-shadow:none!important;
    border-color:transparent!important;
  }
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body.home-page[data-ht-pulse-r406][data-ht-arrow-fix-r407][data-ht-ticker-light-r408] #game-search-panel > .search-heading::before {
      content:""!important;
      display:block!important;
      animation:pink-blue-sweep 5s ease-in-out infinite!important;
    }
  }
}
/* R409: a restrained navy/cyan finish over the accepted open library and
   compact checkout. Paint only: original art, geometry, text, motion and
   state handlers remain owned by the retained R408 styles and scripts. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]) > .app-icon-frame,
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]) > img {
      box-shadow:0 0 0 1px #a3d9ef45,0 7px 20px #00091866,inset 0 1px #edfcff24!important;
    }

    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:not(:disabled):not([aria-disabled="true"]):not([aria-pressed="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:not(:disabled):not([aria-disabled="true"]):not([aria-pressed="true"]):not([hidden]) {
      color:#f0fbff!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      color:#ffe5a7!important;
    }

    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:radial-gradient(ellipse at 100% 0,#48b7d01a,transparent 62%),linear-gradient(150deg,#183b55,#102941 58%,#0a1d32)!important;
      border-color:#47708b!important;
      box-shadow:inset 0 1px #d5f7ff30,inset 0 -1px #00132659,0 6px 16px #00091733!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(:disabled):not([aria-disabled="true"]):not([hidden]) > .pack-artplate {
      background:radial-gradient(ellipse at 50% 72%,#3a94b14a,transparent 76%),linear-gradient(155deg,#0c263d,#07182b 80%)!important;
      border-color:#47738b!important;
      box-shadow:inset 0 1px #b5eefa24,inset 0 -1px #000b1840!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(:disabled):not([aria-disabled="true"]):not([hidden]) > .pack-ribbon {
      color:#d2e7f2!important;
    }
    /* Discount prices keep their existing green treatment. Disabled cards
       are excluded from every price and art rule as well as the host rule. */
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview):not(:disabled):not([aria-disabled="true"]):not([hidden]) > strong {
      background:linear-gradient(145deg,#102b40,#061729)!important;
      border-color:#52788e!important;
      color:#ffe6a8!important;
      box-shadow:inset 0 0 0 1px #52788e99,inset 0 1px #d5edff1a!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:radial-gradient(ellipse at 12% 0,#91edff24,transparent 70%),linear-gradient(145deg,#23546c,#14364f 64%,#102b44)!important;
      border-color:#9decf6!important;
      box-shadow:inset 0 0 0 1px #9decf654,inset 0 1px #edffff54,0 0 16px #33bbd326,0 6px 16px #00091733!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not(.has-discount-preview):not(:disabled):not([aria-disabled="true"]):not([hidden]) > strong {
      background:linear-gradient(145deg,#11374b,#082338)!important;
      border-color:#7bb4c5!important;
      box-shadow:inset 0 0 0 1px #7bb4c5a6,inset 0 1px #e6ffff24!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#packages):has(#package-filters) #packages.packages > button.pack:focus-visible:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      border-color:#dcfbff!important;
      outline-color:#dcfbff!important;
    }
  }

  @media (hover:hover) and (pointer:fine) and (forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):hover > .app-icon-frame,
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):hover > img {
      box-shadow:0 0 0 1px #9be9f5b3,0 8px 22px #00091866,0 0 18px #4dcbe82e,inset 0 1px #efffff40!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409]:has(#packages):has(#package-filters) #packages.packages > button.pack:not(.selected):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not([hidden]):hover:not(:active):not(:focus-visible) {
      border-color:#70b5ce!important;
      box-shadow:inset 0 1px #e6fcff47,inset 0 -1px #00132659,0 6px 18px #00091745,0 0 12px #43b5d01a!important;
    }
  }
}
/* R409 refines the accepted navy/cyan presentation without changing layout,
   labels, visibility, state authority or the restored ticker and Footer. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] #ht-workspace-surface .member-auth:is([data-mode="login"],[data-mode="otp"],[data-mode="accounts"]) {
      background:radial-gradient(ellipse at 100% 0,#54c7ef14,transparent 68%),linear-gradient(145deg,#142f49,#0b2037 85%)!important;
      border-color:#60849d!important;
      box-shadow:inset 0 1px #e0f8ff29,0 12px 30px #000a173b!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] #ht-workspace-surface .member-auth:is([data-mode="login"],[data-mode="otp"],[data-mode="accounts"]) :is(.member-primary,.member-resend-code):not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-workspace-page="redeem"] #ht-workspace-surface > dialog.redeem-dialog .redeem-submit:not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-actions-r317 > .ht-history-detail-back-r317:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:linear-gradient(112deg,#89f4ef,#59c8ee 48%,#639fff)!important;
      border-color:#c1f9ff!important;
      color:#071b2b!important;
      box-shadow:inset 0 1px #f5ffffa6,inset 0 -1px #1354932e,0 4px 12px #00152640!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] #ht-workspace-surface .member-auth:is([data-mode="login"],[data-mode="otp"]) input:not([type="hidden"]):not(:disabled):not([aria-disabled="true"]):not([aria-invalid="true"]),
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-workspace-page="redeem"] #ht-workspace-surface #redeem-code:not(:disabled):not([aria-disabled="true"]):not([aria-invalid="true"]) {
      background:#091b2d!important;
      border-color:#5d7b94!important;
      color:#eff8ff!important;
      box-shadow:inset 0 1px 3px #020b194d,inset 0 -1px #b7e8ff0a!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] #ht-workspace-surface .member-auth:is([data-mode="login"],[data-mode="otp"]) input:not([type="hidden"]):not(:disabled):not([aria-disabled="true"]):not([aria-invalid="true"]):focus-visible,
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-workspace-page="redeem"] #ht-workspace-surface #redeem-code:not(:disabled):not([aria-disabled="true"]):not([aria-invalid="true"]):focus-visible {
      border-color:#a8edf7!important;
      box-shadow:inset 0 1px 3px #020b1933,0 0 0 2px #72dcef29!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > .customer-wallet-r355:not([hidden]) {
      background:radial-gradient(ellipse at 100% 0,#60ddf526,transparent 67%),linear-gradient(135deg,#1b4563,#0e2a43 80%)!important;
      border-color:#80b6ca!important;
      box-shadow:inset 0 1px #e7fcff80,inset 0 -1px #77bdd31a,0 10px 24px #000b193b!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] .customer-wallet-value-r355 {
      background:linear-gradient(140deg,#0b2032,#061525)!important;
      border-color:#7295ad!important;
      color:#ffe095!important;
      box-shadow:inset 0 1px #d6f2ff14,0 2px 5px #00071326!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-workspace-page="order"] #ht-workspace-surface .ht-history-entry-r317 {
      background:linear-gradient(150deg,#15334b,#0d2238 88%)!important;
      border-color:#4b718a!important;
      box-shadow:inset 0 1px #d2f5ff1a,0 3px 10px #00091721!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-workspace-page="order"] #ht-workspace-surface .ht-history-detail-r317 {
      background:radial-gradient(ellipse at 100% 0,#3d9fbd14,transparent 70%),linear-gradient(150deg,#16364e,#0c233b)!important;
      border-color:#719bb2!important;
      box-shadow:inset 0 1px #d2f5ff29,0 10px 24px #0009173b!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] #ht-document-r363.policy-content details {
      background:linear-gradient(140deg,#153149,#0c2138)!important;
      border-color:#53788f!important;
      box-shadow:inset 0 1px #dcf7ff17!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] #ht-document-r363.policy-content details[open] {
      background:linear-gradient(140deg,#1d4158,#102d45)!important;
      border-color:#99dce9!important;
      box-shadow:inset 3px 0 #9aedf7,inset 0 1px #d6f7ff21!important;
    }
  }
}
@layer ht-deposit-modern-r400 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] #ht-deposit-dialog-r400[open]:not([hidden]) {
      background:radial-gradient(ellipse at 100% 0,#4bc2e51f,transparent 65%),linear-gradient(145deg,#15344b,#0e253d)!important;
      border-color:#83adc1!important;
      box-shadow:inset 0 1px #e4fbff66,0 20px 60px #00071380!important;
    }
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]) {
      background:linear-gradient(130deg,#306479,#1e485f)!important;
      border-color:#b1f0f7!important;
      color:#f4feff!important;
      box-shadow:inset 0 1px #d3fbff4d,inset 0 0 0 1px #a2e8f51a!important;
    }
  }
}
/* R409 adds finite paint only to the retained controller's inert decorations.
   Every effect finishes before its existing layer is removed. No card, image,
   button, label, ticker or Footer host receives a new animation or transform. */
@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ht-polish-r409] ht-motion-visual-r406[data-ht-motion-r406][aria-hidden="true"][inert]::before,
    html body[data-ht-polish-r409] ht-motion-visual-r406[data-ht-motion-r406][aria-hidden="true"][inert]::after {
      position:absolute;
      inset:0;
      box-sizing:border-box;
      border-radius:inherit;
      pointer-events:none!important;
      user-select:none!important;
      -webkit-user-select:none!important;
      opacity:0;
    }

    /* Two narrow reflections travel in opposite directions along the edges.
       There is no paint in the button's central text band. */
    html body[data-ht-polish-r409] ht-motion-visual-r406[data-ht-motion-r406="button-sheen"][aria-hidden="true"][inert]::before {
      content:"";
      background:
        linear-gradient(90deg,transparent,#e3ffff,#b2f0ff80,transparent) -60% 1px / 38% 2px no-repeat,
        linear-gradient(90deg,transparent,#b2f0ff80,#e3ffff,transparent) 160% calc(100% - 1px) / 38% 2px no-repeat;
      animation:ht-polish-button-reflection-r409 760ms cubic-bezier(.18,.72,.24,1) 1 both;
    }

    /* A small gold constellation expands around a committed favorite star. */
    html body[data-ht-polish-r409] ht-motion-visual-r406[data-ht-motion-r406="favorite-flare"][aria-hidden="true"][inert]::after {
      content:"";
      background:
        radial-gradient(circle at 50% 8%,#fff5d5 0 1.3px,transparent 2.2px),
        radial-gradient(circle at 83% 23%,#ffd975 0 1.6px,transparent 2.5px),
        radial-gradient(circle at 92% 57%,#fff5d5 0 1px,transparent 1.9px),
        radial-gradient(circle at 69% 88%,#ffdc8b 0 1.4px,transparent 2.3px),
        radial-gradient(circle at 29% 87%,#fff5d5 0 1.1px,transparent 2px),
        radial-gradient(circle at 8% 54%,#ffd975 0 1.6px,transparent 2.5px),
        radial-gradient(circle at 18% 20%,#fff5d5 0 1.1px,transparent 2px);
      animation:ht-polish-favorite-constellation-r409 640ms cubic-bezier(.16,.72,.24,1) 1 both;
    }

    /* Brackets resolve onto the selected artwork, leaving the artwork clear. */
    html body[data-ht-polish-r409] ht-motion-visual-r406[data-ht-motion-r406="selection-art"][aria-hidden="true"][inert]::before {
      content:"";
      inset:3px;
      background:
        linear-gradient(#d9fcff,#83e4f2) left top / 13px 2px no-repeat,
        linear-gradient(#d9fcff,#83e4f2) left top / 2px 13px no-repeat,
        linear-gradient(#d9fcff,#83e4f2) right top / 13px 2px no-repeat,
        linear-gradient(#d9fcff,#83e4f2) right top / 2px 13px no-repeat,
        linear-gradient(#83e4f2,#d9fcff) left bottom / 13px 2px no-repeat,
        linear-gradient(#83e4f2,#d9fcff) left bottom / 2px 13px no-repeat,
        linear-gradient(#83e4f2,#d9fcff) right bottom / 13px 2px no-repeat,
        linear-gradient(#83e4f2,#d9fcff) right bottom / 2px 13px no-repeat;
      animation:ht-polish-selection-brackets-r409 610ms cubic-bezier(.18,.72,.24,1) 1 both;
    }
    html body[data-ht-polish-r409] ht-motion-visual-r406[data-ht-motion-r406="selection-price"][aria-hidden="true"][inert]::before {
      content:"";
      inset:auto 3px 1px;
      height:2px;
      background:linear-gradient(90deg,transparent,#ffe3a1,#fff5d5,#ffe3a1,transparent);
      transform-origin:center;
      animation:ht-polish-price-gleam-r409 600ms cubic-bezier(.18,.72,.24,1) 1 both;
    }

    @keyframes ht-polish-button-reflection-r409 {
      0% {opacity:0;background-position:-60% 1px,160% calc(100% - 1px);}
      18% {opacity:.95;}
      72% {opacity:.8;}
      100% {opacity:0;background-position:160% 1px,-60% calc(100% - 1px);}
    }
    @keyframes ht-polish-favorite-constellation-r409 {
      0% {opacity:0;transform:scale(.45) rotate(-18deg);}
      30% {opacity:1;}
      70% {opacity:.85;}
      100% {opacity:0;transform:scale(1.1) rotate(18deg);}
    }
    @keyframes ht-polish-selection-brackets-r409 {
      0% {opacity:0;transform:scale(.86);}
      25% {opacity:.9;transform:scale(1);}
      68% {opacity:.8;transform:scale(1);}
      100% {opacity:0;transform:scale(1);}
    }
    @keyframes ht-polish-price-gleam-r409 {
      0% {opacity:0;transform:scaleX(.08);}
      26% {opacity:1;}
      72% {opacity:.85;transform:scaleX(1);}
      100% {opacity:0;transform:scaleX(1);}
    }
  }
}
/* R410 shared secondary-control finish. Movement is owned by the separate
   tactile stylesheet and retained press controller. No geometry, actions,
   hidden/disabled states, primary buttons or provider branding change here. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] :is(dialog,.store-drawer,#ht-workspace-surface,#ht-catalog-search-r324,#ht-contact-center-r324,#ht-deposit-dialog-r400) :is(.member-auth-back,.member-close,.dialog-close,.redeem-close,.welcome-close,.ht-search-back-r324,.ht-search-clear-r324,.ht-contact-back-r324,.ht-deposit-close-r400):not(:disabled):not([aria-disabled="true"]):not([hidden]):not(:focus-visible),
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] #ht-workspace-surface :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306):not(:disabled):not([aria-disabled="true"]):not([aria-pressed="true"]):not([hidden]):not(:focus-visible),
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] > header :is(.member-trigger,.member-language-quick):not(:disabled):not([aria-disabled="true"]):not([hidden]):not(:focus-visible) {
      background:linear-gradient(145deg,#183b53,#102a41 88%)!important;
      border-color:#668fa6!important;
      color:#e1f7ff!important;
      box-shadow:inset 0 1px #e8fbff30,inset 0 -1px #00132640,0 2px 6px #000b1926!important;
    }
    /* Selected filters keep a distinct committed state, independently of the
       temporary pressed movement. Disabled filters never receive this paint. */
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] #ht-workspace-surface .ht-history-filter-r306[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]):not(:focus-visible) {
      background:linear-gradient(135deg,#24566d,#173d55)!important;
      border-color:#a1e9f2!important;
      color:#effdff!important;
      box-shadow:inset 0 1px #e4ffff47,inset 0 0 0 1px #9ce9f224!important;
    }
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] #ht-contact-center-r324 a.ht-contact-row-r324:not([aria-disabled="true"]):not([hidden]):not(:focus-visible) {
      background:linear-gradient(145deg,#15364d,#0d273e)!important;
      border-color:#527c96!important;
      color:#e1f7ff!important;
      box-shadow:inset 0 1px #e4faff24,0 3px 10px #00091726!important;
    }
    /* Press paint deliberately stays navy; ordinary close/back actions do
       not flash the destructive red used for account-removal operations. */
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] :is(dialog,.store-drawer,#ht-workspace-surface,#ht-catalog-search-r324,#ht-contact-center-r324,#ht-deposit-dialog-r400) :is(.member-auth-back,.member-close,.dialog-close,.redeem-close,.welcome-close,.ht-search-back-r324,.ht-search-clear-r324,.ht-contact-back-r324,.ht-deposit-close-r400):not(:disabled):not([aria-disabled="true"]):not([hidden]):not(:focus-visible):is(:active,[data-ht-pressed="true"]),
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] #ht-workspace-surface :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306):not(:disabled):not([aria-disabled="true"]):not([hidden]):not(:focus-visible):active,
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] > header :is(.member-trigger,.member-language-quick):not(:disabled):not([aria-disabled="true"]):not([hidden]):not(:focus-visible):active {
      background:linear-gradient(145deg,#123249,#0a2035)!important;
      border-color:#a3e8f2!important;
      color:#effdff!important;
      box-shadow:inset 0 2px 5px #000c1b59,inset 0 1px #9ee7f21a!important;
    }
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] #ht-contact-center-r324 a.ht-contact-row-r324:not([aria-disabled="true"]):not([hidden]):not(:focus-visible):active {
      background:linear-gradient(145deg,#103047,#0a2035)!important;
      border-color:#9de3ef!important;
      box-shadow:inset 0 2px 6px #000c1b59!important;
    }
    /* Keep the existing focus outline geometry; only its accent is unified.
       The receipt Back button remains the existing cyan primary action. */
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] :is(dialog,.store-drawer,#ht-workspace-surface,#ht-catalog-search-r324,#ht-contact-center-r324,#ht-deposit-dialog-r400) :is(.member-auth-back,.member-close,.dialog-close,.redeem-close,.welcome-close,.ht-search-back-r324,.ht-search-clear-r324,.ht-contact-back-r324,.ht-deposit-close-r400,.ht-history-detail-back-r317):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible,
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] #ht-workspace-surface :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible,
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] #ht-contact-center-r324 a.ht-contact-row-r324:not([aria-disabled="true"]):not([hidden]):focus-visible {
      border-color:#b7f2fa!important;
      outline-color:#b7f2fa!important;
    }
  }
  @media (hover:hover) and (pointer:fine) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] :is(dialog,.store-drawer,#ht-workspace-surface,#ht-catalog-search-r324,#ht-contact-center-r324,#ht-deposit-dialog-r400) :is(.member-auth-back,.member-close,.dialog-close,.redeem-close,.welcome-close,.ht-search-back-r324,.ht-search-clear-r324,.ht-contact-back-r324,.ht-deposit-close-r400):not(:disabled):not([aria-disabled="true"]):not([hidden]):not(:focus-visible):hover:not(:active):not([data-ht-pressed="true"]),
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410] #ht-workspace-surface :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306):not(:disabled):not([aria-disabled="true"]):not([aria-pressed="true"]):not([hidden]):not(:focus-visible):hover:not(:active) {
      background:linear-gradient(145deg,#20485f,#15364e)!important;
      border-color:#8cd0df!important;
      box-shadow:inset 0 1px #f0ffff3b,0 3px 9px #000c1b33!important;
    }
  }
}
/* Real press movement, reusing the existing pointer/keyboard controller.
   It already eases --ht-control-scale 1 -> .98 in 70ms and back in 180ms.
   This maps that SAME track to a visible .96 press and 1.2px travel; it does
   not add an event handler, delay an action, or animate document layout. */
@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    @supports (scale:calc(1 * 2 - 1)) and (translate:0 calc((1 - 1) * 60px)) {
      html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410] :is(button:not(.pack):not(.game):not(.member-row):not(.member-account-choice):not(.member-account-remove),a.page-support,a.footer-social,a.footer-developer):not(#ht-contact-launcher-r324):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
        scale:clamp(.96,calc(var(--ht-control-scale,1) * 2 - 1),1)!important;
        translate:0 calc((1 - var(--ht-control-scale,1)) * 60px)!important;
      }
    }
    /* These native rows/disclosures are outside the old controller's whitelist.
       :active supplies movement without intercepting their normal actions. */
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410] :is(.member-row,.member-account-remove,summary,select,#ht-document-r363 > a,.ht-history-detail-actions-r317 > a):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      scale:1!important;
      transition:scale 140ms cubic-bezier(.2,.7,.2,1),background-color 140ms ease,border-color 140ms ease!important;
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410] :is(.member-row,.member-account-remove,summary,select,#ht-document-r363 > a,.ht-history-detail-actions-r317 > a):not(:disabled):not([aria-disabled="true"]):not([hidden]):active {
      scale:.98!important;
      transition-duration:70ms!important;
    }
    /* Keep account swiping's own horizontal translate and live drag timing.
       Only scale is added while the row is not being swiped. */
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410] .member-account-swipe > .member-account-choice:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      scale:1!important;
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410] .member-account-swipe:not(.is-swiping) > .member-account-choice:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      transition:translate 180ms ease-out,scale 140ms cubic-bezier(.2,.7,.2,1)!important;
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410] .member-account-swipe:not(.is-swiping) > .member-account-choice:not(:disabled):not([aria-disabled="true"]):not([hidden]):active {
      scale:.98!important;
    }
  }
}
/* R411: clearer owned glyphs. Actions and host press movement remain owned
   by their existing controllers; individual glyph motion is finite WAAPI. */
@layer ht-interface-refinement-r398 {
  html body[data-ui-layout][data-ht-semantic-r411] :is(
    .ht-history-refresh-r306,.member-auth-back,.ht-search-back-r324,
    .ht-contact-back-r324,.member-close,.dialog-close,.redeem-close,
    .welcome-close,.ht-search-clear-r324,#ht-catalog-search-open-r324,
    .member-switch-account,.member-use-another-account,.member-logout,
    .member-resend-code,.member-confirm-accept,.member-confirm-cancel,
    #check-account,#check-game,#check-telegram,.redeem-submit
  ) > svg,
  html body[data-ui-layout][data-ht-semantic-r411] svg.ht-action-icon-r292 {
    transform-box:view-box;
    transform-origin:center;
    flex-shrink:0;
    opacity:1;
  }
  html body[data-ui-layout][data-ht-semantic-r411] :is(
    .ht-history-refresh-r306,.member-auth-back,.ht-search-back-r324,
    .ht-contact-back-r324,.member-close,.dialog-close,.redeem-close,
    .welcome-close,.ht-search-clear-r324,#ht-catalog-search-open-r324
  ):not(:disabled):not([aria-disabled="true"]) > svg {
    color:#e7faff;
    stroke-width:2;
  }
  html body[data-ui-layout][data-ht-semantic-r411] ht-semantic-glyph-r411 {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    pointer-events:none;
    transform-origin:center;
  }
  @media (forced-colors:active) {
    html body[data-ui-layout][data-ht-semantic-r411] button > svg {
      color:ButtonText;
    }
  }
}
/* R411: mask the baked rounded JPEG corners using a proportional frame.
   Approved source artwork, responsive HD srcsets and image bounds stay exact. */
@layer ht-interface-refinement-r398 {
  html body.home-page[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-ht-semantic-r411]:has(#catalog-scroll) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]) > .app-icon-frame,
  html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-ht-semantic-r411]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]) > img {
    border-radius:24%!important;
    overflow:hidden!important;
  }
  /* Both current-language SVGs draw y=5..31 inside a 36-square viewBox.
     Expand that existing canvas vertically and clip its transparent bands.
     The 36:26 paint ratio preserves the WHOLE flag without stretching it.
     Outer tap height remains 44px; only this header button becomes wider. */
  html body[data-ui-layout][data-ht-semantic-r411] > header .member-language-quick {
    position:relative!important;
    box-sizing:border-box!important;
    inline-size:calc(42px * 36 / 26 + 2px)!important;
    min-inline-size:calc(42px * 36 / 26 + 2px)!important;
    block-size:44px!important;
    min-block-size:44px!important;
    padding:0!important;
    border-width:1px!important;
    overflow:hidden!important;
    flex-shrink:0;
    isolation:isolate;
  }
  html body[data-ui-layout][data-ht-semantic-r411] > header .member-language-quick > img.member-current-flag {
    position:absolute!important;
    display:block!important;
    inset-inline-start:0!important;
    inset-block-start:-19.23076923%!important;
    inline-size:100%!important;
    block-size:138.46153846%!important;
    max-inline-size:none!important;
    max-block-size:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    object-fit:fill!important;
    pointer-events:none;
  }
}
/* R412: account wells and contextual feedback in the accepted navy palette.
   Native labels, validation, live regions, dismiss timers and existing finite
   entrances retain their original owners. No hidden state is exposed. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) {
      border:1px solid #456079!important;
      border-radius:14px!important;
      background:linear-gradient(155deg,#10273a,#0a1b2d)!important;
      color:#edf8ff!important;
      caret-color:#a6edfa!important;
      box-shadow:inset 0 1px #e0f5ff0c,0 1px 2px #020b1629!important;
      outline:2px solid transparent!important;
      outline-offset:-2px!important;
      transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select)::placeholder {
      color:#a5bed1!important;
      opacity:1!important;
    }
    /* The focus outline overlaps the border. There is no separated second
       frame, and its 2px thickness remains visible for keyboard navigation. */
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus-visible {
      border-color:#8de1ed!important;
      outline-color:#8de1ed!important;
      background:linear-gradient(155deg,#153347,#0d2337)!important;
      box-shadow:0 0 0 3px #44c8e014,inset 0 1px #d7faff14!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account .account input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])[aria-invalid="true"] {
      border-color:#d99d92!important;
      background:linear-gradient(155deg,#222939,#101e30)!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account .account input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])[aria-invalid="true"]:focus-visible {
      border-color:#f2b5a8!important;
      outline-color:#f2b5a8!important;
      box-shadow:0 0 0 3px #ed998814,inset 0 1px #ffe7df0c!important;
    }

    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result:not(:empty):not([hidden]) {
      display:grid!important;
      grid-template-columns:28px minmax(0,1fr)!important;
      align-items:center!important;
      column-gap:10px!important;
      padding:11px 13px!important;
      border:1px solid #415c72!important;
      border-inline-start-width:2px!important;
      border-radius:14px!important;
      background:linear-gradient(140deg,#152c40,#0d2135)!important;
      color:#dcebf6!important;
      box-shadow:inset 0 1px #d8f5ff0a,0 3px 12px #000b1921!important;
      font-weight:500!important;
      line-height:1.65!important;
      overflow-wrap:anywhere!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result:not(:empty):not([hidden])::before {
      display:grid!important;
      place-items:center!important;
      position:static!important;
      inset:auto!important;
      float:none!important;
      inline-size:28px!important;
      block-size:28px!important;
      border:1px solid #6fa6b242!important;
      border-radius:9px!important;
      margin:0!important;
      background:#a0dce912!important;
      color:#b7edf4!important;
      font-size:17px!important;
      line-height:1!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result.error:not(:empty):not([hidden]) {
      border-color:#68505b!important;
      border-inline-start-color:#e6a193!important;
      background:linear-gradient(140deg,#252a3a,#142238)!important;
      color:#ffdbd3!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result.error:not(:empty):not([hidden])::before {
      background:#efa28c12!important;
      border-color:#e6a19345!important;
      color:#ffc1ad!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result.success:not(:empty):not([hidden]) {
      border-inline-start-color:#85dfb9!important;
      color:#d6f6e6!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result.success:not(:empty):not([hidden])::before {
      background:#79dfb214!important;
      border-color:#85dfb945!important;
      color:#a5efce!important;
    }

    /* A success notice is a navy surface with a local mint status badge.
       The existing 200ms entrance and 4500ms dismissal are unchanged. */
    html body[data-ui-layout][data-ht-account-controls-r412] #selection-feedback-r185.selection-toast-stack:has(> .selection-toast.notice-package) {
      width:min(400px,calc(100% - 24px))!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412] #selection-feedback-r185 .selection-toast.notice-package {
      display:grid!important;
      grid-template-columns:30px minmax(0,1fr) 44px!important;
      align-items:center!important;
      gap:10px!important;
      min-height:60px!important;
      padding:8px 10px 8px 12px!important;
      border:1px solid #46657a!important;
      border-inline-start:2px solid #7edbb7!important;
      border-radius:16px!important;
      background:linear-gradient(145deg,#18354a,#0c2236 85%)!important;
      color:#e8f7f3!important;
      box-shadow:inset 0 1px #d9ffff12,0 12px 30px #00091666!important;
      text-shadow:none!important;
      pointer-events:none!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412] #selection-feedback-r185 .selection-toast.notice-package > i {
      display:grid!important;
      place-items:center!important;
      inline-size:30px!important;
      block-size:30px!important;
      margin:0!important;
      border:1px solid #75d8b04d!important;
      border-radius:10px!important;
      background:linear-gradient(145deg,#224f4b,#173d40)!important;
      color:#a1f0cd!important;
      font-size:20px!important;
      line-height:1!important;
      box-shadow:inset 0 1px #dcfff21a!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412] #selection-feedback-r185 .selection-toast.notice-package > i .ht-emoji {
      inline-size:20px!important;
      block-size:20px!important;
      margin:0!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412] #selection-feedback-r185 .selection-toast.notice-package > span {
      min-width:0!important;
      font-size:14px!important;
      line-height:1.6!important;
      font-weight:600!important;
      overflow-wrap:anywhere!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412] #selection-feedback-r185 .selection-toast.notice-package > button {
      display:grid!important;
      place-items:center!important;
      inline-size:44px!important;
      min-inline-size:44px!important;
      block-size:44px!important;
      min-block-size:44px!important;
      padding:0!important;
      margin:0!important;
      border:1px solid transparent!important;
      border-radius:11px!important;
      background:transparent!important;
      color:#c1d9e6!important;
      box-shadow:none!important;
      font-size:23px!important;
      line-height:1!important;
      pointer-events:auto!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412] #selection-feedback-r185 .selection-toast.notice-package > button:is(:hover,:active) {
      background:#9edbed12!important;
      color:#f0fcff!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412] #selection-feedback-r185 .selection-toast.notice-package > button:focus-visible {
      background:#9edbed12!important;
      outline:2px solid #a5e7ef!important;
      outline-offset:-2px!important;
    }
  }
}
/* R413: one Cyan/Blue primary palette, compact language artwork, clearer
   install/payment surfaces and restrained brand motion. Actions stay owned. */
@layer ht-interface-refinement-r398 {
  body[data-ht-primary-palette-r413] {
    --ht-primary-r413:linear-gradient(110deg,#47def0,#3f90f7);
    --ht-primary-ink-r413:#071626;
    --ht-primary-edge-r413:#9beaf9;
  }
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([aria-invalid="true"]) {
      background:linear-gradient(155deg,#113248,#0c2238)!important;
      border-color:#4c819b!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([aria-invalid="true"]):focus-visible {
      border-color:#47def0!important;
      outline-color:#47def0!important;
      box-shadow:0 0 0 3px #47def015,inset 0 1px #d7faff14!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result:not(:empty):not([hidden]) {
      background:linear-gradient(140deg,#163b51,#102a40)!important;
      border-color:#4c819b!important;
      color:#e0f2fc!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result.error:not(:empty):not([hidden]) {
      border-inline-start-color:#e6a193!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413] #selection-feedback-r185 .selection-toast.notice-package {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      border-inline-start-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff7a,0 10px 28px #000d2459!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413] #selection-feedback-r185 .selection-toast.notice-package > i {
      background:linear-gradient(145deg,#123b4c,#102d45)!important;
      border-color:#a9f0f470!important;
      color:#adf5df!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413] #selection-feedback-r185 .selection-toast.notice-package > :is(span,button) {
      color:var(--ht-primary-ink-r413)!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413] #selection-feedback-r185 .selection-toast.notice-package > button:is(:hover,:active,:focus-visible) {
      background:#07162612!important;
      color:var(--ht-primary-ink-r413)!important;
      outline-color:var(--ht-primary-ink-r413)!important;
    }

    /* Primary actions share one surface, while unavailable Pay remains muted
       and retains the native disabled attribute and original authority. */
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(#check-account,#check-telegram,#check-game):not(:disabled):not([aria-disabled="true"]),
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-ht-primary-palette-r413] .customer-wallet-deposit-r355[data-deposit-preview-r400]:not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-pulse-r406][data-ht-polish-r409][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .total > button:not(:disabled):not([aria-disabled="true"]) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      border-radius:14px!important;
      box-shadow:inset 0 1px #f3ffff7a,inset 0 -1px #194a8b24,0 3px 10px #001b3033!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .total > button:is(:disabled,[aria-disabled="true"]) {
      background:linear-gradient(110deg,#244e63,#254b74)!important;
      border-color:#608ba4!important;
      border-radius:14px!important;
      color:#c3dae9!important;
      opacity:1!important;
      box-shadow:inset 0 1px #c9f7ff24,inset 0 -1px #00152c38!important;
    }

    /* Payment rows remain informational; Wallet remains the account link. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-panel {
      background:linear-gradient(145deg,#102c42,#0b2035)!important;
      border-color:#456b85!important;
      box-shadow:inset 0 1px #dffaff14,0 5px 18px #000b1e26!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option[aria-disabled="true"],
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .payment.payment-panel > a.balance-payment-r357 {
      background:linear-gradient(125deg,#173a51,#102940)!important;
      border:1px solid #416b85!important;
      border-radius:14px!important;
      box-shadow:inset 0 1px #d9f8ff12!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option > :is(.payment-brand,.payment-card-icon),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .balance-payment-icon-r357 {
      background:linear-gradient(145deg,#123b50,#092236)!important;
      border-color:#548da8!important;
      border-radius:12px!important;
      color:#a5edfa!important;
      box-shadow:inset 0 1px #dcfaff1a!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--payment :is(.payment-option b,.balance-payment-title-r357) {
      color:#eefaff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) .checkout-panel--payment :is(.payment-option small,.balance-payment-status-r357) {
      color:#b6cfe0!important;
    }

    /* Smaller visible flag, with an unchanged 44-square hit area. The square
       SVG canvas contains a 36x26 flag and keeps its original source/ratio. */
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413] > header .member-language-quick:not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413] > header .member-language-quick:not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:hover,:active,:focus-visible) {
      inline-size:44px!important;
      min-inline-size:44px!important;
      block-size:44px!important;
      min-block-size:44px!important;
      padding:0!important;
      border:0!important;
      border-radius:12px!important;
      background:none!important;
      box-shadow:none!important;
      overflow:visible!important;
    }
    html body[data-ui-layout][data-ht-semantic-r411][data-ht-primary-palette-r413] > header .member-language-quick > img.member-current-flag {
      inset-inline-start:4px!important;
      inset-block-start:4px!important;
      inline-size:36px!important;
      block-size:36px!important;
      transform-origin:center;
      transform-box:border-box;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] > header .member-language-quick:focus-visible {
      outline:2px solid #9beaf9!important;
      outline-offset:0!important;
    }

    /* App-owned installation UI only: native browser prompts stay untouched. */
    html body[data-ui-layout][data-ht-primary-palette-r413] > .app-install-banner:not([hidden]) {
      background:linear-gradient(110deg,#102f43,#0a2138)!important;
      border-color:#4c809b!important;
      box-shadow:inset 0 -1px #98e8f215!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] > .app-install-banner:not([hidden]) .install-copy b {
      color:#f0faff!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] > .app-install-banner:not([hidden]) .install-copy :is(small,.install-hint):not([hidden]) {
      color:#b9d1e2!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] :is(.app-install-banner:not([hidden]) .install-now,.ht-install-sheet-r301[open] .ht-install-primary-r301):not(:disabled):not([aria-disabled="true"]) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      border-radius:12px!important;
      box-shadow:inset 0 1px #f3ffff7a,0 3px 10px #001b3033!important;
      font-weight:700!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] .ht-install-sheet-r301[open] {
      background:linear-gradient(145deg,#123249,#0b2137 80%)!important;
      border-color:#5b8ca6!important;
      box-shadow:inset 0 1px #d7f8ff24,0 20px 60px #00071988!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] .ht-install-sheet-r301[open] :is(h2,#ht-install-sheet-title-r301) {
      color:#f1faff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] .ht-install-sheet-r301[open] :is(p,ol,li) {
      color:#c9ddeb!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] .ht-install-sheet-r301[open] .ht-install-guide-r301:not([hidden]) {
      background:#102b42!important;
      border:1px solid #3d6983!important;
      border-radius:14px!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] .ht-install-sheet-r301[open] .ht-install-cancel-r301:not([hidden]) {
      background:linear-gradient(145deg,#1b3b51,#102940)!important;
      border-color:#668da5!important;
      color:#e1f2fc!important;
      border-radius:12px!important;
      box-shadow:inset 0 1px #e0f7ff12!important;
    }
  }

  /* Remove only the requested package marks, preserving selected host paint
     and ARIA. No Home favorites or payment indicators are affected. */
  html body[data-ui-layout][data-ht-primary-palette-r413]:has(#packages):has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"])::after,
  html body[data-ht-primary-palette-r413] ht-motion-visual-r406[data-ht-motion-r406="selection-art"][aria-hidden="true"][inert]::before {
    content:none!important;
    display:none!important;
    animation:none!important;
  }

  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-primary-palette-r413] > header .site-brand {
      position:relative;
      isolation:isolate;
      overflow:hidden;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] > header .site-brand::after {
      content:"";
      position:absolute;
      inset:-10% auto -10% 0;
      width:24%;
      pointer-events:none;
      background:linear-gradient(110deg,transparent,#dfffff99,transparent);
      opacity:0;
      animation:ht-brand-glint-r413 9s ease-in-out infinite;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413] .ht-install-sheet-r301[open] .ht-install-sheet-icon-r301 {
      animation:ht-brand-float-r413 5.8s ease-in-out infinite;
    }
    @keyframes ht-brand-glint-r413 {
      0%,2% {opacity:0;transform:translateX(-180%) skewX(-18deg);}
      5% {opacity:.55;}
      15% {opacity:0;transform:translateX(520%) skewX(-18deg);}
      100% {opacity:0;transform:translateX(520%) skewX(-18deg);}
    }
    @keyframes ht-brand-float-r413 {
      0%,100% {translate:0 0;}
      50% {translate:0 -2px;}
    }
  }
}
/* R414: actual movement across customer tasks, a stationary language flag,
   a bottom language sheet, clear type and full-color contextual feedback.
   Existing handlers, focus, validation, scroll and payment authority remain. */
@layer ht-interface-refinement-r398 {
  html body[data-ui-layout][data-ht-responsive-motion-r414] {
    text-rendering:optimizeLegibility;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #packages.packages > button.pack > b,
  html body.home-page[data-ui-layout][data-ht-responsive-motion-r414] #catalog-scroll a.game > b,
  html body[data-ui-layout][data-ht-responsive-motion-r414] #ht-catalog-search-r324 a.ht-search-game-r324 > b {
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:700!important;
    text-shadow:none!important;
  }
  html body.home-page[data-ui-layout][data-ht-lisa-r399][data-ht-responsive-motion-r414]:has(#catalog-scroll) #catalog-scroll a.game > b,
  html body.home-page[data-ui-layout][data-ht-lisa-r399][data-ht-responsive-motion-r414]:has(#catalog-scroll) #catalog-scroll .ht-catalog-name-r359,
  html body[data-ui-layout][data-ht-lisa-r399][data-ht-responsive-motion-r414]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b,
  html body[data-ui-layout][data-ht-lisa-r399][data-ht-responsive-motion-r414]:has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-name-r359 {
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:700!important;
    text-shadow:none!important;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] :is(.account-result,.selection-toast > span,.payment-option small,.balance-payment-status-r357) {
    font-size:14px!important;
    line-height:1.6!important;
    text-shadow:none!important;
  }

  /* The flag is deliberately still. Its existing button opens the sheet. */
  html body[data-ui-layout][data-ht-responsive-motion-r414] > header .member-current-flag {
    rotate:none!important;
    animation:none!important;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] {
    position:fixed!important;
    inset:0!important;
    margin:auto!important;
    width:min(440px,calc(100% - 32px))!important;
    height:max-content!important;
    max-height:min(82dvh,620px)!important;
    padding:22px!important;
    border-radius:22px!important;
    box-sizing:border-box!important;
    overflow:auto!important;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] .member-panel-heading {
    min-height:44px!important;
    margin:0 0 14px!important;
    padding:0 0 12px!important;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] #member-language-title {
    margin:0!important;
    font-size:21px!important;
    line-height:1.5!important;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] .member-close {
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex-shrink:0;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] #member-language-list:not([hidden]) {
    gap:6px!important;
    padding:0!important;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] #member-language-list > button[data-language] {
    min-height:62px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    gap:12px!important;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] .member-language-label b {
    font-size:16px!important;
    line-height:1.4!important;
  }
  html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] .member-language-label small {
    font-size:13px!important;
    line-height:1.5!important;
  }
  @media (max-width:650px) {
    html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] {
      inset:auto 0 0!important;
      margin:0!important;
      width:100%!important;
      max-width:none!important;
      height:auto!important;
      max-height:calc(100dvh - 64px)!important;
      padding:24px 18px calc(18px + env(safe-area-inset-bottom,0px))!important;
      border-radius:24px 24px 0 0!important;
      border-bottom-width:0!important;
    }
  }
  @media (forced-colors:none) {
    /* Every owned notice uses the same clear layout and dismiss target.
       Existing notice creation, live region and lifetime remain unchanged. */
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast:not([hidden]) {
      display:grid!important;
      grid-template-columns:32px minmax(0,1fr) 44px!important;
      align-items:center!important;
      gap:11px!important;
      min-height:64px!important;
      padding:9px 10px 9px 12px!important;
      border-radius:18px!important;
      box-shadow:inset 0 1px #f5ffff8c,0 14px 34px #000b2859!important;
      pointer-events:none!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > i {
      width:32px!important;
      height:32px!important;
      border-radius:11px!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > span {
      font-size:14px!important;
      font-weight:600!important;
      line-height:1.55!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast.notice-account-error {
      background:linear-gradient(110deg,#ffbe9e,#ff92b6)!important;
      border-color:#ffd0be!important;
      color:#341628!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast.notice-account-found {
      background:linear-gradient(110deg,#a6f2d5,#64dbe6)!important;
      border-color:#c8fff0!important;
      color:#082d31!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > button,
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > button:is(:hover,:active,:focus-visible) {
      position:relative!important;
      width:44px!important;
      height:44px!important;
      min-width:44px!important;
      min-height:44px!important;
      padding:0!important;
      border:1px solid #dcf8ff4d!important;
      border-radius:12px!important;
      background:linear-gradient(145deg,#153d50,#0b2c42)!important;
      color:#f0fcff!important;
      font-size:0!important;
      box-shadow:inset 0 1px #d8f8ff24,0 2px 6px #00132824!important;
      pointer-events:auto!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > button:focus-visible {
      outline:2px solid #08283d!important;
      outline-offset:2px!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > button:not(:has(> svg))::before,
    html body[data-ui-layout][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > button:not(:has(> svg))::after {
      content:""!important;
      display:block!important;
      position:absolute!important;
      left:calc(50% - 7px)!important;
      top:calc(50% - 1px)!important;
      width:14px!important;
      height:2px!important;
      border-radius:2px!important;
      background:currentColor!important;
      pointer-events:none!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > button:not(:has(> svg))::before {transform:rotate(45deg)!important;}
    html body[data-ui-layout][data-ht-responsive-motion-r414] #selection-feedback-r185 .selection-toast > button:not(:has(> svg))::after {transform:rotate(-45deg)!important;}
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result.error:not(:empty):not([hidden]) {
      background:linear-gradient(110deg,#ffbe9e,#ff92b6)!important;
      border-color:#ffd0be!important;
      color:#341628!important;
      box-shadow:inset 0 1px #fff8ed80,0 4px 14px #35152824!important;
      font-weight:600!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result.error:not(:empty):not([hidden])::before {
      background:#341628!important;
      border-color:#fff2e94d!important;
      color:#fff2e9!important;
    }
    /* Exact Deposit palette, including the unavailable native Pay button.
       This paint never changes disabled, availability, click or request state. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414]:has(#packages):has(#package-filters) .total > button:is(:disabled,[aria-disabled="true"]) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      opacity:1!important;
      box-shadow:inset 0 1px #f3ffff7a,inset 0 -1px #194a8b24,0 3px 10px #001b3033!important;
      cursor:not-allowed!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > :is(.member-switch-account,.member-logout):not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > :is(.member-switch-account,.member-logout):not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:hover,:active,:focus-visible) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff66,inset 0 -1px #194a8b24!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-account-list {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-account-choice {
      background:linear-gradient(135deg,#14364d,#0c253c)!important;
      border-color:#4b7d98!important;
      box-shadow:inset 0 1px #dffaff14!important;
      color:#edf8ff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-account-choice[aria-current="true"] {
      background:linear-gradient(115deg,#1c586c,#1b4168)!important;
      border-color:#86e4f2!important;
      box-shadow:inset 0 0 0 1px #86e4f24d,inset 0 1px #e7ffff29!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-account-copy b {color:#f2fbff!important;}
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #ht-workspace-surface .member-auth[open][data-mode="accounts"] :is(.member-account-email,.member-account-meta) {color:#c0d9e9!important;}
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-use-another-account:not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface :is(.ht-history-toggle-r307,.ht-history-refresh-r306,.ht-history-detail-back-r317):not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface .ht-history-filter-r306[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff66,inset 0 -1px #194a8b24!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface .ht-history-toggle-r307 .ht-history-chevron-r307 {border-color:#071626!important;}
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-use-another-account:not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:hover,:active,:focus-visible),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface :is(.ht-history-toggle-r307,.ht-history-refresh-r306,.ht-history-detail-back-r317):not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:hover,:active,:focus-visible),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface .ht-history-filter-r306[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:hover,:active,:focus-visible) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff66,inset 0 -1px #194a8b24!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface .ht-history-empty-r307 {
      background:radial-gradient(ellipse at 50% 0,#3da6bc1f,transparent 75%),linear-gradient(145deg,#123349,#0c233a)!important;
      border-color:#46758f!important;
      color:#d8edf8!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface .ht-history-empty-r307 > .ht-history-empty-art-r307 > svg {color:#94e4ef!important;}
    html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] {
      background:linear-gradient(145deg,#123249,#0b2137 85%)!important;
      border-color:#64a4be!important;
      box-shadow:inset 0 1px #d7faff38,0 18px 54px #00081788!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] .member-panel-heading {
      border-bottom-color:#49748e!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] #member-language-list > button[data-language] {
      background:#102b42!important;
      border-color:#345d77!important;
      color:#edf8ff!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] #member-language-list > button[data-language][aria-pressed="true"] {
      background:linear-gradient(110deg,#1c4c60,#163a55)!important;
      border-color:#78dceb!important;
      box-shadow:inset 0 0 0 1px #78dceb33!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] .member-language-label small {color:#b7d0e1!important;}
  }
}

@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* Reuse the retained 70ms/180ms pointer track: stronger displacement,
       no new listener and no waiting before an action is allowed to run. */
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410][data-ht-studio-r405][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414] :is(.member-auth-back,.member-close,.member-switch-account,.member-use-another-account,.member-logout,.member-primary,.member-secondary,.member-mode-switch,.member-resend-code,.redeem-submit,.redeem-close,.ht-history-toggle-r307,.ht-history-refresh-r306,.ht-history-filter-r306,.ht-history-page-r306,.ht-history-detail-back-r317,.ht-search-back-r324,.ht-search-clear-r324,#ht-catalog-search-open-r324,.ht-contact-back-r324,.ht-install-cancel-r301,.ht-install-primary-r301,.install-now,.install-dismiss,.ht-deposit-close-r400,.ht-deposit-presets-r400 > button,.customer-wallet-deposit-r355,#check-account,#check-game,#check-telegram,.bonus-understood,.dialog-close,#member-language-list > button[data-language],#selection-feedback-r185 .selection-toast > button):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      scale:clamp(.94,calc(var(--ht-control-scale,1) * 3 - 2),1)!important;
      translate:0 calc((1 - var(--ht-control-scale,1)) * 100px)!important;
    }
    /* Whole artwork frames move, retaining full-bleed image edges and zoom. */
    html body.home-page[data-ui-layout][data-ht-responsive-motion-r414] #catalog-scroll a.game > .app-icon-frame,
    html body[data-ui-layout][data-ht-responsive-motion-r414] #ht-catalog-search-r324 a.ht-search-game-r324 > img,
    html body[data-ui-layout][data-ht-responsive-motion-r414] #packages button.pack > .pack-artplate {
      transition:translate 200ms cubic-bezier(.2,.8,.2,1),rotate 200ms ease,scale 200ms ease,transform 200ms ease,box-shadow 180ms ease!important;
    }
    html body.home-page[data-ui-layout][data-ht-responsive-motion-r414] #catalog-scroll a.game:active > .app-icon-frame,
    html body[data-ui-layout][data-ht-responsive-motion-r414] #ht-catalog-search-r324 a.ht-search-game-r324:active > img,
    html body[data-ui-layout][data-ht-responsive-motion-r414] #packages button.pack:not(:disabled):active > .pack-artplate {
      translate:0 3px!important;
      rotate:.65deg!important;
      scale:.95!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] > header .site-brand,
    html body[data-ui-layout][data-ht-responsive-motion-r414] .ht-install-sheet-r301[open] .ht-install-sheet-icon-r301 {
      animation:ht-logo-alive-r414 4.8s ease-in-out infinite!important;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] > header .site-brand {
      transition:scale 160ms ease;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414] > header .site-brand:active {
      animation-play-state:paused!important;
      scale:.95;
    }
    html body[data-ui-layout][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface .ht-history-empty-r307 > .ht-history-empty-art-r307 > svg {
      animation:ht-empty-bob-r414 3.8s ease-in-out infinite!important;
    }
    /* Only local, non-fixed task surfaces enter. Main/workspace ancestors,
       Total, Footer, provider branding and saved-account swipes stay owned. */
    html:not(.ht-page-loading-r266) body[data-ui-layout][data-ht-responsive-motion-r414] :is(.checkout-panel--account,.checkout-panel--packages,.checkout-panel--payment),
    html:not(.ht-page-loading-r266) body[data-ui-layout][data-ht-responsive-motion-r414][data-workspace-page="order"] #ht-workspace-surface :is(.ht-history-table-scroll-r317,.ht-history-detail-r317,.ht-history-empty-r307):not([hidden]),
    html:not(.ht-page-loading-r266) body[data-ui-layout][data-ht-responsive-motion-r414][data-workspace-page="profile"] #ht-workspace-surface :is(.member-identity-r359,.customer-wallet-r355):not([hidden]),
    html:not(.ht-page-loading-r266) body[data-ui-layout][data-ht-responsive-motion-r414][data-workspace-page="owner"] #ht-workspace-surface :is(.workspace-error-r290,.member-owner-stat,.member-order-card):not([hidden]),
    html body[data-ui-layout][data-ht-responsive-motion-r414] #ht-document-r363 details[open] > p {
      animation:ht-task-arrive-r414 360ms cubic-bezier(.2,.8,.2,1) backwards!important;
    }
    html:not(.ht-page-loading-r266) body[data-ui-layout][data-ht-responsive-motion-r414][data-workspace-page="redeem"] #ht-workspace-surface > .redeem-dialog[open] :is(#redeem-title,.redeem-context):not([hidden]) {
      animation:ht-task-arrive-r414 360ms cubic-bezier(.2,.8,.2,1) backwards!important;
    }
    @keyframes ht-task-arrive-r414 {
      from {translate:0 12px;opacity:.78;}
      to {translate:0 0;opacity:1;}
    }
    @keyframes ht-logo-alive-r414 {
      0%,100% {translate:0 0;rotate:-.4deg;}
      50% {translate:0 -3px;rotate:.4deg;}
    }
    @keyframes ht-empty-bob-r414 {
      0%,100% {translate:0 0;}
      50% {translate:0 -4px;}
    }
  }
  @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-responsive-motion-r414] #catalog-scroll a.game:hover:not(:active) > .app-icon-frame,
    html body[data-ui-layout][data-ht-responsive-motion-r414] #ht-catalog-search-r324 a.ht-search-game-r324:hover:not(:active) > img,
    html body[data-ui-layout][data-ht-responsive-motion-r414] #packages button.pack:not(:disabled):hover:not(:active) > .pack-artplate {
      translate:0 -4px!important;
      rotate:-.55deg!important;
    }
  }
}

@layer ht-interface-refinement-r398 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] {
      animation:ht-language-card-in-r414 280ms cubic-bezier(.2,.8,.2,1) backwards!important;
    }
    @keyframes ht-language-card-in-r414 {
      from {transform:translateY(20px) scale(.975);}
      to {transform:none;}
    }
    @media (max-width:650px) {
      html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open] {
        animation-name:ht-language-sheet-in-r414!important;
        animation-duration:300ms!important;
      }
      html body[data-ui-layout][data-ht-responsive-motion-r414] #member-language-dialog[open].is-closing {
        animation:ht-language-sheet-out-r414 130ms ease-in backwards!important;
      }
      @keyframes ht-language-sheet-in-r414 {
        from {transform:translateY(100%);}
        to {transform:none;}
      }
      @keyframes ht-language-sheet-out-r414 {
        from {transform:none;}
        to {transform:translateY(100%);}
      }
    }
  }
}
/* R415: red Logout, matching primary actions, smaller star artwork and
   crisp code-native notification icons.
   All existing press/icon motion and action ownership remain unchanged. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    /* All four modal Back controls share the primary paint in every state,
       including the retained fine-pointer hover layer. */
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff66,inset 0 -1px #194a8b24!important;
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back):not(:disabled):not([aria-disabled="true"]):not([hidden]) > svg,
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back):not(:disabled):not([aria-disabled="true"]):not([hidden]) > svg * {
      color:var(--ht-primary-ink-r413)!important;
      stroke:currentColor!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > .member-logout:not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-workspace-page="profile"] #ht-workspace-surface > dialog.member-auth[open][data-mode="profile"] > .member-logout:not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:hover,:active,:focus-visible) {
      background:linear-gradient(110deg,#ca3150,#a72039)!important;
      border-color:#f48a9d!important;
      color:#fff6f8!important;
      box-shadow:inset 0 1px #ffe7ed59,inset 0 -1px #680f322e!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-account-choice[aria-current="true"],
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff80,inset 0 -1px #194a8b24!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-account-choice[aria-current="true"] :is(b,.member-account-email,.member-account-meta,.member-account-current) {
      color:var(--ht-primary-ink-r413)!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-account-remove {
      background:linear-gradient(110deg,#ca3150,#a72039)!important;
      border-color:#f48a9d!important;
      color:#fff6f8!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button:not(:disabled):not([aria-disabled="true"]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button:not(:disabled):not([aria-disabled="true"]):is(:hover,:active,:focus-visible) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff66,inset 0 -1px #194a8b24!important;
    }
    /* Keep the chosen amount easy to distinguish when all four share a color. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-deposit-dialog-r400 .ht-deposit-presets-r400 > button[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"]) {
      box-shadow:inset 0 0 0 2px #092c4e,inset 0 0 0 4px #e0fcffb3,0 0 0 1px #8ae9f466!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-deposit-dialog-r400[open] :is(.ht-deposit-close-r400,.ht-deposit-submit-r400),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-deposit-dialog-r400[open] :is(.ht-deposit-close-r400,.ht-deposit-submit-r400):is(:hover,:active,:focus-visible,:disabled) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      opacity:1!important;
      box-shadow:inset 0 1px #f3ffff66,inset 0 -1px #194a8b24!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415] #ht-deposit-dialog-r400 label.ht-deposit-method-r400:has(input:checked) {
      background:linear-gradient(115deg,#1c5266,#163c59)!important;
      border-color:#86e4f2!important;
      box-shadow:inset 0 1px #e8ffff3d,inset 3px 0 #7ae6ef!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415] #ht-deposit-dialog-r400 #ht-deposit-total-r400 {
      background:linear-gradient(145deg,#12344c,#081b30)!important;
      border-color:#6ca2bc!important;
      color:#ffe19b!important;
      box-shadow:inset 0 1px #deffff33,0 3px 10px #000a1d33!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-catalog-search-r324 :is(.ht-search-back-r324,.ht-search-tab-r324[aria-selected="true"]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-catalog-search-r324 :is(.ht-search-back-r324,.ht-search-tab-r324[aria-selected="true"]):is(:hover,:active,:focus-visible),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-contact-center-r324[open] :is(.ht-contact-back-r324,.ht-contact-action-r324),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #ht-contact-center-r324[open] :is(.ht-contact-back-r324,.ht-contact-action-r324):is(:hover,:active,:focus-visible) {
      background:var(--ht-primary-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      box-shadow:inset 0 1px #f3ffff66,inset 0 -1px #194a8b24!important;
    }
    html body[data-ui-layout][data-ht-logout-red-r415]:is(:has(#catalog-scroll),:has(#ht-catalog-query-r324)) :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324 {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-logout-red-r415]:is(:has(#catalog-scroll),:has(#ht-catalog-query-r324)) :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324::before {
      inset:7px!important;
    }
    html body[data-ui-layout][data-ht-logout-red-r415]:is(:has(#catalog-scroll),:has(#ht-catalog-query-r324)) :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324 > svg {
      width:18px!important;
      height:18px!important;
      stroke-width:1.65!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #selection-feedback-r185 .selection-toast:is(.notice-package,.notice-account-found) > i {
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.5 12 4.3 4.3 8.7-8.7' fill='none' stroke='%23e8fff6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(145deg,#174d51,#092b40)!important;
      background-position:center!important;
      background-size:24px 24px,100% 100%!important;
      background-repeat:no-repeat!important;
      color:transparent!important;
      font-size:0!important;
      border-color:#a5efdb80!important;
    }
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #selection-feedback-r185 .selection-toast:is(.notice-package,.notice-account-found,.notice-account-error) > i > * {visibility:hidden!important;}
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] #selection-feedback-r185 .selection-toast.notice-account-error > i,
    html body[data-ui-layout][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415]:has(#packages):has(#package-filters) .checkout-panel--account #account-result.account-result.error:not(:empty):not([hidden])::before {
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10.3 4.4-7.8 13.6a2 2 0 0 0 1.7 3h15.6a2 2 0 0 0 1.7-3l-7.8-13.6a2 2 0 0 0-3.4 0Z' fill='none' stroke='%23fff0e8' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M12 9v4.5' stroke='%23fff0e8' stroke-width='2.1' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17' r='1.1' fill='%23fff0e8'/%3E%3C/svg%3E"),linear-gradient(145deg,#582638,#35162a)!important;
      background-position:center!important;
      background-size:22px 22px,100% 100%!important;
      background-repeat:no-repeat!important;
      color:transparent!important;
      font-size:0!important;
      border-color:#ffe3d259!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-panel {
      background:linear-gradient(145deg,#102b43,#081c31)!important;
      border-color:#456b89!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option[aria-disabled="true"] {
      background:radial-gradient(ellipse at 0 0,#38bbdb26,transparent 80%),linear-gradient(115deg,#17435a,#122b47)!important;
      border-color:#568ca5!important;
      box-shadow:inset 0 1px #dafaff2e,inset 0 -1px #0716274d!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#packages):has(#package-filters) .payment.payment-panel > a.balance-payment-r357,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#packages):has(#package-filters) .payment.payment-panel > a.balance-payment-r357:is(:hover,:active,:focus-visible) {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff80,inset 0 -1px #194a8b24!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#packages):has(#package-filters) .payment.payment-panel > a.balance-payment-r357 :is(.balance-payment-title-r357,.balance-payment-status-r357) {
      color:var(--ht-primary-ink-r413)!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#packages) #package-filters > button:is([data-filter="all"],[data-filter][aria-pressed="true"]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-tactile-r410][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#packages) #package-filters > button:is([data-filter="all"],[data-filter][aria-pressed="true"]):is(:hover,:active,:focus-visible),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-primary-palette-r413][data-ht-logout-red-r415]:has(#package-filters) #packages > .package-section-heading > .package-section-title > .package-section-mark {
      background:var(--ht-primary-r413)!important;
      border-color:var(--ht-primary-edge-r413)!important;
      color:var(--ht-primary-ink-r413)!important;
      box-shadow:inset 0 1px #f3ffff80,0 2px 8px #16d9ee20!important;
    }
  }
}

@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] > header .site-brand {
      transform:perspective(620px)!important;
      transform-origin:35% 50%!important;
      animation:ht-brand-depth-r415 6s cubic-bezier(.25,.65,.3,1) infinite!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] > header .site-brand > img {
      animation:ht-brand-mark-r415 6s cubic-bezier(.25,.65,.3,1) infinite!important;
    }
    @keyframes ht-brand-depth-r415 {
      0%,42%,100% {translate:0 0;rotate:y 0deg;scale:1;}
      9% {translate:0 -3px;rotate:y -12deg;scale:1;}
      18% {translate:0 -1px;rotate:y 8deg;scale:.99 1;}
      28% {translate:0 -2px;rotate:y -3deg;scale:1;}
    }
    @keyframes ht-brand-mark-r415 {
      0%,42%,100% {rotate:0deg;}
      9% {rotate:-7deg;}
      18% {rotate:6deg;}
      28% {rotate:-2deg;}
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410][data-ht-studio-r405][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415] :is(#ht-catalog-search-r324 .ht-search-tab-r324,#package-filters > button[data-filter]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      scale:clamp(.94,calc(var(--ht-control-scale,1) * 3 - 2),1)!important;
      translate:0 calc((1 - var(--ht-control-scale,1)) * 100px)!important;
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410][data-ht-logout-red-r415] #ht-contact-center-r324 .ht-contact-row-r324 > .ht-contact-action-r324 {
      transition:scale 160ms ease,translate 160ms ease!important;
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410][data-ht-logout-red-r415] #ht-contact-center-r324 .ht-contact-row-r324:active > .ht-contact-action-r324 {
      scale:.94!important;
      translate:0 2px!important;
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410][data-ht-logout-red-r415]:has(#packages):has(#package-filters) a.balance-payment-r357 {
      transition:scale 160ms ease,translate 160ms ease!important;
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-tactile-r410][data-ht-logout-red-r415]:has(#packages):has(#package-filters) a.balance-payment-r357:active {
      scale:.97!important;
      translate:0 2px!important;
    }
    html body[data-ui-layout][data-ht-logout-red-r415] #ht-deposit-dialog-r400[open] :is(.ht-deposit-method-r400,.ht-deposit-summary-r400,.ht-deposit-submit-r400) {
      animation:ht-task-arrive-r414 360ms cubic-bezier(.2,.8,.2,1) backwards!important;
    }
    html body[data-ui-layout][data-ht-logout-red-r415] #ht-deposit-dialog-r400 :is(.ht-deposit-method-r400,#ht-deposit-total-r400) {
      transition:scale 160ms ease,translate 160ms ease!important;
    }
    html body[data-ui-layout][data-ht-logout-red-r415] #ht-deposit-dialog-r400 .ht-deposit-method-r400:active {
      scale:.98!important;
      translate:0 2px!important;
    }
    html body[data-ui-layout][data-ht-logout-red-r415] #ht-deposit-dialog-r400:has(.ht-deposit-presets-r400 > button:active) #ht-deposit-total-r400 {
      scale:1.04!important;
    }
  }
}
/* R416: a composed emblem/wordmark reveal and native pointer response.
   Existing logo pixels, wordmark crop, link, header size and other UI stay owned. */
@layer ht-experience-motion-r397 {
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand {
    animation:none!important;
    transform:none!important;
    translate:0 0!important;
    rotate:none!important;
    scale:1!important;
  }
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand > img,
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand-name,
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand::after {
    animation:none!important;
    rotate:none!important;
  }
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand {
      transition:scale 200ms cubic-bezier(.2,.8,.2,1)!important;
    }
    html:not(.ht-page-loading-r266) body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand > img {
      animation:ht-logo-emblem-in-r416 620ms cubic-bezier(.16,1,.3,1) backwards!important;
    }
    html:not(.ht-page-loading-r266) body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand-name {
      animation:ht-logo-wordmark-in-r416 760ms 100ms cubic-bezier(.16,1,.3,1) backwards!important;
    }
    html:not(.ht-page-loading-r266) body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand::after {
      animation:ht-logo-sheen-r416 8s linear infinite!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand:active {
      scale:.96!important;
      transition-duration:80ms!important;
    }
    @keyframes ht-logo-emblem-in-r416 {
      0% {scale:.55;opacity:0;}
      45% {scale:1;opacity:1;}
      68% {scale:.94;opacity:1;}
      100% {scale:1;opacity:1;}
    }
    @keyframes ht-logo-wordmark-in-r416 {
      from {opacity:0;translate:-14px 0;clip-path:inset(0 100% 0 0);}
      to {opacity:1;translate:0 0;clip-path:inset(0 0 0 0);}
    }
    @keyframes ht-logo-sheen-r416 {
      0%,73% {opacity:0;transform:translateX(-180%) skewX(-16deg);}
      78% {opacity:.35;}
      91%,100% {opacity:0;transform:translateX(680%) skewX(-16deg);}
    }
  }
  @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416] > header .site-brand:hover:not(:active) {
      scale:1.025!important;
    }
  }
  @media (prefers-reduced-motion:reduce), (forced-colors:active) {
    html body[data-ui-layout][data-ht-brand-reveal-r416] > header .site-brand,
    html body[data-ui-layout][data-ht-brand-reveal-r416] > header .site-brand > img,
    html body[data-ui-layout][data-ht-brand-reveal-r416] > header .site-brand-name,
    html body[data-ui-layout][data-ht-brand-reveal-r416] > header .site-brand::after {
      animation:none!important;
      transition:none!important;
      transform:none!important;
      rotate:none!important;
      translate:0 0!important;
      scale:1!important;
      opacity:1;
    }
    html body[data-ui-layout][data-ht-brand-reveal-r416] > header .site-brand::after {opacity:0!important;}
  }
}
/* R417: the header logo stays still. Only a native press moves the link.
   Keep original artwork, wordmark crop, accessible name and navigation. */
@layer ht-experience-motion-r397 {
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416][data-ht-brand-touch-r417] > header .site-brand,
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416][data-ht-brand-touch-r417] > header .site-brand:is(:hover,:focus-visible) {
    animation:none!important;
    transition:none!important;
    transform:none!important;
    rotate:none!important;
    translate:0 0!important;
    scale:1!important;
  }
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416][data-ht-brand-touch-r417] > header .site-brand > img,
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416][data-ht-brand-touch-r417] > header .site-brand-name {
    animation:none!important;
    transition:none!important;
    transform:none!important;
    rotate:none!important;
    translate:0 0!important;
    scale:1!important;
    opacity:1!important;
    clip-path:none!important;
  }
  html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416][data-ht-brand-touch-r417] > header .site-brand::after {
    content:none!important;
    animation:none!important;
    transition:none!important;
    opacity:0!important;
  }
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416][data-ht-brand-touch-r417] > header .site-brand,
    html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416][data-ht-brand-touch-r417] > header .site-brand:is(:hover,:focus-visible) {
      transition:scale 180ms cubic-bezier(.2,.8,.2,1),translate 180ms cubic-bezier(.2,.8,.2,1)!important;
    }
    html body[data-ui-layout][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-reveal-r416][data-ht-brand-touch-r417] > header .site-brand:active {
      scale:.96!important;
      translate:0 1.5px!important;
      transition-duration:70ms!important;
    }
  }
}
/* R418: one local frosted-navy language surface. The existing dialog owns
   its phone/desktop geometry, five choices, focus, locale actions and motion. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    /* Opaque, readable fallback; only capable browsers receive transparency. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] {
      background:linear-gradient(145deg,#173b53,#0a2035)!important;
      border-color:#a7edfa75!important;
      color:#effaff!important;
      box-shadow:inset 0 1px #e6ffff75,inset 1px 0 #b1f2ff1a,inset -1px 0 #b1f2ff12,0 20px 64px #000a1d70!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    /* Keep the blur local to the sheet instead of stacking two blurred layers. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog::backdrop {
      background:#020c1f70!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] > .member-panel-heading {
      background:transparent!important;
      border-bottom-color:#bcf4ff36!important;
      box-shadow:none!important;
      color:#effaff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-title {
      color:#f4fcff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] button.member-close[type="button"] {
      background:linear-gradient(145deg,#80d8ef29,#13334e9e)!important;
      border-color:#b2edf46b!important;
      color:#e6fbff!important;
      border-radius:14px!important;
      box-shadow:inset 0 1px #e5ffff40,inset 0 -1px #06142659!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-list {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-list > button[data-language] {
      background:linear-gradient(115deg,#9ae9ff0f,#09213775)!important;
      border-color:#9bdef43d!important;
      color:#f0faff!important;
      box-shadow:inset 0 1px #e8ffff1a,inset 0 -1px #07162829!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-list > button[data-language][aria-pressed="true"] {
      background:linear-gradient(115deg,#247b8abf,#1b4b73a8)!important;
      border-color:#9bf0fa!important;
      color:#f5ffff!important;
      box-shadow:inset 0 1px #e9ffff59,inset 3px 0 #97f0fa,inset 0 -1px #071b3440!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-list .member-language-label b {
      color:#f0faff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-list .member-language-label small {
      color:#bbd6e8!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-list .member-language-check {
      color:#b5f7ff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] :is(button.member-close,#member-language-list > button[data-language]):focus-visible {
      outline-color:#c2f7ff!important;
    }
    @supports ((-webkit-backdrop-filter:blur(28px)) or (backdrop-filter:blur(28px))) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] {
        background:linear-gradient(145deg,#173b53d6,#092137df)!important;
        -webkit-backdrop-filter:blur(28px) saturate(1.35)!important;
        backdrop-filter:blur(28px) saturate(1.35)!important;
      }
    }
    @media (prefers-reduced-transparency:reduce) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] {
        background:linear-gradient(145deg,#173b53,#0a2035)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
      }
    }
  }
  /* The original five buttons form the wheel. Scroll previews a row; only
     their existing click/keyboard handler commits a language choice. */
  html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list:not([hidden]) {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    block-size:216px!important;
    min-block-size:0!important;
    box-sizing:border-box!important;
    padding-block:72px!important;
    padding-inline:2px!important;
    margin:0!important;
    gap:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overflow-anchor:none!important;
    overscroll-behavior-y:contain!important;
    scroll-behavior:auto!important;
    scroll-snap-type:y mandatory!important;
    scroll-padding-block:72px!important;
    scrollbar-width:none!important;
    border-radius:16px!important;
  }
  html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list::-webkit-scrollbar {
    width:0!important;
    height:0!important;
  }
  html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list > button[data-language] {
    flex:0 0 72px!important;
    block-size:72px!important;
    min-block-size:72px!important;
    box-sizing:border-box!important;
    margin:0!important;
    scroll-snap-align:center!important;
    transform-origin:50% 50%!important;
    backface-visibility:hidden;
  }
  @media (forced-colors:none) {
    /* A fixed, local center lens is painted as the viewport background.
       Backgrounds cannot intercept a tap or enter the accessibility tree. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list:not([hidden]) {
      background:linear-gradient(90deg,transparent,#aeefff80 14%,#aeefff80 86%,transparent) center calc(50% - 36px)/100% 1px no-repeat,linear-gradient(90deg,transparent,#7eb8d557 14%,#7eb8d557 86%,transparent) center calc(50% + 36px)/100% 1px no-repeat,linear-gradient(115deg,#79deff26,#dbffff12 48%,#589bd92e) center/calc(100% - 4px) 72px no-repeat!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list > button[data-language]:not([aria-pressed="true"]) {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list > button[data-language][data-ht-wheel-center-r418]:not([aria-pressed="true"]) {
      border-color:#c2f7ff4d!important;
      box-shadow:inset 0 1px #e8ffff21,inset 0 -1px #061b3438!important;
    }
  }
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list > button[data-language] {
      transform:perspective(620px) rotateX(var(--ht-wheel-tilt-r418,0deg)) scale(var(--ht-wheel-scale-r418,1))!important;
      opacity:var(--ht-wheel-opacity-r418,1)!important;
    }
  }
  @media (max-height:480px) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list:not([hidden]) {
      block-size:144px!important;
      padding-block:36px!important;
      scroll-padding-block:36px!important;
    }
  }
  @media (prefers-reduced-motion:reduce), (forced-colors:active) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open][data-ht-language-wheel-r418] #member-language-list > button[data-language] {
      transform:none!important;
      opacity:1!important;
    }
  }
  @media (forced-colors:active) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open],
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] :is(.member-panel-heading,button.member-close,#member-language-list,#member-language-list > button[data-language]) {
      background:Canvas!important;
      color:CanvasText!important;
      border-color:ButtonText!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] :is(#member-language-title,.member-language-label b,.member-language-label small,.member-language-check) {
      color:CanvasText!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-list > button[data-language][aria-pressed="true"],
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog[open] #member-language-list > button[data-language][aria-pressed="true"] :is(b,small,.member-language-check) {
      background:Highlight!important;
      color:HighlightText!important;
      border-color:Highlight!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r418] #member-language-dialog::backdrop {
      background:Canvas!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
  }
}
/* R419: one local frosted-navy language surface. The existing dialog owns
   its phone/desktop geometry, five choices, focus, locale actions and motion. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    /* Opaque, readable fallback; only capable browsers receive transparency. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] {
      background:linear-gradient(145deg,#173b53,#0a2035)!important;
      border-color:#a7edfa75!important;
      color:#effaff!important;
      box-shadow:inset 0 1px #e6ffff75,inset 1px 0 #b1f2ff1a,inset -1px 0 #b1f2ff12,0 20px 64px #000a1d70!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    /* Keep the blur local to the sheet instead of stacking two blurred layers. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog::backdrop {
      background:#020c1f70!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] > .member-panel-heading {
      background:transparent!important;
      border-bottom-color:#bcf4ff36!important;
      box-shadow:none!important;
      color:#effaff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-title {
      color:#f4fcff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] button.member-close[type="button"] {
      background:linear-gradient(145deg,#80d8ef29,#13334e9e)!important;
      border-color:#b2edf46b!important;
      color:#e6fbff!important;
      border-radius:14px!important;
      box-shadow:inset 0 1px #e5ffff40,inset 0 -1px #06142659!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-list {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-list > button[data-language] {
      background:linear-gradient(115deg,#9ae9ff0f,#09213775)!important;
      border-color:#9bdef43d!important;
      color:#f0faff!important;
      box-shadow:inset 0 1px #e8ffff1a,inset 0 -1px #07162829!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-list > button[data-language][aria-pressed="true"] {
      background:linear-gradient(115deg,#247b8abf,#1b4b73a8)!important;
      border-color:#9bf0fa!important;
      color:#f5ffff!important;
      box-shadow:inset 0 1px #e9ffff59,inset 3px 0 #97f0fa,inset 0 -1px #071b3440!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-list .member-language-label b {
      color:#f0faff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-list .member-language-label small {
      color:#bbd6e8!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-list .member-language-check {
      color:#b5f7ff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] :is(button.member-close,#member-language-list > button[data-language]):focus-visible {
      outline-color:#c2f7ff!important;
    }
    @supports ((-webkit-backdrop-filter:blur(28px)) or (backdrop-filter:blur(28px))) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] {
        background:linear-gradient(145deg,#173b53d6,#092137df)!important;
        -webkit-backdrop-filter:blur(28px) saturate(1.35)!important;
        backdrop-filter:blur(28px) saturate(1.35)!important;
      }
    }
    @media (prefers-reduced-transparency:reduce) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] {
        background:linear-gradient(145deg,#173b53,#0a2035)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
      }
    }
  }
  /* The original five buttons form the wheel. Scroll previews a row; only
     their existing click/keyboard handler commits a language choice. */
  html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list:not([hidden]) {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    block-size:216px!important;
    min-block-size:0!important;
    box-sizing:border-box!important;
    padding-block:72px!important;
    padding-inline:2px!important;
    margin:0!important;
    gap:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overflow-anchor:none!important;
    overscroll-behavior-y:contain!important;
    scroll-behavior:auto!important;
    scroll-snap-type:y mandatory!important;
    scroll-padding-block:72px!important;
    scrollbar-width:none!important;
    border-radius:16px!important;
  }
  html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list::-webkit-scrollbar {
    width:0!important;
    height:0!important;
  }
  html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list > button[data-language] {
    flex:0 0 72px!important;
    block-size:72px!important;
    min-block-size:72px!important;
    box-sizing:border-box!important;
    margin:0!important;
    scroll-snap-align:center!important;
    transform-origin:50% 50%!important;
    backface-visibility:hidden;
  }
  @media (forced-colors:none) {
    /* A fixed, local center lens is painted as the viewport background.
       Backgrounds cannot intercept a tap or enter the accessibility tree. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list:not([hidden]) {
      background:linear-gradient(90deg,transparent,#aeefff80 14%,#aeefff80 86%,transparent) center calc(50% - 36px)/100% 1px no-repeat,linear-gradient(90deg,transparent,#7eb8d557 14%,#7eb8d557 86%,transparent) center calc(50% + 36px)/100% 1px no-repeat,linear-gradient(115deg,#79deff26,#dbffff12 48%,#589bd92e) center/calc(100% - 4px) 72px no-repeat!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list > button[data-language]:not([aria-pressed="true"]) {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list > button[data-language][data-ht-wheel-center-r419]:not([aria-pressed="true"]) {
      border-color:#c2f7ff4d!important;
      box-shadow:inset 0 1px #e8ffff21,inset 0 -1px #061b3438!important;
    }
  }
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list > button[data-language] {
      transform:perspective(620px) translateY(var(--ht-wheel-offset-r419,0px)) translateZ(var(--ht-wheel-depth-r419,0px)) rotateX(var(--ht-wheel-tilt-r419,0deg)) scale(var(--ht-wheel-scale-r419,1))!important;
      opacity:var(--ht-wheel-opacity-r419,1)!important;
    }
  }
  @media (max-height:480px) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list:not([hidden]) {
      block-size:144px!important;
      padding-block:36px!important;
      scroll-padding-block:36px!important;
    }
  }
  @media (prefers-reduced-motion:reduce), (forced-colors:active) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list > button[data-language] {
      transform:none!important;
      opacity:1!important;
    }
  }
  @media (forced-colors:active) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open],
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] :is(.member-panel-heading,button.member-close,#member-language-list,#member-language-list > button[data-language]) {
      background:Canvas!important;
      color:CanvasText!important;
      border-color:ButtonText!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] :is(#member-language-title,.member-language-label b,.member-language-label small,.member-language-check) {
      color:CanvasText!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-list > button[data-language][aria-pressed="true"],
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open] #member-language-list > button[data-language][aria-pressed="true"] :is(b,small,.member-language-check) {
      background:Highlight!important;
      color:HighlightText!important;
      border-color:Highlight!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog::backdrop {
      background:Canvas!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
  }
}

/* R419 cylinder rendering tracks scroll directly; native touch keeps its own momentum. */
@layer ht-interface-refinement-r398 {
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list { touch-action:pan-y!important; -webkit-overflow-scrolling:touch; user-select:none; }
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list > button[data-language] { transition:none!important; pointer-events:var(--ht-wheel-hit-r419,auto)!important; }
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list[data-ht-wheel-dragging-r419],
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list[data-ht-wheel-coasting-r419] { scroll-snap-type:none!important; }
@media (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list {cursor:grab;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-glass-r419] #member-language-dialog[open][data-ht-language-wheel-r419] #member-language-list[data-ht-wheel-dragging-r419] {cursor:grabbing;}
}
}
/* R420: one local frosted-navy language surface. The existing dialog owns
   its phone/desktop geometry, five choices, focus, locale actions and motion. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    /* Opaque, readable fallback; only capable browsers receive transparency. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] {
      background:linear-gradient(145deg,#173b53,#0a2035)!important;
      border-color:#a7edfa75!important;
      color:#effaff!important;
      box-shadow:inset 0 1px #e6ffff75,inset 1px 0 #b1f2ff1a,inset -1px 0 #b1f2ff12,0 20px 64px #000a1d70!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    /* Keep the blur local to the sheet instead of stacking two blurred layers. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog::backdrop {
      background:#020c1f70!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] > .member-panel-heading {
      background:transparent!important;
      border-bottom-color:#bcf4ff36!important;
      box-shadow:none!important;
      color:#effaff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] #member-language-title {
      color:#f4fcff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] button.member-close[type="button"] {
      background:linear-gradient(145deg,#80d8ef29,#13334e9e)!important;
      border-color:#b2edf46b!important;
      color:#e6fbff!important;
      border-radius:14px!important;
      box-shadow:inset 0 1px #e5ffff40,inset 0 -1px #06142659!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] #member-language-list {
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] #member-language-list > button[data-language] {
      background:linear-gradient(115deg,#9ae9ff0f,#09213775)!important;
      border-color:#9bdef43d!important;
      color:#f0faff!important;
      box-shadow:inset 0 1px #e8ffff1a,inset 0 -1px #07162829!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] #member-language-list > button[data-language][aria-pressed="true"] {
      background:linear-gradient(115deg,#247b8abf,#1b4b73a8)!important;
      border-color:#9bf0fa!important;
      color:#f5ffff!important;
      box-shadow:inset 0 1px #e9ffff59,inset 3px 0 #97f0fa,inset 0 -1px #071b3440!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] #member-language-list .member-language-label b {
      color:#f0faff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] #member-language-list .member-language-label small {
      color:#bbd6e8!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] #member-language-list .member-language-check {
      color:#b5f7ff!important;
      text-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] :is(button.member-close,#member-language-list > button[data-language]):focus-visible {
      outline-color:#c2f7ff!important;
    }
    @supports ((-webkit-backdrop-filter:blur(28px)) or (backdrop-filter:blur(28px))) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] {
        background:linear-gradient(145deg,#173b53d6,#092137df)!important;
        -webkit-backdrop-filter:blur(28px) saturate(1.35)!important;
        backdrop-filter:blur(28px) saturate(1.35)!important;
      }
    }
    @media (prefers-reduced-transparency:reduce) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open] {
        background:linear-gradient(145deg,#173b53,#0a2035)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
      }
    }
  }
}

/* R420: all five languages orbit a central glass hub; labels stay upright. */
@layer ht-interface-refinement-r398 {
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] {
  max-block-size:calc(100dvh - 20px)!important; overflow-y:auto!important; overscroll-behavior:contain!important;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list {
  position:relative!important; display:block!important; inline-size:min(100%,332px)!important; block-size:auto!important; min-block-size:0!important; aspect-ratio:1!important; box-sizing:border-box!important; margin:8px auto 0!important; padding:0!important; overflow:hidden!important; scroll-snap-type:none!important; touch-action:none!important; user-select:none!important; isolation:isolate; border-radius:50%!important; background:radial-gradient(circle,#24506b3d,#061a2e38 58%,transparent 73%)!important;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list::before {
  content:""; position:absolute; z-index:-1; left:50%; top:50%; width:72%; height:72%; border-radius:50%; pointer-events:none; border:1px solid #91eafa70; background:conic-gradient(from 0deg,#58d9ff20,transparent 18%,#b3efff2e 22%,transparent 40%,#369be926 45%,transparent 60%,#a3e8ff2b 68%,transparent 84%,#58d9ff20); box-shadow:inset 0 0 18px #64c9ef14,0 0 0 9px #b0edff06; transform:translate(-50%,-50%) rotate(var(--ht-orbit-angle-r420,0deg));
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list::after {
  content:"↻"; display:grid; place-items:center; position:absolute; z-index:-1; left:50%; top:50%; width:76px; height:76px; border-radius:50%; pointer-events:none; transform:translate(-50%,-50%) rotate(var(--ht-orbit-angle-r420,0deg)); color:#bdefff; font:32px/1 system-ui,sans-serif; border:1px solid #b8f2ff70; background:linear-gradient(145deg,#8ee5ff35,#0a2a44b3 55%,#2355789e); box-shadow:inset 0 1px 2px #eaffff6b,inset 0 -4px 12px #02102180,0 8px 22px #020d2470;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] {
  position:absolute!important; z-index:1; left:50%!important; top:50%!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:5px!important; inline-size:82px!important; block-size:76px!important; min-block-size:0!important; box-sizing:border-box!important; padding:7px 4px!important; margin:0!important; border-radius:20px!important; transform:translate(-50%,-50%) translate(var(--ht-orbit-x-r420,0px),var(--ht-orbit-y-r420,0px))!important; transform-origin:center!important; opacity:1!important; transition:background-color 140ms ease,border-color 140ms ease!important; background:linear-gradient(145deg,#1c4b65f2,#0a223bf2)!important; color:#edfaff!important; border:1px solid #86cfe962!important; box-shadow:inset 0 1px #d6faff33,0 5px 14px #010c235c!important; backface-visibility:hidden;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] > img {
  flex:0 0 auto!important; width:28px!important; height:28px!important; border-radius:50%!important; object-fit:cover!important; pointer-events:none;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-label {
  display:block!important; flex:0 0 auto!important; min-width:0!important; width:100%!important; text-align:center!important; pointer-events:none;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-label b {
  display:block!important; font-size:12px!important; line-height:16px!important; white-space:nowrap!important; color:#f0faff!important; text-shadow:none!important;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-label small {
  display:none!important;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-check {
  position:absolute!important; inset:4px 5px auto auto!important; width:14px!important; height:14px!important; font-size:12px!important; line-height:14px!important; color:#b7ffff!important; pointer-events:none;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language][aria-pressed="true"] {
  background:linear-gradient(145deg,#237e96f2,#174e79f2)!important; border-color:#a2f2ff!important; box-shadow:inset 0 1px #e1ffff66,0 0 0 2px #7eddf126,0 7px 18px #010c2360!important;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language][data-ht-orbit-front-r420] {
  border-color:#c7f5ff!important;
}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]:focus-visible {
  outline:2px solid #c5f8ff!important; outline-offset:3px!important;
}

@media (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list {cursor:grab;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list[data-ht-orbit-dragging-r420] {cursor:grabbing;}
}
@media (max-width:350px) {
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] {inline-size:74px!important;block-size:72px!important;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-label b {font-size:11px!important;}
}
@media (max-height:500px) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list {inline-size:min(100%,242px)!important;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] {inline-size:68px!important;block-size:62px!important;gap:2px!important;padding:4px!important;border-radius:16px!important;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] > img {width:24px!important;height:24px!important;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-label b {font-size:10px!important;line-height:14px!important;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list::after {width:58px;height:58px;font-size:26px;}
}
@media (prefers-reduced-motion:reduce), (forced-colors:active) {
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;aspect-ratio:auto!important;border-radius:16px!important;touch-action:pan-y!important;overflow:visible!important;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list::before,html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list::after {content:none!important;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] {position:relative!important;left:auto!important;top:auto!important;inline-size:100%!important;block-size:76px!important;transform:none!important;transition:none!important;opacity:1!important;}
}
@media (forced-colors:active) {
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420],html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] {background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;backdrop-filter:none!important;}
html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-label b {color:CanvasText!important;}
}
}
/* R421: shared cyan double-edge controls and artwork-only interaction light,
   plus a fullscreen glass language dialog with circular flag bubbles. Native
   state, hit areas, image zoom and R420 orbital motion retain their owners. */
@property --ht-app-edge-strength-r421 {
  syntax:"<number>";
  inherits:false;
  initial-value:0;
}
@layer ht-interface-refinement-r398 {
  /* The full-screen top-layer sheet also covers the root's reserved gutter. */
  html:has(body[data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420]) {
    scrollbar-gutter:auto!important;
    overflow:hidden!important;
  }
  body[data-ht-control-light-r421] {
    --ht-control-surface-r421:linear-gradient(110deg,#5fe4f0,#4d9bfa);
    --ht-control-ink-r421:#061c2b;
    --ht-control-edge-r421:#b4f7ff;
    --ht-control-outer-r421:#36d6ef8c;
    --ht-control-halo-r421:#3ed8f036;
  }
  /* Keep a long selected product from expanding the sticky Total over the
     catalogue. Its full DOM text and the complete selected card remain. */
  html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) .total > div > b#summary-package {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    max-block-size:2.5em!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
  /* Preserve the accepted three columns and complete product names on the
     narrowest phones, using tighter type only where native QA found excess. */
  @media (max-width:350px) {
    /* Long native locale labels fit the retained four-tab row at 320px. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324) #ht-catalog-search-r324 [role="tablist"] {
      display:flex!important;
      flex-wrap:nowrap!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324) #ht-catalog-search-r324 [role="tab"] {
      inline-size:auto!important;
      flex:1 1 auto!important;
      min-inline-size:44px!important;
      font-size:11.5px!important;
      padding-inline:2px!important;
      overflow-wrap:anywhere!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) #packages.packages > button.pack > b {
      font-size:12px!important;
      line-height:1.35!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) #packages.packages > button.pack > .pack-ribbon {
      font-size:10px!important;
      line-height:1.3!important;
      padding:2px 3px!important;
    }
  }
  @media (max-width:420px) {
    html body.member-info-page[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header {
      column-gap:8px!important;
      padding-inline:10px!important;
    }
    html body.member-info-page[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header > a.site-brand {
      flex:0 0 auto!important;
      min-inline-size:0!important;
      gap:8px!important;
      white-space:nowrap!important;
    }
    html body.member-info-page[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header .member-trigger:not([hidden]) {
      box-sizing:border-box!important;
      flex:0 0 44px!important;
      inline-size:44px!important;
      min-inline-size:44px!important;
      max-inline-size:44px!important;
      block-size:44px!important;
      min-block-size:44px!important;
      padding:0!important;
    }
    html body.member-info-page[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header .member-trigger .member-trigger-name {
      display:none!important;
    }
  }
  @media (forced-colors:none) {
    /* Help/Privacy use the same approved lettering crop as Home. The original
       link text remains in the DOM, and the separate avatar stays unchanged. */
    html body.member-info-page[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header .site-brand-name {
      position:relative!important;
      display:block!important;
      flex:0 0 132px!important;
      width:132px!important;
      height:38px!important;
      overflow:hidden!important;
      font-size:0!important;
      color:transparent!important;
      white-space:nowrap!important;
    }
    html body.member-info-page[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header .site-brand-name::before {
      content:""!important;
      position:absolute!important;
      left:-56px!important;
      top:-13px!important;
      width:210px!important;
      height:70px!important;
      background:url("/assets/hour-topup-logo-v2.png") center/100% 100% no-repeat!important;
      clip-path:polygon(33% 25%,100% 25%,100% 85%,27% 85%)!important;
      transform:scale(.857)!important;
      transform-origin:56px 13px!important;
      pointer-events:none!important;
    }
    /* Broad action coverage includes runtime-created account, order, redeem,
       search, contact, install and deposit controls, without repainting art. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289),input[type="button"],input[type="submit"],a.member-row,a.customer-wallet-signin-r355,.ht-contact-action-r324,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324,#package-filters > button,#selection-feedback-r185 .selection-toast > button):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social):not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) :is(#check-account,#check-telegram,#package-filters > button,.total > button,dialog.store-dialog .dialog-close,dialog.weekly-dialog .dialog-close,dialog.store-dialog .bonus-understood,.payment.payment-panel > a.balance-payment-r357,.checkout-panel--payment .payment-option):not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]:not(:disabled):not([aria-disabled="true"]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll) #game-search-panel #ht-catalog-search-open-r324:not(:disabled):not([aria-disabled="true"]):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] button.member-close[type="button"]:not(:disabled):not([aria-disabled="true"]),
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-control-light-r421] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      background:var(--ht-button-surface-r421,var(--ht-control-surface-r421))!important;
      border-color:var(--ht-button-edge-r421,var(--ht-control-edge-r421))!important;
      color:var(--ht-button-ink-r421,var(--ht-control-ink-r421))!important;
      box-shadow:var(--ht-button-shadow-r421,inset 0 1px 0 #fffefee6,inset 0 0 0 1px #e4ffff85,0 0 0 1px var(--ht-button-outer-r421,var(--ht-control-outer-r421)),0 0 12px var(--ht-button-halo-r421,var(--ht-control-halo-r421)),0 4px 10px #03122226)!important;
      font-weight:650!important;
    }

    /* Selection is committed state, distinct from hover and the circular
       wheel's temporary front marker. No additional movement is introduced. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289),a.member-row,label.ht-deposit-method-r400):is([aria-pressed="true"],[aria-selected="true"],[aria-current="true"],.active,.selected,:has(> input:checked)):not(.pack,.game,.ht-catalog-favorite-r324,.ht-footer-action-r289):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
      --ht-button-surface-r421:linear-gradient(110deg,#92f2f5,#70b6ff);
      --ht-button-edge-r421:#e1feff;
      --ht-button-outer-r421:#68ecffcc;
      --ht-button-halo-r421:#50dcf459;
      --ht-button-shadow-r421:inset 0 1px 0 #ffffff,inset 0 0 0 1px #f0ffffb8,0 0 0 2px #65e7ff80,0 0 14px #43d5f34d,0 4px 10px #03122226;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language][aria-pressed="true"] {
      --ht-button-surface-r421:linear-gradient(110deg,#92f2f5,#70b6ff);
      --ht-button-edge-r421:#e1feff;
      --ht-button-shadow-r421:inset 0 1px 0 #ffffff,inset 0 0 0 1px #f0ffffc2,0 0 0 2px #65e7ffb3,0 0 15px #43d5f35c,0 4px 10px #03122226;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language][data-ht-orbit-front-r420]:not([aria-pressed="true"]) {
      border-color:#d7fcff!important;
    }

    /* Logout and account-removal actions retain their destructive red identity
       with the same restrained double edge, never the primary cyan paint. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(.member-logout,.member-account-remove,.member-confirm-accept,.btn-danger,.button-danger,[data-destructive="true"],[data-action="delete"],[data-action="logout"]):not(:disabled):not([aria-disabled="true"]) {
      --ht-button-surface-r421:linear-gradient(110deg,#c73862,#9b2753)!important;
      --ht-button-ink-r421:#fff8fb!important;
      --ht-button-edge-r421:#ffb4c9!important;
      --ht-button-outer-r421:#f16e9b80!important;
      --ht-button-halo-r421:#ed5f9130!important;
      --ht-button-shadow-r421:inset 0 1px 0 #fff2f4a6,inset 0 0 0 1px #ffd6e24d,0 0 0 1px #f16e9b80,0 0 12px #ed5f9130,0 4px 10px #210a1826!important;
    }

    /* Nested labels and owned monochrome icons use the control's ink. Brand
       images, flags, avatar art and multicolor/filled provider SVGs are excluded. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(button:not(.pack,.game,.ht-catalog-favorite-r324),.btn,a[role="button"]:not(.ht-footer-action-r289),a.member-row,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324) :is(.ht-action-icon-r292,ht-semantic-glyph-r411,.member-account-copy,.member-account-copy b,.member-account-copy small,.member-account-copy span,.member-account-current,.member-account-check,.balance-payment-title-r357,.balance-payment-status-r357) {
      color:var(--ht-button-ink-r421,var(--ht-control-ink-r421))!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(button:not(.pack,.game,.ht-catalog-favorite-r324),.btn,a[role="button"]:not(.ht-footer-action-r289),a.member-row,a.balance-payment-r357,#ht-catalog-search-open-r324) :is(svg.ht-action-icon-r292,svg[fill="none"][stroke="currentColor"]) {
      color:var(--ht-button-ink-r421,var(--ht-control-ink-r421))!important;
      stroke:currentColor!important;
      stroke-width:2!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] :is(.member-language-label b,.member-language-label small,.member-language-check) {
      color:var(--ht-control-ink-r421)!important;
      font-weight:650!important;
    }

    /* Explicit dark magnifier and close glyphs cover old white glyph owners,
       including the generated Weekly Pass close and notice/install dismiss. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] #ht-catalog-search-open-r324,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] #ht-catalog-search-open-r324 :is(svg,i,ht-semantic-glyph-r411),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(.dialog-close,.member-close,.modal-close,.redeem-close,.welcome-close,.ht-deposit-close-r400,.ht-search-back-r324,.ht-search-clear-r324,.ht-contact-back-r324,.member-auth-back,#selection-feedback-r185 .selection-toast > button):not(:disabled):not([aria-disabled="true"]) :is(svg,i,ht-semantic-glyph-r411) {
      color:#061c2b!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] #ht-catalog-search-open-r324 :is(i,ht-semantic-glyph-r411)::before,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] #ht-catalog-search-open-r324 :is(i,ht-semantic-glyph-r411)::after {
      color:#061c2b!important;
      border-color:currentColor!important;
    }

    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) .checkout-panel--payment :is(a.balance-payment-r357,.payment-option:not([aria-disabled="true"])) :is(.balance-payment-title-r357,.balance-payment-status-r357,b,small) {
      color:var(--ht-button-ink-r421,var(--ht-control-ink-r421))!important;
    }

    /* Unavailable Pay, deposit submission and disabled methods are visibly
       unavailable; the CSS does not change disabled attributes or handlers. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289),input[type="button"],input[type="submit"],.payment-option,.ht-deposit-method-r400):is(:disabled,[aria-disabled="true"]):not(.pack,.game,.ht-footer-action-r289):not([hidden]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) :is(.total > button,.checkout-panel--payment .payment-option):is(:disabled,[aria-disabled="true"]),
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-control-light-r421] #ht-deposit-dialog-r400[open] .ht-deposit-submit-r400:is(:disabled,[aria-disabled="true"]) {
      --ht-button-surface-r421:linear-gradient(110deg,#29485d,#2b445e)!important;
      --ht-button-ink-r421:#c8d9e5!important;
      background:var(--ht-button-surface-r421)!important;
      border-color:#617e94!important;
      color:var(--ht-button-ink-r421)!important;
      box-shadow:inset 0 1px 0 #dcecf32e,inset 0 0 0 1px #8aabba21!important;
      opacity:1!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(.payment-option[aria-disabled="true"],.ht-deposit-method-r400[aria-disabled="true"]) :is(b,strong,small) {
      color:#c8d9e5!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option[aria-disabled="true"] :is(b,strong,small) {
      color:#c8d9e5!important;
    }

    /* Hover/press use edge and shadow only. The existing finite movement and
       gesture controllers keep their transforms, transitions and timings. */
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289),a.member-row,.ht-contact-action-r324,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289):not(:disabled):not([aria-disabled="true"]):hover {
        --ht-button-shadow-r421:inset 0 1px 0 #ffffff,inset 0 0 0 1px #eaffffb3,0 0 0 1px var(--ht-button-outer-r421,#67e7ffb3),0 0 15px var(--ht-button-halo-r421,#3ed8f04d),0 5px 12px #03122233;
      }
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289),a.member-row,.ht-contact-action-r324,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289):not(:disabled):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) {
      --ht-button-shadow-r421:inset 0 2px 5px #102c6033,inset 0 0 0 1px #eaffffbf,0 0 0 1px var(--ht-button-outer-r421,#67e7ffb3),0 0 8px var(--ht-button-halo-r421,#3ed8f03b);
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289),a.member-row,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324):not(.pack,.game,.ht-footer-action-r289):not(:disabled):not([aria-disabled="true"]):focus-visible {
      outline:2px solid #cbfbff!important;
      outline-offset:3px!important;
    }

    /* App light belongs only to the square artwork node, never its caption.
       Typed strength animates inside important shadow paint; artwork, image
       zoom and retained transform transitions are unchanged. */
    @media (prefers-reduced-motion:no-preference) {
      @media (hover:hover) and (pointer:fine) {
        html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([aria-disabled="true"]):not([hidden]):hover > .app-icon-frame,
        html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([aria-disabled="true"]):not([hidden]):hover > :is(img,.app-icon-frame) {
          animation:ht-app-edge-light-r421 420ms ease-out 1!important;
        }
      }
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([aria-disabled="true"]):not([hidden]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame,
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([aria-disabled="true"]):not([hidden]):is(:active,[data-ht-pressed="true"]) > :is(img,.app-icon-frame) {
        animation:ht-app-press-light-r421 420ms ease-out 1!important;
      }
      @keyframes ht-app-edge-light-r421 {
        0% {--ht-app-edge-strength-r421:0;}
        45% {--ht-app-edge-strength-r421:1;}
        100% {--ht-app-edge-strength-r421:.35;}
      }
      @keyframes ht-app-press-light-r421 {
        0% {--ht-app-edge-strength-r421:0;}
        45% {--ht-app-edge-strength-r421:1;}
        100% {--ht-app-edge-strength-r421:.35;}
      }
    }

    /* Requested exceptions: the header flag and install-banner dismiss stay
       transparent on navy. These variables beat shared hover/press paint
       without changing geometry or the cyan language/modal close controls. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header .member-language-quick,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > .app-install-banner .install-dismiss {
      --ht-button-surface-r421:transparent!important;
      --ht-button-edge-r421:transparent!important;
      --ht-button-shadow-r421:none!important;
      --ht-button-ink-r421:#edf8ff!important;
      --ht-button-halo-r421:transparent!important;
      --ht-button-outer-r421:transparent!important;
    }

    /* ACLEDA reference refinement: only the flag sits inside a glass bubble.
       The unchanged orbit button remains the full hit target; its upright
       label is outside the circle. R420 still owns every orbital transform. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]:not(:disabled):not([aria-disabled="true"]) {
      --ht-button-surface-r421:transparent!important;
      --ht-button-edge-r421:transparent!important;
      --ht-button-shadow-r421:none!important;
      --ht-button-ink-r421:#edf8ff!important;
      --ht-language-bubble-size-r421:52px;
      --ht-language-flag-size-r421:28px;
      --ht-language-flag-top-r421:14px;
      --ht-language-label-top-r421:58px;
      background:transparent!important;
      border-color:transparent!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]::before {
      content:""!important;
      position:absolute!important;
      left:50%!important;
      top:2px!important;
      width:var(--ht-language-bubble-size-r421,52px)!important;
      height:var(--ht-language-bubble-size-r421,52px)!important;
      box-sizing:border-box!important;
      border:1px solid #e2fbff9e!important;
      border-radius:50%!important;
      background:radial-gradient(ellipse at 26% 18%,#ffffff70 0%,#e7fbff26 18%,transparent 48%),radial-gradient(ellipse at 76% 88%,#beffff47 0%,#69d7ef14 24%,transparent 50%),linear-gradient(145deg,#b7edff26,#0c304759 50%,#1e4e676b)!important;
      box-shadow:inset 0 1px 1px #ffffffad,inset 1px 0 #d7faff30,inset 0 -2px 3px #07213966,inset 0 0 0 1px #c4f4ff1f,0 4px 10px #03152840!important;
      transform:translateX(-50%)!important;
      z-index:0!important;
      pointer-events:none!important;
      animation:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language][aria-pressed="true"]::before {
      border-color:#9aeeff!important;
      box-shadow:inset 0 1px 2px #ffffffa6,inset 0 -2px 3px #0b2e4770,inset 0 0 0 1px #b7f7ff70,0 0 0 1px #53d9f180,0 0 10px #3ed4f038!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] > img {
      position:absolute!important;
      left:50%!important;
      top:var(--ht-language-flag-top-r421,14px)!important;
      width:var(--ht-language-flag-size-r421,28px)!important;
      height:var(--ht-language-flag-size-r421,28px)!important;
      margin:0!important;
      transform:translateX(-50%)!important;
      z-index:1!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-label {
      position:absolute!important;
      inset:var(--ht-language-label-top-r421,58px) 0 auto!important;
      width:100%!important;
      z-index:1!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-label b {
      color:#edf8ff!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language] .member-language-check:not([hidden]):not(:empty) {
      display:none!important;
      inset:3px calc(50% - 28px) auto auto!important;
      color:#d7fcff!important;
      background:#0d4058e6!important;
      border-radius:50%!important;
      box-shadow:0 0 0 1px #a8edff80!important;
      z-index:2!important;
    }
    @media (max-width:350px) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]:not(:disabled):not([aria-disabled="true"]) {
        --ht-language-bubble-size-r421:48px;
        --ht-language-flag-top-r421:12px;
        --ht-language-label-top-r421:54px;
      }
    }
    @media (max-height:500px) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]:not(:disabled):not([aria-disabled="true"]) {
        --ht-language-bubble-size-r421:40px;
        --ht-language-flag-size-r421:24px;
        --ht-language-flag-top-r421:10px;
        --ht-language-label-top-r421:46px;
      }
    }

    /* A stationary Hour Topup avatar replaces the decorative spin arrow.
       The retained hub owns its circle, responsive size, rim and highlights. */
    @media (prefers-reduced-motion:no-preference) {
    /* Compress only the glass surface on press; orbit coordinates stay owned
       by the original wheel controller and the flag/label remain upright. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]::before {
      scale:1;
      transition:scale 160ms cubic-bezier(.2,.7,.2,1)!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]:is(:active,[data-ht-pressed="true"])::before {
      scale:.94!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list::after {
      content:""!important;
      background:url("/assets/hourtopup-social-r421.png") center/cover no-repeat!important;
      transform:translate(-50%,-50%)!important;
      pointer-events:none!important;
    }
    }

    /* The requested full-screen language experience. Backdrop blur belongs
       behind the dialog, while its own glass surface does not stack a blur. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] {
      position:fixed!important;
      inset:0!important;
      margin:0!important;
      display:flex!important;
      flex-direction:column!important;
      align-items:stretch!important;
      width:100vw!important;
      inline-size:100vw!important;
      height:100vh!important;
      height:100dvh!important;
      block-size:100dvh!important;
      min-width:0!important;
      min-height:0!important;
      max-width:none!important;
      max-height:none!important;
      max-inline-size:none!important;
      max-block-size:none!important;
      box-sizing:border-box!important;
      padding:calc(18px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px))!important;
      border:0!important;
      border-radius:0!important;
      overflow-x:hidden!important;
      overflow-y:auto!important;
      overscroll-behavior:contain!important;
      background:#0a2135!important;
      box-shadow:inset 0 1px 0 #defaff38,inset 1px 0 #c5f6ff10,inset -1px 0 #04132640!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420]::backdrop {
      background:#061323cc!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] > .member-panel-heading {
      flex:0 0 auto!important;
      position:sticky!important;
      top:0!important;
      z-index:3!important;
      margin:0 0 12px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] > #member-language-list {
      flex:0 0 auto!important;
      margin:auto!important;
    }
    /* Translucent fullscreen material requires an actual blur capability. */
    @supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] {
        background:radial-gradient(ellipse at 15% 0,#5ddff016,transparent 45%),linear-gradient(145deg,#10314a9e,#071b2db8)!important;
      }
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420]::backdrop {
        background:#020b183d!important;
        -webkit-backdrop-filter:blur(16px) saturate(1.1)!important;
        backdrop-filter:blur(16px) saturate(1.1)!important;
      }
    }
    @media (prefers-reduced-transparency:reduce) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] {
        background:#0a2135!important;
      }
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420]::backdrop {
        background:#061323!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
      }
    }

    /* Footer links intentionally receive no new R421 edge or fill. The
       original outer glass surface and current-page/icon styling retain ownership. */
  }

  /* System colors preserve real selected/disabled distinctions. R420's own
     quiet-mode static-grid geometry and system-color language rules remain. */
  @media (forced-colors:active) {
    html body.member-info-page[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header .site-brand-name {
      font-size:16px!important;
      color:LinkText!important;
      white-space:nowrap!important;
    }
    html body.member-info-page[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > header .site-brand-name::before {
      content:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] {
      position:fixed!important;
      inset:0!important;
      margin:0!important;
      width:100vw!important;
      inline-size:100vw!important;
      height:100vh!important;
      height:100dvh!important;
      block-size:100dvh!important;
      max-width:none!important;
      max-height:none!important;
      max-inline-size:none!important;
      max-block-size:none!important;
      box-sizing:border-box!important;
      padding:calc(18px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px))!important;
      border:0!important;
      border-radius:0!important;
      overflow-y:auto!important;
      background:Canvas!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420]::backdrop {
      background:Canvas!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289),a.member-row,.ht-contact-action-r324,label.ht-deposit-method-r400,a.balance-payment-r357):not(.pack,.game,.ht-footer-action-r289) {
      background:ButtonFace!important;
      border-color:ButtonText!important;
      color:ButtonText!important;
      box-shadow:none!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289),a.member-row):is([aria-pressed="true"],[aria-selected="true"],[aria-current="true"]):not(.pack,.game,.ht-footer-action-r289) {
      outline:2px solid Highlight!important;
      outline-offset:1px!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(button,.btn,a[role="button"]:not(.ht-footer-action-r289)):is(:disabled,[aria-disabled="true"]):not(.pack,.game,.ht-footer-action-r289) {color:GrayText!important;}
  }
}

/* The retained R403 hover shadow reset lives in the earlier motion layer.
   Important layer order reverses, so artwork light shares that owner layer.
   Caption-bearing links stay unlit; their accessibility outline is retained. */
@layer ht-experience-motion-r397 {
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([aria-disabled="true"]):not([hidden]):is(:hover,:active,:focus-visible,[data-ht-pressed="true"]),
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([aria-disabled="true"]):not([hidden]):is(:hover,:active,:focus-visible,[data-ht-pressed="true"]) {
      box-shadow:none!important;
    }
  }
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([aria-disabled="true"]):not([hidden]):hover > .app-icon-frame,
      html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([aria-disabled="true"]):not([hidden]):hover > :is(img,.app-icon-frame) {
        box-shadow:inset 0 0 0 1px #d9fdff96,0 0 0 calc(1px + var(--ht-app-edge-strength-r421,0)*1px) #5ee2f5b3,0 0 calc(8px + var(--ht-app-edge-strength-r421,0)*12px) #39d7f04d!important;
      }
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([aria-disabled="true"]):not([hidden]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([aria-disabled="true"]):not([hidden]):is(:active,[data-ht-pressed="true"]) > :is(img,.app-icon-frame) {
      box-shadow:inset 0 0 0 1px #e8ffffc2,0 0 0 calc(1px + var(--ht-app-edge-strength-r421,0)*1px) #6beaffcc,0 0 calc(10px + var(--ht-app-edge-strength-r421,0)*14px) #42dcf559!important;
    }
  }
}

/* R421 Footer material only: one existing outer pill and a soft current-page
   fill. Keep the R354 live optical holder/canvas, geometry, gestures, colored
   glyphs, labels and keyboard focus unchanged. No per-link edges or glow. */
@layer ht-interface-refinement-r398 {
  @media (forced-colors:none) {
    /* Readable opaque fallback. One physical border and the existing upper
       reflection supply the rim; this replaces, rather than stacks, shadows. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 {
      background:linear-gradient(145deg,#284a5f,#132f45 58%,#204257)!important;
      border-color:#d9f5ff9c!important;
      box-shadow:0 10px 26px #000d2452!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    /* Repaint the stationary rail's existing one-pixel reflection only.
       Never target .ht-liquid-live-backdrop-r330 or its optical holder. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289::before {
      background:linear-gradient(100deg,transparent 8%,#f4ffff8c 43%,#cbeeff24 70%,transparent 94%) top / 100% 1px no-repeat!important;
    }
    @supports ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))) {
      html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 {
        background:linear-gradient(115deg,#507489a6,#193f58b8 38%,#112d46cc 72%,#365a70ae)!important;
        -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
        backdrop-filter:blur(18px) saturate(1.2)!important;
      }
    }
    /* The real current page alone gets a quiet fill. Existing transparent
       borders/shadows and focus outlines retain their own authority. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-arrow-fix-r407][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 > a.ht-footer-action-r289[aria-current="page"]:not([hidden]) {
      background:linear-gradient(160deg,#e3f6ff1a,#8bcdf00c)!important;
    }
    /* Only the inactive Profile caption is lighter; its blue icon and the
       current-page label's existing identity remain unchanged. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="profile"]:not([aria-current="page"]) > span {
      color:#c5e7ff!important;
    }
  }
  @media (prefers-reduced-transparency:reduce) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 {
      background:#153348!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289::before {
      background:none!important;
    }
  }
  @media (forced-colors:active) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 {
      background:Canvas!important;
      border-color:ButtonBorder!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289::before {
      background:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-pulse-r406][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-arrow-fix-r407][data-ht-control-light-r421] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 > a.ht-footer-action-r289[aria-current="page"]:not([hidden]) {
      /* Existing footer vectors use CanvasText/Canvas in system palettes. */
      background:Canvas!important;
    }
  }
}
/* R422: give translated Total labels room on narrow product pages. Retain
   the accepted navy material, full money/name DOM, Pay state and 48px controls. */
@layer ht-interface-refinement-r398 {
  @media (max-width:370px) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) .total {
      gap:6px!important;
      padding:10px 8px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) .total > strong#summary-price {
      min-width:56px!important;
      padding:8px!important;
      font-size:18px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) .total > button {
      padding-inline:8px!important;
      font-size:12px!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#packages):has(#package-filters) .total > button > svg.ht-action-icon-r292 {
      width:16px!important;
      height:16px!important;
      margin:0 5px 0 0!important;
      margin-inline:0 5px!important;
    }
  }
}
/* R422: keyboard focus follows the visible glass sphere. Quiet/system-color
   layouts retain their native full-button focus treatment and all hit areas. */
@layer ht-interface-refinement-r398 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]:focus-visible {
      outline:none!important;
    }
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-language-orbit-r420][data-ht-control-light-r421] #member-language-dialog[open][data-ht-language-orbit-r420] #member-language-list > button[data-language]:focus-visible::before {
      outline:3px solid #cbfbff!important;
      outline-offset:3px!important;
    }
  }
}
/* R423: cyan/blue light travels around the existing control edge.
   Only the three small Home entry controls idle; other actions animate on
   interaction. No pseudo-elements, layout borders, transforms or JS are added.
   The artwork-only reflection below is separate from button paint. */
@property --ht-control-edge-angle-r423 {syntax:"<angle>";inherits:false;initial-value:0deg;}
@property --ht-control-sweep-r423 {syntax:"<percentage>";inherits:false;initial-value:140%;}
@layer ht-interface-refinement-r398 {
 @media (forced-colors:none) {
  body[data-ht-control-light-r421] {
   --ht-flow-dim-r423:#176b9db3;
   --ht-flow-blue-r423:#238bffe6;
   --ht-flow-flare-r423:#35ecff;
   --ht-flow-beam-r423:#4eeaff59;
   --ht-flow-reflect-r423:#31cbec66;
   --ht-flow-glow-r423:#218fe536;
  }
  html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(.member-logout,.member-account-remove,.member-confirm-accept,.btn-danger,.button-danger,[data-destructive="true"],[data-action="delete"],[data-action="logout"]) {
   --ht-flow-dim-r423:#8a2048b3!important;
   --ht-flow-blue-r423:#e6508be6!important;
   --ht-flow-flare-r423:#ff9abf!important;
   --ht-flow-beam-r423:#f26d9340!important;
   --ht-flow-reflect-r423:#ef6e9666!important;
   --ht-flow-glow-r423:#bf2e6636!important;
  }
  html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(button,.btn,a[role="button"],input[type="button"],input[type="submit"],a.member-row,a.customer-wallet-signin-r355,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324,#package-filters > button,#selection-feedback-r185 .selection-toast > button):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#packages):has(#package-filters) :is(#check-account,#check-game,#check-telegram,#package-filters > button,.total > button,dialog.store-dialog .dialog-close,dialog.weekly-dialog .dialog-close,dialog.store-dialog .bonus-understood,.payment.payment-panel > a.balance-payment-r357,.checkout-panel--payment .payment-option):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#catalog-scroll) #game-search-panel #ht-catalog-search-open-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back,#member-language-dialog[open] button.member-close):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
   border-color:var(--ht-flow-blue-r423)!important;
   box-shadow:inset 0 1px 0 var(--ht-flow-reflect-r423),0 0 7px var(--ht-flow-glow-r423),0 3px 8px #03122233!important;
  }
  @supports (background:conic-gradient(from 0deg,#000,#fff)) {
   html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(button,.btn,a[role="button"],input[type="button"],input[type="submit"],a.member-row,a.customer-wallet-signin-r355,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324,#package-filters > button,#selection-feedback-r185 .selection-toast > button):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#packages):has(#package-filters) :is(#check-account,#check-game,#check-telegram,#package-filters > button,.total > button,dialog.store-dialog .dialog-close,dialog.weekly-dialog .dialog-close,dialog.store-dialog .bonus-understood,.payment.payment-panel > a.balance-payment-r357,.checkout-panel--payment .payment-option):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#catalog-scroll) #game-search-panel #ht-catalog-search-open-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back,#member-language-dialog[open] button.member-close):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {
    background:linear-gradient(115deg,transparent 34%,#239bff00 41%,var(--ht-flow-beam-r423) 50%,#239bff00 59%,transparent 66%) padding-box,
      var(--ht-button-surface-r421,var(--ht-control-surface-r421)) padding-box,
      conic-gradient(from var(--ht-control-edge-angle-r423),var(--ht-flow-dim-r423) 0deg,var(--ht-flow-blue-r423) 60deg,var(--ht-flow-flare-r423) 96deg,var(--ht-flow-blue-r423) 130deg,var(--ht-flow-dim-r423) 195deg,var(--ht-flow-blue-r423) 290deg,var(--ht-flow-dim-r423) 360deg) border-box!important;
    background-size:260% 100%,100% 100%,100% 100%!important;
    background-position:var(--ht-control-sweep-r423) 0,0 0,0 0!important;
    background-repeat:no-repeat!important;
    border-color:transparent!important;
   }
   @media (prefers-reduced-motion:no-preference) {
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] > .app-install-banner button:not(.install-dismiss):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] #ht-catalog-search-open-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] #ht-contact-launcher-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {animation:ht-control-edge-idle-r423 4.8s linear infinite!important;}
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(dialog:modal) > .app-install-banner button:not(.install-dismiss):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(dialog:modal) #ht-catalog-search-open-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(dialog:modal) #ht-contact-launcher-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]) {animation-play-state:paused!important;}
    @media (hover:hover) and (pointer:fine) {
     html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(button,.btn,a[role="button"],input[type="button"],input[type="submit"],a.member-row,a.customer-wallet-signin-r355,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324,#package-filters > button,#selection-feedback-r185 .selection-toast > button):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):hover,
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#packages):has(#package-filters) :is(#check-account,#check-game,#check-telegram,#package-filters > button,.total > button,dialog.store-dialog .dialog-close,dialog.weekly-dialog .dialog-close,dialog.store-dialog .bonus-understood,.payment.payment-panel > a.balance-payment-r357,.checkout-panel--payment .payment-option):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):hover,
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#catalog-scroll) #game-search-panel #ht-catalog-search-open-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):hover,
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back,#member-language-dialog[open] button.member-close):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):hover {animation:ht-control-edge-hover-r423 1200ms linear infinite!important;}
    }
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(button,.btn,a[role="button"],input[type="button"],input[type="submit"],a.member-row,a.customer-wallet-signin-r355,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324,#package-filters > button,#selection-feedback-r185 .selection-toast > button):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible,
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#packages):has(#package-filters) :is(#check-account,#check-game,#check-telegram,#package-filters > button,.total > button,dialog.store-dialog .dialog-close,dialog.weekly-dialog .dialog-close,dialog.store-dialog .bonus-understood,.payment.payment-panel > a.balance-payment-r357,.checkout-panel--payment .payment-option):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible,
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#catalog-scroll) #game-search-panel #ht-catalog-search-open-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible,
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back,#member-language-dialog[open] button.member-close):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):focus-visible {animation:ht-control-edge-focus-r423 1600ms linear infinite!important;outline-color:#35dcf6!important;}
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(button,.btn,a[role="button"],input[type="button"],input[type="submit"],a.member-row,a.customer-wallet-signin-r355,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357,#ht-catalog-search-open-r324,#package-filters > button,#selection-feedback-r185 .selection-toast > button):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:active,[data-ht-pressed="true"]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#packages):has(#package-filters) :is(#check-account,#check-game,#check-telegram,#package-filters > button,.total > button,dialog.store-dialog .dialog-close,dialog.weekly-dialog .dialog-close,dialog.store-dialog .bonus-understood,.payment.payment-panel > a.balance-payment-r357,.checkout-panel--payment .payment-option):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:active,[data-ht-pressed="true"]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421]:has(#catalog-scroll) #game-search-panel #ht-catalog-search-open-r324:not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:active,[data-ht-pressed="true"]),
html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] :is(#ht-deposit-dialog-r400[open] .ht-deposit-close-r400,#ht-contact-center-r324[open] .ht-contact-back-r324,#ht-catalog-search-r324[open] .ht-search-back-r324,#ht-workspace-surface .member-auth[open][data-mode="accounts"] .member-auth-back,#member-language-dialog[open] button.member-close):not(.pack,.game,.ht-search-game-r324,.ht-catalog-favorite-r324,.ht-footer-action-r289,.site-brand,.footer-social,.member-language-quick,.install-dismiss,[data-language]):not(:disabled):not([aria-disabled="true"]):not([hidden]):is(:active,[data-ht-pressed="true"]) {animation:ht-control-edge-touch-r423 560ms linear 1 both!important;}
    @keyframes ht-control-edge-idle-r423 {from{--ht-control-edge-angle-r423:0deg;--ht-control-sweep-r423:140%;}to{--ht-control-edge-angle-r423:360deg;--ht-control-sweep-r423:-40%;}}
    @keyframes ht-control-edge-hover-r423 {from{--ht-control-edge-angle-r423:0deg;--ht-control-sweep-r423:140%;}to{--ht-control-edge-angle-r423:360deg;--ht-control-sweep-r423:-40%;}}
    @keyframes ht-control-edge-focus-r423 {from{--ht-control-edge-angle-r423:0deg;--ht-control-sweep-r423:140%;}to{--ht-control-edge-angle-r423:360deg;--ht-control-sweep-r423:-40%;}}
    @keyframes ht-control-edge-touch-r423 {from{--ht-control-edge-angle-r423:0deg;--ht-control-sweep-r423:140%;}to{--ht-control-edge-angle-r423:360deg;--ht-control-sweep-r423:-40%;}}
   }
  }
  /* Contact labels have no physical border. Their reflection travels across
     the existing surface instead; no new border or pseudo changes their size. */
  html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] .ht-contact-action-r324 {
   background-image:linear-gradient(115deg,transparent 34%,#219bff00 41%,#23bce85c 48%,#32e9ff80 51%,#239bff40 55%,transparent 65%),var(--ht-button-surface-r421,var(--ht-control-surface-r421))!important;
   background-size:260% 100%,100% 100%!important;
   background-position:var(--ht-control-sweep-r423) 0,0 0!important;
   background-repeat:no-repeat!important;
   box-shadow:inset 0 1px 0 #29bde44d,0 0 7px #218fe52e!important;
  }
  @media (prefers-reduced-motion:no-preference) {
   @media (hover:hover) and (pointer:fine) {
    html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] a:has(> .ht-contact-action-r324):hover > .ht-contact-action-r324 {animation:ht-contact-sweep-hover-r423 700ms ease-out 1 both!important;}
   }
   html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] a:has(> .ht-contact-action-r324):focus-visible > .ht-contact-action-r324 {animation:ht-contact-sweep-hover-r423 700ms ease-out 1 both!important;}
   html body[data-ui-layout][data-ht-motion-r397][data-ht-studio-r405][data-ht-tactile-r410][data-ht-polish-r409][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-logout-red-r415][data-ht-brand-touch-r417][data-ht-control-light-r421] a:has(> .ht-contact-action-r324):is(:active,[data-ht-pressed="true"]) > .ht-contact-action-r324 {animation:ht-contact-sweep-touch-r423 560ms ease-out 1 both!important;}
   @keyframes ht-contact-sweep-hover-r423 {from{--ht-control-sweep-r423:140%;}to{--ht-control-sweep-r423:-40%;}}
   @keyframes ht-contact-sweep-touch-r423 {from{--ht-control-sweep-r423:140%;}to{--ht-control-sweep-r423:-40%;}}
  }
 }
}

/* R423: a finite cyan/blue sweep across app artwork only. Home's unused
   frame pseudo and Search's square first-row pseudo never cover captions.
   Original image zoom, flags, favorites, focus and native navigation remain. */
@layer ht-interface-refinement-r398 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324)::after {
      content:""!important;
      position:absolute!important;
      inset:0 0 auto!important;
      width:100%!important;
      height:auto!important;
      aspect-ratio:1!important;
      box-sizing:border-box!important;
      border-radius:24%!important;
      pointer-events:none!important;
      z-index:2!important;
      background-image:linear-gradient(120deg,transparent 32%,#338dff00 40%,#338dff4d 46%,#59ecf58c 50%,#2bbcf04d 54%,transparent 63%)!important;
      background-size:280% 280%!important;
      background-repeat:no-repeat!important;
      background-position:140% 140%;
      opacity:0;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):hover > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):hover)::after {
        animation:ht-app-sheen-hover-r423 600ms ease-out 1 both!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):focus-visible > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):focus-visible)::after {
      animation:ht-app-sheen-hover-r423 600ms ease-out 1 both!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]))::after {
      animation:ht-app-sheen-press-r423 600ms ease-out 1 both!important;
    }
    @keyframes ht-app-sheen-hover-r423 {
      0% {background-position:140% 140%;opacity:0;}
      12% {opacity:.92;}
      78% {opacity:.92;}
      100% {background-position:-40% -40%;opacity:0;}
    }
    @keyframes ht-app-sheen-press-r423 {
      0% {background-position:140% 140%;opacity:0;}
      12% {opacity:.92;}
      78% {opacity:.92;}
      100% {background-position:-40% -40%;opacity:0;}
    }
  }
}
/* Native QA found no actual image padding gap. Keep photo bounds/radii exact;
   an inset cyan edge and soft shadows replace the separated hard outer rings.
   The still baseline is also the reduced-motion fallback. */
@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* The reused pseudo was disabled by legacy decoration CSS. Restore only
       this new square sheen layer, never a host/image transform or old sign. */
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game > .app-icon-frame::after,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324::after {
      display:block!important;
      border:0!important;
      outline:0!important;
      box-shadow:none!important;
      filter:none!important;
      clip-path:none!important;
      transform:none!important;
      translate:none!important;
      rotate:none!important;
      scale:none!important;
    }
  }
  @media (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]) > .app-icon-frame,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]) > img {
      box-shadow:inset 0 0 0 1px #55d9ef6b,0 3px 8px #010b142e!important;
    }
  }
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:hover,:active,:focus-visible,[data-ht-pressed="true"]) > .app-icon-frame,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:hover,:active,:focus-visible,[data-ht-pressed="true"]) > img {
      box-shadow:inset 0 0 0 1px #38d2eaa6,0 0 calc(8px + var(--ht-app-edge-strength-r421,0)*12px) #279deb4d,0 3px 8px #010b142e!important;
    }
  }
}
/* R423: a short Home window fits one readable app row above the existing
   footer. Normal-height views, full artwork, app columns and zoom stay exact. */
@layer ht-interface-refinement-r398 {
  @media (max-height:520px) {
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) {
      --ht-header-height:46px!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(> .app-install-banner:not([hidden])) {
      --ht-install-height:44px!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > .app-install-banner {
      height:calc(44px + env(safe-area-inset-top,0px))!important;
      min-height:44px!important;
      padding:env(safe-area-inset-top,0px) 10px 0!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > .app-install-banner :is(.install-now,.install-dismiss) {
      height:44px!important;
      min-height:44px!important;
      min-width:44px!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > .app-install-banner .install-dismiss {
      width:44px!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > header {
      height:46px!important;
      min-height:46px!important;
      padding-block:0!important;
      padding-inline-start:max(12px,env(safe-area-inset-left,0px))!important;
      padding-inline-end:max(12px,env(safe-area-inset-right,0px))!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > header .site-brand > img {
      width:36px!important;
      height:36px!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > main {
      display:flex!important;
      flex-direction:column!important;
      align-items:stretch!important;
      height:calc(var(--ht-home-height,100dvh) - var(--ht-top-stack-height,100px) - var(--ht-footer-height-r289,76px) - 16px)!important;
      min-height:0!important;
      max-height:none!important;
      margin-block:8px!important;
      gap:8px!important;
      box-sizing:border-box!important;
      overflow:hidden!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > main > .promo {
      flex:0 0 44px!important;
      align-self:center!important;
      width:auto!important;
      max-width:100%!important;
      height:44px!important;
      min-height:0!important;
      max-height:44px!important;
      aspect-ratio:1280 / 476!important;
      margin:0!important;
      padding:0!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > main > .promo > .promo-inner,
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) .promo-picture,
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) img.brand-banner {
      width:100%!important;
      height:100%!important;
      min-height:0!important;
      max-height:100%!important;
      object-fit:contain!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) > main > .catalog {
      display:flex!important;
      flex-direction:column!important;
      flex:1 1 0!important;
      height:auto!important;
      min-height:0!important;
      max-height:none!important;
      margin-block:0!important;
      overflow:hidden!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll) .catalog > .search-stage {
      flex:0 0 auto!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#game-search-panel) #catalog-scroll {
      flex:1 1 0!important;
      height:auto!important;
      min-height:0!important;
      max-height:none!important;
      overflow-x:hidden!important;
      overflow-y:auto!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game {
      grid-template-rows:64px auto!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game > .app-icon-frame {
      width:64px!important;
      height:64px!important;
      justify-self:center!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game > b {
      min-height:0!important;
      padding:0 2px!important;
      gap:0!important;
      font-size:12px!important;
      line-height:15px!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll .ht-catalog-name-r359 {
      font-size:12px!important;
      line-height:15px!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll .ht-catalog-region-r359 {
      font-size:12px!important;
      line-height:14px!important;
    }
  }
}
/* R424: a restrained diagonal reflection based on the observed Lisa motion.
   Reuse R423's bounded artwork pseudo and touch restart. No card/caption,
   button, package, footer, image zoom or quiet-mode geometry changes. */
@layer ht-interface-refinement-r398 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324)::after {
      background-image:linear-gradient(135deg,transparent 44%,#5bafff0a 47%,#b8f5ff26 49%,#e9ffff2e 50%,#b8f5ff26 51%,#5bafff0a 53%,transparent 56%)!important;
      background-size:220% 220%!important;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):hover > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):hover)::after {
        animation:ht-app-reflection-hover-r424 600ms cubic-bezier(.4,0,.2,1) 1 both!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):focus-visible > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):focus-visible)::after {
      animation:ht-app-reflection-hover-r424 600ms cubic-bezier(.4,0,.2,1) 1 both!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]))::after {
      animation:ht-app-reflection-press-r424 600ms cubic-bezier(.4,0,.2,1) 1 both!important;
    }
    @keyframes ht-app-reflection-hover-r424 {
      0% {background-position:140% 140%;opacity:0;}
      10% {opacity:1;}
      90% {opacity:1;}
      100% {background-position:-40% -40%;opacity:0;}
    }
    @keyframes ht-app-reflection-press-r424 {
      0% {background-position:140% 140%;opacity:0;}
      10% {opacity:1;}
      90% {opacity:1;}
      100% {background-position:-40% -40%;opacity:0;}
    }
  }
}
@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:hover,:active,:focus-visible,[data-ht-pressed="true"]) > .app-icon-frame,
    html body[data-ui-layout][data-ht-studio-r405][data-ht-polish-r409][data-ht-tactile-r410][data-ht-semantic-r411][data-ht-account-controls-r412][data-ht-primary-palette-r413][data-ht-responsive-motion-r414][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:hover,:active,:focus-visible,[data-ht-pressed="true"]) > img {
      box-shadow:inset 0 0 0 1px #99e8f93d,0 0 calc(8px + var(--ht-app-edge-strength-r421,0)*8px) #55a7ee26,0 3px 8px #010b142e!important;
    }
  }
}
/* R425: calibrated Lisa reflection plane without moving Search's artwork
   clip into its caption. Preserve image zoom and all other control materials. */
@layer ht-interface-refinement-r398 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324)::after {
      background-image:linear-gradient(90deg,transparent 30%,#edffff3d 50%,transparent 70%)!important;
      background-size:282.8427% 100%!important;
      background-position:127.3459% 50%;
      opacity:0;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):hover > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):hover)::after {
        animation:ht-lisa-reflection-hover-r425 600ms cubic-bezier(.4,0,.2,1) 1 both!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):focus-visible > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):focus-visible)::after {
      animation:ht-lisa-reflection-hover-r425 600ms cubic-bezier(.4,0,.2,1) 1 both!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]))::after {
      animation:ht-lisa-reflection-press-r425 600ms cubic-bezier(.4,0,.2,1) 1 both!important;
    }
    @keyframes ht-lisa-reflection-hover-r425 {
      0% {background-position:127.3459% 50%;opacity:1;}
      100% {background-position:-27.3459% 50%;opacity:1;}
    }
    /* Touch starts on the photo so short taps show gloss without delaying
       native navigation. Hover retains the full measured Lisa travel. */
    @keyframes ht-lisa-reflection-press-r425 {
      0% {background-position:75% 50%;opacity:1;}
      100% {background-position:-27.3459% 50%;opacity:1;}
    }
  }
  /* Only normal-height Home captions become tighter. Keep every genuine
     country/name, existing fonts and the short-window64px artwork layout. */
  @media (min-height:521px) {
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game {
      grid-template-rows:auto auto!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game > b {
      justify-content:flex-start!important;
      padding-block:4px!important;
      min-height:0!important;
    }
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll .ht-catalog-region-r359:empty {
      display:none!important;
    }
  }
  /* Search uses the same real label nodes. Its independent scrollport keeps
     its geometry while only excess caption spacing and empty regions go. */
  html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 {
    grid-template-rows:auto auto!important;
  }
  html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > b {
    justify-content:flex-start!important;
    padding-block:4px!important;
    min-height:0!important;
  }
  html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 .ht-catalog-region-r359:empty {
    display:none!important;
  }
}
/* R426: reversible artwork gloss follows hover entry/exit without restarting
   a one-shot animation. Native navigation and the existing zoom stay intact. */
@layer ht-interface-refinement-r398 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324)::after {
      background-image:linear-gradient(112deg,transparent 30%,#449dff00 40%,#409bff1f 43%,#55e7ff4d 47%,#f3ffffa6 50%,#b9fbff75 52%,#50dfff29 56%,transparent 65%)!important;
      background-size:240% 100%!important;
      background-position:140% 50%;
      opacity:1;
      animation:none!important;
      transition:background-position 600ms cubic-bezier(.4,0,.2,1)!important;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):hover > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):hover)::after {
        background-position:-40% 50%;
        animation:none!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):focus-visible > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):focus-visible)::after {
      background-position:-40% 50%;
      animation:none!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]))::after {
      animation:ht-artwork-gloss-press-r426 420ms cubic-bezier(.4,0,.2,1) 1 both!important;
    }
    @keyframes ht-artwork-gloss-press-r426 {
      0% {background-position:70% 50%;opacity:1;}
      65% {opacity:1;}
      100% {background-position:-40% 50%;opacity:0;}
    }
    /* Preserve the original transform's exact transition while adding only
       exposure response. Strong contexts override legacy important filters. */
    html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game > .app-icon-frame > img.game-icon {
      transition:transform 400ms cubic-bezier(.2,.7,.2,1),filter 160ms ease-out!important;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):hover > .app-icon-frame > img.game-icon,
      html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):hover > img {
        filter:brightness(1.1) contrast(1.05)!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):focus-visible > .app-icon-frame > img.game-icon,
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):focus-visible > img {
      filter:brightness(1.1) contrast(1.05)!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame > img.game-icon,
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > img {
      filter:brightness(1.11) contrast(1.05)!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame > img.game-icon {
      transition:transform 400ms cubic-bezier(.2,.7,.2,1),filter 60ms ease-out!important;
    }
  }
}
/* Only the old inert border was stationary while its photo zoomed/moved.
   Remove that decoration; keep the artwork sheen and keyboard focus ring. */
@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > img {
      transition:translate 200ms cubic-bezier(.2,.8,.2,1),rotate 200ms ease,scale 200ms ease,transform 200ms ease,box-shadow 180ms ease,filter 160ms ease-out!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > img {
      transition:translate 200ms cubic-bezier(.2,.8,.2,1),rotate 200ms ease,scale 200ms ease,transform 200ms ease,box-shadow 180ms ease,filter 60ms ease-out!important;
    }
  }
  html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game > ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert],
  html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > ht-interaction-glow.ht-interaction-glow-r335[aria-hidden="true"][inert] {
    display:none!important;
  }
}
/* R428: two photo-contained glass reflections and a richer image finish.
   R426 geometry, native zoom, Favorites, captions and click ownership remain. */
@layer ht-interface-refinement-r398 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* Two IDs in the body context plus the target ID beat the older sheen
       state selectors. Reuse its existing clipped square; never move its box. */
    html body[data-ui-layout][data-ht-control-light-r421]:is(:has(#catalog-scroll):has(#game-search-panel),:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324)) :is(#catalog-scroll a.game > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324)::after {
      background-image:linear-gradient(116deg,transparent 28%,#397fff00 34%,#3e94ff1f 39%,#4cbfff45 44%,#78e8ff6b 48%,#dbffff70 50%,#7fe6ff4d 54%,#449fff24 61%,transparent 68%),linear-gradient(116deg,transparent 45%,#66cfff00 47%,#8eeaff1a 49%,#dbffff38 50%,#7bd6ff1f 51.5%,transparent 54%)!important;
      background-size:260% 100%,180% 100%!important;
      background-repeat:no-repeat!important;
      background-position:135% 50%,200% 50%;
      opacity:1;
      animation:none!important;
      transition:background-position 600ms cubic-bezier(.2,.7,.2,1)!important;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421]:is(:has(#catalog-scroll):has(#game-search-panel),:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324)) :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):hover > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):hover)::after {
        background-position:-35% 50%,-60% 50%;
        animation:none!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421]:is(:has(#catalog-scroll):has(#game-search-panel),:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324)) :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):focus-visible > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):focus-visible)::after {
      background-position:-35% 50%,-60% 50%;
      animation:none!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421]:is(:has(#catalog-scroll):has(#game-search-panel),:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324)) :is(#catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame,#ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]))::after {
      transition:none!important;
      animation:ht-artwork-glass-press-r428 360ms cubic-bezier(.2,.7,.2,1) 1 both!important;
    }
    @keyframes ht-artwork-glass-press-r428 {
      0% {background-position:64% 50%,116% 50%;opacity:1;}
      65% {opacity:1;}
      100% {background-position:-35% 50%,-60% 50%;opacity:0;}
    }
  }
}
/* Earlier important motion-layer ownership is required for Search's filter
   and transition. Copy the existing zoom transitions exactly; only exposure
   timing and the photo color finish change. No transform value is assigned. */
@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game > .app-icon-frame > img.game-icon {
      transition:transform 400ms cubic-bezier(.2,.7,.2,1),filter 180ms ease-out!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > img {
      transition:translate 200ms cubic-bezier(.2,.8,.2,1),rotate 200ms ease,scale 200ms ease,transform 200ms ease,box-shadow 180ms ease,filter 180ms ease-out!important;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):hover > .app-icon-frame > img.game-icon,
      html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):hover > img {
        filter:brightness(1.06) contrast(1.04) saturate(1.08)!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):focus-visible > .app-icon-frame > img.game-icon,
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):focus-visible > img {
      filter:brightness(1.06) contrast(1.04) saturate(1.08)!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame > img.game-icon,
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > img {
      filter:brightness(1.09) contrast(1.045) saturate(1.1)!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > .app-icon-frame > img.game-icon {
      transition:transform 400ms cubic-bezier(.2,.7,.2,1),filter 60ms ease-out!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324:not([hidden]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"]) > img {
      transition:translate 200ms cubic-bezier(.2,.8,.2,1),rotate 200ms ease,scale 200ms ease,transform 200ms ease,box-shadow 180ms ease,filter 60ms ease-out!important;
    }
  }
}
/* R429: reuse the Deposit preset's actual R423 edge/sweep on enabled actions.
   Colors, borders, sizes, original tactile movement and icon owners stay intact.
   Plain glyph/disc controls get a glint, never a newly painted rectangle. */
@property --ht-button-glyph-light-r429 {syntax:"<number>";inherits:false;initial-value:0;}
@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    /* Stop only the three old idle light loops. Interaction still uses the
       same1200ms edge cycle as the reference; nothing animates while idle. */
    html body[data-ui-layout][data-ht-control-light-r421] :is(.app-install-banner .install-now,#ht-catalog-search-open-r324,#ht-contact-launcher-r324):not(:hover):not(:focus-visible):not(:active):not([data-ht-pressed="true"]) {
      animation-name:none!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(.ht-catalog-favorite-r324,.ht-footer-action-r289,.member-language-quick,.install-dismiss) {
      --ht-button-light-track-r429:ht-button-glyph-light-r429;
      --ht-button-light-press-r429:ht-button-glyph-press-r429;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421] :is(button,[role="button"],input[type="button"],input[type="submit"],a.btn,a.member-row,a.customer-wallet-signin-r355,a.ht-footer-action-r289,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357):not(.pack,.game,.ht-search-game-r324,.site-brand,.footer-social,[data-language]):not(:disabled):not([disabled]):not([inert]):not([aria-disabled="true"]):not([hidden]):not(:where([disabled] *,[aria-disabled="true"] *,[hidden] *,[inert] *)):hover,
      html body[data-ui-layout][data-ht-control-light-r421] a.ht-contact-row-r324:not([disabled]):not([inert]):not([aria-disabled="true"]):not(:where([disabled] *,[aria-disabled="true"] *,[hidden] *,[inert] *)):hover > .ht-contact-action-r324 {
        animation:var(--ht-button-light-track-r429,ht-control-edge-hover-r423) 1200ms linear infinite!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(button,[role="button"],input[type="button"],input[type="submit"],a.btn,a.member-row,a.customer-wallet-signin-r355,a.ht-footer-action-r289,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357):not(.pack,.game,.ht-search-game-r324,.site-brand,.footer-social,[data-language]):not(:disabled):not([disabled]):not([inert]):not([aria-disabled="true"]):not([hidden]):not(:where([disabled] *,[aria-disabled="true"] *,[hidden] *,[inert] *)):focus-visible,
    html body[data-ui-layout][data-ht-control-light-r421] a.ht-contact-row-r324:not([disabled]):not([inert]):not([aria-disabled="true"]):not(:where([disabled] *,[aria-disabled="true"] *,[hidden] *,[inert] *)):focus-visible > .ht-contact-action-r324 {
      animation:var(--ht-button-light-track-r429,ht-control-edge-hover-r423) 1200ms linear infinite!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] :is(button,[role="button"],input[type="button"],input[type="submit"],a.btn,a.member-row,a.customer-wallet-signin-r355,a.ht-footer-action-r289,.ht-history-detail-actions-r317 > a,label.ht-deposit-method-r400,a.balance-payment-r357):not(.pack,.game,.ht-search-game-r324,.site-brand,.footer-social,[data-language]):not(:disabled):not([disabled]):not([inert]):not([aria-disabled="true"]):not([hidden]):not(:where([disabled] *,[aria-disabled="true"] *,[hidden] *,[inert] *)):is(:active,[data-ht-pressed="true"]),
    html body[data-ui-layout][data-ht-control-light-r421] a.ht-contact-row-r324:not([disabled]):not([inert]):not([aria-disabled="true"]):not(:where([disabled] *,[aria-disabled="true"] *,[hidden] *,[inert] *)):is(:active,[data-ht-pressed="true"]) > .ht-contact-action-r324 {
      animation:var(--ht-button-light-press-r429,ht-control-edge-touch-r423) 560ms linear 1 both!important;
    }
    /* A filtered glow follows only the existing visible glyph/disc silhouette.
       No background, border, transform, descendant animation or nav box changes. */
    html body[data-ui-layout][data-ht-control-light-r421] :is(.ht-catalog-favorite-r324,.ht-footer-action-r289,.member-language-quick,.install-dismiss):not(:disabled):not([disabled]):not([inert]):not([aria-disabled="true"]):is(:hover,:focus-visible,:active,[data-ht-pressed="true"]) {
      filter:drop-shadow(0 0 calc(4px * var(--ht-button-glyph-light-r429)) color-mix(in srgb,currentColor calc(70% * var(--ht-button-glyph-light-r429)),transparent))!important;
    }
    /* Language labels and orbit positions are untouched. Glint the already
       existing glass circle, preserving its selected cyan rim and flag art. */
    html body[data-ui-layout][data-ht-control-light-r421] #member-language-dialog[open] #member-language-list > button[data-language]:not(:disabled):not([disabled]):not([inert]):not([aria-disabled="true"])::before {
      --ht-button-light-track-r429:ht-button-glyph-light-r429;
      --ht-button-light-press-r429:ht-button-glyph-press-r429;
    }
    @media (hover:hover) and (pointer:fine) {
      html body[data-ui-layout][data-ht-control-light-r421] #member-language-dialog[open] #member-language-list > button[data-language]:not(:disabled):not([disabled]):not([inert]):not([aria-disabled="true"]):hover::before {
        animation:ht-button-glyph-light-r429 1200ms linear infinite!important;
        filter:drop-shadow(0 0 calc(4px * var(--ht-button-glyph-light-r429)) color-mix(in srgb,currentColor calc(70% * var(--ht-button-glyph-light-r429)),transparent))!important;
      }
    }
    html body[data-ui-layout][data-ht-control-light-r421] #member-language-dialog[open] #member-language-list > button[data-language]:not(:disabled):not([disabled]):not([inert]):not([aria-disabled="true"]):focus-visible::before {
      animation:ht-button-glyph-light-r429 1200ms linear infinite!important;
      filter:drop-shadow(0 0 calc(4px * var(--ht-button-glyph-light-r429)) color-mix(in srgb,currentColor calc(70% * var(--ht-button-glyph-light-r429)),transparent))!important;
    }
    html body[data-ui-layout][data-ht-control-light-r421] #member-language-dialog[open] #member-language-list > button[data-language]:not(:disabled):not([disabled]):not([inert]):not([aria-disabled="true"]):is(:active,[data-ht-pressed="true"])::before {
      animation:ht-button-glyph-press-r429 560ms linear 1 both!important;
      filter:drop-shadow(0 0 calc(4px * var(--ht-button-glyph-light-r429)) color-mix(in srgb,currentColor calc(70% * var(--ht-button-glyph-light-r429)),transparent))!important;
    }
    @keyframes ht-button-glyph-light-r429 {
      0%,100% {--ht-button-glyph-light-r429:0;}
      28% {--ht-button-glyph-light-r429:1;}
      70% {--ht-button-glyph-light-r429:.45;}
    }
    @keyframes ht-button-glyph-press-r429 {
      0%,22% {--ht-button-glyph-light-r429:1;}
      100% {--ht-button-glyph-light-r429:0;}
    }
  }
}
/* Contact labels have no border plane. Add only the moving translucent
   reflection above their existing surface; its color and geometry stay owned. */
@layer ht-experience-motion-r397 {
  @media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-contact-center-r324) #ht-contact-center-r324[open] a.ht-contact-row-r324:not([disabled]):not([inert]):not([aria-disabled="true"]):not(:where([disabled] *,[aria-disabled="true"] *,[hidden] *,[inert] *)) > .ht-contact-action-r324 {
      background-image:linear-gradient(115deg,transparent 34%,#219bff00 41%,#23bce85c 48%,#32e9ff80 51%,#239bff40 55%,transparent 65%),var(--ht-button-surface-r421,var(--ht-control-surface-r421))!important;
      background-size:260% 100%,100% 100%!important;
      background-position:var(--ht-control-sweep-r423,140%) 50%,0 0!important;
      background-repeat:no-repeat!important;
    }
  }
}

/* R429: remove unused backing/rim paint beneath the Home/Search photos.
   Preserve the existing image size, clipping, zoom, gloss pseudo, Favorite,
   country badge, caption and the parent link's visible keyboard outline. */
@layer ht-experience-motion-r397 {
  @media (forced-colors:none) {
    html body.home-page[data-ui-layout][data-ht-control-light-r421]:has(#ht-footer-navigation-r289):has(#catalog-scroll):has(#game-search-panel) #catalog-scroll a.game > .app-icon-frame,
    html body[data-ui-layout][data-ht-control-light-r421]:has(#ht-footer-navigation-r289):has(#ht-catalog-search-r324):has(#ht-catalog-query-r324) #ht-catalog-search-r324 a.ht-search-game-r324 > img {
      background:transparent!important;
      box-shadow:none!important;
    }
  }
}