/* r336 ordered CSS; unchanged declarations. */
/* /assets/discount-preview-r279.css */
/* Price preview only: do not change page, sticky Total, Menu, Glass or modal locking. */
html body[data-ui-layout] .redeem-dialog .redeem-context {margin:8px 0 12px;color:#bed4e5;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html body[data-ui-layout] .redeem-dialog .redeem-preview-note {margin:10px 0;color:#a9c5d9;font-size:11px;line-height:1.65}
html body[data-ui-layout] .redeem-dialog .redeem-breakdown {display:grid;gap:7px;margin:12px 0;padding:12px;border:1px solid #31566c;border-radius:11px;background:#0b2232}
html body[data-ui-layout] .redeem-dialog .redeem-breakdown[hidden] {display:none!important}
html body[data-ui-layout] .redeem-dialog .redeem-price-row {display:flex;justify-content:space-between;gap:12px;color:#b9d2e4;font-size:12px;line-height:1.5}
html body[data-ui-layout] .redeem-dialog .redeem-price-row strong {font-weight:650;color:#e8f3fa;white-space:nowrap;font-variant-numeric:tabular-nums}
html body[data-ui-layout] .redeem-dialog .redeem-price-row:last-child {padding-top:7px;border-top:1px solid #31566c;color:#e7f3fa}
html body[data-ui-layout] .redeem-dialog .redeem-price-row:last-child strong {color:#ffe095}
html body[data-ui-layout][data-ui-layout] .redeem-dialog .redeem-remove {min-height:40px;width:100%;margin:0 0 6px;padding:8px 12px;border:1px solid #416078!important;border-radius:10px!important;background:transparent!important;color:#c3dce9!important;font:600 12px/1.5 HourKhmer,system-ui,sans-serif!important}
html body[data-ui-layout] .redeem-dialog .redeem-remove[hidden] {display:none!important}
html body[data-ui-layout] .redeem-dialog [role=status] {font-size:12px;line-height:1.65;overflow-wrap:anywhere}
html body[data-ui-layout] .redeem-dialog [data-preview-state=error] {color:#ffd1d1}
html body[data-ui-layout] .redeem-dialog [data-preview-state=success] {color:#9de5be}
html body[data-ui-layout] .redeem-dialog .redeem-submit:disabled {opacity:.62;cursor:default}
html body[data-ui-layout] .redeem-dialog .redeem-policy {margin:10px 0;padding:10px 12px;border:1px solid #31566c;border-radius:10px;background:#0b2232;color:#bdd7e5;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
html body[data-ui-layout] .redeem-dialog .redeem-policy[hidden] {display:none!important}
html body[data-ui-layout] .redeem-dialog .redeem-policy p {margin:3px 0}
/* Price text stays inside its existing box: no extra card rows, transforms or layout changes. */
html body[data-ui-layout] #packages .pack.has-discount-preview>strong,
html body[data-ui-layout] #summary-price[data-discount-preview] {color:#a9ebba;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#7fb896;text-underline-offset:3px}
/* Small card-corner chip: no replacement image, card row or resized artwork. */
html body[data-ui-layout] #packages .pack > .pack-discount-badge {
  position:absolute!important;left:auto!important;right:5px!important;bottom:auto!important;top:5px!important;z-index:4!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:auto!important;max-width:calc(100% - 10px)!important;min-width:0!important;height:auto!important;min-height:16px!important;
  margin:0!important;padding:3px 4px!important;border:1px solid #b3f7d6!important;border-radius:5px!important;
  background:#a2efc6!important;color:#073526!important;box-shadow:0 2px 6px #0008!important;
  font:800 9px/1 system-ui,sans-serif!important;letter-spacing:0!important;text-align:center!important;text-transform:none!important;
  white-space:nowrap!important;word-break:normal!important;pointer-events:none!important;
  transform:none!important;filter:none!important;animation:none!important;transition:none!important;
}
/* The selected checkmark uses the other corner only while a badge is present. */
html body[data-ui-layout][data-ui-layout] #packages.packages .pack.has-discount-preview:is(.selected,[aria-pressed="true"])::after {left:5px!important;right:auto!important}
@media(max-width:340px) {html body[data-ui-layout] #packages .pack > .pack-discount-badge {font-size:8px!important;padding-block:2px!important}}

/* /assets/clarity-effects-r286.css */
/* r286: a quieter navy/cyan finish, loaded after the retained storefront CSS.
   Paint only: retain all sizes, grids, scroll tracks, artwork, badge/checkmark
   pseudo-elements, popup timing and the existing tactile/Liquid Glass motion.
   The tap glow below is read, never set; the existing controller still owns it. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] > main > .catalog,
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup {
  background:linear-gradient(155deg,#0d2434,#091d2c)!important;
  border-color:#34596f!important;
  box-shadow:0 8px 24px #0003,inset 0 1px 0 #d3f4ff0a!important;
}

/* Remove only the old static diagonal streaks. Artwork and the retained,
   controller-driven sheen remain separate, unchanged visual layers. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game,
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack {
  background:linear-gradient(160deg,#143348,#0c2335)!important;
  border-color:#426b82!important;
  box-shadow:inset 0 1px 0 #ddf7ff14,
    inset 0 0 0 1px rgb(111 221 255 / calc(var(--ht-tap-glow,0) * .7)),
    0 4px 12px #0003,
    0 0 12px rgb(111 221 255 / calc(var(--ht-tap-glow,0) * .35))!important;
}

/* A crisp selected edge has no looping glow and does not consume ::after,
   which remains the existing selected check, opposite the discount chip. */
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:is(.selected,[aria-pressed="true"]) {
  background:linear-gradient(160deg,#153d50,#0e2b3c)!important;
  border-color:#80d9eb!important;
  box-shadow:inset 0 0 0 1px #80d9eb70,inset 0 1px 0 #e2fbff20,
    0 0 12px rgb(111 221 255 / calc(.12 + var(--ht-tap-glow,0) * .35))!important;
}

html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > b,
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack b,
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:is(.selected,[aria-pressed="true"]) b,
html body[data-ui-layout][data-ui-layout][data-ui-layout] .checkout-panel > .title h2 {
  color:#f2f8fc!important;
  text-shadow:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack .pack-ribbon {
  color:#d8edf8!important;
  text-shadow:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > strong,
html body[data-ui-layout][data-ui-layout][data-ui-layout] .total #summary-price {
  color:#ffe39e!important;
  text-shadow:none!important;
}
/* The financial preview remains the source of truth. Never paint a discount
   on an ineligible card or remove its existing underline/corner badge. */
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack.has-discount-preview > strong,
html body[data-ui-layout][data-ui-layout][data-ui-layout] .total #summary-price[data-discount-preview] {
  color:#b2f3c8!important;
}

/* Keep the existing controller-driven sheen, with less glare over card labels.
   No transform, animation, opacity or compositor property is overridden. */
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#packages .pack) .ht-sheen-beam-r217 {
  background:linear-gradient(110deg,transparent 8%,#67daed0c 34%,#defbff29 50%,#67daed0c 66%,transparent 92%)!important;
}

html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > .title {
  background:linear-gradient(110deg,#123047,#133d50)!important;
  border-color:#426a80!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .account,
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel {
  background:#102a3c!important;
  border-color:#3c6278!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .search-input-row {
  background:#081e2d!important;
  border-color:#4b738a!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] main .account input:not([type="checkbox"]):not([type="radio"]) {
  background:#081e2d!important;
  border-color:#4b738a!important;
  color:#f2f8fc!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] main .account input:not([type="checkbox"]):not([type="radio"])::placeholder,
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel #game-search::placeholder {
  color:#b5cbd8!important;
}
/* Pointer focus keeps the established no-extra-outline behavior. Keyboard
   focus-visible and forced-color indicators remain owned by readability CSS. */
html body[data-ui-layout][data-ui-layout][data-ui-layout] main .account input:not([type="checkbox"]):not([type="radio"]):focus {
  background:#0c2738!important;
  border-color:#84cbdc!important;
  box-shadow:none!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .search-input-row:focus-within {
  border-color:#84cbdc!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .total {
  background:linear-gradient(110deg,#102c3d,#143b50)!important;
  border-color:#527e94!important;
  box-shadow:0 -3px 16px #0005,inset 0 1px 0 #def8ff12!important;
}

/* Touch has no sticky hover. Fine-pointer hover changes paint, never geometry;
   the retained spring controller continues to own every press/release. */
@media(hover:hover) and (pointer:fine) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:hover,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:not(.selected):not([aria-pressed="true"]):not(:disabled):hover {
    border-color:#81c9df!important;
    box-shadow:inset 0 1px 0 #e3f9ff20,
      inset 0 0 0 1px rgb(111 221 255 / calc(var(--ht-tap-glow,0) * .7)),
      0 5px 16px #0004,
      0 0 12px rgb(111 221 255 / calc(.07 + var(--ht-tap-glow,0) * .35))!important;
  }
}

/* Use the operating system's palette instead of competing with high-contrast
   selection/focus. No forced-color-adjust opt-out, hidden content or motion. */
@media(forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:hover,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:not(.selected):not([aria-pressed="true"]):not(:disabled):hover {
    background:Canvas!important;
    border-color:ButtonBorder!important;
    box-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:is(.selected,[aria-pressed="true"]) {
    background:Canvas!important;
    border-color:Highlight!important;
    box-shadow:inset 0 0 0 1px Highlight!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > b,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack :is(b,strong,.pack-ribbon),
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:is(.selected,[aria-pressed="true"]) b,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack.has-discount-preview > strong,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .total #summary-price,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .total #summary-price[data-discount-preview],
  html body[data-ui-layout][data-ui-layout][data-ui-layout] main .account input:not([type="checkbox"]):not([type="radio"]) {
    color:CanvasText!important;
    text-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout] main .account input:not([type="checkbox"]):not([type="radio"]):focus,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .search-input-row:focus-within {
    border-color:Highlight!important;
  }
}

/* r313: Magic Chess's three-row recharge scene is not the MLBB 640:440 SVG.
   Natural rows remove its empty stretching area without shrinking artwork,
   eligibility text, instructions or the acknowledgment controls. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .store-dialog.mcgg-bonus-dialog.weekly-dialog .weekly-guide-scene {
  aspect-ratio:auto!important;
  grid-template-rows:auto auto auto!important;
  align-content:start!important;
}

/* r320: Home sheen uses its V35 paint again. Keep the current reduced-motion
   and high-contrast visibility guard; package effects remain unchanged. */
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game .ht-sheen-layer-r217 {
    display:none!important;
  }
}

/* r318: Package interaction expands the whole card like Home. The retained
   passive controller owns touch/keyboard press and release; CSS owns only
   fine-pointer hover. No idle animation or package light sweep is added.
   Artwork reveals, selection flares, badges and keyboard outlines stay owned
   by their existing controllers. Never resize the grid or intercept scrolling. */
@media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack {
    scale:calc(var(--ht-tap-scale,1) * var(--ht-card-hover-r303,1))!important;
    transform-origin:center!important;
    transition:--ht-card-hover-r303 260ms cubic-bezier(.2,.75,.2,1)!important;
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {
    --ht-card-hover-r303:1.035;
  }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack {
    scale:none!important;
    transition:none!important;
  }
}

/* r319: Weekly Pass contains four real content rows, not a fixed-ratio image.
   Let every row size to its text so the reward grid cannot overflow into the
   daily-reward caption at compact PC widths or with longer translations.
   Keep the existing dialog scroll/actions and the separate Magic Chess layout. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .store-dialog.weekly-dialog:not(.mcgg-bonus-dialog) .weekly-guide-scene {
  aspect-ratio:auto!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:start!important;
}

/* r321: measured live Khmer Topup motion, adapted to our artwork frame rather
   than its different card layout. No idle host zoom, random owner, grid resize
   or package sweep. Flags remain outside this self-clipped light layer. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game {
  scale:1!important;transform:none!important;
  transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon {
  scale:none!important;transform:scale(1)!important;
  transition:transform 400ms cubic-bezier(.2,.6,.2,1)!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > .ht-sheen-layer-r217 {
  position:absolute!important;inset:0!important;width:auto!important;height:auto!important;
  border-radius:inherit!important;overflow:hidden!important;contain:paint!important;
  pointer-events:none!important;z-index:1!important;opacity:1!important;
  mix-blend-mode:screen!important;transform:none!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game .ht-sheen-beam-r217 {
  position:absolute!important;top:-60%!important;bottom:-60%!important;left:0!important;
  width:46%!important;height:auto!important;opacity:1!important;filter:none!important;
  background:linear-gradient(90deg,transparent 0%,#ffffff29 30%,#ffffffd9 50%,#ffffff29 70%,transparent 100%)!important;
  /* The retained slow-motion stylesheet owns an !important transform using
     this registered percentage. Animate that channel, not a losing transform. */
  --ht-sheen-position-r217:-170%;
  transform:translateX(var(--ht-sheen-position-r217,-170%)) rotate(18deg)!important;
  animation:none!important;will-change:auto!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game[data-ht-sheen-running="true"] .ht-sheen-beam-r217 {
  animation:ht-home-art-glint-r321 5600ms cubic-bezier(.3,.55,.35,1) var(--ht-home-phase-r321,0ms) infinite!important;
}
@keyframes ht-home-art-glint-r321 {
  0%,58% {--ht-sheen-position-r217:-170%;}
  100% {--ht-sheen-position-r217:350%;}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:is(:hover,:focus-visible) {transform:translateY(-3px)!important;}
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:is(:hover,:focus-visible) > .app-icon-frame > img.game-icon {transform:scale(1.06)!important;}
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:hover .ht-sheen-beam-r217 {background:linear-gradient(90deg,transparent 0%,#ffffff42 30%,#fff 50%,#ffffff42 70%,transparent 100%)!important;}
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon {transform:none!important;transition:none!important;}
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game .ht-sheen-layer-r217 {display:none!important;}
}

/* r322: blue Search-style light on the card background, not a white wash on
   its artwork. Dedicated names avoid old !important/registered-property beams.
   Text, flags and images remain above one self-clipped, inert paint layer. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game {
  transition:transform 160ms ease,border-color 120ms ease!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > :is(.app-icon-frame,b) {
  position:relative!important;z-index:2!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .ht-home-light-layer-r322 {
  display:block!important;position:absolute!important;inset:0!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:inherit!important;overflow:hidden!important;
  pointer-events:none!important;z-index:1!important;background:transparent!important;
  color:transparent!important;font-size:0!important;box-shadow:none!important;
  transform:none!important;animation:none!important;transition:none!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .ht-home-light-layer-r322::before,
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .ht-home-light-layer-r322::after {
  content:none!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .ht-home-light-beam-r322 {
  display:block;position:absolute;inset:0 auto 0 0;width:40%;pointer-events:none!important;
  background:linear-gradient(105deg,transparent,#5abfff55,transparent);
  transform:translateX(-110%);opacity:0;font-style:normal;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game[data-ht-home-light="running"] .ht-home-light-beam-r322 {
  animation:ht-home-searchlight-r322 5s ease-in-out 1 both!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll[data-ht-light-paused="true"] .ht-home-light-beam-r322 {
  animation-play-state:paused!important;
}
@keyframes ht-home-searchlight-r322 {
  0%,10% {transform:translateX(-110%);opacity:0;}
  20%,75% {opacity:1;}
  90%,100% {transform:translateX(360%);opacity:0;}
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .ht-home-light-layer-r322 {display:none!important;}
}

/* r323: Heavy means stronger existing LIGHT paint, not blur on content or
   extra motion. Search/Home share one brighter blue beam. Retain their exact
   paths, five-second timing, visible-only random owner, max-three budget and
   scroll/visibility/reduced-motion cleanup. Cards never grow while idle.
   Package gets only its existing press/hover/selection paint strengthened;
   no automatic Package sweep, new loop, layer, filter or handler is added. */
/* Default paint also works when an older engine does not know forced-colors.
   Explicit final system-color rules below override it when that mode is on. */
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel::before,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .ht-home-light-beam-r322 {
    background:linear-gradient(105deg,transparent 0%,#5abfff40 25%,#8cddff8c 50%,#5abfff40 75%,transparent 100%)!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack {
    box-shadow:inset 0 1px 0 #ddf7ff24,
      inset 0 0 0 1px rgb(111 221 255 / calc(var(--ht-tap-glow,0) * .9)),
      0 4px 12px #0003,
      0 0 18px rgb(111 221 255 / calc(var(--ht-tap-glow,0) * .5))!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:is(.selected,[aria-pressed="true"]) {
    border-color:#b6f3ff!important;
    box-shadow:inset 0 0 0 1px #a5eaff99,inset 0 1px 0 #e2fbff38,
      0 0 18px rgb(111 221 255 / calc(.16 + var(--ht-tap-glow,0) * .5))!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > ht-signature-flare.ht-signature-flare-r287 {
    background:radial-gradient(ellipse at 50% 24%,#c0efff88,transparent 74%)!important;
  }
@media(hover:hover) and (pointer:fine) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:hover,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:not(.selected):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):hover {
    border-color:#b6e6f6!important;
    box-shadow:inset 0 1px 0 #e3f9ff38,
      inset 0 0 0 1px rgb(111 221 255 / calc(var(--ht-tap-glow,0) * .9)),
      0 5px 16px #0004,
      0 0 18px rgb(111 221 255 / calc(.12 + var(--ht-tap-glow,0) * .5))!important;
  }
}
@media(forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:hover,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:not(.selected):not([aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):hover {
    background:Canvas!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:is(.selected,[aria-pressed="true"]) {
    background:Canvas!important;border-color:Highlight!important;box-shadow:inset 0 0 0 1px Highlight!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel::before {
    display:none!important;animation:none!important;
  }
}

/* /assets/signature-motion-r287.css */
/* r287: differentiated surface optics. Retained controllers own all host motion,
   scroll, focus, modal lifecycle and Liquid Glass gestures. No layout changes. */
/* Display original artwork cleanly, not a fake upscale: remove stacked color
   filters/drop shadows without changing size, aspect ratio, crop or transform. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon,
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack .pack-artplate > img.pack-icon {
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  image-rendering:auto!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-menu {
  background:linear-gradient(150deg,#123649,#0b202f 68%)!important;
  border-color:#568da3!important;
  box-shadow:0 18px 48px #0008,inset 0 1px 0 #d5f6ff2b!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-auth {
  background:linear-gradient(150deg,#25364d,#101e30 70%)!important;
  border-color:#7d91b5!important;
  box-shadow:0 18px 48px #0008,inset 0 1px 0 #e8efff24!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-language-panel {
  background:linear-gradient(150deg,#27344c,#111f32 72%)!important;
  border-color:#8d9abd!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog {
  background:linear-gradient(150deg,#163e4c,#0c2839 72%)!important;
  border-color:#69a4b1!important;
  box-shadow:0 18px 48px #0008,inset 0 1px 0 #d9f8f52b!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-language-panel,.redeem-dialog) h2 {
  color:#f3f9ff!important;
  text-shadow:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .member-row {
  background:linear-gradient(110deg,#123347,#102c3d)!important;
  border-color:#39637a!important;
  box-shadow:inset 0 1px 0 #c9f3ff12!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .redeem-open {
  background:linear-gradient(110deg,#1a3c47,#133141)!important;
  border-color:#597b7c!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .redeem-open > svg {
  color:#ffe0a0!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-language-panel [data-language][aria-pressed="true"],
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-account-choice[aria-current="true"] {
  border-color:#a8bce3!important;
  background:linear-gradient(110deg,#293f5a,#1a3047)!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog .redeem-policy {
  background:#0c2433!important;
  border-color:#527d88!important;
  color:#d4e7eb!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog .redeem-submit {
  background:linear-gradient(110deg,#087fae,#216ac1)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 #d6f4ff35,0 4px 12px #0003!important;
}
/* A temporary, inert, clipped decorative child, never a host transform or a
   pseudo-element (selected checks and discount chips keep their own corners). */
html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > ht-signature-flare.ht-signature-flare-r287 {
  display:block!important;position:absolute!important;inset:0!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:inherit!important;overflow:hidden!important;
  background:radial-gradient(ellipse at 50% 60%,#a9f6e34d,transparent 72%)!important;
  pointer-events:none!important;user-select:none!important;touch-action:auto!important;
  opacity:0;z-index:1!important;box-shadow:none!important;
}
/* Existing button light: crisp center, soft edge, no blur filter or extra loop. */
html body[data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog .ht-control-light-r259 {
  background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#d7fbff45,transparent 72%)!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-language-panel .ht-control-light-r259 {
  background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#d9d4ff36,transparent 72%)!important;
}
/* Focus paint remains distinct from invalid/error states; never hide outlines. */
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-auth input:not([aria-invalid="true"]):focus {
  border-color:#abc6ec!important;
  background:#112d40!important;
}
@media(hover:hover) and (pointer:fine) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .member-row:hover {
    border-color:#8acddd!important;
    background:linear-gradient(110deg,#1b4256,#16374a)!important;
  }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout] .ht-signature-flare-r287 {display:none!important}
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-language-panel,.redeem-dialog),
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .member-row,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .member-row:hover,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog :is(.redeem-policy,.redeem-submit) {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-language-panel,.redeem-dialog) h2,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .redeem-open > svg {color:CanvasText!important}
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-language-panel [data-language][aria-pressed="true"],
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-account-choice[aria-current="true"],
  html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-auth input:not([aria-invalid="true"]):focus {
    background:Canvas!important;color:CanvasText!important;border-color:Highlight!important;
  }
}

/* r293 Crystal Aurora: richer, readable materials on the original surfaces.
   Paint only: no host transforms, new elements, pseudo corners, filters,
   backdrops, geometry, financial state or motion-controller ownership. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] {
  background:linear-gradient(155deg,#0b2035 0%,#081929 45%,#101b31 100%)!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main > .catalog,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup {
  background:linear-gradient(150deg,#153449,#0b2135 58%,#13253c)!important;
  border-color:#52768d!important;
  box-shadow:0 8px 22px #0004,inset 0 1px 0 #d3f4ff1c!important;
}
/* r294: app/package surfaces intentionally inherit the retained V17 r286
   background, border and shadow in default, selected, eligible and hover states. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > b,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack b {
  color:#f3f9ff!important;text-shadow:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack .pack-ribbon {
  color:#d9edf9!important;text-shadow:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > strong,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .total #summary-price {
  color:#ffe7af!important;text-shadow:none!important;
}
/* Green is reserved for real server-backed preview eligibility, never inferred
   from a card color, selection, hover, local flag or payment completion. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack.has-discount-preview > strong,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .total #summary-price[data-discount-preview] {
  color:#baf6d0!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge {
  background:#b6f2d3!important;color:#0b3529!important;border-color:#d2ffe9!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > ht-signature-flare.ht-signature-flare-r287 {
  background:radial-gradient(ellipse at 50% 24%,#c0efff55,transparent 74%)!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#packages .pack) .ht-sheen-beam-r217 {
  background:linear-gradient(110deg,transparent 8%,#a6dcff12 34%,#e5faff36 50%,#c3bcff12 66%,transparent 92%)!important;
}

html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > .title,
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel {
  background:linear-gradient(120deg,#19445d,#233c59 58%,#253451)!important;
  border-color:#66859f!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .account {
  background:linear-gradient(145deg,#18394e,#10283d)!important;border-color:#50758e!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([aria-invalid="true"]),
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .search-input-row {
  background:#0b2437!important;border-color:#648199!important;color:#eff8ff!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"])::placeholder,
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel #game-search::placeholder {
  color:#bdd5e4!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([aria-invalid="true"]):focus,
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .search-input-row:focus-within {
  background:#123248!important;border-color:#a0e6f2!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth input:not([aria-invalid="true"]):focus {
  background:#202f49!important;border-color:#c4c5fa!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .total {
  background:linear-gradient(112deg,#183b50,#20465b 52%,#293a57)!important;
  border-color:#7297ad!important;
  box-shadow:0 -3px 12px #0004,inset 0 1px 0 #e4f7ff20!important;
}

/* Category materials stay recognizable without putting effects over content. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-menu {
  background:linear-gradient(145deg,#1d4c5e,#153448 56%,#14283e)!important;border-color:#7babbc!important;
  box-shadow:0 18px 40px #0008,inset 0 1px 0 #d6f7ff32!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth {
  background:linear-gradient(145deg,#373d60,#23334e 50%,#14283f)!important;border-color:#969ec6!important;
  box-shadow:0 18px 40px #0008,inset 0 1px 0 #eeeaff2b!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-language-panel {
  background:linear-gradient(145deg,#3a3c60,#23344e 54%,#182b44)!important;border-color:#a1a7d0!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog {
  background:linear-gradient(145deg,#28575e,#183b4f 52%,#1c3049)!important;border-color:#9bbdc0!important;
  box-shadow:0 18px 40px #0008,inset 0 1px 0 #f4f7dc2b!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel {
  background:linear-gradient(145deg,#25445d,#1b334e 52%,#13283f)!important;border-color:#7e9fb9!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="owner"] {
  background:linear-gradient(145deg,#4d443b,#293b4d 42%,#172d44)!important;border-color:#b6a17d!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-language-panel,.redeem-dialog,.member-tools-panel) h2,
html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .workspace-heading-r290 h1 {
  color:#f6faff!important;text-shadow:none!important;
}
html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .workspace-heading-r290 > p:first-child {
  color:#9de4f2!important;
}
html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .workspace-heading-r290 .workspace-subtitle-r290 {
  color:#c3d9e8!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .member-row {
  background:linear-gradient(115deg,#24485e,#1b354e)!important;border-color:#61879d!important;
  box-shadow:inset 0 1px 0 #e3f6ff18!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .redeem-open {
  background:linear-gradient(115deg,#4c4940,#253d4d)!important;border-color:#a09d7f!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth .member-account-list {
  background:#0c2034!important;border-color:#697d9d!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth .member-account-choice {
  background:linear-gradient(120deg,#293a56,#19334a)!important;border-color:#778ca8!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth .member-account-choice[aria-current="true"],
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-language-panel [data-language][aria-pressed="true"] {
  background:linear-gradient(120deg,#49496b,#2b465f)!important;border-color:#bcbdf0!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog :is(.redeem-policy,.redeem-breakdown) {
  background:linear-gradient(125deg,#193b46,#152e43)!important;border-color:#7b9da6!important;color:#d7e9ef!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-order-card {
  background:linear-gradient(125deg,#24465b,#19344a)!important;border-color:#698da3!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="owner"] .member-owner-stat {
  background:linear-gradient(140deg,#3c3c3b,#273a49)!important;border-color:#a19172!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="owner"] .member-owner-stat > b {
  color:#ffe6b3!important;
}

/* Explicit enabled controls only; destructive/invalid states stay distinct. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-auth,.member-tools-panel) .member-primary:not(:disabled),
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .account button:not(.edit-account):not(:disabled) {
  background:linear-gradient(115deg,#126b95,#285e9b 58%,#425c9a)!important;
  border-color:#81b7d9!important;color:#fff!important;
  box-shadow:inset 0 1px 0 #e4f7ff38,0 4px 10px #0003!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog .redeem-submit:not(:disabled) {
  background:linear-gradient(115deg,#106f82,#1c658f 55%,#3d609b)!important;
  border-color:#9ed1db!important;color:#fff!important;
  box-shadow:inset 0 1px 0 #e4fff538,0 4px 10px #0003!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel .member-secondary:not(:disabled),
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth :is(.member-switch-account,.member-use-another-account,.member-create-account):not(:disabled),
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog .redeem-remove:not(:disabled) {
  background:linear-gradient(115deg,#243d55,#293951)!important;border-color:#8199b5!important;color:#e1f0ff!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth .member-logout:not(:disabled),
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-confirm-panel .member-confirm-accept:not(:disabled) {
  background:linear-gradient(115deg,#8e2944,#b12f4c)!important;border-color:#e58b9f!important;color:#fff!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-auth,.member-tools-panel) .member-primary:disabled,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog .redeem-submit:disabled,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .topup .total > button:disabled {
  background:#193247!important;border-color:#526b7c!important;color:#b7cad6!important;box-shadow:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth .ht-control-light-r259 {
  background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#e7e6ff27,transparent 72%)!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.redeem-dialog,.account) .ht-control-light-r259 {
  background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#ddfff130,transparent 72%)!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="owner"] .ht-control-light-r259 {
  background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#fff0cb2b,transparent 72%)!important;
}
@media(hover:hover) and (pointer:fine) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .member-row:hover {
    background:linear-gradient(115deg,#31576a,#243d57)!important;border-color:#a7cfdf!important;
  }
}

/* Requested plain footer: no colored pill, border or halo under ANY anchor.
   The navigation rail, colored vector pictures and real held Glass lens stay.
   Only keyboard focus keeps an outline; current-page text can remain tinted. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289:is(:hover,:active,:focus,:focus-visible,[aria-current="page"],[aria-current="true"],[aria-pressed="true"]) {
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[aria-current="page"] {
  color:#c3f2ff!important;
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.ht-control-light-r259,.ht-signature-flare-r287) {display:none!important;}
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout],
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main > .catalog,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) :is(.topup,.account,.total),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-language-panel,.redeem-dialog,.member-tools-panel),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="owner"],
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .member-row,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .member-row:hover,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-menu .redeem-open,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth :is(.member-account-list,.member-account-choice),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog :is(.redeem-policy,.redeem-breakdown),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-order-card,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="owner"] .member-owner-stat,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > .title,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .search-input-row {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth .member-account-choice[aria-current="true"],
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-language-panel [data-language][aria-pressed="true"] {
    background:Canvas!important;color:CanvasText!important;border-color:Highlight!important;box-shadow:none!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > b,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack :is(b,strong,.pack-ribbon),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack.has-discount-preview > strong,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .total #summary-price,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .total #summary-price[data-discount-preview],
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-language-panel,.redeem-dialog,.member-tools-panel) h2,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="owner"] .member-owner-stat > b,
  html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .workspace-heading-r290 h1,
  html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .workspace-heading-r290 > p:first-child,
  html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .workspace-heading-r290 .workspace-subtitle-r290 {color:CanvasText!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge {background:Canvas!important;border-color:CanvasText!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([aria-invalid="true"]) {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([aria-invalid="true"]):focus,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .search-input-row:focus-within {
    background:Canvas!important;border-color:Highlight!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"])::placeholder,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel #game-search::placeholder {color:GrayText!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-auth,.member-tools-panel) .member-primary:not(:disabled),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .account button:not(.edit-account):not(:disabled),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog :is(.redeem-submit,.redeem-remove):not(:disabled),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel .member-secondary:not(:disabled),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth :is(.member-switch-account,.member-use-another-account,.member-create-account,.member-logout):not(:disabled),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-confirm-panel .member-confirm-accept:not(:disabled) {
    background:ButtonFace!important;color:ButtonText!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-auth,.member-tools-panel) .member-primary:disabled,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .redeem-dialog .redeem-submit:disabled,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .topup .total > button:disabled {background:ButtonFace!important;color:GrayText!important;border-color:GrayText!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289:is(:hover,:active,:focus,:focus-visible,[aria-current="page"],[aria-current="true"],[aria-pressed="true"]) {background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:CanvasText!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289:focus-visible {outline-color:Highlight!important;}
}

/* r322: explicitly requested stronger glass on existing panel shells only.
   One backdrop per standalone surface: never filter text, artwork, controls,
   Home/Package cards, the white History receipt, or nested panel children.
   Checkout title/account/payment are sibling surfaces; their outer .topup
   remains unfiltered so Total is not filtered twice. Retain all geometry,
   input/selection states, modal backdrops and original content colors.
   Default support enables glass even when transparency media preferences are
   unknown. Explicit final fallbacks retain opaque/system materials. */
@supports((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog:is(.member-menu,.member-auth,.member-language-panel,.member-confirm-panel,.store-dialog,.redeem-dialog):not(.ht-workspace-inline-r290),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
  html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {
    background:linear-gradient(150deg,#7e9daf70,#19394fc2 58%,#52728880)!important;
    border-color:#d9edf8a6!important;
    box-shadow:inset 0 1px 1px #f6fbff70,inset 0 -1px 0 #a8cada29,0 10px 28px #020c183d!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
    backdrop-filter:blur(20px) saturate(1.2)!important;
  }
  @media(prefers-reduced-transparency:reduce) {
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header,
    html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog:is(.member-menu,.member-auth,.member-language-panel,.member-confirm-panel,.store-dialog,.redeem-dialog):not(.ht-workspace-inline-r290),
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
    html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290,
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {
      background:#183447!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
  }
  @media(forced-colors:active) {
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header,
    html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog:is(.member-menu,.member-auth,.member-language-panel,.member-confirm-panel,.store-dialog,.redeem-dialog):not(.ht-workspace-inline-r290),
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
    html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290,
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {
      background:Canvas!important;
      border-color:ButtonBorder!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
  }
}

/* r323: stronger Heavy glass on the same existing standalone panel shells.
   One backdrop per standalone surface: never filter text, artwork, controls,
   Home/Package cards, the white History receipt, or nested panel children.
   Checkout title/account/payment are sibling surfaces; their outer .topup
   remains unfiltered so Total is not filtered twice. Retain all geometry,
   input/selection states, modal backdrops and original content colors.
   Default support enables glass even when transparency media preferences are
   unknown. Explicit final fallbacks retain opaque/system materials. */
@supports((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog:is(.member-menu,.member-auth,.member-language-panel,.member-confirm-panel,.store-dialog,.redeem-dialog):not(.ht-workspace-inline-r290),
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
  html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {
    background:linear-gradient(150deg,#98b3c57a,#21435bc9 58%,#68879b8c)!important;
    border-color:#ecf7ffbf!important;
    box-shadow:inset 0 1px 1px #ffffff99,inset 0 -1px 0 #bfd9e83d,0 10px 28px #020c184d!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.3)!important;
    backdrop-filter:blur(24px) saturate(1.3)!important;
  }
  @media(prefers-reduced-transparency:reduce) {
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header,
    html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog:is(.member-menu,.member-auth,.member-language-panel,.member-confirm-panel,.store-dialog,.redeem-dialog):not(.ht-workspace-inline-r290),
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
    html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290,
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {
      background:#183447!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
  }
  @media(forced-colors:active) {
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header,
    html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog:is(.member-menu,.member-auth,.member-language-panel,.member-confirm-panel,.store-dialog,.redeem-dialog):not(.ht-workspace-inline-r290),
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
    html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290,
    html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {
      background:Canvas!important;
      border-color:ButtonBorder!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
  }
}

/* r325: midnight/cyan paint only on Header and Home Search. Geometry,
   Search light, one Heavy backdrop and other panels remain unchanged. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header {
  background:#0b2238!important;border-color:#43c8ef5c!important;
  box-shadow:inset 0 1px 0 #b5edff18,0 5px 18px #020b192b!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel {
  background:#0d2b42!important;border-color:#4bc8ef70!important;
  box-shadow:inset 0 1px 0 #c5f2ff1f,0 5px 16px #020c1829!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header > :is(.member-trigger,.member-language-quick),
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-open-r324 {
  background:#10364de6!important;border-color:#62cdeb80!important;
  color:#e6f8ff!important;box-shadow:inset 0 1px 0 #b3edff20!important;
}
@supports((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header {
    background:linear-gradient(110deg,#07172af5,#0b2238ed 58%,#103b4be8)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.3)!important;
    backdrop-filter:blur(24px) saturate(1.3)!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel {
    background:linear-gradient(120deg,#0b2238f0,#10344be8 62%,#0b263ce8)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.3)!important;
    backdrop-filter:blur(24px) saturate(1.3)!important;
  }
}
@media(prefers-reduced-transparency:reduce) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel {
    background:#0b2238!important;box-shadow:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
}
/* r325: Home/Search apps are static: no light, hover zoom, active shrink
   or animated paint. Native links, focus outlines and sibling Favorites
   retain their actions. Package and all other UI effects are untouched. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324),
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324) *,
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#catalog-scroll .game *,#ht-catalog-search-r324 .ht-search-game-r324,#ht-catalog-search-r324 .ht-search-game-r324 *)::before,
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#catalog-scroll .game *,#ht-catalog-search-r324 .ht-search-game-r324,#ht-catalog-search-r324 .ht-search-game-r324 *)::after {
  animation:none!important;transition:none!important;transform:none!important;
  scale:none!important;translate:none!important;rotate:none!important;
  filter:none!important;will-change:auto!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game {
  background:linear-gradient(155deg,#173b53,#0d293f 58%,#081b2e)!important;
  border-color:#426b82!important;
  box-shadow:inset 0 1px 0 #ddf7ff24,0 4px 12px #0003!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324 {
  background:linear-gradient(150deg,#1d425b,#0c263b)!important;
  border-color:#6f9bb6!important;box-shadow:inset 0 1px 0 #ffffff24!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game :is(.ht-home-light-layer-r322,.ht-sheen-layer-r217,.ht-fx-layer-r214) {
  display:none!important;
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > header > :is(.member-trigger,.member-language-quick),
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-open-r324,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324) {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;
    box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
}

/* r326: keep app Zoom, remove only automatic running-light decoration.
   Interactive anchors own one transform; their artwork/labels stay together.
   No idle loop, new listeners, delayed click, permanent layer or scroll lock. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324) {
  transform:none!important;scale:none!important;
  transform-origin:center!important;
  transition:transform 140ms cubic-bezier(.2,.7,.2,1)!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324):is(:hover,:focus-visible) {
    transform:scale(1.04)!important;
  }
}
@media(prefers-reduced-motion:no-preference) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324):active {
    transform:scale(1.03)!important;transition-duration:70ms!important;
  }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324),
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#ht-catalog-search-r324 .ht-search-game-r324):is(:hover,:focus-visible,:active) {
    transform:none!important;scale:none!important;transition:none!important;
  }
}
/* PC/tablet artwork should occupy its card like the phone artwork, not sit
   as a tiny72px icon in a wide tile. Cards grow naturally for real labels.
   Phone artwork, grid tracks, Favorites, badges and scroll ownership remain. */
@media(min-width:651px) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame {
    width:min(100%,160px)!important;height:auto!important;
    min-width:0!important;max-width:100%!important;aspect-ratio:1!important;
    flex:none!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon {
    width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324 > img {
    width:min(100%,128px)!important;height:auto!important;aspect-ratio:1!important;
  }
}
/* Match the reference: a long ticker and a separate square Search control.
   Only a mounted compact bar changes; no text field or keyboard auto-opens. */
html.ht-catalog-search-ready-r324 body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel {
  grid-template-columns:minmax(0,1fr) 44px!important;gap:12px!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel > .search-heading {
  width:100%!important;min-width:0!important;align-self:center!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .ticker-window {
  width:100%!important;min-width:0!important;margin:0!important;
}
@media(min-width:651px) {
  html.ht-catalog-search-ready-r324 body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel {
    grid-template-columns:minmax(0,1fr) 40px!important;padding:10px!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-open-r324 {
    width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
    padding:9px!important;border-radius:12px!important;
  }
}
/* Ordinary touch buttons already receive scale via their retained passive
   press controller. Do not multiply it by a second CSS transform on :active.
   Package springs, native app Zoom and all Glass gestures are excluded. */
@media(hover:none) and (pointer:coarse) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(button:not(.pack):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"]):active {
    transform:none!important;
  }
}
/* The non-discount gold rule has a :not() specificity component. Match and
   exceed it for system colors, without recoloring normal discounted prices. */
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > strong,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:not(.has-discount-preview) > strong {
    color:CanvasText!important;
  }
}

/* Native review: a 3.5% whole-card Zoom overhung the old 2px inner edge by
   about 2px. Give only PC/tablet card grids 6px of internal paint clearance.
   Keep the outer shell, phone layout and existing scroll ownership intact. */
@media(min-width:651px) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll > .game-grid {
    padding:6px!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 .ht-search-grid-r324 {
    padding:6px 6px 12px!important;
  }
}

/* /assets/responsive-motion-r288.css */
/* r288: shorter response paint; existing controllers still own actual actions.
   No global transition, layout work, scroll writes or permanent GPU layers. */
@media(prefers-reduced-motion:no-preference) {
  html body[data-ui-layout][data-ui-layout] :is(button:not(.pack):not(.member-row):not(.member-account-choice):not(.member-account-remove),a.page-support,a.footer-social,a.footer-developer) {
    transition:background-color .12s ease,border-color .12s ease,color .12s ease,filter .12s ease!important;
  }
  html body[data-ui-layout][data-ui-layout] :is(input,textarea,select) {
    transition:border-color .12s ease,background-color .12s ease!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.redeem-dialog,.store-dialog)[open]:not(.ht-slow-closing) {
    animation-duration:.18s!important;
  }
  html body[data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-tools-panel,.member-language-panel,.redeem-dialog,.store-dialog):not(.is-closing):not(.ht-slow-closing)::backdrop {
    animation-duration:.16s!important;
  }
  html body[data-ui-layout][data-ui-layout] :is(.member-menu,.member-auth,.member-tools-panel,.member-language-panel).is-closing::backdrop,
  html body[data-ui-layout][data-ui-layout] :is(.redeem-dialog,.store-dialog).ht-slow-closing::backdrop {
    animation-duration:.13s!important;
  }
}
/* Match the original decorative selector's specificity for a CSS-only safety
   fallback in addition to the controller's runtime cancellation. */
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > ht-signature-flare.ht-signature-flare-r287 {
    display:none!important;
  }
}

/* r322: native touch feedback paints immediately and settles quickly. Avoid
   interpolating filters/shadows on ordinary controls. No JS/click delay,
   touch-action/zoom/scroll lock or permanent compositor layer is introduced.
   Package springs, menu/account optics and footer lens own their own motion. */
@media(hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(button:not(.pack):not(.member-row):not(.member-account-choice):not(.member-account-remove),a.page-support,a.footer-social,a.footer-developer) {
    transition:transform 140ms cubic-bezier(.2,.7,.2,1),background-color 100ms ease,border-color 100ms ease,color 100ms ease!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(button:not(.pack):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"]):active {
    transform:scale(.985)!important;transition-duration:70ms!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:active {
    transform:scale(.985)!important;transition:transform 70ms ease,border-color 100ms ease!important;
  }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(button:not(.pack):not(.member-row):not(.member-account-choice):not(.member-account-remove),a.page-support,a.footer-social,a.footer-developer):active,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:active {
    transform:none!important;transition:none!important;
  }
}

/* r323: Heavy press feedback paints the ALREADY temporary inert light child.
   Preserve every press/release animation, position, scale, lifecycle, button
   semantic and contextual color. No blur/drop-shadow on labels/icons, filter
   tween, extra loop or input listener. Disabled controls retain their state. */
@media(prefers-reduced-motion:no-preference) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-control-light-r259 {
    background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#e9faff66 0%,#e9faff29 32%,transparent 72%)!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-auth .ht-control-light-r259 {
    background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#e7e6ff59 0%,#e7e6ff24 32%,transparent 72%)!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.redeem-dialog,.account) .ht-control-light-r259 {
    background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#ddfff166 0%,#ddfff129 32%,transparent 72%)!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-language-panel .ht-control-light-r259 {
    background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#d9d4ff66 0%,#d9d4ff29 32%,transparent 72%)!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="owner"] .ht-control-light-r259 {
    background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),#fff0cb59 0%,#fff0cb24 32%,transparent 72%)!important;
  }
}

/* /assets/footer-navigation-r289.css */
/* r289: one fixed navigation rail, using the real Menu trigger and its existing
   controller. Hidden Owner is removed from grid layout; CSS grants no access. */
html.ht-has-footer-r289 body[data-ui-layout] {
  --ht-footer-height-r289:calc(64px + env(safe-area-inset-bottom,0px));
  padding-bottom:var(--ht-footer-height-r289)!important;
}

html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
  position:fixed!important;
  inset:auto 0 0 0!important;
  z-index:75!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:4px!important;
  width:100%!important;
  max-width:none!important;
  height:var(--ht-footer-height-r289)!important;
  min-height:0!important;
  margin:0!important;
  padding:5px max(6px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))!important;
  border:0!important;
  border-top:1px solid #42687c!important;
  border-radius:0!important;
  background:linear-gradient(110deg,#0a1e2d,#102e40)!important;
  color:#d5e8f3!important;
  box-shadow:0 -5px 20px #0004,inset 0 1px 0 #dff6ff0a!important;
}

html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex:none!important;
  gap:2px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  min-height:48px!important;
  height:100%!important;
  margin:0!important;
  padding:2px 3px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#d5e8f3!important;
  font:600 11px/1.4 HourKhmer,system-ui,sans-serif!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
}

/* This must outrank display:flex above: four customer actions, five only when
   the server-backed identity controller explicitly unhides the Owner action. */
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289[hidden],
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289[hidden] {
  display:none!important;
}

html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg {
  display:block!important;
  flex:0 0 auto!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  color:inherit!important;
}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > span:not(.member-avatar):not(.member-trigger-name),
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger::after {
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1.4!important;
}
/* Identity repaint can replace the trigger's children. The fixed, translated
   dock label stays a separate pseudo-element; avatar and real button survive. */
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger > .member-trigger-name {
  display:none!important;
}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger::after {
  content:attr(data-dock-label)!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger > .member-avatar {
  flex:0 0 auto!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger > .member-avatar > img {
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger > .member-avatar > svg {
  width:20px!important;
  height:20px!important;
}
/* Guest Profile uses the same 22px slot as a real avatar, without replacing
   the live trigger or its native hamburger DOM, identity repaint or listeners. */
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger:not(:has(> .member-avatar)) > svg {
  display:none!important;
}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger:not(:has(> .member-avatar))::before {
  content:""!important;
  display:block!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:radial-gradient(circle 4px at 50% 28%,currentColor 0 96%,transparent 100%),radial-gradient(ellipse 9px 8px at 50% 100%,currentColor 0 96%,transparent 100%)!important;
  color:inherit!important;
  pointer-events:none!important;
}

/* Resting selection changes paint only: no flashing, moving indicator or
   geometry change. Existing control feedback retains ownership of presses. */
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:is([aria-current="page"],[aria-current="true"],[aria-pressed="true"],.is-current),
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger[aria-expanded="true"] {
  border-color:#527c90!important;
  background:#15394b!important;
  color:#e7f8ff!important;
}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > [data-dock-action="owner"] {
  color:#ffe0a0!important;
}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:focus-visible {
  outline:2px solid #9ae6ff!important;
  outline-offset:-1px!important;
}

/* Native top-layer dialog still owns focus, locking, scroll and WAAPI motion.
   Only the Menu's anchor becomes a bottom sheet above the navigation rail. */
html.ht-has-footer-r289 body[data-ui-layout][data-ui-layout][data-ui-layout] > dialog#member-menu.member-menu {
  inset:auto 12px calc(var(--ht-footer-height-r289) + 8px) 12px!important;
  width:min(420px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:max(96px,calc(var(--ht-visible-height,100dvh) - var(--ht-top-stack-height,54px) - var(--ht-footer-height-r289) - 24px))!important;
  margin:0 auto!important;
}

/* Support never sits on the new rail. On product pages leave additional space
   for the existing sticky Total; on Home retain the independent help dock. */
html.ht-has-footer-r289 body[data-ui-layout][data-ui-layout][data-ui-layout] > a.page-support {
  top:auto!important;
  bottom:calc(var(--ht-footer-height-r289) + 104px)!important;
}
html.ht-has-footer-r289 body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] .home-overlay-dock {
  inset:auto 12px calc(var(--ht-footer-height-r289) + 12px) 12px!important;
  padding-bottom:0!important;
}

@media(max-width:1023px) {
  /* The retained product Total can remain fixed while the page reaches its
     final terms/footer rows. Reserve both rails, not only the new navigation. */
  html.ht-has-footer-r289 body[data-ui-layout]:not(.home-page) {
    padding-bottom:calc(var(--ht-footer-height-r289) + 88px)!important;
  }
  /* Subtract the rail once, including its safe area. The old 440px minimum
     yields on short phones; the catalogue remains the existing flex scroller. */
  html.ht-has-footer-r289 body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] > main {
    height:calc(var(--ht-home-height,100dvh) - var(--ht-top-stack-height,54px) - 24px - var(--ht-footer-height-r289))!important;
    min-height:min(440px,max(240px,calc(var(--ht-home-height,100dvh) - var(--ht-top-stack-height,54px) - 24px - var(--ht-footer-height-r289))))!important;
  }
  html.ht-has-footer-r289 body[data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total {
    bottom:calc(var(--ht-footer-height-r289) + 8px)!important;
  }
}

@media(hover:hover) and (pointer:fine) {
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:not(:disabled):hover {
    border-color:#4f798f!important;
    background:#133347!important;
    color:#f0faff!important;
  }
}
@media(prefers-reduced-motion:no-preference) {
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 {
    transition:border-color .12s ease,background-color .12s ease,color .12s ease!important;
  }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 {
    transition:none!important;
  }
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
    background:Canvas!important;
    color:CanvasText!important;
    border-color:ButtonBorder!important;
    box-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289,
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:not(:disabled):hover {
    background:Canvas!important;
    color:CanvasText!important;
    border-color:ButtonBorder!important;
    box-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:is([aria-current="page"],[aria-current="true"],[aria-pressed="true"],.is-current),
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger[aria-expanded="true"] {
    background:Canvas!important;
    color:CanvasText!important;
    border-color:Highlight!important;
  }
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:focus-visible {
    outline-color:Highlight!important;
  }
  /* This decorative gradient uses the system foreground, not a fixed color.
     Keep only this person silhouette painted when forced colors suppress it. */
  html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > .member-trigger:not(:has(> .member-avatar))::before {
    color:CanvasText!important;
    forced-color-adjust:none;
  }
}

/* r291: crisp local vector pictures, each with its own restrained signature.
   Only SVG pixels move. Rail/link geometry, native navigation, identity and
   Liquid Glass remain untouched; CSS animation writes no DOM/observer state. */
html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 {
  --ht-icon-accent-r291:#94d7ff;
  --ht-icon-fill-r291:#1b405c;
  --ht-icon-detail-r291:#e2f5ff;
  --ht-icon-duration-r291:.42s;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > [data-dock-action="home"] {
  --ht-icon-accent-r291:#8ce8f5;--ht-icon-fill-r291:#16465b;--ht-icon-detail-r291:#dcfbff;
  --ht-icon-enter-r291:ht-home-enter-r291;--ht-icon-react-r291:ht-home-react-r291;--ht-icon-duration-r291:.38s;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > [data-dock-action="orders"] {
  --ht-icon-accent-r291:#95edc8;--ht-icon-fill-r291:#174b40;--ht-icon-detail-r291:#e1fff1;
  --ht-icon-enter-r291:ht-orders-enter-r291;--ht-icon-react-r291:ht-orders-react-r291;--ht-icon-duration-r291:.40s;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > [data-dock-action="redeem"] {
  --ht-icon-accent-r291:#cfb8ff;--ht-icon-fill-r291:#41335f;--ht-icon-detail-r291:#f4eaff;
  --ht-icon-enter-r291:ht-redeem-enter-r291;--ht-icon-react-r291:ht-redeem-react-r291;--ht-icon-duration-r291:.52s;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > [data-dock-action="profile"] {
  --ht-icon-accent-r291:#9bd8ff;--ht-icon-fill-r291:#1b4564;--ht-icon-detail-r291:#e4f5ff;
  --ht-icon-enter-r291:ht-profile-enter-r291;--ht-icon-react-r291:ht-profile-react-r291;--ht-icon-duration-r291:.42s;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > [data-dock-action="owner"] {
  --ht-icon-accent-r291:#ffdc96;--ht-icon-fill-r291:#58442a;--ht-icon-detail-r291:#fff3d5;
  --ht-icon-enter-r291:ht-owner-enter-r291;--ht-icon-react-r291:ht-owner-react-r291;--ht-icon-duration-r291:.56s;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 {
  width:24px!important;height:24px!important;
  overflow:visible!important;color:var(--ht-icon-accent-r291)!important;
  fill:none!important;stroke:var(--ht-icon-accent-r291)!important;
  stroke-linecap:round;stroke-linejoin:round;
  filter:none!important;opacity:1!important;
  transform:none;transform-box:fill-box;transform-origin:center;
  animation:none!important;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-body-r291 {
  fill:var(--ht-icon-fill-r291)!important;stroke:var(--ht-icon-accent-r291)!important;
  fill-opacity:1;stroke-opacity:1;stroke-width:1.6;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-detail-r291 {
  fill:none!important;stroke:var(--ht-icon-detail-r291)!important;
  stroke-opacity:1;stroke-width:1.7;
}
html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-spark-r291 {
  fill:var(--ht-icon-accent-r291)!important;stroke:var(--ht-icon-accent-r291)!important;
  stroke-width:1;opacity:.9;
  transform-box:fill-box;transform-origin:center;
}

/* Entrance is once per actual current document. React uses a different name,
   so a focused/hovered current item can respond without an idle motion loop. */
@media(prefers-reduced-motion:no-preference) {
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289[aria-current="page"] > svg.ht-footer-icon-r291 {
    animation:var(--ht-icon-enter-r291) var(--ht-icon-duration-r291) cubic-bezier(.2,.7,.2,1) 1!important;
  }
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:is(:focus-visible,:active) > svg.ht-footer-icon-r291 {
    animation:var(--ht-icon-react-r291) var(--ht-icon-duration-r291) cubic-bezier(.2,.7,.2,1) 1!important;
  }
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:is([aria-current="page"],:focus-visible,:active) > svg.ht-footer-icon-r291 .ht-icon-spark-r291 {
    animation:ht-icon-glint-r291 var(--ht-icon-duration-r291) ease-out 1!important;
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:hover > svg.ht-footer-icon-r291 {
    animation:var(--ht-icon-react-r291) var(--ht-icon-duration-r291) cubic-bezier(.2,.7,.2,1) 1!important;
  }
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:hover > svg.ht-footer-icon-r291 .ht-icon-spark-r291 {
    animation:ht-icon-glint-r291 var(--ht-icon-duration-r291) ease-out 1!important;
  }
}

@keyframes ht-home-enter-r291 {0%{transform:translateY(2px) scale(.96)}55%{transform:translateY(-2px) scale(1.03)}100%{transform:none}}
@keyframes ht-home-react-r291 {0%,100%{transform:none}45%{transform:translateY(-3px)}75%{transform:translateY(1px)}}
@keyframes ht-orders-enter-r291 {0%{transform:translateX(-2px) rotate(-3deg)}60%{transform:translateX(1px) rotate(1deg)}100%{transform:none}}
@keyframes ht-orders-react-r291 {0%,100%{transform:none}35%{transform:translateX(-2px) rotate(-3deg)}70%{transform:translateX(1px) rotate(2deg)}}
@keyframes ht-redeem-enter-r291 {0%{transform:rotate(-5deg) scale(.94)}55%{transform:rotate(3deg) scale(1.04)}100%{transform:none}}
@keyframes ht-redeem-react-r291 {0%,100%{transform:none}25%{transform:rotate(-8deg)}52%{transform:rotate(7deg) translateY(-1px)}78%{transform:rotate(-3deg)}}
@keyframes ht-profile-enter-r291 {0%{transform:scale(.92)}65%{transform:scale(1.035)}100%{transform:none}}
@keyframes ht-profile-react-r291 {0%,100%{transform:none}45%{transform:scale(1.08)}75%{transform:scale(.99)}}
@keyframes ht-owner-enter-r291 {0%{transform:translateY(2px) scale(.94)}55%{transform:translateY(-2px) scale(1.03)}100%{transform:none}}
@keyframes ht-owner-react-r291 {0%,100%{transform:none}35%{transform:translateY(-3px) rotate(-4deg)}70%{transform:translateY(-1px) rotate(3deg)}}
@keyframes ht-icon-glint-r291 {0%{opacity:.6;transform:scale(.85)}55%{opacity:1;transform:scale(1.12)}100%{opacity:.9;transform:none}}

/* No new motion when the user requests stability or a system contrast palette.
   Solid system strokes preserve recognizable silhouettes and keyboard focus. */
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291,
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:is([aria-current="page"],:hover,:focus-visible,:active) > svg.ht-footer-icon-r291,
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-spark-r291,
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289:is([aria-current="page"],:hover,:focus-visible,:active) > svg.ht-footer-icon-r291 .ht-icon-spark-r291 {
    animation:none!important;transition:none!important;transform:none!important;
  }
}
@media(forced-colors:active) {
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 {
    color:CanvasText!important;stroke:CanvasText!important;
  }
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-body-r291 {
    fill:Canvas!important;stroke:CanvasText!important;
  }
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-detail-r291 {
    fill:none!important;stroke:CanvasText!important;
  }
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-spark-r291 {
    fill:CanvasText!important;stroke:CanvasText!important;opacity:1;
  }
}

/* r292: fine local highlights keep all five 24px silhouettes crisp. The
   finite r291 motion/reduced-motion rules above remain authoritative. */
html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-highlight-r292 {
  fill:none!important;stroke:var(--ht-icon-detail-r291)!important;
  stroke-width:1;stroke-opacity:.48;
}

/* Explicit native actions receive decorative vectors, not replacement labels
   or wrappers. In particular no button display/size/disabled state is changed. */
html.ht-action-icons-r292 body[data-ui-layout] button > svg.ht-action-icon-r292 {
  display:inline-block!important;flex:0 0 auto;
  width:18px!important;height:18px!important;
  margin:0 7px 0 0!important;margin-inline:0 7px!important;
  vertical-align:-3px;overflow:visible;
  color:inherit!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  pointer-events:none;opacity:.98;filter:none!important;
  transform:none;transform-origin:center;animation:none!important;
}
html.ht-action-icons-r292 body[data-ui-layout] button > svg.ht-action-icon-r292 .ht-action-tone-r292 {
  fill:currentColor!important;fill-opacity:.12;stroke:currentColor!important;
}
html.ht-action-icons-r292 body[data-ui-layout] :is(.member-auth-back,.member-close,.redeem-close):has(> svg.ht-action-icon-r292) {
  font-size:0!important;
}
html.ht-action-icons-r292 body[data-ui-layout] .member-auth-back:has(> svg.ht-action-icon-r292) > span[aria-hidden="true"] {
  display:none!important;
}
html.ht-action-icons-r292 body[data-ui-layout] :is(.member-auth-back,.member-close,.redeem-close) > svg.ht-action-icon-r292 {
  width:20px!important;height:20px!important;margin:0!important;margin-inline:0!important;vertical-align:middle;
}
/* The existing password controller continues to own its SVG and input toggle. */
html.ht-action-icons-r292 body[data-ui-layout] .member-password-eye > svg {
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html.ht-action-icons-r292 body[data-ui-layout] button:not(:disabled):hover > svg.ht-action-icon-r292 {
    animation:ht-action-react-r292 .24s cubic-bezier(.2,.7,.2,1) 1!important;
  }
}
@media(prefers-reduced-motion:no-preference) {
  html.ht-action-icons-r292 body[data-ui-layout] button:not(:disabled):focus-visible > svg.ht-action-icon-r292 {
    animation:ht-action-react-r292 .24s cubic-bezier(.2,.7,.2,1) 1!important;
  }
}
@keyframes ht-action-react-r292 {0%,100%{transform:none}50%{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html.ht-action-icons-r292 body[data-ui-layout] button > svg.ht-action-icon-r292,
  html.ht-action-icons-r292 body[data-ui-layout] button:not(:disabled):is(:hover,:focus-visible) > svg.ht-action-icon-r292 {
    animation:none!important;transition:none!important;transform:none!important;
  }
}
@media(forced-colors:active) {
  html body[data-ui-layout] > nav.ht-footer-nav-r289 > .ht-footer-action-r289 > svg.ht-footer-icon-r291 .ht-icon-highlight-r292 {
    stroke:CanvasText!important;stroke-opacity:1;
  }
  html.ht-action-icons-r292 body[data-ui-layout] button > svg.ht-action-icon-r292 {
    color:ButtonText!important;stroke:ButtonText!important;
  }
  html.ht-action-icons-r292 body[data-ui-layout] button > svg.ht-action-icon-r292 .ht-action-tone-r292 {
    fill:Canvas!important;fill-opacity:1;stroke:ButtonText!important;
  }
  html.ht-action-icons-r292 body[data-ui-layout] button:disabled > svg.ht-action-icon-r292,
  html.ht-action-icons-r292 body[data-ui-layout] button:disabled > svg.ht-action-icon-r292 .ht-action-tone-r292 {
    color:GrayText!important;stroke:GrayText!important;
  }
}

/* r292: suppress native iOS footer link previews/image ghosts only here. No
   touch-action override: the existing native pan-y contract remains intact. */
html body[data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289,
html body[data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289 * {
  -webkit-touch-callout:none!important;
  user-select:none!important;-webkit-user-select:none!important;
  -webkit-user-drag:none!important;
}

/* Exact retained r257 glass layout follows, now shipped with this CSS asset. */
/* r257: one transient clear-center pixel surface and a narrow refracting rim.
   No duplicated DOM, backdrop blur, or changes to resting row outlines. */
html body .ht-liquid-layer-r251,
html body .ht-liquid-layer-r251 > .ht-liquid-lens-r251,
html body .ht-liquid-layer-r251 .ht-liquid-surface-r256 {
  display:block!important;position:absolute!important;box-sizing:border-box!important;
  margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;border:0!important;
  pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;
  font-size:0!important;line-height:0!important;flex:none!important;
  background:transparent!important;box-shadow:none!important;animation:none!important;transition:none!important;
}
html body .ht-liquid-layer-r251 {
  inset:auto!important;z-index:5!important;overflow:hidden!important;contain:paint;
  isolation:isolate;border-radius:0!important;opacity:1!important;
}
html body .ht-liquid-layer-r251 > .ht-liquid-lens-r251 {
  inset:auto!important;transform:translate(-50%,-50%)!important;
  transform-origin:center!important;overflow:visible!important;opacity:1!important;
}
html body .ht-liquid-layer-r251 .ht-liquid-surface-r256 {
  inset:0!important;width:100%!important;height:100%!important;opacity:1!important;
}
/* Only these two gesture tracks opt in. Horizontal account swipes remain the
   account controller's gesture; the optical surface yields to that intent. */
html body dialog#member-menu[open] .member-menu-actions .member-row,
html body dialog.member-auth[open][data-mode=accounts] .member-account-picker:not([hidden]) .member-account-list > .member-account-swipe,
html body dialog.member-auth[open][data-mode=accounts] .member-account-picker:not([hidden]) .member-account-list .member-account-choice {touch-action:none!important}
@media(prefers-reduced-motion:reduce),(forced-colors:active){
  html body .ht-liquid-layer-r251{display:none!important}
  html body dialog#member-menu[open] .member-menu-actions .member-row,
  html body dialog.member-auth[open][data-mode=accounts] .member-account-picker:not([hidden]) .member-account-list > .member-account-swipe,
  html body dialog.member-auth[open][data-mode=accounts] .member-account-picker:not([hidden]) .member-account-list .member-account-choice{touch-action:pan-y!important}
}

/* /assets/workspace-pages-r290.css */
/* Separate documents retain the existing authoritative member/discount flows. */
html.ht-page-navigation-r290 body[data-ui-layout][data-ui-layout] > header > .member-trigger {display:none!important}
html body[data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289 {touch-action:pan-y!important}
html body.workspace-page-r290[data-ui-layout][data-ui-layout] > main {
  display:block!important;box-sizing:border-box!important;
  width:min(100%,760px)!important;max-width:760px!important;min-height:0!important;height:auto!important;
  margin:16px auto 24px!important;padding:0 16px!important;
}
html.ht-has-footer-r289 body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout] {padding-bottom:calc(var(--ht-footer-height-r289) + 20px)!important}
html body.workspace-page-r290[data-ui-layout] .workspace-heading-r290 {margin:0 0 18px;color:#eaf6ff}
html body.workspace-page-r290[data-ui-layout] .workspace-heading-r290 > p {margin:0 0 6px;color:#7cddf1;font-size:11px;font-weight:700;letter-spacing:.12em}
html body.workspace-page-r290[data-ui-layout] .workspace-heading-r290 h1 {margin:0;font-size:clamp(24px,5vw,32px);line-height:1.4;color:#f3f9ff}
html body.workspace-page-r290[data-ui-layout] .workspace-heading-r290 .workspace-subtitle-r290 {margin:6px 0 0;color:#b9d4e4;font:400 13px/1.7 HourKhmer,system-ui,sans-serif;letter-spacing:0}
html body.workspace-page-r290[data-ui-layout] #ht-workspace-surface {min-width:0;max-width:100%}
html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout] dialog.ht-workspace-inline-r290 {
  position:relative!important;inset:auto!important;float:none!important;display:block!important;
  width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;
  margin:0!important;box-sizing:border-box!important;padding:20px!important;
  overflow:visible!important;overscroll-behavior:auto!important;
  transform:none!important;translate:none!important;scale:none!important;rotate:none!important;
  opacity:1!important;animation:none!important;box-shadow:inset 0 1px 0 #e3f7ff18,0 10px 28px #0003!important;
}
html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout] dialog.ht-workspace-inline-r290:not([open]),
html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout] dialog.ht-workspace-inline-r290[hidden] {display:none!important}
html body.workspace-page-r290[data-ui-layout][data-ui-layout] .ht-workspace-inline-r290 > :is(.redeem-close,.member-close),
html body.workspace-page-r290[data-ui-layout][data-ui-layout] .ht-workspace-inline-r290 > .member-panel-heading > .member-close {display:none!important}
html body.workspace-page-r290[data-ui-layout][data-ui-layout] .ht-workspace-inline-r290 :is(input,select,textarea) {font-size:16px!important;max-width:100%!important}
html body.workspace-page-r290[data-ui-layout] .workspace-error-r290 {padding:20px;border:1px solid #78605d;border-radius:18px;background:#2c2028;color:#f9e5e3;font-size:14px;line-height:1.8}
html body.workspace-page-r290[data-ui-layout] .workspace-error-r290 a {color:#b4e8ff;text-decoration:underline}
html body.workspace-page-r290[data-ui-layout] #ht-workspace-support {margin-top:20px;max-width:100%}
html body.workspace-page-r290[data-ui-layout] #ht-workspace-support > footer {position:static!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important}
html body.workspace-page-r290[data-ui-layout] .workspace-loading-r290 {color:#c2dce9;font-size:14px;line-height:1.8}
@media(max-width:360px){html body.workspace-page-r290[data-ui-layout][data-ui-layout] > main {padding-inline:10px!important}html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout] dialog.ht-workspace-inline-r290 {padding:16px!important}}
@media(forced-colors:active){html body.workspace-page-r290[data-ui-layout] :is(.workspace-heading-r290,.workspace-heading-r290 h1,.workspace-heading-r290 > p,.workspace-heading-r290 .workspace-subtitle-r290,.workspace-loading-r290) {color:CanvasText!important}html body.workspace-page-r290[data-ui-layout] .workspace-error-r290 {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important}}

/* /assets/uniform-blue-r296.css */
/* r296: original navy-blue cards; only the small discount chip is red.
   Loaded last with a new filename so older cached multicolor variants cannot
   repaint individual cards. Paint only; artwork, prices, badge text/layout,
   scrolling, tap motion and Liquid Glass remain owned by existing code. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack.has-discount-preview:not(.selected):not([aria-pressed="true"]) {
  background:linear-gradient(155deg,#173b53,#0d293f 58%,#081b2e)!important;
}

/* The existing verified preview owns this small corner chip and removes it
   when cleared. Do not tint the package card, artwork or discounted price. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge {
  background:#b91c35!important;
  color:#ffffff!important;
  border-color:#ff9bad!important;
}

/* Native selection edges, shadows, checks and chip geometry are not replaced. */

/* Keep the real moving sheen; remove only its purple material tint. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll .game,#packages .pack) .ht-sheen-beam-r217 {
  background:linear-gradient(110deg,transparent 8%,#67daed0c 34%,#defbff29 50%,#67daed0c 66%,transparent 92%)!important;
}

/* Respect the system high-contrast palette and existing keyboard outline. */
@media(forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack.has-discount-preview:not(.selected):not([aria-pressed="true"]) {
    background:Canvas!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge {
    background:Canvas!important;
    color:CanvasText!important;
    border-color:ButtonBorder!important;
  }
}

/* /assets/button-palette-r297.css */
/* r297: five complementary paint colors INSIDE EACH bottom-navigation icon.
   Semantic keys stay correct when Owner is hidden. Labels are separate from
   the five SVG colors. No backgrounds, borders, layout, motion, touch,
   current-state authority or Liquid Glass material/controller changes. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="home"] {
  color:#77e8ff!important;
  --ht-icon-accent-r291:#77e8ff;
  --ht-icon-fill-r291:#287fa8;
  --ht-icon-detail-r291:#ffdb84;
  --ht-icon-highlight-r297:#d2b6ff;
  --ht-icon-spark-r297:#8ff0c1;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="orders"] {
  color:#7ccfff!important;
  --ht-icon-accent-r291:#7ccfff;
  --ht-icon-fill-r291:#287da2;
  --ht-icon-detail-r291:#d8efff;
  --ht-icon-highlight-r297:#9edbff;
  --ht-icon-spark-r297:#53b9ff;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="redeem"] {
  color:#cfb7ff!important;
  --ht-icon-accent-r291:#cfb7ff;
  --ht-icon-fill-r291:#8950c2;
  --ht-icon-detail-r291:#ffdb84;
  --ht-icon-highlight-r297:#83d9ff;
  --ht-icon-spark-r297:#ffafc9;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="profile"] {
  color:#ffb7dc!important;
  --ht-icon-accent-r291:#ffb7dc;
  --ht-icon-fill-r291:#b9568a;
  --ht-icon-detail-r291:#95eac5;
  --ht-icon-highlight-r297:#ffdc91;
  --ht-icon-spark-r297:#91d7ff;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="owner"] {
  color:#ffdb8f!important;
  --ht-icon-accent-r291:#ffdb8f;
  --ht-icon-fill-r291:#b68330;
  --ht-icon-detail-r291:#8fe6ff;
  --ht-icon-highlight-r297:#d9b9ff;
  --ht-icon-spark-r297:#a5f2ca;
}
/* Reuse the original decorative paths; only their solid SVG paints change. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action] > svg.ht-footer-icon-r291 .ht-icon-highlight-r292 {
  stroke:var(--ht-icon-highlight-r297)!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action] > svg.ht-footer-icon-r291 .ht-icon-spark-r291 {
  fill:var(--ht-icon-spark-r297)!important;
  stroke:var(--ht-icon-spark-r297)!important;
}
/* OS high-contrast colors override decorative palettes. The retained keyboard
   focus outline and native aria-current/hidden state are not changed here. */
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action] {
    color:CanvasText!important;
    --ht-icon-accent-r291:CanvasText;
    --ht-icon-fill-r291:Canvas;
    --ht-icon-detail-r291:CanvasText;
    --ht-icon-highlight-r297:CanvasText;
    --ht-icon-spark-r297:CanvasText;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action] > svg.ht-footer-icon-r291 .ht-icon-highlight-r292 {
    stroke:CanvasText!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action] > svg.ht-footer-icon-r291 .ht-icon-spark-r291 {
    fill:CanvasText!important;
    stroke:CanvasText!important;
  }
}

/* /assets/discount-tag-r298.css */
/* r298: a crisp red hanging price tag, like the supplied motion reference.
   The existing server-quoted chip text and aria-label remain authoritative.
   Only the corner chip changes; card/artwork/price/footer/Glass are untouched. */
@property --ht-tag-angle-r298 {
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge {
  background:#142c3e!important;
  color:#ffffff!important;
  border-color:#45677b!important;
  border-radius:7px!important;
  gap:3px!important;
  min-height:22px!important;
  padding:2px 4px!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge::before {
  content:"";
  display:block;
  flex:0 0 18px;
  width:18px;
  height:18px;
  background:url('/assets/discount-tag-r298.svg?v=r298') center/contain no-repeat;
}
/* The unchanged quote controller supplies the actual uncapped percentage.
   Its text sits INSIDE the tag, including 1% through 100%, not a static "%".
   Capped/fixed discounts keep the truthful dollar amount beside a small tag. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label*="%"] {
  width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:4px 0 0 3px!important;
  border-color:transparent!important;
  border-radius:0!important;
  background:url('/assets/discount-tag-r298.svg?v=r298') center/contain no-repeat!important;
  box-shadow:none!important;
  font-size:9px!important;
  line-height:1!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label*="%"]::before {
  content:none;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label^="Discount 100%"] {
  font-size:7.5px!important;
}
@media(max-width:340px) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label*="%"] {
    width:32px!important;
    height:32px!important;
    min-height:32px!important;
    font-size:8px!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label^="Discount 100%"] {
    font-size:7px!important;
  }
}
/* Brief reference-like rocking, then rest. No endless per-card animation.
   Only the icon moves: actual amount, card and artwork do not change layout. */
@media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge:not([aria-label*="%"])::before,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label*="%"] {
    transform-origin:24% 24%!important;
    /* The old bundle resets every package descendant's rotate!important.
       Keep the winning expression important; animate its typed input only. */
    rotate:var(--ht-tag-angle-r298)!important;
    animation:ht-discount-tag-swing-r298 1.6s ease-in-out 3!important;
  }
}
@keyframes ht-discount-tag-swing-r298 {
  0%,100% {--ht-tag-angle-r298:0deg}
  20% {--ht-tag-angle-r298:8deg}
  45% {--ht-tag-angle-r298:-7deg}
  70% {--ht-tag-angle-r298:5deg}
  85% {--ht-tag-angle-r298:-3deg}
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge::before {
    animation:none!important;
    transform:none!important;
    rotate:none!important;
  }
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label*="%"] {
    background:Canvas!important;
    color:CanvasText!important;
    border-color:ButtonBorder!important;
    border-radius:7px!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge::before {
    content:"%";
    background:none!important;
    color:CanvasText!important;
    font:800 14px/18px system-ui,sans-serif;
    text-align:center;
  }
}

/* /assets/discount-alignment-r299.css */
/* r299: lower the existing tag7px; align its actual percentage along the
   ring-to-tip diagonal. The outer r298 rocking remains its only animation. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge {
  top:12px!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge > .pack-discount-label-r299 {
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  white-space:nowrap!important;
  transform:none!important;
  rotate:none!important;
  animation:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label*="%"] > .pack-discount-label-r299 {
  rotate:45deg!important;
  transform-origin:center!important;
}
/* A plain system-color chip is easier to read without decorative rotation. */
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge[aria-label*="%"] > .pack-discount-label-r299 {
    rotate:none!important;
  }
}

/* /assets/discount-chip-r300.css */
/* r300: a normal, compact red discount chip matching the supplied reference.
   The existing quote text/ARIA remains authoritative; no card or price edits. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  top:12px!important;
  right:5px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:18px!important;
  max-width:calc(100% - 10px)!important;
  padding:3px 4px!important;
  gap:0!important;
  border:1px solid #fa8b98!important;
  border-radius:4px!important;
  background:#d9213c!important;
  color:#ffffff!important;
  box-shadow:none!important;
  font:800 10px/1.15 system-ui,sans-serif!important;
  letter-spacing:-.1px!important;
  white-space:nowrap!important;
  text-shadow:none!important;
  transform:none!important;
  rotate:none!important;
  animation:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge::before,
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge::after {
  content:none!important;
  display:none!important;
  background:none!important;
  transform:none!important;
  rotate:none!important;
  animation:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge > .pack-discount-label-r299 {
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  transform:none!important;
  rotate:none!important;
  animation:none!important;
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-discount-badge {
    background:Canvas!important;
    color:CanvasText!important;
    border-color:ButtonBorder!important;
  }
}

/* /assets/footer-icons-r300.css */
/* r300: three requested solid footer artworks only. Existing labels, 24px
   icon boxes, finite motion, navigation and Liquid Glass stay authoritative. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="home"] {
  color:#cbb3ff!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="redeem"] {
  color:#ffd264!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="profile"] {
  color:#48a9ef!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="home"] > svg.ht-footer-icon-r291 .ht-icon-body-r291 {
  fill:#aa88e8!important;
  stroke:#aa88e8!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="home"] > svg.ht-footer-icon-r291 .ht-icon-detail-r291 {
  fill:#f4edff!important;
  stroke:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="redeem"] > svg.ht-footer-icon-r291 .ht-icon-body-r291 {
  fill:#e64759!important;
  stroke:#e64759!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="redeem"] > svg.ht-footer-icon-r291 .ht-gift-lid-r300 {
  fill:#fa6170!important;
  stroke:#fa6170!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="redeem"] > svg.ht-footer-icon-r291 .ht-icon-detail-r291 {
  fill:#ffd264!important;
  stroke:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="redeem"] > svg.ht-footer-icon-r291 .ht-icon-highlight-r292 {
  fill:none!important;
  stroke:#ffb0b7!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="profile"] > svg.ht-footer-icon-r291 .ht-icon-body-r291 {
  fill:#48a9ef!important;
  stroke:#48a9ef!important;
}
/* The same-specificity OS palette wins; no hard-coded colors leak into HC. */
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289:is([data-dock-action="home"],[data-dock-action="redeem"],[data-dock-action="profile"]) {
    color:CanvasText!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289:is([data-dock-action="home"],[data-dock-action="redeem"],[data-dock-action="profile"]) > svg.ht-footer-icon-r291 .ht-icon-body-r291 {
    fill:CanvasText!important;
    stroke:CanvasText!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="redeem"] > svg.ht-footer-icon-r291 .ht-gift-lid-r300 {
    fill:CanvasText!important;
    stroke:CanvasText!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289:is([data-dock-action="home"],[data-dock-action="redeem"]) > svg.ht-footer-icon-r291 .ht-icon-detail-r291 {
    fill:Canvas!important;
    stroke:none!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289[data-dock-action="redeem"] > svg.ht-footer-icon-r291 .ht-icon-highlight-r292 {
    fill:none!important;
    stroke:Canvas!important;
  }
}

/* /assets/install-polish-r301.css */
/* r301: steady emerald Install accent and an honest app-owned bottom sheet.
   Keep the retained 48px banner/header offsets, visibility and native prompt. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner {
  background:linear-gradient(105deg,#082a45,#123f68 65%,#1b3655)!important;
  border-bottom-color:#628db4!important;
  color:#f3fff9!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner .install-copy b {
  color:#f3fff9!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner .install-copy small {
  color:#bfe5d2!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner .install-now {
  background:linear-gradient(115deg,#67edc1,#3cdbac)!important;
  border-color:#a0f8d7!important;
  color:#063b2d!important;
  box-shadow:inset 0 1px 0 #ffffff70!important;
  font-weight:800!important;
  filter:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner .install-dismiss {
  color:#d9efdf!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner button:focus-visible {
  outline:2px solid #ffe3a1!important;
  outline-offset:2px!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 {
  position:fixed!important;
  inset:auto 0 0!important;
  box-sizing:border-box!important;
  width:min(100%,480px)!important;
  max-width:100%!important;
  max-height:min(80dvh,620px)!important;
  height:auto!important;
  margin:0 auto!important;
  padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px))!important;
  border:1px solid #dce6eb!important;
  border-bottom:0!important;
  border-radius:20px 20px 0 0!important;
  background:#ffffff!important;
  color:#183043!important;
  box-shadow:0 -14px 45px #00131e40!important;
  font:14px/1.65 HourKhmer,system-ui,sans-serif!important;
  overflow:auto!important;
  overscroll-behavior:contain;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301::backdrop {
  background:#02080db3!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301:not([open]) {display:none!important}
.ht-install-sheet-r301 .ht-install-sheet-header-r301 {
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  column-gap:14px;
  align-items:start;
}
.ht-install-sheet-r301 .ht-install-sheet-icon-r301 {
  grid-row:1 / 3;
  width:56px!important;
  height:56px!important;
  border-radius:14px!important;
  object-fit:contain;
}
.ht-install-sheet-r301 h2 {
  margin:0 0 6px!important;
  color:#122b3d!important;
  font:750 18px/1.45 HourKhmer,system-ui,sans-serif!important;
}
.ht-install-sheet-r301 p {margin:0!important;color:#536c7d!important}
.ht-install-sheet-r301 .ht-install-guide-r301 {
  margin-top:18px;
  padding:14px;
  border:1px solid #d8e7ef;
  border-radius:12px;
  background:#f5f9fc;
}
.ht-install-sheet-r301 .ht-install-guide-r301[hidden],
.ht-install-sheet-r301 .ht-install-sheet-status-r301[hidden],
.ht-install-sheet-r301 button[hidden] {display:none!important}
.ht-install-sheet-r301 .ht-install-share-r301 {
  width:24px!important;
  height:24px!important;
  color:#1379bf;
  margin-bottom:8px;
}
.ht-install-sheet-r301 .ht-install-steps-r301 {margin:12px 0 0;padding-left:24px;color:#183043}
.ht-install-sheet-r301 .ht-install-steps-r301 li {padding:4px 0}
.ht-install-sheet-r301 .ht-install-sheet-status-r301 {margin-top:12px!important}
.ht-install-sheet-r301 .ht-install-sheet-actions-r301 {display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 button {
  box-sizing:border-box!important;
  min-height:44px!important;
  padding:10px 18px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#183043!important;
  font:650 14px/1.5 HourKhmer,system-ui,sans-serif!important;
  cursor:pointer;
  touch-action:manipulation;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 button.ht-install-primary-r301 {
  min-width:116px!important;
  border-color:#d77b10!important;
  background:#fffaf2!important;
  color:#954d00!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 button:focus-visible {
  outline:2px solid #177fbe!important;
  outline-offset:3px!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 button:disabled {opacity:.6!important;cursor:wait}
@media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301[open] {animation:ht-install-enter-r301 .18s cubic-bezier(.2,.75,.25,1) both!important}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301[open]::backdrop {animation:ht-install-dim-r301 .16s ease-out both!important}
}
@keyframes ht-install-enter-r301 {from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ht-install-dim-r301 {from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301::backdrop {animation:none!important;transform:none!important}
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner .install-now {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner .install-copy b,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner .install-copy small,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner .install-dismiss,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 :is(h2,p,ol,li,svg,button) {color:CanvasText!important}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 .ht-install-guide-r301 {background:Canvas!important;border-color:ButtonBorder!important}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 button.ht-install-primary-r301 {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important}
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > dialog.ht-install-sheet-r301 button:focus-visible,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > .app-install-banner button:focus-visible {outline-color:Highlight!important}
}

/* /assets/responsive-display-r301.css */
/* r301: desktop catalogue legibility only. Every rule is >=1024px.
   Keep phone geometry, independent catalogue/package scrolling, viewport
   height locks, footer/Total clearances, Owner controls and blue paint intact.
   Repeated existing data attributes beat retained bundled !important sizes. */
@media(min-width:1024px) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main:is(.mlbb-shell,.telegram-shell) {
    width:min(calc(100% - 48px),1280px)!important;
    max-width:1280px!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll > .game-grid {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))!important;
    gap:16px!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game {
    min-height:210px!important;
    height:auto!important;
    padding:16px 12px 12px!important;
    gap:10px!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame {
    width:112px!important;
    height:112px!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon {
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > b {
    font-size:16px!important;
    line-height:1.45!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))!important;
    gap:14px!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack {
    min-height:210px!important;
    padding:14px 10px!important;
    gap:7px!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack .pack-artplate {
    width:96px!important;
    height:84px!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > b {
    font-size:16px!important;
    line-height:1.45!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > strong {
    font-size:18px!important;
    line-height:1.45!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > .pack-ribbon,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack > small {
    font-size:11px!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main:is(.mlbb-shell,.telegram-shell) .checkout-panel > .title h2 {
    font-size:20px!important;
    line-height:1.45!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .package-section-title {
    font-size:18px!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .package-section-count {
    font-size:12px!important;
  }
}
/* r303: move the whole Home app card, including its border and label. Typed
   channels compose with the original passive press controller; never resize
   grid tracks or add a pointer/scroll handler. Package artwork is unchanged. */
@property --ht-card-hover-r303 {syntax:"<number>";inherits:false;initial-value:1}
@property --ht-card-entry-r303 {syntax:"<number>";inherits:false;initial-value:1}
@media(prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game {
    scale:calc(var(--ht-tap-scale,1) * var(--ht-card-hover-r303,1) * var(--ht-card-entry-r303,1))!important;
    transform-origin:center!important;
    transition:--ht-card-hover-r303 260ms cubic-bezier(.2,.75,.2,1)!important;
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game:is(:hover,:focus-visible) {
    --ht-card-hover-r303:1.035;
  }
}
/* Remove the old second, image-only hover enlargement on Home. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon {
  scale:none!important;
  transition:none!important;
}
@media(min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack .pack-artplate > img.pack-icon {
    scale:1!important;
    transition:scale 180ms ease!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:is(.selected,[aria-pressed="true"]) .pack-artplate > img.pack-icon {
    scale:1.04!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack:not(:disabled):is(:hover,:focus-visible) .pack-artplate > img.pack-icon {
    scale:1.06!important;
  }
}
@media(prefers-reduced-motion:reduce), (forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game {
    scale:none!important;
    transition:none!important;
  }
}
/* Search stays at a readable native input size on phones. Do not disable
   pinch zoom or change the document's viewport meta to hide focus zoom. */
@media(max-width:1023px) {
  html.home-page-root {overscroll-behavior-y:none!important;}
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] {overscroll-behavior-y:none!important;}
  /* Retained clean-home CSS flattened the phone panel to a square, unpadded
     block. Match the desktop's one rounded boundary, not a second glow/scale. */
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel:is(:hover,:focus-within) {
    padding:10px!important;
    border:1px solid #62839a!important;
    border-radius:14px!important;
    background:linear-gradient(110deg,#123047,#19374b)!important;
    box-shadow:inset 0 1px 0 #d3efff12!important;
    box-sizing:border-box!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel .ticker-window {
    background:transparent!important;
    margin-bottom:7px!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #game-search-panel #game-search {
    font-size:16px!important;
    line-height:1.5!important;
  }
  /* r305: focus does not remove the hero, change grid tracks or relocate the
     rail. Keep pre-keyboard document geometry through open AND close. Native
     scrolling may still reveal a field; never counter it with scroll writes. */
}
/* The native software keyboard covers this navigation space. Do not lift a
   fixed rail over the edited field or leave a half-visible tap target. The
   shared viewport controller keeps this state through keyboard dismissal. */
html[data-ht-keyboard="true"] body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:1023px) and (forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel,
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .search-stage > #game-search-panel:is(:hover,:focus-within) {
    background:Canvas!important;
    border-color:ButtonBorder!important;
    box-shadow:none!important;
  }
}
@media(min-width:1024px) and (prefers-reduced-motion:reduce), (min-width:1024px) and (forced-colors:active) {
  html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon,
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack .pack-artplate > img.pack-icon {
    scale:none!important;
    transition:none!important;
  }
}

/* /assets/footer-pill-r301.css */
/* r306: the same bounded glass rail on desktop, tablet and phone.
   Geometry uses the real rail; optics keep their own measured coordinates.
   No transforms, gesture interception, per-button paint or new blur layers. */
@media(min-width:0px) {
  html.ht-has-footer-r289 body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] {
    --ht-footer-height-r289:calc(76px + env(safe-area-inset-bottom,0px))!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
    inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px)) 12px!important;
    width:calc(100% - 24px)!important;
    max-width:620px!important;
    height:64px!important;
    margin:0 auto!important;
    padding:5px 6px!important;
    border:1px solid #e3f2ff88!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:linear-gradient(160deg,#9ab7c92e,#18344866 60%,#b5d4e52e)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    opacity:1!important;
    box-shadow:inset 0 1px 1px #eef8ff55,inset 0 -1px 0 #b9ddef24,0 7px 18px #0005!important;
  }
  html.ht-has-footer-r289.ht-installed-layout-r301 body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] {
    --ht-footer-height-r289:calc(88px + env(safe-area-inset-bottom,0px))!important;
  }
  html.ht-installed-layout-r301 body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
    bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* Only footer-origin gestures own this pointer. The optical layer remains
   inside the original rail; page, catalogue and input gestures stay native. */
html.ht-footer-capture-r306 body[data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289,
html.ht-footer-capture-r306 body[data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289 {
  touch-action:none!important;
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html.ht-footer-capture-r306 body[data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289,
  html.ht-footer-capture-r306 body[data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 > a.ht-footer-action-r289 {
    touch-action:pan-y!important;
  }
}
/* CSS display-mode plus the true navigator.standalone fallback above. Neither
   persisted installed state nor an Owner/account flag controls this spacing. */
@media(max-width:1023px) and (display-mode:standalone) {
  html.ht-has-footer-r289 body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] {
    --ht-footer-height-r289:calc(88px + env(safe-area-inset-bottom,0px))!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
    bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
    background:Canvas!important;
    border-color:ButtonBorder!important;
    box-shadow:none!important;
  }
}

/* /assets/topup-history-r306.css */
/* r307: reference-style History disclosure only, not a global theme change. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] {
  background:#171717!important;border-color:#34322e!important;color:#e7e6e0!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .member-panel-heading {
  background:transparent;color:#e7e6e0;border-color:#34322e;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .member-panel-heading h2 {color:#f0efea;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .member-tools-symbol {color:#f5ff36;background:#26231f;border-color:#49453d;}
html body .member-tools-panel[data-tool="history"] .ht-history-r306 {display:grid;gap:12px;min-width:0;color:#e7e6e0;}
html body .member-tools-panel[data-tool="history"] .ht-history-filterbar-r307 {display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) 44px;align-items:center;gap:6px;}
html body .member-tools-panel[data-tool="history"] .ht-history-toggle-r307 {
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;max-width:100%;
  min-height:44px;margin:0;padding:8px 10px;box-sizing:border-box;
  border:1px solid #e4e2dc;border-radius:10px;background:transparent;color:#f4f3ee;
  font:inherit;font-size:13px;line-height:1.5;cursor:pointer;touch-action:manipulation;
}
html body .member-tools-panel[data-tool="history"] .ht-history-toggle-r307 > span:first-child {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html body .member-tools-panel[data-tool="history"] .ht-history-chevron-r307 {width:8px;height:8px;flex:none;border-right:2px solid #aaa79f;border-bottom:2px solid #aaa79f;transform:rotate(45deg);translate:0 -2px;transition:transform .18s ease;}
html body .member-tools-panel[data-tool="history"] .ht-history-toggle-r307[aria-expanded="true"] .ht-history-chevron-r307 {transform:rotate(225deg);translate:0 2px;}
html body .member-tools-panel[data-tool="history"] .ht-history-top-count-r307 {justify-self:end;margin:0;min-width:0;text-align:right;color:#e7e6e0;font-size:12px;line-height:1.45;}
html body .member-tools-panel[data-tool="history"] .ht-history-top-count-r307 b {color:#f5ff36;font-weight:600;white-space:nowrap;}
html body .member-tools-panel[data-tool="history"] .ht-history-drawer-r307 {display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .2s ease,opacity .16s ease,visibility .2s;}
html body .member-tools-panel[data-tool="history"] .ht-history-drawer-r307[data-expanded="true"] {grid-template-rows:1fr;opacity:1;visibility:visible;}
html body .member-tools-panel[data-tool="history"] .ht-history-drawer-inner-r307 {min-height:0;overflow:hidden;background:#26231f;border-radius:6px;box-shadow:0 5px 12px #0004;}
html body .member-tools-panel[data-tool="history"] .ht-history-filters-r306 {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:10px 8px;}
html body .member-tools-panel[data-tool="history"] .ht-history-filter-r306 {
  min-height:44px;min-width:0;width:100%;padding:7px 2px;margin:0;box-sizing:border-box;
  border:1px solid #4b4841;border-radius:7px;background:#211f1b;color:#b6b2aa;
  font:inherit;font-size:12px;line-height:1.4;font-weight:500;white-space:normal;overflow-wrap:normal;
  cursor:pointer;touch-action:manipulation;
}
html body .member-tools-panel[data-tool="history"] .ht-history-filter-r306[aria-pressed="true"] {border-color:#f5ff36;background:#f5ff36;color:#171717;box-shadow:none;}
html body .member-tools-panel[data-tool="history"] .ht-history-page-r306,
html body .member-tools-panel[data-tool="history"] .ht-history-check-r306 {
  min-height:44px;min-width:44px;margin:0;padding:9px 12px;box-sizing:border-box;border:1px solid #4b4841;border-radius:9px;background:#26231f;color:#e2dfd7;
  font:inherit;font-size:13px;line-height:1.5;cursor:pointer;touch-action:manipulation;
}
html body .member-tools-panel[data-tool="history"] .ht-history-refresh-r306 {display:grid;place-items:center;min-height:44px;min-width:44px;width:44px;height:44px;margin:0;padding:10px;border:1px solid #3d3a34;border-radius:10px;background:transparent;color:#bbb7ae;cursor:pointer;touch-action:manipulation;}
html body .member-tools-panel[data-tool="history"] .ht-history-refresh-r306 svg {width:20px;height:20px;pointer-events:none;}
html body .member-tools-panel[data-tool="history"] .ht-history-r306 button:focus-visible {outline:2px solid #f5ff36;outline-offset:3px;}
html body .member-tools-panel[data-tool="history"] .ht-history-r306 button:disabled {opacity:.5;cursor:default;}
html body .member-tools-panel[data-tool="history"] .ht-history-toolbar-r306 {display:block;min-width:0;}
html body .member-tools-panel[data-tool="history"] .ht-history-summary-r306 {margin:0;min-width:0;font-size:12px;line-height:1.6;color:#96938c;overflow-wrap:anywhere;}
html body .member-tools-panel[data-tool="history"] .ht-history-notice-r306 {margin:0;font-size:13px;line-height:1.65;color:#b6b2aa;}
html body .member-tools-panel[data-tool="history"] .ht-history-r306[data-state="ready"] .ht-history-notice-r306 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
html body .member-tools-panel[data-tool="history"] .ht-history-r306[data-state="empty"] .ht-history-notice-r306 {display:none;}
html body .member-tools-panel[data-tool="history"] .ht-history-results-r306 {display:grid;gap:12px;min-width:0;}
html body .member-tools-panel[data-tool="history"] .ht-history-empty-r307 {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:clamp(180px,32svh,280px);text-align:center;color:#85817b;}
html body .member-tools-panel[data-tool="history"] .ht-history-empty-art-r307 {width:96px;height:104px;display:grid;place-items:center;color:#383735;}
html body .member-tools-panel[data-tool="history"] .ht-history-empty-art-r307 svg {width:96px;height:96px;stroke-width:1.7;}
html body .member-tools-panel[data-tool="history"] .ht-history-empty-r307 p {margin:0;max-width:260px;font-size:14px;line-height:1.6;color:#96928b;}
html body .member-tools-panel[data-tool="history"] .ht-history-card-r306 {margin:0;padding:14px;border:1px solid #3b3934;border-radius:12px;background:#201e1a;color:#e7e4dd;min-width:0;overflow-wrap:anywhere;}
html body .member-tools-panel[data-tool="history"] .ht-history-card-r306 > b {font-size:14px;color:#e7e4dd;}
html body .member-tools-panel[data-tool="history"] .ht-history-created-r306,
html body .member-tools-panel[data-tool="history"] .ht-history-hint-r306 {margin:0;font-size:12px;line-height:1.65;color:#97938b;}
html body .member-tools-panel[data-tool="history"] .ht-history-details-r306 {margin:12px 0;display:grid;gap:8px;}
html body .member-tools-panel[data-tool="history"] .ht-history-details-r306 > div {display:grid;grid-template-columns:minmax(80px,.8fr) minmax(0,1.5fr);gap:10px;}
html body .member-tools-panel[data-tool="history"] .ht-history-details-r306 dt {color:#a5a198;font-size:12px;line-height:1.6;}
html body .member-tools-panel[data-tool="history"] .ht-history-details-r306 dd {margin:0;color:#e7e4dd;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
html body .member-tools-panel[data-tool="history"] .ht-history-pager-r306 {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;}
html body .member-tools-panel[data-tool="history"] .ht-history-count-r306 {margin:0;text-align:center;color:#aaa69e;font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
@media(min-width:560px) {
  html body .member-tools-panel[data-tool="history"] .ht-history-filter-r306 {font-size:14px;padding:8px 5px;}
  html body .member-tools-panel[data-tool="history"] .ht-history-toggle-r307 {font-size:14px;}
  html body .member-tools-panel[data-tool="history"] .ht-history-top-count-r307 {font-size:14px;}
}
@media(prefers-reduced-motion:reduce) {
  html body .member-tools-panel[data-tool="history"] .ht-history-drawer-r307,
  html body .member-tools-panel[data-tool="history"] .ht-history-chevron-r307 {transition:none;}
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;}
  html body .member-tools-panel[data-tool="history"] .ht-history-drawer-inner-r307,
  html body .member-tools-panel[data-tool="history"] .ht-history-card-r306,
  html body .member-tools-panel[data-tool="history"] .ht-history-r306 button {background:Canvas;color:CanvasText;border-color:ButtonBorder;box-shadow:none;}
  html body .member-tools-panel[data-tool="history"] .ht-history-r306 :is(p,b,dt,dd,span) {color:CanvasText;}
  html body .member-tools-panel[data-tool="history"] .ht-history-filter-r306[aria-pressed="true"] {background:Highlight;color:HighlightText;border-color:Highlight;}
  html body .member-tools-panel[data-tool="history"] .ht-history-r306 button:focus-visible {outline-color:Highlight;}
}
/* The retained global button skin uses !important. Win only inside History;
   otherwise its cyan border/gradient silently overrides the reference paint. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-r306 :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306,.ht-history-check-r306) {
  border-style:solid!important;border-width:1px!important;background-image:none!important;box-shadow:none!important;box-sizing:border-box!important;min-height:44px!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-toggle-r307 {
  background:transparent!important;color:#f4f3ee!important;border-color:#e4e2dc!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-filter-r306 {
  background:#211f1b!important;color:#b6b2aa!important;border-color:#4b4841!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-filter-r306[aria-pressed="true"] {
  background:#f5ff36!important;color:#171717!important;border-color:#f5ff36!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-refresh-r306 {
  background:transparent!important;color:#bbb7ae!important;border-color:#3d3a34!important;height:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;padding:10px!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-r306 :is(.ht-history-page-r306,.ht-history-check-r306) {
  background:#26231f!important;color:#e2dfd7!important;border-color:#4b4841!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-card-r306 {
  background:#201e1a!important;background-image:none!important;border-color:#3b3934!important;color:#e7e4dd!important;
}
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-r306 :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-refresh-r306,.ht-history-page-r306,.ht-history-check-r306) {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-filter-r306[aria-pressed="true"] {
    background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;
  }
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .ht-history-card-r306 {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;
  }
}

/* r317: authorized History table and local receipt detail.
   The table alone may pan horizontally on a narrow phone. It never widens
   the route/document, creates a modal, or changes the workspace scroll shell. */
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-scroll-r317 {
  align-self:start!important;width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;overflow:auto!important;overscroll-behavior-x:contain!important;
  border:1px solid #dce3eb!important;border-radius:14px!important;background:#fff!important;color:#1d2733!important;
  scrollbar-width:thin;scrollbar-color:#97a7b7 #eef2f6;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-scroll-r317[hidden] {display:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 {
  width:100%!important;min-width:1100px!important;margin:0!important;border:0!important;border-collapse:collapse!important;
  table-layout:auto!important;background:#fff!important;color:#1d2733!important;font-size:13px!important;line-height:1.6!important;text-align:left!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 > caption {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 :is(th,td) {
  padding:12px 14px!important;border:0!important;border-bottom:1px solid #e5eaf0!important;vertical-align:middle!important;color:#24303d!important;text-shadow:none!important;box-shadow:none!important;overflow-wrap:anywhere!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 th {
  background:#f5f7fa!important;font-size:11px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important;white-space:nowrap!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 tbody tr:last-child > td {border-bottom:0!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 td:first-child {min-width:170px!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-price-source-r317 {display:block!important;margin-top:3px!important;color:#617083!important;font-size:11px!important;line-height:1.5!important;text-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-code-r317 {
  display:inline-flex!important;align-items:center!important;min-height:44px!important;max-width:100%!important;width:auto!important;
  margin:0!important;padding:6px 0!important;border:0!important;border-radius:4px!important;background:transparent!important;
  color:#1768c4!important;font:600 13px/1.6 HourKhmer,system-ui,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important;text-decoration:underline!important;text-underline-offset:3px!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-badge-r317 {
  display:inline-block!important;max-width:100%!important;padding:4px 9px!important;border:1px solid #d4dce5!important;border-radius:7px!important;
  background:#edf1f5!important;color:#475569!important;font-size:12px!important;font-weight:600!important;line-height:1.5!important;text-shadow:none!important;white-space:nowrap!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-badge-r317[data-status="completed"] {background:#e6f5ec!important;border-color:#badfc7!important;color:#20613b!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-badge-r317:is([data-status="processing"],[data-status="paid"]) {background:#e8f1fd!important;border-color:#c6dbf6!important;color:#245e9d!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-badge-r317:is([data-status="failed"],[data-status="cancelled"]) {background:#fcebed!important;border-color:#eac7cd!important;color:#98384b!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-r317 {
  align-self:start!important;width:min(100%,720px)!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:0 auto!important;padding:24px!important;border:1px solid #dce3eb!important;border-radius:18px!important;background:#fff!important;color:#1d2733!important;box-shadow:0 10px 24px #0002!important;text-shadow:none!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-heading-r317 {display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-heading-r317 > h3 {margin:0!important;color:#182333!important;font-size:20px!important;line-height:1.5!important;text-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-code-r317 {margin:12px 0 20px!important;color:#1768c4!important;font-size:15px!important;font-weight:600!important;overflow-wrap:anywhere!important;text-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 24px!important;margin:0!important;padding:20px 0!important;border-block:1px solid #e2e8f0!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 > div {min-width:0!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 dt {margin:0 0 4px!important;color:#617083!important;font-size:12px!important;line-height:1.6!important;text-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 dd {margin:0!important;color:#192535!important;font-size:14px!important;font-weight:600!important;line-height:1.7!important;overflow-wrap:anywhere!important;text-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-r317 :is(.ht-history-detail-hint-r317,.ht-history-detail-feedback-r317,.member-order-identity) {margin:14px 0 0!important;color:#59697c!important;font-size:12px!important;line-height:1.7!important;overflow-wrap:anywhere!important;text-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-actions-r317 {display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:20px!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-actions-r317 > :is(button,a) {
  display:inline-flex!important;flex:1 1 130px!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:auto!important;min-height:44px!important;max-width:100%!important;
  margin:0!important;padding:10px 14px!important;border:1px solid #b7c8dc!important;border-radius:10px!important;background:#fff!important;color:#245f9d!important;font:600 13px/1.6 HourKhmer,system-ui,sans-serif!important;text-align:center!important;text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-actions-r317 > .ht-history-detail-buy-r317 {background:#1768c4!important;border-color:#1768c4!important;color:#fff!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-actions-r317 > button:disabled {opacity:.55!important;cursor:wait!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.ht-history-table-scroll-r317,.ht-history-code-r317,.ht-history-detail-actions-r317 > button,.ht-history-detail-actions-r317 > a):focus-visible {outline:2px solid #1768c4!important;outline-offset:3px!important;}
@media(max-width:559px) {
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-r317 {padding:18px!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-heading-r317 > h3 {font-size:18px!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 {gap:14px!important;}
}
@media(max-width:359px) {
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 {grid-template-columns:minmax(0,1fr)!important;}
}
@media(forced-colors:active) {
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.ht-history-table-scroll-r317,.ht-history-table-r317,.ht-history-table-r317 th,.ht-history-table-r317 td,.ht-history-detail-r317,.ht-history-detail-fields-r317,.ht-history-badge-r317,.ht-history-detail-heading-r317 > h3,.ht-history-detail-code-r317,.ht-history-detail-fields-r317 dt,.ht-history-detail-fields-r317 dd,.ht-history-detail-hint-r317,.ht-history-detail-feedback-r317,.ht-history-detail-r317 .member-order-identity,.ht-history-detail-actions-r317 > button,.ht-history-detail-actions-r317 > a) {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-code-r317 {color:LinkText!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.ht-history-table-scroll-r317,.ht-history-code-r317,.ht-history-detail-actions-r317 > button,.ht-history-detail-actions-r317 > a):focus-visible {outline-color:Highlight!important;}
}

/* The reference is a light History workspace, not a white card on a dark
   page. Ten existing layout attributes outrank the retained dark r313 paint.
   Receipt-only chrome is selected from the connected local detail node; no
   persistent/global state can hide a later account or History mount. */
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout],
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main,
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface,
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-tools-panel.ht-workspace-inline-r290[data-tool="history"][open]:not([hidden]) {
  background:#fff!important;color:#1d2733!important;border-color:#e2e8f0!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .member-panel-heading {background:transparent!important;color:#172437!important;border-color:#e2e8f0!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] .member-panel-heading h2 {color:#172437!important;text-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-symbol {background:#eaf2fc!important;color:#2563a6!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-page-r306,.ht-history-refresh-r306) {background:#fff!important;background-image:none!important;border-color:#c8d3df!important;color:#26374b!important;text-shadow:none!important;box-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-filter-r306[aria-pressed="true"] {background:#eaf2fd!important;border-color:#80a9dd!important;color:#175fae!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-drawer-inner-r307 {background:#f5f7fa!important;border:1px solid #e1e7ef!important;box-shadow:0 4px 12px #2030470d!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.ht-history-top-count-r307,.ht-history-count-r306) {color:#4c5e73!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-top-count-r307 b {color:#1768c4!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.ht-history-summary-r306,.ht-history-hint-r306,.ht-history-notice-r306,.ht-history-empty-r307 > p,.ht-history-signin-r314 > p,.ht-workspace-message-r290) {color:#617083!important;text-shadow:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-empty-art-r307 {color:#a9b4c0!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 td:nth-child(2) {font-weight:700!important;color:#1d2938!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 td:last-child {color:#66758a!important;font-size:12px!important;white-space:nowrap!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-table-r317 td:nth-child(5) {white-space:nowrap!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-code-r317 {text-decoration:none!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-code-r317:is(:hover,:focus-visible) {text-decoration:underline!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-r317 {
  width:min(100%,550px)!important;padding:24px!important;border-radius:16px!important;border-color:#e1e7ef!important;box-shadow:0 8px 28px #20304712!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 {grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:0!important;border:0!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 > div {display:grid!important;grid-template-columns:minmax(100px,.8fr) minmax(0,1fr)!important;align-items:start!important;gap:16px!important;padding:14px 0!important;border-bottom:1px solid #e8edf3!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 dt {margin:0!important;color:#67778b!important;font-size:13px!important;line-height:1.7!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 dd {text-align:right!important;font-size:14px!important;font-weight:500!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-badge-r317[data-status="completed"] {border-radius:999px!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-actions-r317 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-actions-r317 > .ht-history-detail-back-r317 {background:#1768c4!important;border-color:#1768c4!important;color:#fff!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-actions-r317 > .ht-history-detail-buy-r317 {background:#fff!important;border-color:#b7c8dc!important;color:#245f9d!important;}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-actions-r317 > .ht-history-detail-check-r317 {grid-column:1/-1!important;justify-self:center!important;min-height:44px!important;padding-inline:16px!important;border-color:transparent!important;background:transparent!important;color:#53677e!important;font-size:12px!important;}
@supports selector(:has(*)) {
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"]:has(.ht-history-r306[data-receipt-view="detail"]) > .member-panel-heading {display:none!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-r306[data-receipt-view="detail"] {grid-template-rows:minmax(min-content,1fr)!important;gap:0!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-r306[data-receipt-view="detail"] > :not(.ht-history-results-r306) {display:none!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-r306[data-receipt-view="detail"] > .ht-history-results-r306 {grid-row:1!important;align-content:start!important;padding-top:20px!important;}
}
@media(max-width:559px) {
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-r317 {padding:18px!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-detail-fields-r317 > div {grid-template-columns:minmax(90px,.8fr) minmax(0,1fr)!important;gap:12px!important;padding:12px 0!important;}
}
@media(forced-colors:active) {
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout],
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main,
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface,
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-tools-panel.ht-workspace-inline-r290[data-tool="history"][open]:not([hidden]),
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-tools-symbol,.member-tools-panel[data-tool="history"] .member-panel-heading,.member-tools-panel[data-tool="history"] .member-panel-heading h2,.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-page-r306,.ht-history-refresh-r306,.ht-history-top-count-r307,.ht-history-top-count-r307 b,.ht-history-count-r306,.ht-history-summary-r306,.ht-history-hint-r306,.ht-history-notice-r306,.ht-history-empty-r307 > p,.ht-history-empty-art-r307,.ht-history-signin-r314 > p,.ht-workspace-message-r290,.ht-history-table-r317 td:nth-child(2),.ht-history-table-r317 td:last-child,.ht-history-price-source-r317,.ht-history-detail-r317,.ht-history-detail-fields-r317 > div,.ht-history-detail-fields-r317 dt,.ht-history-detail-fields-r317 dd,.ht-history-badge-r317,.ht-history-detail-actions-r317 > button,.ht-history-detail-actions-r317 > a) {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-filter-r306[aria-pressed="true"] {border-color:Highlight!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-drawer-inner-r307 {background:Canvas!important;border-color:ButtonBorder!important;box-shadow:none!important;}
}

/* The white History canvas needs one local contrast adaptation under the
   existing translucent gradient. Keep the dock's lens, blur, border, labels
   and shared stylesheet untouched; no other route gets this paint change. */
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav#ht-footer-navigation-r289 {
  background-color:rgba(12,32,50,.88)!important;
}
html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-r306 :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-page-r306,.ht-history-refresh-r306):focus-visible {outline:2px solid #1768c4!important;outline-offset:3px!important;}
@media(forced-colors:active) {
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav#ht-footer-navigation-r289 {background-color:Canvas!important;}
  html body.workspace-page-r290[data-workspace-page="order"][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] .ht-history-r306 :is(.ht-history-toggle-r307,.ht-history-filter-r306,.ht-history-page-r306,.ht-history-refresh-r306):focus-visible {outline-color:Highlight!important;}
}

/* /assets/clear-total-r308.css */
/* r308: paint only the common Total strip, not its checkout panel or cards.
   Preserve the existing fixed/sticky geometry, footer clearance, price preview
   colors and every Pay-button state. r313 matches the footer's blue-gray
   frosted base, with plain light labels instead of a pale box/white halo. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total {
  background:#233c50e8!important;
  border-color:#f0f7ffb3!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:inset 0 1px 1px #ffffff85,inset 0 -1px 0 #c8dce63b,0 8px 22px #020c1833!important;
}
@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total {
    background:linear-gradient(160deg,#e8f1f85c,#2e4d656b 58%,#cbdde957)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.3)!important;
    backdrop-filter:blur(24px) saturate(1.3)!important;
  }
}
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total > div > :is(small,#summary-package) {
  color:#f4f9ff!important;
  text-shadow:none!important;
}
@media(prefers-reduced-transparency:reduce) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total {background:#233c50!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
}

/* Match the selector strength above so system colors cannot be overridden by
   the retained theme. Amount and Pay retain their existing system-state rules. */
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total {
    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-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total > div > :is(small,#summary-package) {
    color:CanvasText!important;
    text-shadow:none!important;
  }
}