/* r336 ordered CSS; unchanged declarations. */
/* /assets/readability-r226.css */
/* Readability polish across public pages. Keep the existing blue layout and motion. */
html body[data-ui-layout] .search-stage .search-heading .ticker-track {
  color:#d9effb!important;
  font-size:11px!important;
  line-height:1.65!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > b {
  color:#f4fbff!important;
  font-size:13px!important;
  line-height:1.4!important;
}
html body.home-page[data-ui-layout] .app-install-banner small {
  color:#d5e9f4!important;
  font-size:11px!important;
  line-height:1.4!important;
}
html body[data-ui-layout] #packages .pack b {
  color:#f4fbff!important;
  font-size:13px!important;
  line-height:1.45!important;
}
html body[data-ui-layout] #packages .pack .pack-ribbon {
  color:#d8f0ff!important;
  font-size:9px!important;
  line-height:1.35!important;
}
html body[data-ui-layout] .payment-panel .payment-option small {
  color:#d3e8f5!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}
html body[data-ui-layout] .store-dialog.bonus-dialog :is(p,li) {
  color:#e6f3fb!important;
  font-size:13.5px!important;
  line-height:1.65!important;
}
html body[data-ui-layout] .store-dialog.bonus-dialog .bonus-guide figcaption,
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-summary {
  color:#d8effc!important;
  font-size:12px!important;
  line-height:1.6!important;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric small,
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-daily {
  color:#c8eeff!important;
  font-size:11px!important;
  line-height:1.5!important;
}
@media(max-width:600px) {
  html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > b {
    font-size:12px!important;
  }
  html body[data-ui-layout] #packages .pack b {
    font-size:12px!important;
  }
  html body[data-ui-layout] #packages .pack .pack-ribbon {
    font-size:8px!important;
  }
}
/* These controls fit the existing header/search rows without enlarging them. */
html body[data-ui-layout][data-ui-layout] > header :is(.member-trigger,.member-language-quick) {
  height:44px!important;
  min-height:44px!important;
  min-width:44px!important;
}
html body[data-ui-layout][data-ui-layout] > header .member-language-quick {
  width:44px!important;
}
html body.home-page[data-ui-layout][data-ui-layout] #clear-game-search {
  height:44px!important;
  min-height:44px!important;
}
/* The existing search ID matches the specificity inherited by legacy resets.
   r263: clicking/tapping a text field keeps its normal border without an extra
   blue frame. Tab navigation retains a separate neutral focus indicator. */
html.ht-keyboard-navigation body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#game-search,a[href],button,input,select,textarea,summary,[tabindex]):focus-visible:focus:not(:disabled):not([data-ht-pressed]) {
  outline:2px solid #a2e4ff!important;
  outline-offset:3px!important;
}
/* The repeated field group also beats the two ID branches inherited by the
   legacy keyboard stylesheet, without changing which elements match. */
html.ht-keyboard-navigation body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#game-search,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):is(#game-search,input,textarea,select):focus-visible:focus:not(:disabled) {
  outline:2px solid #e2e8f0!important;
  outline-offset:3px!important;
}
html:not(.ht-keyboard-navigation) body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#game-search,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):focus:not(:disabled) {
  outline:none!important;
  outline-offset:0!important;
}
@media(forced-colors:active) {
  html.ht-keyboard-navigation body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#game-search,a[href],button,input,select,textarea,summary,[tabindex]):focus-visible:focus:not(:disabled):not([data-ht-pressed]),
  html.ht-keyboard-navigation body[data-ui-layout][data-ui-layout][data-ui-layout] :is(#game-search,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):is(#game-search,input,textarea,select):focus-visible:focus:not(:disabled) {
    outline-color:Highlight!important;
  }
}
/* r261: retain the shared blue action style, with readable white labels even
   at the brighter gradient edge. Limit the existing press light on these
   actions so it cannot wash out their small white text. No semantic state
   colours (success, errors, selected packages or destructive actions) change. */
html body[data-ui-layout] :is(.member-auth,.member-tools-panel) .member-primary,
html body[data-ui-layout] .app-install-banner .install-now {
  background:linear-gradient(115deg,#0b6ca9,#2068c2)!important;
  color:#fff!important;
  filter:none!important;
}
html body[data-ui-layout] :is(.member-auth,.member-tools-panel) .member-primary > .ht-control-light-r259,
html body[data-ui-layout] .app-install-banner .install-now > .ht-control-light-r259 {
  background:radial-gradient(ellipse at var(--ht-press-x,50%) var(--ht-press-y,50%),rgba(233,250,255,.08) 0%,rgba(233,250,255,.035) 32%,rgba(233,250,255,0) 72%)!important;
}

/* /assets/app-icon-corners-r227.css */
/* These three source JPGs have pale rounded corners baked into their pixels.
   Match the artwork's own curve so only the game art fills each icon box. */
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game > .app-icon-frame > img.game-icon:is(
  [src*="official-magic-chess-gogo"],
  [src*="official-pubg-mobile"],
  [src*="official-free-fire"]
) {
  border-radius:23%!important;
  clip-path:inset(0 round 23%)!important;
}

/* /assets/restore-popups-r232.css */
/* Use the visible Diamond x2 colors after its SVG/CSS gradient override. */
html body[data-ui-layout] .store-dialog.weekly-dialog {
  width:min(410px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 64px)!important;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-scene {
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:4px;
  aspect-ratio:640/440;
  padding:7px!important;
  background:#071d31!important;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route {
  font-size:11px;
  font-weight:700;
  gap:7px;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route span {
  padding:4px 7px;
  background:#075f96;
  border-color:#38bdf8;
  color:#d7ecff;
  box-shadow:none;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route span:last-child {
  background:#b91c1c;
  border-color:#b91c1c;
  color:#eaf6ff;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route b {color:#f87171}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product {
  margin:0;
  padding:0;
  gap:8px;
  border:0;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product img {
  width:40px;
  height:40px;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product strong {
  font-size:15px;
  line-height:1.35;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-grid {gap:5px}
html body[data-ui-layout][data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric {
  min-height:50px;
  padding:5px 8px;
  border-color:#258dbe!important;
  background:linear-gradient(135deg,#103a50,#08263c)!important;
  box-shadow:none;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric-full {min-height:48px}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric strong {
  margin-top:2px;
  font-size:20px;
  line-height:1.1;
  text-shadow:none;
}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-daily {margin-top:0}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-links {padding-bottom:8px}

html body[data-ui-layout] header > a.site-brand > img[src*="hourtopup-icon-r167"],
html body[data-ui-layout] .app-install-banner > img[src*="hourtopup-icon-r167"] {
  filter:contrast(1.3) saturate(1.4) brightness(1.08)!important;
}
@media(max-width:340px) {
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-scene {gap:3px;padding:5px!important}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route {font-size:9px;gap:4px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-route span {padding:3px 5px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product img {width:32px;height:32px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-product strong {font-size:13px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric {min-height:45px;padding:4px 6px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric-full {min-height:42px}
  html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-metric strong {font-size:18px}
}

/* /assets/home-search-visibility-r234.css */
/* Keep filtered Home cards out of layout after the later card-presentation layers. */
html body.home-page[data-ui-layout][data-ui-layout] #catalog-scroll .game[hidden] {
  display:none!important;
}

/* /assets/home-messenger-r245.css */
/* Phone Home only: keep the confirmed raised position, but show the help
   label above the Messenger icon exactly like the package pages. Locale text,
   destination, artwork, desktop layout and catalogue cards stay unchanged. */
@media(max-width:1023px){
  html body.home-page[data-ui-layout] .home-overlay-dock{
    padding-bottom:114px!important;
    box-sizing:border-box;
  }
  html body.home-page[data-ui-layout][data-ui-layout]:has(#catalog-scroll) .home-overlay-dock>.page-support{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    place-items:center!important;
    justify-content:normal!important;
    gap:0!important;
    width:48px!important;
    min-width:0!important;
    max-width:48px!important;
    height:48px!important;
    min-height:0!important;
    max-height:48px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:1px solid var(--ht-line)!important;
    border-radius:50%!important;
    background:var(--ht-action)!important;
    box-shadow:0 4px 12px #0004!important;
    transform:none!important;
    animation:none!important;
    pointer-events:none!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout]:has(#catalog-scroll) .home-overlay-dock>.page-support>span{
    position:absolute!important;
    inset:auto 0 57px auto!important;
    display:block!important;
    width:max-content!important;
    max-width:calc(100vw - 24px)!important;
    height:auto!important;
    margin:0!important;
    padding:6px 10px!important;
    white-space:nowrap!important;
    border:1px solid var(--ht-line)!important;
    border-radius:14px!important;
    background:var(--ht-action)!important;
    color:#f0f8ff!important;
    font:400 11px/1.9 HourKhmer,system-ui,sans-serif!important;
    box-shadow:0 4px 12px #0004!important;
    pointer-events:auto!important;
  }
}
@media(max-width:480px){
  html body.home-page[data-ui-layout][data-ui-layout]:has(#catalog-scroll) .home-overlay-dock>.page-support{
    width:42px!important;
    max-width:42px!important;
    height:42px!important;
    max-height:42px!important;
  }
  html body.home-page[data-ui-layout][data-ui-layout]:has(#catalog-scroll) .home-overlay-dock>.page-support>span{
    inset:auto 0 49px auto!important;
  }
}