/* r336 ordered CSS; unchanged declarations. */
/* /assets/contact-center-r324.css */
/* r324: support is a findable headset launcher and a four-channel center.
   Scoped paint only; the existing modal controller owns locking and focus.
   No remote assets or infinite animation. r333 adds bounded direct dragging. */
html body[data-ui-layout] > #ht-contact-launcher-r324 {
  position:fixed!important;z-index:10020!important;inset:auto auto calc(var(--ht-footer-height-r289,64px) + 20px) max(14px,env(safe-area-inset-left,0px))!important;
  display:grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  margin:0!important;padding:13px!important;border:1px solid #fff1b9!important;border-radius:50%!important;
  background:linear-gradient(145deg,#fff1aa,#ffd15e 52%,#eaa32b)!important;color:#403019!important;
  box-shadow:inset 0 2px 2px #ffffffa6,inset 0 -2px 4px #a7662629,0 5px 18px #02091266!important;
  cursor:grab!important;isolation:isolate;touch-action:none;
  --ht-contact-safe-left-r333:env(safe-area-inset-left,0px);--ht-contact-safe-right-r333:env(safe-area-inset-right,0px);
  --ht-contact-safe-top-r333:env(safe-area-inset-top,0px);--ht-contact-safe-bottom-r333:env(safe-area-inset-bottom,0px);
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
}
html body[data-ui-layout] > #ht-contact-launcher-r324[data-ht-contact-dragging="true"] {cursor:grabbing!important;transition:none!important;animation:none!important;transform:none!important;}
html body[data-ui-layout]:not(.home-page):not(.workspace-page-r290) > #ht-contact-launcher-r324 {bottom:calc(var(--ht-footer-height-r289,64px) + 104px)!important;}
html body[data-ui-layout] > #ht-contact-launcher-r324 > svg {display:block!important;width:30px!important;height:30px!important;pointer-events:none!important;}
html[data-ht-keyboard="true"] body[data-ui-layout] > #ht-contact-launcher-r324 {visibility:hidden!important;pointer-events:none!important;}
html body[data-ui-layout] > #ht-contact-launcher-r324:focus-visible {outline:3px solid #a6efff!important;outline-offset:4px!important;}

html body[data-ui-layout] > #ht-contact-center-r324 {
  box-sizing:border-box!important;position:fixed!important;inset:0!important;width:min(560px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
  height:auto!important;max-height:calc(var(--ht-visible-height,100dvh) - 32px)!important;min-height:0!important;
  margin:auto!important;padding:0!important;border:1px solid #b9d6e9a6!important;border-radius:24px!important;
  background:#132b3e!important;color:#f5f9ff!important;box-shadow:0 24px 80px #02070d99,inset 0 1px 0 #ffffff66!important;
  overflow:hidden!important;font-family:inherit!important;text-align:start!important;isolation:isolate;
}
html body[data-ui-layout] > #ht-contact-center-r324:not([open]) {display:none!important;}
html body[data-ui-layout] > #ht-contact-center-r324[open] {display:flex!important;flex-direction:column!important;}
html body[data-ui-layout] > #ht-contact-center-r324::backdrop {background:#020b14b8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#ht-contact-center-r324 *,#ht-contact-launcher-r324 * {box-sizing:border-box;}
#ht-contact-center-r324 .ht-contact-header-r324 {
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:6px!important;
  flex:none!important;margin:0!important;padding:14px 12px!important;border:0!important;border-bottom:1px solid #d5edff26!important;background:#10283b70!important;
}
#ht-contact-center-r324 h2 {margin:0!important;padding:0!important;font-family:inherit!important;font-weight:700!important;font-size:19px!important;line-height:1.5!important;color:#f5f9ff!important;text-align:center!important;text-shadow:none!important;}
#ht-contact-center-r324 .ht-contact-back-r324 {
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;margin:0!important;padding:10px!important;
  border:1px solid #b9d6e94d!important;border-radius:14px!important;background:#bddff50d!important;color:#f5f9ff!important;cursor:pointer!important;
}
#ht-contact-center-r324 .ht-contact-back-r324 svg {width:22px!important;height:22px!important;pointer-events:none!important;}
#ht-contact-center-r324 .ht-contact-scroll-r324 {min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;padding:18px!important;}
#ht-contact-center-r324 .ht-contact-hero-r324 {display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 18px!important;padding:16px!important;background:#a9dcff0d!important;border:1px solid #d5edff29!important;border-radius:18px!important;}
#ht-contact-center-r324 .ht-contact-hero-icon-r324 {display:grid!important;place-items:center!important;flex:0 0 52px!important;width:52px!important;height:52px!important;border-radius:17px!important;background:linear-gradient(140deg,#fff1aa,#f8bd4c)!important;color:#44301c!important;padding:11px!important;}
#ht-contact-center-r324 .ht-contact-hero-icon-r324 svg {width:30px!important;height:30px!important;}
#ht-contact-center-r324 h3 {margin:0 0 5px!important;font-size:16px!important;line-height:1.5!important;color:#fff!important;text-shadow:none!important;}
#ht-contact-center-r324 p {margin:0!important;font-size:13px!important;line-height:1.65!important;color:#c6d7e5!important;text-shadow:none!important;}
#ht-contact-center-r324 .ht-contact-choose-r324 {margin:0 0 12px!important;font-size:13px!important;}
#ht-contact-center-r324 .ht-contact-list-r324 {display:grid!important;gap:10px!important;margin:0!important;padding:0!important;}
html body[data-ui-layout] #ht-contact-center-r324 a.ht-contact-row-r324 {
  display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;
  width:100%!important;height:auto!important;min-width:0!important;min-height:78px!important;margin:0!important;padding:12px!important;
  border:1px solid #a7c6dc47!important;border-radius:17px!important;background:#0b223780!important;color:#f5f9ff!important;text-decoration:none!important;
  box-shadow:inset 0 1px 0 #ffffff0f!important;text-shadow:none!important;overflow:hidden!important;cursor:pointer!important;
}
#ht-contact-center-r324 .ht-contact-brand-r324 {display:block!important;width:44px!important;height:44px!important;}
#ht-contact-center-r324 .ht-contact-brand-r324 svg {display:block!important;width:44px!important;height:44px!important;filter:none!important;}
#ht-contact-center-r324 .ht-contact-info-r324 {display:grid!important;gap:3px!important;min-width:0!important;}
#ht-contact-center-r324 strong {font-size:15px!important;line-height:1.35!important;color:#f5f9ff!important;}
#ht-contact-center-r324 small {position:static!important;display:block!important;font-size:12px!important;line-height:1.4!important;color:#b3cbdc!important;background:none!important;padding:0!important;overflow-wrap:anywhere;}
#ht-contact-center-r324 .ht-contact-action-r324 {display:inline-grid!important;place-items:center!important;max-width:120px!important;min-height:36px!important;padding:7px 12px!important;border-radius:10px!important;background:#ffdf78!important;color:#28220e!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;text-align:center!important;}
#ht-contact-center-r324 :is(a,button):focus-visible {outline:2px solid #a6efff!important;outline-offset:2px!important;}
/* r333: finite paint feedback; drag positions and existing Zoom stay direct. */
html body[data-ui-layout] > #ht-contact-launcher-r324,
html body[data-ui-layout] #ht-contact-center-r324 :is(a.ht-contact-row-r324,.ht-contact-back-r324) {transition:border-color 140ms ease,box-shadow 140ms ease!important;}
@media(hover:hover) and (pointer:fine) and (forced-colors:none) {
  html body[data-ui-layout] > #ht-contact-launcher-r324:hover {border-color:#fff6d4!important;box-shadow:inset 0 2px 2px #ffffffbf,inset 0 -2px 4px #a7662629,0 5px 19px #02091266,0 0 0 3px #ffdf781f!important;}
  html body[data-ui-layout] #ht-contact-center-r324 :is(a.ht-contact-row-r324,.ht-contact-back-r324):hover {border-color:#8fc8e9b3!important;box-shadow:inset 0 1px 0 #ffffff24,0 4px 14px #020b142e!important;}
}
@media(forced-colors:none) {
  html body[data-ui-layout] #ht-contact-center-r324 :is(a.ht-contact-row-r324,.ht-contact-back-r324):active {box-shadow:inset 0 2px 6px #020b1447!important;}
}
html body[data-ui-layout] > #ht-contact-launcher-r324[data-ht-contact-dragging="true"] {transition:none!important;}
@supports((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))) {
  html body[data-ui-layout] > #ht-contact-center-r324 {background:linear-gradient(150deg,#68879bbd,#102b40ed 62%,#27485dd9)!important;-webkit-backdrop-filter:blur(24px) saturate(1.3)!important;backdrop-filter:blur(24px) saturate(1.3)!important;}
}
@media(max-width:600px) {
  html body[data-ui-layout] > #ht-contact-center-r324 {width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(var(--ht-visible-height,100dvh) - 16px)!important;border-radius:22px!important;}
  #ht-contact-center-r324 .ht-contact-scroll-r324 {padding:14px!important;}
  #ht-contact-center-r324 .ht-contact-hero-r324 {padding:13px!important;gap:12px!important;}
  html body[data-ui-layout] #ht-contact-center-r324 a.ht-contact-row-r324 {gap:10px!important;padding:11px!important;grid-template-columns:40px minmax(0,1fr) auto!important;}
  #ht-contact-center-r324 .ht-contact-brand-r324,#ht-contact-center-r324 .ht-contact-brand-r324 svg {width:40px!important;height:40px!important;}
  #ht-contact-center-r324 .ht-contact-action-r324 {padding:7px 9px!important;max-width:104px!important;}
}
@media(prefers-reduced-motion:reduce) {
  html body[data-ui-layout] > #ht-contact-launcher-r324,html body[data-ui-layout] #ht-contact-center-r324 :is(a.ht-contact-row-r324,.ht-contact-back-r324),#ht-contact-center-r324,#ht-contact-center-r324 * {animation:none!important;transition:none!important;}
}
@media(prefers-reduced-transparency:reduce) {
  html body[data-ui-layout] > #ht-contact-center-r324 {background:#132b3e!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
}
@media(forced-colors:active) {
  html body[data-ui-layout] > #ht-contact-launcher-r324,html body[data-ui-layout] > #ht-contact-center-r324,#ht-contact-center-r324 .ht-contact-hero-r324,html body[data-ui-layout] #ht-contact-center-r324 a.ht-contact-row-r324,#ht-contact-center-r324 .ht-contact-back-r324 {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  #ht-contact-center-r324 :is(h2,h3,p,strong,small) {color:CanvasText!important;}
  #ht-contact-center-r324 .ht-contact-action-r324 {background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonBorder!important;}
}

/* /assets/catalog-search-r324.css */
/* r324: new public-catalog UI only. Original Home anchors/artwork/effects keep
   their geometry and blue material. No global filters, viewport/body locking,
   pointer capture, price/identity state or existing modal overrides. */
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] #game-search-panel {
  display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:center!important;gap:10px!important;
}
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] #game-search-panel > .search-input-row,
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] #game-search-panel > #search-status {display:none!important;}
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] #game-search-panel > .search-heading {min-width:0!important;margin:0!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-open-r324 {
  display:grid!important;place-items:center!important;position:relative!important;
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  padding:10px!important;margin:0!important;border:1px solid #a9d7ed80!important;border-radius:13px!important;
  background:#143b52!important;color:#e9f8ff!important;box-shadow:inset 0 1px 0 #ffffff32!important;
  cursor:pointer!important;box-sizing:border-box!important;
}
html body[data-ui-layout] #ht-catalog-search-open-r324 > svg {display:block!important;width:22px!important;height:22px!important;}
/* A wrapper is a grid item with exactly the original anchor's intrinsic size.
   All current responsive dimensions and effect selectors target descendant
   #catalog-scroll .game, not the wrapper. Keep every anchor child untouched. */
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .ht-catalog-card-r324 {
  position:relative!important;display:flex!important;align-items:stretch!important;
  min-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:visible!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .ht-catalog-card-r324[hidden] {display:none!important;}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .ht-catalog-card-r324 > a.game {flex:1 1 0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;}
/* Stars are siblings of native anchors; the upper-left corner is opposite
   the retained country badges. Forty-four pixel hit targets stay in the card. */
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(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324 {
  position:absolute!important;inset:3px auto auto 3px!important;z-index:4!important;
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  margin:0!important;padding:10px!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#afc8da!important;box-shadow:none!important;cursor:pointer!important;box-sizing:border-box!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324 > svg {display:block!important;width:23px!important;height:23px!important;pointer-events: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] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324[aria-pressed="true"] {color:#ffdc59!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324[aria-pressed="true"] > svg {fill:currentColor!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 {
  position:fixed!important;inset:12px!important;margin:auto!important;
  width:min(1040px,calc(100% - 24px))!important;max-width:calc(100% - 24px)!important;
  height:min(860px,calc(var(--ht-visible-height,100dvh) - 24px))!important;max-height:calc(var(--ht-visible-height,100dvh) - 24px)!important;
  min-width:0!important;min-height:0!important;box-sizing:border-box!important;
  padding:18px!important;overflow:hidden!important;border:1px solid #c0ddea99!important;border-radius:24px!important;
  background:#112a3f!important;color:#eff8ff!important;
  box-shadow:0 20px 60px #020b1799,inset 0 1px 1px #ffffff70!important;
  font:400 14px/1.6 HourKhmer,system-ui,sans-serif!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324[open] {display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;gap:14px!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324:not([open]) {display:none!important;}
html body[data-ui-layout] #ht-catalog-search-r324::backdrop {background:#020b17ba!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-top-r324 {display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;}
html body[data-ui-layout] #ht-catalog-search-r324 h2 {margin:0!important;color:#f4faff!important;font-size:22px!important;line-height:1.5!important;text-align:center!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 :is(.ht-search-back-r324,.ht-search-clear-r324) {
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  margin:0!important;padding:10px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#d7eefb!important;box-shadow:none!important;cursor:pointer!important;box-sizing:border-box!important;
}
html body[data-ui-layout] #ht-catalog-search-r324 :is(.ht-search-back-r324,.ht-search-clear-r324) > svg {width:24px!important;height:24px!important;display:block!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-field-r324 {display:flex!important;align-items:center!important;gap:10px!important;padding:4px 4px 4px 14px!important;background:#071d30!important;border:1px solid #8ab7d0!important;border-radius:16px!important;min-width:0!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-field-r324 > svg {width:21px!important;height:21px!important;flex:0 0 21px!important;color:#75d8ff!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 #ht-catalog-query-r324 {
  width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;flex:1 1 0!important;
  border:0!important;border-radius:0!important;padding:8px 0!important;margin:0!important;box-shadow:none!important;background:transparent!important;color:#eff8ff!important;
  font:400 16px/1.5 HourKhmer,system-ui,sans-serif!important;box-sizing:border-box!important;
}
html body[data-ui-layout] #ht-catalog-search-r324 #ht-catalog-query-r324::placeholder {color:#a8c4d9!important;opacity:1!important;}
html body[data-ui-layout] #ht-catalog-search-r324 #ht-catalog-query-r324::-webkit-search-cancel-button {display:none!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 .ht-search-clear-r324[hidden] {display:none!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-tabs-r324 {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding-bottom:8px!important;border-bottom:1px solid #94bbd34d!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 .ht-search-tab-r324 {
  min-width:0!important;width:100%!important;min-height:44px!important;padding:8px 4px!important;margin:0!important;
  border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important;background:transparent!important;color:#b7d0e3!important;
  font:650 13px/1.5 HourKhmer,system-ui,sans-serif!important;cursor:pointer!important;white-space:normal!important;
}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 .ht-search-tab-r324[aria-selected="true"] {background:#1b5273!important;border-color:#72d0ff!important;color:#f2fbff!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-content-r324 {min-height:0!important;min-width:0!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin;scrollbar-color:#67a5c3 #0b2337;-webkit-overflow-scrolling:touch;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-summary-r324 {margin:0 0 12px!important;font-size:12px!important;color:#b5cfdf!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-grid-r324 {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;min-width:0!important;padding:2px 2px 12px!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-card-r324 {position:relative!important;display:flex!important;min-width:0!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324 {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  flex:1 1 0!important;min-width:0!important;width:100%!important;min-height:158px!important;box-sizing:border-box!important;
  gap:10px!important;padding:22px 8px 12px!important;border:1px solid #6f9bb6!important;border-radius:18px!important;
  background:linear-gradient(150deg,#1d425b,#0c263b)!important;color:#eff8ff!important;text-decoration:none!important;
  box-shadow:inset 0 1px 0 #ffffff24!important;
}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324 > img {display:block!important;width:80px!important;height:80px!important;max-width:100%!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:17px!important;filter:none!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-country-r324 {position:absolute!important;inset:10px 9px auto auto!important;display:flex!important;gap:3px!important;align-items:center!important;pointer-events:none!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-country-r324 > img {display:block!important;width:22px!important;height:16px!important;object-fit:contain!important;border-radius:2px!important;filter:none!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324 > b {font:650 13px/1.5 HourKhmer,system-ui,sans-serif!important;color:#f1f8ff!important;text-align:center!important;overflow-wrap:anywhere!important;text-shadow:none!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-empty-r324 {margin:30px 6px!important;color:#bfd4e4!important;text-align:center!important;font-size:14px!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-empty-r324[hidden] {display:none!important;}
html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-hint-r324 {margin:0!important;padding-top:8px!important;border-top:1px solid #96c0d433!important;font-size:11px!important;line-height:1.7!important;color:#adc9da!important;}
html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#ht-catalog-search-open-r324,#ht-catalog-search-r324 button,#ht-catalog-search-r324 a,#catalog-scroll .ht-catalog-favorite-r324):focus-visible {outline:2px solid #8cddff!important;outline-offset:2px!important;}
@supports((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 {background:linear-gradient(150deg,#294e69eb,#102d43ed 58%,#28485ee8)!important;-webkit-backdrop-filter:blur(24px) saturate(1.3)!important;backdrop-filter:blur(24px) saturate(1.3)!important;}
}
@media(min-width:700px) {html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-grid-r324 {grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
@media(max-width:600px) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 {inset:0!important;margin:0!important;width:100%!important;max-width:100%!important;height:var(--ht-visible-height,100dvh)!important;max-height:var(--ht-visible-height,100dvh)!important;border:0!important;border-radius:0!important;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324[open] {gap:10px!important;}
  html body[data-ui-layout] #ht-catalog-search-r324 h2 {font-size:20px!important;}
  html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-grid-r324 {gap:8px!important;}
  html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324 {padding:21px 4px 10px!important;min-height:145px!important;border-radius:15px!important;gap:8px!important;}
  html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324 > img {width:64px!important;height:64px!important;border-radius:14px!important;}
  html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324 > b {font-size:11px!important;}
  html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-tab-r324 {font-size:11px!important;}
}
@media(hover:hover) and (pointer:fine) {
  html body[data-ui-layout] #ht-catalog-search-r324 .ht-search-game-r324:hover {border-color:#a8e2ff!important;}
  html body[data-ui-layout] :is(#ht-catalog-search-open-r324,#ht-catalog-search-r324 button):hover {border-color:#b2e6ff!important;}
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 :is(button,a),
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-open-r324,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .ht-catalog-favorite-r324 {animation:none!important;transition:none!important;scale:none!important;transform:none!important;}
}
@media(prefers-reduced-transparency:reduce) {html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 {background:#112a3f!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] #ht-catalog-search-r324,
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 :is(.ht-search-field-r324,.ht-search-game-r324,.ht-search-tab-r324,.ht-search-back-r324,.ht-search-clear-r324),
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-open-r324 {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  html body[data-ui-layout] #ht-catalog-search-r324 :is(h2,.ht-search-game-r324 > b,.ht-search-summary-r324,.ht-search-empty-r324,.ht-search-hint-r324,.ht-search-field-r324 > svg,.ht-search-back-r324 > svg,.ht-search-clear-r324 > svg),
  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(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324 {color:CanvasText!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 .ht-search-tab-r324[aria-selected="true"] {background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 #ht-catalog-query-r324 {background:Canvas!important;color:CanvasText!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout] #ht-catalog-search-r324 #ht-catalog-query-r324::placeholder {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][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324[aria-pressed="true"] {color:Highlight!important;}
  html body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#ht-catalog-search-open-r324,#ht-catalog-search-r324 button,#ht-catalog-search-r324 a,#catalog-scroll .ht-catalog-favorite-r324):focus-visible {outline-color:Highlight!important;}
}

/* r329: two independent Home boxes, not one enclosing Search pill.
   Activate only after the existing compact Search has mounted. The shared
   wrappers keep their padding and invisible border footprint, so the bar,
   catalogue frame and scroll viewport retain their current dimensions.
   Search keeps its own existing paint/40px PC or 44px phone hit area. */
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] .search-stage,
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] .search-stage > #game-search-panel {
  background:transparent!important;border-color:transparent!important;
  border-radius:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
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 > .search-heading {
  height:44px!important;min-height:44px!important;box-sizing:border-box!important;
  padding:0 10px!important;border:1px solid #4bc8ef70!important;border-radius:12px!important;
  background:#0d2b42!important;box-shadow:inset 0 1px 0 #c5f2ff1f!important;
  overflow:hidden!important;
}
/* The existing five-second Search beam belongs to the ticker box now;
   it must not paint the transparent gap or join the two boxes together. */
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] .search-stage > #game-search-panel::before {display:none!important;animation:none!important;}
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 > .search-heading::before {
  content:"";position:absolute;inset:0 auto 0 0;width:40%;
  background:linear-gradient(105deg,transparent 0%,#5abfff40 25%,#8cddff8c 50%,#5abfff40 75%,transparent 100%);
  transform:translateX(-110%);pointer-events:none;animation:none;
}
@supports((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))) {
  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 > .search-heading {
    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-motion:no-preference) {
  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 > .search-heading::before {animation:pink-blue-sweep 5s ease-in-out infinite;}
}
@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 > .search-heading {height:40px!important;min-height:40px!important;}
}
@media(prefers-reduced-transparency:reduce) {
  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 > .search-heading {background:#0b2238!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  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 > .search-heading::before {display:none!important;animation:none!important;}
}
@media(forced-colors:active) {
  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 > .search-heading {background:Canvas!important;border-color:ButtonBorder!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
}

/* r332: remove the old full-input wrapper's empty inset after the compact
   two-box Search mounts. Keep both real box borders, target sizes, colours,
   ticker beam and card geometry. Reclaimed height goes to the native scroller. */
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] .search-stage {
  padding:0!important;margin:0!important;border-width:0!important;
}
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] .search-stage > #game-search-panel {
  padding:0!important;border-width:0!important;
}
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] > main > .catalog {
  row-gap:6px!important;
}

/* r332 stars: a small high-contrast round badge over busy artwork. The real
   button remains 44px, with its existing aria-pressed name and native focus. */
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(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324 {
  color:#3d5367!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324::before {
  content:"";position:absolute!important;inset:8px!important;border-radius:50%!important;
  border:1px solid #ffffffb3!important;background:#e7f1f8ed!important;
  box-shadow:0 1px 5px #020c1a55,inset 0 1px 0 #ffffffb3!important;
  pointer-events: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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324 > svg {
  position:relative!important;z-index:1!important;width:20px!important;height:20px!important;
  fill:currentColor!important;stroke-width: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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324[aria-pressed="true"] {
  color:#ffdc59!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324[aria-pressed="true"]::before {
  background:#132d42f2!important;border-color:#ffdc5999!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324 {color:ButtonText!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324::before {background:ButtonFace!important;border-color:ButtonText!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324[aria-pressed="true"] {color:HighlightText!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(#catalog-scroll,#ht-catalog-search-r324) .ht-catalog-favorite-r324[aria-pressed="true"]::before {background:Highlight!important;border-color:Highlight!important;}
}

/* r332 search-focus: keep the accessible focus indicator inside the rounded
   button, rather than painting a second cyan frame into the surrounding gap. */
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] #ht-catalog-search-open-r324:focus-visible {
  outline-offset:-3px!important;
}

/* /assets/modern-interface-r325.css */
/* r325 sizing: proportional, readable component metrics only.
   No page/viewport/scroll-shell, Footer/Total, focus/keyboard, animation,
   artwork source, selected/discount state or receipt-table changes.
   Narrow phones get two readable columns; ordinary phones retain three.
   The final palette is a separate, append-only section owned by the theme. */

/* Remove space belonging to the original input row only after the compact
   search launcher has successfully mounted. The original input remains DOM. */
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] #game-search-panel .ticker-window {
  margin-bottom:0!important;
}

/* Headers retain their measured height and logo crop. Only the real language
   control receives a full target; no universal button or hidden-input rule. */
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] > header .member-language-quick {
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  padding:8px!important;box-sizing:border-box!important;flex-shrink:0!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] > header .site-brand {
  min-width:0!important;gap:clamp(6px,1vw,10px)!important;
}

/* Concrete small controls, not status badges or the fixed navigation/Total.
   Labels may wrap naturally; heights are minimums rather than clipped boxes. */
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] #package-filters [data-filter],
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] :is(.mlbb-shell,.telegram-shell) .account .account-actions > button:not(.clear-account),
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-auth :is(.member-mode-switch,.member-logout,.member-resend-code),
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-language-panel [data-language] {
  min-height:44px!important;box-sizing:border-box!important;
  font-size:13px!important;line-height:1.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] :is(.member-menu,.member-auth,.member-language-panel,.member-tools-panel,.member-confirm-panel) .member-close,
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] :is(.store-dialog,.redeem-dialog,.welcome-dialog) > :is(.dialog-close,.redeem-close,.welcome-close) {
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  padding:8px!important;flex-shrink:0!important;box-sizing:border-box!important;
}

/* Real account fields keep native 16px type. Panel padding excludes the
   chooser's internal list, language popup, History and inline Redeem canvas. */
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] dialog:is(.member-auth,.member-confirm-panel):not(.ht-workspace-inline-r290):not([data-mode="accounts"]),
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] dialog:is(.store-dialog,.redeem-dialog,.welcome-dialog):not(.ht-workspace-inline-r290) {
  padding:clamp(14px,2vw,24px)!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] :is(.member-auth,.member-confirm-panel) .member-panel-heading h2,
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] dialog:is(.store-dialog,.redeem-dialog,.welcome-dialog):not(.ht-workspace-inline-r290) > h2 {
  font-size:clamp(18px,1.7vw,22px)!important;line-height:1.5!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:650px) {
  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 > b {
    font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere!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] :is(.mlbb-shell,.telegram-shell) #packages .pack > b {
    font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere!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] :is(.mlbb-shell,.telegram-shell) .checkout-panel > .title h2 {
    font-size:clamp(14px,3.6vw,17px)!important;line-height:1.5!important;
  }
}

/* Bridge the old phone-to-desktop jump. The native scroller and its available
   height remain unchanged; cards can grow for long translated names. */
@media(min-width:651px) and (max-width:1023px) {
  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 {
    min-height:168px!important;height:auto!important;padding:14px 8px!important;gap:8px!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 {
    width:72px!important;height:72px!important;flex-basis:72px!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 {
    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] #catalog-scroll .game > b {
    font-size:14px!important;line-height:1.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] #packages.packages .pack {
    min-height:168px!important;padding:12px 8px!important;gap:6px!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] #packages.packages .pack .pack-artplate {
    width:80px!important;height:72px!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] #packages.packages .pack > b {
    font-size:14px!important;line-height:1.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] #packages.packages .pack > strong {
    font-size:16px!important;line-height:1.5!important;
  }
}

@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][data-ui-layout] #catalog-scroll .game {
    min-height:clamp(194px,18vw,210px)!important;height:auto!important;
    padding:clamp(12px,1.2vw,16px) 10px 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] #catalog-scroll .game > .app-icon-frame {
    width:clamp(96px,9vw,112px)!important;height:clamp(96px,9vw,112px)!important;
    flex-basis:clamp(96px,9vw,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][data-ui-layout] #catalog-scroll .game > b {
    font-size:clamp(15px,1.2vw,16px)!important;line-height:1.5!important;
  }
}

@media(max-width:350px) {
  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-grid,
  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,
  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] #ht-catalog-search-r324 .ht-search-grid-r324 {
    grid-template-columns:repeat(2,minmax(0,1fr))!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 {
    height:auto!important;min-height:146px!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] #ht-catalog-search-r324 .ht-search-game-r324 > b {
    font-size:12px!important;line-height:1.5!important;
  }
}

/* A narrow Contact row cannot fit brand + translated description + action
   in three columns. Reflow its action without reducing readable text. */
@media(max-width:360px) {
  html body[data-ui-layout] #ht-contact-center-r324 a.ht-contact-row-r324 {
    grid-template-columns:40px minmax(0,1fr)!important;gap:8px 10px!important;
  }
  #ht-contact-center-r324 .ht-contact-action-r324 {
    grid-column:2!important;justify-self:start!important;max-width:100%!important;
  }
  #ht-contact-center-r324 .ht-contact-hero-r324 {gap:10px!important;padding:11px!important;}
  #ht-contact-center-r324 .ht-contact-hero-icon-r324 {flex-basis:44px!important;width:44px!important;height:44px!important;padding:7px!important;}
}

/* END r325 sizing-only section. */

/* The bonus notice has no horizontally wide content. A legacy close-form
   decoration can overhang by two rounded pixels; do not create a horizontal
   scrollbar for it. Its existing vertical notice scroll stays native. */
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.store-dialog.bonus-dialog {
  overflow-x:hidden!important;
}

/* r325: a coherent midnight/cyan palette. Paint only: no artwork/logo filters,
   status overrides, new animation, viewport/scroll changes or action ownership.
   Receipt documents retain their white surfaces and real semantic status hues. */
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] {background:#081b2c!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][data-ui-layout][data-ui-layout].workspace-page-r290:is([data-workspace-page="order"],[data-workspace-page="redeem"]),
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].workspace-page-r290:is([data-workspace-page="order"],[data-workspace-page="redeem"]) > main {
  background:#091c2d!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][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) > .topup,
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].home-page > main > .catalog {
  border-color:#436f86!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][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][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
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].workspace-page-r290[data-workspace-page="profile"] #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][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {
  background:#102c43!important;border-color:#608fa5a8!important;
  box-shadow:inset 0 1px 0 #c5f0ff24,0 12px 30px #010a163d!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][data-ui-layout][data-ui-layout] .member-panel-heading {border-bottom-color:#6d9ab33d!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][data-ui-layout][data-ui-layout] #packages.packages .pack {
  background:linear-gradient(155deg,#16394f,#0b2439 65%,#091e31)!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][data-ui-layout][data-ui-layout].home-page #catalog-scroll .game {border-color:#49778f!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][data-ui-layout][data-ui-layout] #packages.packages .pack:not(.has-discount-preview) > strong {color:#ffe19a!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][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.store-dialog,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([aria-invalid="true"]) {
  background:#091f32!important;border-color:#567c94!important;
  color:#f0f8ff!important;text-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][data-ui-layout][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.store-dialog,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([aria-invalid="true"])::placeholder {color:#a9c3d4!important;opacity:1!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][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.store-dialog,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([aria-invalid="true"]):focus {background:#0d2c42!important;border-color:#77d9ef!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][data-ui-layout][data-ui-layout] :is(.member-primary,#check-account) {
  background:linear-gradient(110deg,#08678d,#245ba2)!important;
  border-color:#69c9e5!important;color:#f6fcff!important;text-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][data-ui-layout][data-ui-layout][data-ui-layout] :is(.member-secondary:not(.member-logout),.member-mode-switch,.member-use-another-account,.member-create-account,.member-resend-code) {
  background:#16364e!important;border-color:#648ba2!important;
  color:#e9f6ff!important;text-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][data-ui-layout][data-ui-layout][data-ui-layout] .member-logout {
  background:linear-gradient(110deg,#8c264a,#a92e4c)!important;
  border-color:#e9839b!important;color:#fff5f7!important;text-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][data-ui-layout][data-ui-layout][data-ui-layout].workspace-page-r290[data-workspace-page="redeem"] .redeem-submit {
  background:#eafa66!important;border-color:#f3ff9c!important;color:#1b2a10!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][data-ui-layout][data-ui-layout] #package-filters button[aria-pressed="true"] {
  background:#165474!important;color:#f1fbff!important;border-color:#70cce7!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][data-ui-layout][data-ui-layout] .member-tools-panel[data-tool="history"] :is(.ht-history-summary-r306,.ht-history-notice-r306,.ht-history-empty-r307 > p,.ht-history-count-r306,.ht-history-retention-r306,.ht-history-local-note-r306) {
  color:#536b7d!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][data-ui-layout][data-ui-layout] #ht-contact-center-r324 .ht-contact-action-r324 {
  background:#f6d67e!important;color:#30240f!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][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
  background:#14344ae8!important;border-color:#9cd8eb99!important;
  box-shadow:inset 0 1px 0 #d6f4ff42,0 10px 26px #020c1952!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][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total {
  background:#14344af2!important;border-color:#7ba9bd99!important;
  box-shadow:inset 0 1px 0 #d6f4ff30,0 8px 24px #020c1940!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][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total > div > :is(small,#summary-package) {
  color:#e9f6ff!important;text-shadow:none!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][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][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
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].workspace-page-r290[data-workspace-page="profile"] #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][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {
    background:linear-gradient(145deg,#15364de8,#0b243be8 65%,#12374ae0)!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][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
    background:linear-gradient(145deg,#245369b8,#0b2a42d9 62%,#1c4a61b8)!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][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total {
    background:linear-gradient(145deg,#1b4258f2,#0b2a42f5 62%,#173d52f2)!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][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][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
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].workspace-page-r290[data-workspace-page="profile"] #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][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-panel) {background:#102c43!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {background:#14344a!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .topup > .total {background:#14344a!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][data-ui-layout][data-ui-layout][data-ui-layout],
  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].workspace-page-r290:is([data-workspace-page="order"],[data-workspace-page="redeem"]) > main,
  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] 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][data-ui-layout][data-ui-layout][data-ui-layout] dialog.member-tools-panel:not([data-tool="history"]),
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].workspace-page-r290[data-workspace-page="profile"] #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][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > :is(.title,.account,.payment-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][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.store-dialog,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([aria-invalid="true"]),
  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] :is(.member-primary,#check-account),
  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] :is(.member-secondary:not(.member-logout),.member-mode-switch,.member-use-another-account,.member-create-account,.member-resend-code),
  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] .member-logout,
  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].workspace-page-r290[data-workspace-page="redeem"] .redeem-submit,
  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] #package-filters button[aria-pressed="true"],
  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] #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][data-ui-layout][data-ui-layout][data-ui-layout].home-page #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][data-ui-layout][data-ui-layout][data-ui-layout] #ht-contact-center-r324 .ht-contact-action-r324,
  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] > nav.ht-footer-nav-r289,
  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] :is(.mlbb-shell,.telegram-shell) .topup > .total {
    background:Canvas!important;color:CanvasText!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][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] :is(.mlbb-shell,.telegram-shell) .topup > .total > div > :is(small,#summary-package),
  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] :is(.account,.member-auth,.member-tools-panel,.store-dialog,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([aria-invalid="true"])::placeholder,
  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] .member-tools-panel[data-tool="history"] :is(.ht-history-summary-r306,.ht-history-notice-r306,.ht-history-empty-r307 > p,.ht-history-count-r306,.ht-history-retention-r306,.ht-history-local-note-r306) {
    color:CanvasText!important;text-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][data-ui-layout][data-ui-layout][data-ui-layout] :is(.account,.member-auth,.member-tools-panel,.store-dialog,.redeem-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([aria-invalid="true"]):focus {background:Canvas!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout].workspace-page-r290:is([data-workspace-page="order"],[data-workspace-page="redeem"]) {background:Canvas!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][data-ui-layout][data-ui-layout] #packages.packages .pack:is(.selected,[aria-pressed="true"]) {
    border-color:Highlight!important;box-shadow:inset 0 0 0 1px 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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #package-filters button[aria-pressed="true"] {border-color:Highlight!important;}
}
/* r329 mobile compaction draft: remove only redundant rail reservation and
   excess component spacing. Retain native sticky Total, independent Home
   scrolling, footer safe areas/standalone geometry, artwork, colors, Glass,
   Zoom, state/disabled styling and native 44px action targets. */
@media(max-width:650px) {
  /* Products already reserve the sticky Total in normal document flow.
     Keep the real footer rail once, not the former extra 88px reservation. */
  html.ht-has-footer-r289 body[data-game][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout]:not(.home-page):not(.workspace-page-r290) {
    padding-bottom:calc(var(--ht-footer-height-r289) + 8px)!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 {
    min-height:140px!important;height:auto!important;padding:8px 6px!important;gap: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] #catalog-scroll .game > b {
    min-height:2.4em!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;
  }
  /* A little breathing room above the existing floating rail is required
     so the final card row remains reachable; do not remove its reservation. */
  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 {
    padding-bottom:calc(var(--ht-footer-height-r289,76px) + 8px)!important;
    scroll-padding-bottom:calc(var(--ht-footer-height-r289,76px) + 8px)!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel--payment > .payment-title {
    min-height:44px!important;height:auto!important;padding:6px 10px!important;margin:12px 0 6px!important;gap:8px!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel--payment > .payment-title h2 {
    font-size:14px!important;line-height:1.4!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .payment.payment-panel {padding:8px!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .payment-panel .payment-option {
    min-height:48px!important;height:auto!important;padding:6px 8px!important;gap:8px!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .payment-panel .payment-brand {
    width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:3px!important;gap:2px!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .payment-panel .payment-brand > img:first-child {width:34px!important;height:25px!important;object-fit:contain!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .payment-panel .payment-brand > img + img {width:30px!important;height:7px!important;object-fit:contain!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .payment-panel .payment-card-icon {width:32px!important;height:32px!important;flex:0 0 32px!important;}
}

/* r330: keep Profile focused on the real account form. Contact channels
   remain available through the unchanged support launcher. This removes
   only the duplicate promotional/payment/developer strip, not a policy,
   auth control, account chooser or transaction state. */
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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-workspace-support,
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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > footer {display:none!important;}
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][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:is([data-mode="login"],[data-mode="register"],[data-mode="verify"],[data-mode="profile"])[open]:not([hidden]) {
  flex:0 0 auto!important;min-height:0!important;height:auto!important;
  width:100%!important;max-width:560px!important;margin-inline:auto!important;
}

/* r330 Profile actions: the same support launcher joins the real mode-switch
   row on phones. Neither floats above auth fields or the footer. The existing
   account chooser and every non-Profile route keep their original launcher. */
@media(max-width:650px) {
  html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290 > .ht-profile-actions-r330 {
    display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;
    width:100%!important;min-width:0!important;margin:6px 0 0!important;padding:0!important;
  }
  html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290 > .ht-profile-actions-r330 > .member-mode-switch {
    grid-column:1!important;min-width:0!important;width:100%!important;min-height:44px!important;height:auto!important;
    margin:0!important;padding:8px 10px!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290 > .ht-profile-actions-r330 > #ht-contact-launcher-r324 {
    position:static!important;inset:auto!important;z-index:auto!important;grid-column:2!important;justify-self:end!important;
    display:grid!important;place-items:center!important;box-sizing:border-box!important;flex:none!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:10px!important;
    border:1px solid #fff1b9!important;border-radius:50%!important;background:linear-gradient(145deg,#fff1aa,#ffd15e 52%,#eaa32b)!important;color:#403019!important;
    box-shadow:inset 0 1px 1px #ffffff85,0 3px 10px #0209123d!important;cursor:pointer!important;touch-action:manipulation!important;
  }
  html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout] .ht-profile-actions-r330 > #ht-contact-launcher-r324 > svg {
    display:block!important;width:24px!important;height:24px!important;pointer-events:none!important;
  }
  html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout] .ht-profile-actions-r330 > #ht-contact-launcher-r324:focus-visible {
    outline:3px solid #a6efff!important;outline-offset:3px!important;
  }
}
@media(max-width:650px) and (forced-colors:active) {
  html body.workspace-page-r290[data-workspace-page="profile"][data-ui-layout][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290 > .ht-profile-actions-r330 > #ht-contact-launcher-r324 {
    background:ButtonFace!important;color:ButtonText!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
}

/* r332 compact: lighter component density, not a global page scale. Retain
   readable type/native 16px fields, artwork, existing 44px controls, fixed
   Header/Footer/Total geometry, account chooser and native scroll ownership.
   Six component families use small padding/gap reductions at their existing
   breakpoints. Actual content may still grow for long translated labels. */
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] > header .site-brand {
  gap:clamp(6px,.9vw,9px)!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] :is(.mlbb-shell,.telegram-shell) .checkout-panel > .account {
  padding:9.2px!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] dialog:is(.member-auth,.member-confirm-panel):not(.ht-workspace-inline-r290):not([data-mode="accounts"]),
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] dialog:is(.store-dialog,.redeem-dialog,.welcome-dialog):not(.ht-workspace-inline-r290) {
  padding:clamp(13px,1.84vw,22px)!important;
}
html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][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:is(.member-auth:not([data-mode="accounts"]),.redeem-dialog,.member-tools-panel[data-tool="history"]).ht-workspace-inline-r290 {
  padding:18.4px!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-contact-center-r324 .ht-contact-scroll-r324 {
  padding:clamp(13px,1.5vw,16.5px)!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #ht-contact-center-r324 a.ht-contact-row-r324 {
  padding:clamp(10.2px,1vw,11px)!important;
}
@media(max-width:650px) {
  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 {
    padding-block:7.4px!important;gap:5.5px!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack {
    padding-block:8.3px!important;
  }
}
@media(min-width:651px) and (max-width:1023px) {
  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 {
    padding-block:12.9px!important;gap:7.4px!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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack {
    padding-block:11px!important;
  }
}
@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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll .game {
    padding-top:clamp(11px,1.1vw,14.7px)!important;padding-bottom: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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #packages.packages .pack {
    padding-block:12.9px!important;
  }
}
@media(max-width:360px) {
  html body.workspace-page-r290[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][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:is(.member-auth:not([data-mode="accounts"]),.redeem-dialog,.member-tools-panel[data-tool="history"]).ht-workspace-inline-r290 {
    padding:14.7px!important;
  }
}

/* r333 Profile canvas: the authenticated account box uses the same available
   page surface as Order. Restore only Profile mode after r330's compact auth
   rule; Login/Register/Verify and the saved-account chooser stay unchanged.
   The existing main scrollport owns overflow and keyboard-visible geometry.
   Keep real form/actions naturally sized inside the wider account background. */
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][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[data-mode="profile"][open]:not([hidden]) {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  flex:1 0 auto!important;width:100%!important;max-width:none!important;min-width:0!important;
  min-height:var(--ht-workspace-fill-r308)!important;height:auto!important;max-height:none!important;
  margin:0!important;box-sizing:border-box!important;overflow:visible!important;
}
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][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[data-mode="profile"][open]:not([hidden]) > :is(form,.member-status,.member-self-id,.member-note,.member-switch-account,.member-logout,.ht-profile-actions-r330) {
  flex:0 0 auto!important;width:100%!important;max-width:560px!important;min-width:0!important;
  margin-inline:auto!important;box-sizing:border-box!important;
}
/* r333 Profile canvas end */

/* r333 Product tail: the retained Total occupies normal flow with position:
   sticky, so it does not need the old second fixed-rail reserve of 88px.
   Keep one real footer/safe-area reserve plus 12px; the unchanged Total bottom
   offset still clears the fixed navigation. The product shell's old 28px tail
   margin becomes 8px, without changing its top/side spacing, intrinsic height,
   packages, Pay or native scrolling. */
@media(max-width:1023px) {
  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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout]:not(.home-page):not(.workspace-page-r290):has(> main:is(.mlbb-shell,.telegram-shell)) {
    padding-bottom:calc(var(--ht-footer-height-r289) + 12px)!important;
  }
  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][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout]:not(.home-page):not(.workspace-page-r290):has(> main:is(.mlbb-shell,.telegram-shell)) > main:is(.mlbb-shell,.telegram-shell) {
    margin-bottom:8px!important;
  }
}
/* r333 Product tail end */

/* r333 interaction polish: restrained hover/press paint in the retained palette.
   Existing tactile/Zoom controllers keep transform, timing and scroll ownership.
   No idle motion, extra blur, geometry transition or selected-package override. */
@media(hover:hover) and (pointer:fine) 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][data-ui-layout][data-ui-layout][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][data-ui-layout][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 .pack:not(.selected):not([aria-pressed="true"]):hover {
    border-color:#72b8d3!important;box-shadow:inset 0 1px 0 #d5f4ff1c,0 5px 16px #020b1438!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][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-primary,.member-secondary):not(:disabled):hover {box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px #020b143d!important;}
}
@media(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][data-ui-layout][data-ui-layout][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-primary,.member-secondary):not(:disabled):active {box-shadow:inset 0 2px 5px #020b144d!important;}
}


/* /assets/interaction-light-r335.css */
/* A bounded input light; original Zoom/spring controllers own all geometry. */
html body[data-ui-layout] ht-interaction-glow.ht-interaction-glow-r335 {
 display:block!important;position:absolute!important;inset:1px!important;
 width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;
 pointer-events:none!important;user-select:none!important;touch-action:auto!important;
 overflow:hidden!important;contain:paint;z-index:1!important;opacity:0;
 background:radial-gradient(ellipse at var(--ht-light-x-r335,50%) var(--ht-light-y-r335,50%),#a8edff59 0%,#71cfff24 35%,transparent 74%)!important;
 box-shadow:inset 0 1px 0 #e9fbff66,inset 0 0 0 1px #8adaf04d!important;
}
/* Brighter center for the existing button press surface; no duplicate light. */
@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][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%),#edfbff80 0%,#c3f3ff30 36%,transparent 76%)!important;
 }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
 html body[data-ui-layout] ht-interaction-glow.ht-interaction-glow-r335 {display:none!important;}
}