/* r336 ordered CSS; unchanged declarations. */
/* /assets/phone-interface-r196.css */
/* Restore an app scroll box while retaining Version49's compact phone cards. */
@media not all and (min-width:1024px) {
  html body.home-page[data-ui-layout] > main > .catalog {
    padding:10px!important;gap:10px!important;border:1px solid #31576d!important;
    border-radius:15px!important;background:#0b2233!important;overflow:hidden!important;
  }
  html body.home-page[data-ui-layout] #catalog-scroll {
    height:clamp(200px,calc(100svh - 380px),420px)!important;max-height:420px!important;
    overflow-x:hidden!important;overflow-y:auto!important;padding:2px!important;
    overscroll-behavior-y:contain!important;scrollbar-width:thin;scrollbar-gutter:stable!important;
    -webkit-overflow-scrolling:touch;scrollbar-color:#477b99 #0b2233!important;
  }
  html body #selection-feedback-r185.selection-toast-stack {
    position:fixed!important;top:calc(68px + env(safe-area-inset-top,0px))!important;
    right:12px!important;left:auto!important;bottom:auto!important;
    width:min(320px,calc(100vw - 24px))!important;z-index:50!important;pointer-events:none;
  }
  html body #selection-feedback-r185 .selection-toast {
    min-height:48px!important;padding:8px 9px!important;gap:8px!important;
    border-radius:12px!important;font-size:12px!important;line-height:1.5!important;pointer-events:auto;
  }
  html body #selection-feedback-r185 .selection-toast i {
    width:22px!important;height:22px!important;min-width:22px!important;flex-basis:22px!important;
    font-size:14px!important;
  }
  html body #selection-feedback-r185 .selection-toast button[aria-label="បិទសារ"] {
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
    flex-basis:30px!important;font-size:19px!important;
  }
}
/* Three semantic notice types; a new message replaces the old one in place. */
html body #selection-feedback-r185 .notice-account-found {
  background:#123c30!important;border-color:#49a780!important;color:#e5fff1!important;
}
html body #selection-feedback-r185 .notice-account-error {
  background:#421c2b!important;border-color:#ef7387!important;color:#fff0f3!important;
}
html body #selection-feedback-r185 .notice-account-error i {background:#763244!important;color:#ffb8c3!important}
html body #selection-feedback-r185 .notice-package {
  background:linear-gradient(110deg,#112d40,#18465d)!important;border-color:#507c96!important;
}
/* Icon-only personal contact buttons, with accessible names retained. */
html body footer.footer a.footer-social {
  width:40px!important;height:40px!important;min-height:40px!important;padding:8px!important;
  justify-content:center!important;gap:0!important;border-radius:10px!important;
}
html body footer.footer a.footer-social img {width:22px!important;height:22px!important;flex-basis:22px!important}

/* /assets/tap-feedback-r198.css */
/* r265: a bounded press/rebound changes painted size, never grid layout. */
@property --ht-tap-scale {syntax:"<number>";inherits:false;initial-value:1}
@property --ht-tap-glow {syntax:"<number>";inherits:false;initial-value:0}
html body[data-ui-layout].home-page #catalog-scroll .game,
html body[data-ui-layout].home-page #catalog-scroll .game:is(:hover,:focus,:focus-visible,:active),
html body[data-ui-layout] #packages.packages .pack,
html body[data-ui-layout] #packages.packages .pack:is(:hover,:focus,:focus-visible,:active,.selected) {
  transform:none!important;transform-origin:center!important;
  translate:none!important;rotate:none!important;scale:none!important;
  animation:none!important;transition:none!important;will-change:auto!important;
  --ht-light:97 211 255;--ht-rest-glow:0;
  box-shadow:inset 0 0 0 1px rgb(var(--ht-light) / var(--ht-tap-glow,0)),
    0 0 12px rgb(var(--ht-light) / calc(var(--ht-tap-glow,0) * .45 + var(--ht-rest-glow)))!important;
}
html body[data-ui-layout] #packages.packages .pack.selected {
  --ht-light:67 225 144;--ht-rest-glow:.20;
}
@media(prefers-reduced-motion:no-preference) {
  html body[data-ui-layout][data-ui-layout].home-page #catalog-scroll .game,
  html body[data-ui-layout][data-ui-layout].home-page #catalog-scroll .game:is(:hover,:focus,:focus-visible,:active),
  html body[data-ui-layout][data-ui-layout] #packages.packages .pack,
  html body[data-ui-layout][data-ui-layout] #packages.packages .pack:is(:hover,:focus,:focus-visible,:active,.selected) {
    scale:var(--ht-tap-scale,1)!important;
  }
  html body[data-ui-layout].home-page #catalog-scroll .game:active,
  html body[data-ui-layout] #packages.packages .pack:not(:disabled):active {
    box-shadow:inset 0 0 0 1px rgb(var(--ht-light) / .65),0 0 10px rgb(var(--ht-light) / .22)!important;
  }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout].home-page #catalog-scroll .game,
  html body[data-ui-layout][data-ui-layout].home-page #catalog-scroll .game:is(:hover,:focus,:focus-visible,:active),
  html body[data-ui-layout][data-ui-layout] #packages.packages .pack,
  html body[data-ui-layout][data-ui-layout] #packages.packages .pack:is(:hover,:focus,:focus-visible,:active,.selected) {
    transform:none!important;scale:none!important;transition:none!important;animation:none!important;
  }
}
/* Clear/close controls are gone; retain room for the pencil only. */
html body .account[data-device-account-ready] .account-confirmed-status {padding-right:42px!important}
html body .account[data-device-account-ready] .account-actions > button {flex:1 1 100%!important;width:100%!important}

/* Restore the original Messenger help text; retain the link and app-page position. */
html body[data-ui-layout] > a.page-support > span {
  display:block!important;
  /* The floating words must not intercept a package or Top Up underneath. */
  pointer-events:none!important;
}
/* On phone Home, give help its own row instead of covering payment/developer logos. */
@media not all and (min-width:1024px) {
  html body.home-page[data-ui-layout] > a.page-support {
    position:static!important;inset:auto!important;
    width:max-content!important;max-width:calc(100% - 24px)!important;height:42px!important;
    margin:0 12px 16px auto!important;display:flex!important;align-items:center!important;gap:8px!important;
    border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  }
  html body.home-page[data-ui-layout] > a.page-support > span {position:static!important;margin:0!important}
  html body.home-page[data-ui-layout] > a.page-support > svg {width:34px!important;height:34px!important}
}

/* /assets/member-menu-r243.css */
/* r254 removes the Menu's empty close-button band; dialog scrolling stays independent. */
html body[data-ui-layout] > header .member-trigger {
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  flex:0 1 auto!important;max-width:180px!important;min-height:38px!important;width:auto!important;height:38px!important;
  padding:5px 10px!important;border:1px solid #39758d!important;border-radius:11px!important;
  background:#123c54!important;color:#f4fbff!important;font:600 13px/1.3 system-ui,sans-serif!important;
  box-shadow:none!important;cursor:pointer!important;transform:none!important;animation:none!important;
}
.member-trigger > svg {width:18px!important;height:18px!important;flex:none!important}
.member-trigger .member-trigger-name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}
.member-trigger .member-avatar {display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;flex:none!important;overflow:hidden!important;border-radius:50%!important;background:#174d67!important;color:#90deff!important}
.member-avatar > svg {width:20px!important;height:20px!important;flex:none!important}
html body[data-ui-layout] .member-panel {
  box-sizing:border-box!important;color:#ecf8ff!important;border:1px solid #39758d!important;border-radius:18px!important;
  background:#0c2639!important;padding:16px!important;font:14px/1.55 system-ui,"Noto Sans Khmer",sans-serif!important;
  box-shadow:0 18px 50px #0008!important;animation:none!important;overscroll-behavior:contain!important;
}
html body[data-ui-layout] .member-panel:not([open]) {display:none!important}
.member-panel::backdrop {background:#0006;backdrop-filter:none}
html body[data-ui-layout] .member-menu {
  position:fixed!important;inset:var(--member-menu-top,64px) 12px auto auto!important;margin:0!important;
  width:310px!important;max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - var(--member-menu-top,64px) - 16px)!important;
  overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin;
}
.member-panel [hidden] {display:none!important}
.member-panel button,.member-panel input {font:inherit;box-sizing:border-box}
.member-panel button {cursor:pointer;touch-action:manipulation}
.member-panel button:disabled {opacity:.6;cursor:wait}
.member-panel button:focus-visible,.member-trigger:focus-visible,.member-panel input:focus-visible {outline:2px solid #7cddff!important;outline-offset:2px}
.member-panel .member-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.member-panel .member-panel-heading h2 {font-size:17px;line-height:1.4;margin:0;color:#fff}
.member-menu > .member-menu-title {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.member-menu > .member-menu-actions {display:grid;gap:8px;min-width:0;position:relative}
.member-menu-actions,.member-menu-actions *, .member-account-list,.member-account-list * {user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.member-menu-actions img,.member-account-list img {-webkit-user-drag:none}
.member-menu-actions :is(input,textarea,[contenteditable="true"]),.member-account-list :is(input,textarea,[contenteditable="true"]) {user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
.member-panel .member-close {flex:none;width:32px;height:32px;padding:0;border:1px solid #326177;border-radius:10px;background:#12374b;color:#cfecfc;font-size:22px;line-height:1;box-shadow:none}
.member-panel .member-auth-back {display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #326177;border-radius:12px;background:#12374b;color:#cfecfc;font:700 22px/1 system-ui,sans-serif;box-shadow:none}
.member-panel .member-row {
  display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:11px 12px;margin:7px 0;
  border:1px solid #2d536a;border-radius:12px;background:#113149;color:#effaff;text-align:left;box-shadow:none;
}
.member-row > svg {width:20px;height:20px;flex:none;color:#6bd5ff}
.member-row .member-row-copy {min-width:0;flex:1}
.member-row .member-row-copy b,.member-row .member-row-copy small {display:block;overflow-wrap:anywhere}
.member-row .member-row-copy small {font-size:11px;color:#a8cadd}
.member-panel .member-avatar {display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid #427087;border-radius:50%;background:#1a4d65;overflow:hidden;color:#8edeff}
.member-avatar img {width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:50%!important}
.member-panel .member-languages {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}
.member-languages button,.member-panel .member-secondary {padding:9px 12px;border:1px solid #386b81;border-radius:10px;background:#12364b;color:#dcf4ff}
.member-languages button[aria-pressed=true] {background:#186085;border-color:#67cff7;color:white}
html body[data-ui-layout] .member-menu > footer {
  display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;
  min-height:0!important;margin:16px 0 0!important;padding:14px 0 0!important;border:0!important;
  border-top:1px solid #284f66!important;border-radius:0!important;background:none!important;box-shadow:none!important;
}
.member-info-page > header {display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0c2a40;gap:12px}
.member-info-page > header .site-brand {display:flex;align-items:center;gap:10px;text-decoration:none;color:#dff7ff}
.member-info-page > header .site-brand > img {width:36px;height:36px;object-fit:contain}
.member-info-page .member-menu .developer-footer {font-size:12px;text-align:center}
.member-info-page .member-menu .developer-footer img {width:22px!important;height:22px!important;object-fit:contain!important}
.member-menu .site-footer-inner {display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:0!important;width:100%!important}
.member-menu .footer-contacts {display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important}
.member-menu .footer-social {display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;background:#153b51!important;border:1px solid #345d76!important;border-radius:10px!important}
.member-menu .footer-social img {width:22px!important;height:22px!important;object-fit:contain!important;border-radius:5px!important}
.member-menu .payment-support {display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:11px!important}
.member-menu .bank-badges {display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}
.member-menu .bank-logo {display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:46px!important;height:25px!important;padding:3px 5px!important;border-radius:5px!important;font-size:8px!important}
.member-menu .bank-logo img {width:auto!important;max-width:52px!important;height:17px!important;object-fit:contain!important}
.member-menu .bank-card {gap:3px!important;border:1px solid #598aa3!important}
.member-menu .bank-card svg {width:16px!important;height:14px!important}
.member-menu .footer-credit {margin:0!important;padding:0!important}
.member-menu .footer-developer {display:flex!important;align-items:center!important;gap:6px!important;font-size:11px!important;line-height:1.5!important;color:#b6daee!important;text-decoration:none!important}
.member-menu .footer-developer img {width:18px!important;height:18px!important}
.member-menu .footer-copyright {order:4;margin:0!important;font-size:9px!important;line-height:1.5!important;color:#88afc6!important;text-align:center!important}
html body[data-ui-layout] .member-auth {width:400px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;inset:0!important;overflow:auto!important}
.member-auth form {display:grid;gap:12px}
.member-auth label {display:grid;gap:5px;color:#c5e3f3;font-size:12px}
.member-auth input:not([type=file]) {width:100%;height:44px;padding:10px 12px;border:1px solid #38637b;border-radius:10px;background:#061827;color:#fff;outline:none}
.member-auth .member-email-wrap{position:relative;display:block;min-width:0}
.member-auth .member-email-suffix{position:absolute;z-index:1;top:50%;right:12px;translate:0 -50%;min-width:88px;padding-left:10px;border-left:1px solid #38637b;color:#8fdcff;font:650 13px/24px system-ui,sans-serif;letter-spacing:.01em;pointer-events:none;text-align:right;white-space:nowrap}
.member-auth .member-email-suffix[hidden]{display:none!important}
.member-auth[data-mode=register] .member-email-wrap input{padding-right:116px!important}
.member-auth input[type=file] {width:100%;font-size:12px;color:#a9cbdc}
.member-auth .member-primary {min-height:44px;padding:10px 14px;border:1px solid #5fbbdd;border-radius:10px;background:#1b7096;color:#fff;font-weight:650}
.member-auth .member-mode-switch {display:block;width:100%;margin-top:12px;background:none;border:0;color:#7fdaff;padding:8px}
.member-auth .member-note {color:#99bed1;font-size:11px;line-height:1.7;margin:12px 0 0}
.member-auth .member-password-hint {
  margin:-4px 0 0;padding:7px 9px;border:1px solid #a94752;border-left:3px solid #ff626d;border-radius:8px;
  background:#4a1722;color:#ffd1d5;font:600 11px/1.55 HourKhmer,system-ui,sans-serif;overflow-wrap:anywhere;
  box-shadow:inset 0 1px 0 #ffffff0d;
}
.member-auth .member-password-hint::before {content:"⚠ ";color:#ff7b84}
.member-auth .member-status {min-height:0;margin:10px 0 0;color:#ffb0b0;font-size:12px;overflow-wrap:anywhere}
.member-status:empty {display:none}
@media(max-width:480px) {
 html body[data-ui-layout] > header .member-trigger {max-width:140px!important;gap:6px!important;padding:4px 8px!important;font-size:12px!important}
 .member-trigger .member-trigger-name {max-width:85px}
}

/* Open-modal blur only; no permanent blur, card movement or new frame loops. */
/* Requested glass applies to the header, not to the entire page. Solid fallback. */
html body[data-ui-layout] {--ht-header-height:54px;padding-top:calc(var(--ht-header-height) + env(safe-area-inset-top,0px))!important}
html body[data-ui-layout][data-ui-layout] > header {
  position:fixed!important;top:var(--ht-header-offset,0px)!important;left:0!important;right:0!important;width:100%!important;
  height:calc(var(--ht-header-height) + env(safe-area-inset-top,0px))!important;box-sizing:border-box!important;
  padding-top:calc(8px + env(safe-area-inset-top,0px))!important;z-index:60!important;
  background:linear-gradient(115deg,#10293d,#12364c)!important;
  border-bottom:1px solid #83c8ea55!important;box-shadow:inset 0 1px 0 #ffffff18,0 5px 18px #0003!important;
}
@supports ((backdrop-filter:blur(6px)) or (-webkit-backdrop-filter:blur(6px))) {
  html body[data-ui-layout][data-ui-layout] > header {
    background:linear-gradient(115deg,#112b40d9,#123b52b8)!important;
    -webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;
  }
}
html body[data-ui-layout] :is(input,textarea) {scroll-margin-top:calc(var(--ht-header-height) + 18px)}
html body[data-ui-layout] #selection-feedback-r185.selection-toast-stack {top:calc(var(--ht-header-offset,0px) + var(--ht-header-height) + env(safe-area-inset-top,0px) + 8px)!important}
@media(min-width:1024px){html body[data-ui-layout]{--ht-header-height:64px}}
@media(max-width:480px){
  html body[data-ui-layout] > header .site-brand-name {flex:1 1 auto!important;min-width:0!important;width:132px!important;max-width:132px!important;background-size:contain!important}
}
@media(max-width:380px){html body[data-ui-layout] > header .member-trigger {max-width:120px!important}}
@media(max-width:350px){html body[data-ui-layout] > header .member-trigger {max-width:100px!important}}
/* Emoji-style decoration is local vector art; actual customer photos stay untouched. */
.ht-emoji {display:block;flex:none;width:32px;height:32px;overflow:visible;animation:ht-emoji-welcome-r201 .7s ease-out both}
.ht-emoji-check .ht-check-ring {stroke-dashoffset:0;animation:ht-check-ring-r201 .6s ease-out both}
.ht-emoji-check .ht-check-tick {stroke-dasharray:32;stroke-dashoffset:0;animation:ht-check-tick-r201 .65s ease-out both}
.ht-emoji-spark {animation:ht-emoji-spark-r201 1.4s ease-in-out 2}
.member-menu .footer-social .ht-emoji {width:30px!important;height:30px!important}
.member-menu .footer-social {padding:2px!important;background:transparent!important;border-color:transparent!important}
.member-avatar .ht-emoji {width:34px!important;height:34px!important}
.member-row>.ht-emoji-profile {width:32px!important;height:32px!important}
header .member-avatar .ht-emoji-profile {width:24px!important;height:24px!important}
.member-auth .member-auth-symbol {flex:none}
.member-auth .member-panel-heading h2 {flex:1}
html body[data-ui-layout] .account-step>.account-step-emoji {background:none!important;border:0!important;box-shadow:none!important;min-width:32px!important;width:32px!important;height:32px!important;padding:0!important}
html body[data-ui-layout] .account-step-emoji .ht-emoji {width:32px;height:32px}
html body[data-ui-layout] .account-confirmed-mark {background:none!important}
html body[data-ui-layout] .account-confirmed-mark .ht-emoji {width:32px!important;height:32px!important}
html body[data-ui-layout] #selection-feedback-r185 .selection-toast i:has(.ht-emoji) {background:none!important;border:0!important;overflow:visible!important}
html body[data-ui-layout] #selection-feedback-r185 .selection-toast i .ht-emoji {width:26px!important;height:26px!important}
html body[data-ui-layout] .page-support>.ht-emoji {width:32px!important;height:32px!important}
@keyframes ht-emoji-welcome-r201 {from{opacity:.55;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes ht-check-ring-r201 {from{stroke-dashoffset:101;opacity:.4}to{stroke-dashoffset:0;opacity:1}}
@keyframes ht-check-tick-r201 {0%,35%{stroke-dashoffset:32}100%{stroke-dashoffset:0}}
@keyframes ht-emoji-spark-r201 {0%,100%{opacity:.5}50%{opacity:1}}
html body[data-ui-layout] :is(.member-menu,.member-language-panel)::backdrop {
  background:rgba(2,10,23,.58)!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
  animation:ht-menu-backdrop-in-r201 .48s ease-out both!important;
}
html body[data-ui-layout] :is(.member-menu,.member-language-panel).is-closing::backdrop {animation:ht-menu-backdrop-out-r201 .26s ease-in both!important}
@keyframes ht-menu-backdrop-in-r201 {from{opacity:0}to{opacity:1}}
@keyframes ht-menu-backdrop-out-r201 {from{opacity:1}to{opacity:0}}
html body[data-ui-layout] > header .member-language-quick {
  display:flex!important;align-items:center;justify-content:center;flex:none!important;
  width:38px!important;height:38px!important;min-height:38px!important;padding:6px!important;
  margin:0 0 0 auto!important;border:1px solid #39758d!important;border-radius:11px!important;
  color:#e9f6ff;background:#123c54!important;box-shadow:none!important;cursor:pointer;
  transform:none!important;animation:none!important;touch-action:manipulation;
}
.member-language-quick .member-current-flag {width:24px;height:24px;border-radius:50%;object-fit:cover}
.member-language-quick:focus-visible {outline:2px solid #7cddff;outline-offset:2px}
.member-panel .member-language {position:relative}
.member-language > .member-current-flag {width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none}
.member-language .member-language-chevron {transition:transform .2s ease}
.member-language[aria-expanded=true] .member-language-chevron {transform:rotate(180deg)}
html body[data-ui-layout] .member-language-panel {
  position:fixed;inset:var(--member-language-panel-top,150px) 12px auto auto;margin:0;
  width:280px;max-width:calc(100vw - 24px);padding:12px!important;
  max-height:calc(var(--ht-visible-height,100dvh) + var(--ht-header-offset,0px) - var(--member-language-panel-top,150px) - 12px);overflow:auto;
}
html body[data-ui-layout] .member-language-panel .member-languages {
  position:static;display:flex;flex-direction:column;gap:3px;margin:0;padding:0;
  border:0;background:transparent;box-shadow:none;
}
.member-language-panel .member-panel-heading {margin-bottom:8px}
.member-language-panel .member-panel-heading h2 {font-size:13px}
.member-languages .member-language-caption {padding:2px 7px 5px;font-size:10px;font-weight:700;color:#93bbd1}
html body[data-ui-layout] .member-languages > button {
  display:flex;align-items:center;gap:10px;min-height:46px;width:100%;padding:7px 8px;
  border:1px solid transparent;border-radius:9px;background:transparent;color:#e9f6ff;text-align:left;
}
.member-languages > button > img {width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.member-languages .member-language-label {display:flex;flex:1;flex-direction:column;min-width:0}
.member-languages .member-language-label b {font-size:13px;line-height:1.35;font-weight:600}
.member-languages .member-language-label small {font-size:10px;line-height:1.35;color:#a6bfce}
.member-languages .member-language-check {width:15px;font-size:14px;color:#81ddff;opacity:0}
.member-languages > button[aria-pressed=true] {background:#194a68!important;border-color:#5bbee8!important}
.member-languages > button[aria-pressed=true] .member-language-check {opacity:1}
.member-languages > button:focus-visible {outline-offset:-2px!important}
.member-language-progress {
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;border-radius:17px;padding:20px;text-align:center;z-index:4;
  background:rgba(6,24,38,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.member-language-progress p {margin:0;font-size:13px;color:#e9f6ff}
.member-language-spinner {width:28px;height:28px;border:3px solid #ffffff26;border-top-color:#65d4ff;border-radius:50%;animation:ht-language-spin-r201 .8s linear infinite}
@keyframes ht-language-spin-r201 {to{transform:rotate(360deg)}}
/* Only requested explanatory package dialogs: regular top notifications stay unobstructive. */
html body[data-ui-layout] .store-dialog.bonus-dialog::backdrop {
  background:rgba(2,10,23,.58)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
  animation:ht-menu-backdrop-in-r201 .48s ease-out both!important;
}
html body[data-ui-layout] .store-dialog.bonus-dialog[open] {
  animation:ht-guide-in-r201 .48s cubic-bezier(.2,.7,.2,1) both!important;
}
@keyframes ht-guide-in-r201 {from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
html body[data-ui-layout] .store-dialog.weekly-dialog {width:min(360px,calc(100vw - 24px))!important;max-height:calc(100dvh - 32px)!important}
.weekly-guide-route {display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;background:#071c2d;border-radius:8px;font-size:11px;color:#a6dfff}
.weekly-guide-product {display:flex;align-items:center;gap:12px;padding:12px 0}
.weekly-guide-product img {object-fit:contain;flex:none}
.weekly-guide-product small {display:block;color:#a6c9da;font-size:10px}
.weekly-guide-product strong {display:block;font-size:17px;color:#edf9ff;margin-top:4px}
.weekly-guide-note {padding:10px;border-left:3px solid #65caff;background:#092236;border-radius:6px}
@media(prefers-reduced-motion:reduce){
 html body[data-ui-layout] :is(.member-menu,.member-language-panel)::backdrop {animation:none!important}
 .member-language .member-language-chevron {transition:none}
 .member-language-spinner {animation:none}
 .ht-emoji,.ht-emoji-check .ht-check-ring,.ht-emoji-check .ht-check-tick,.ht-emoji-spark {animation:none!important}
 html body[data-ui-layout] .store-dialog.bonus-dialog[open],html body[data-ui-layout] .store-dialog.bonus-dialog::backdrop {animation:none!important}
}

/* Restore the former r150 Redeem entrance only; never animate packages or notices here. */
html body[data-ui-layout] .redeem-dialog::backdrop {
  background:#020a17b0!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
}
@media(prefers-reduced-motion:no-preference) {
  html body[data-ui-layout] .redeem-dialog[open] {
    animation:ht-redeem-in-r202 1.15s cubic-bezier(.16,1,.3,1) both!important;
  }
  html body[data-ui-layout] .redeem-dialog[open]::backdrop {
    animation:ht-redeem-backdrop-r202 .95s ease-out both!important;
  }
}
@keyframes ht-redeem-in-r202 {
  from {opacity:0;translate:0 16px;scale:.98}
  to {opacity:1;translate:0 0;scale:1}
}
@keyframes ht-redeem-backdrop-r202 {from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce) {
  html body[data-ui-layout] .redeem-dialog[open],html body[data-ui-layout] .redeem-dialog::backdrop {animation:none!important}
}

/* Reflective glass appearance without a live, always-composited header blur. */
html body[data-ui-layout][data-ui-layout] > header {
  background:linear-gradient(120deg,#d9f5ff0d,transparent 38%,#6bd4ff0d 70%,transparent),linear-gradient(115deg,#102b40f7,#153e53f0)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* Stop only perpetual idle floats. Descendant emoji animations and tap feedback remain. */
html body[data-ui-layout] > header .site-brand > img,
html body[data-ui-layout] .page-support {animation:none!important}
/* One blur layer is enough while Language is above Menu. */
html body[data-ui-layout].member-language-open .member-menu::backdrop {
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}

/* Small red informational accents; never replace the green selected state or prices. */
html body[data-ui-layout] #packages .pack.weekly-guide-pack .pack-ribbon {
  background:#a92839!important;border-color:#f07987!important;color:#fff4f6!important;
}
html body[data-ui-layout] .weekly-guide-route > span {color:#ff8997!important}
html body[data-ui-layout] .store-dialog.weekly-dialog .weekly-guide-note {
  border-left-color:#ed687c!important;background:linear-gradient(110deg,#482332,#092236)!important;color:#ffd4dc!important;
}
html body[data-ui-layout] .store-dialog.bonus-dialog:not(.weekly-dialog) > p:first-of-type {color:#ffd4dc!important}

/* Replayed finite feedback, never an infinite per-card or per-banner loop. */
.ht-emoji-error{animation:ht-error-pop-r203 .38s ease-out both}
@keyframes ht-error-pop-r203{0%{opacity:.2;transform:scale(.75)}65%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}
.member-tools-panel{width:min(480px,calc(100vw - 28px));max-height:calc(var(--ht-visible-height,100dvh) - 100px);overflow-y:auto}
.member-tools-panel label{display:grid;gap:8px;margin:14px 0;font-size:14px;color:#d4e8f5}
.member-tools-panel input,.member-tools-panel select{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #447089;border-radius:12px;background:#0b2335;color:#f0f8ff;font:inherit}
.member-tools-panel form{margin-top:18px}.member-tools-panel .member-primary{width:100%}
.member-order-card{display:grid;gap:6px;padding:14px;margin-top:12px;border:1px solid #3b708b;border-radius:14px;background:#12364b}
.member-order-card p{margin:0;color:#7cdbb9}.member-order-card small{display:block;overflow-wrap:anywhere}
.member-self-id{font-size:12px;color:#9cbaca;margin:10px 0}
.member-menu [hidden]{display:none!important}
/* Reserve a separate help rail beside the catalogue's lower edge: never cover a Top Up control. */
@media(max-width:760px){
 html body[data-ui-layout][data-ui-layout]:has(#catalog-scroll) .page-support{position:static!important;display:flex!important;align-items:center!important;gap:7px;width:max-content!important;max-width:100%;min-height:42px;max-height:none!important;margin:6px 0 0 auto!important;transform:none!important;animation:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
 html body[data-ui-layout][data-ui-layout]:has(#catalog-scroll) .page-support>span{display:block!important;position:static!important;max-width:230px;white-space:normal;margin:0!important}
 .member-language-panel{max-height:calc(var(--ht-visible-height,100dvh) - 84px);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){.ht-emoji-error{animation:none}}

/* One coherent navy surface, accent color on the icon instead of mismatched filled rows. */
html body[data-ui-layout] .member-menu > .member-menu-actions > .member-row,
html body[data-ui-layout] .member-menu > .member-menu-actions > .member-row.redeem-open {
  min-height:56px!important;padding:11px 12px!important;margin:0!important;
  border:1px solid #31556e!important;border-radius:14px!important;
  background:linear-gradient(115deg,#14334b,#102b41)!important;color:#eef7ff!important;
  box-shadow:inset 0 1px 0 #ffffff08!important;font:600 14px/1.5 HourKhmer,system-ui,sans-serif!important;
  transition:border-color .18s,background-color .18s!important;
}
html body[data-ui-layout] .member-menu > .member-menu-actions > .member-row.member-login {margin-top:0!important}
.member-menu .member-row > svg {box-sizing:border-box;width:34px!important;height:34px!important;padding:6px;border-radius:10px;background:#164c68;color:#73d9ff!important}
.member-menu .member-row.redeem-open > svg {background:#51412b!important;color:#ffcf7b!important}
.member-menu .member-track > svg {background:#124b48!important;color:#78e0c8!important}
.member-menu .member-history > svg {background:#343e70!important;color:#b6bfff!important}
.member-menu .member-owner > svg {background:#51432b!important;color:#ffd37c!important}
.member-menu .member-row > span:last-child {color:#95b5cb;font-size:20px;font-weight:400}
html body[data-ui-layout] .member-menu > .member-menu-actions > .member-row:hover {border-color:#619abc!important}
.member-menu > .member-menu-actions > .member-row:active {scale:.99}
html body[data-ui-layout] > header .member-language-quick {
  width:42px!important;height:38px!important;min-width:42px!important;padding:6px!important;gap:0!important;
  border:1px solid #47738b!important;border-radius:11px!important;background:linear-gradient(135deg,#163b51,#102d42)!important;
  box-shadow:inset 0 1px 0 #ffffff10!important;
}
html body[data-ui-layout] > header .member-language-quick img {
  display:block!important;width:28px!important;height:21px!important;object-fit:cover!important;
  border:0!important;border-radius:3px!important;box-shadow:none!important;filter:none!important;padding:0!important;
}
/* Complete, reusable tool styles, including Safari defaults and the bundled Khmer face. */
html body[data-ui-layout] .member-tools-panel {
  width:min(460px,calc(100vw - 28px))!important;max-height:calc(var(--ht-visible-height,100dvh) - 86px)!important;
  margin:auto!important;inset:0!important;padding:18px!important;border:1px solid #46758f!important;border-radius:22px!important;
  background:linear-gradient(145deg,#13334b,#0b2337 70%)!important;font:14px/1.7 HourKhmer,system-ui,sans-serif!important;
  overflow:auto!important;overscroll-behavior:contain;box-shadow:0 20px 65px #0008,inset 0 1px 0 #ffffff10!important;
}
.member-tools-panel .member-panel-heading {gap:10px!important;margin-bottom:16px!important;padding-bottom:14px;border-bottom:1px solid #31546a}
.member-tools-panel .member-panel-heading h2 {flex:1;font:600 18px/1.55 HourKhmer,system-ui,sans-serif!important;color:#f3f9ff!important}
.member-tools-symbol {display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#154f68;color:#77dfff}
.member-tools-symbol svg {width:23px;height:23px}
.member-tools-panel[data-tool=history] .member-tools-symbol {background:#343d6b;color:#c0c5ff}
.member-tools-panel[data-tool=owner] .member-tools-symbol {background:#53422a;color:#ffda89}
.member-tools-panel .member-close {width:36px!important;height:36px!important;border-radius:11px!important;background:#193b50!important;border-color:#47738b!important}
.member-tools-content {display:grid;gap:14px;min-width:0}
.member-tools-panel .member-note {margin:0!important;padding:11px 12px!important;border:1px solid #2b5068;border-radius:13px;background:#092337;color:#b6cdde!important;font-size:12px!important;line-height:1.85!important}
.member-tools-panel form {display:grid;gap:12px;margin:0!important;padding:0}
.member-tools-panel label {display:grid;gap:7px;margin:0!important;color:#c2d9e8!important;font-size:13px!important}
.member-tools-panel input,.member-tools-panel select {
  appearance:none;-webkit-appearance:none;width:100%!important;min-height:48px!important;margin:0!important;padding:11px 13px!important;
  border:1px solid #3e637b!important;border-radius:13px!important;background:#0a2134!important;color:#eef7ff!important;
  font:400 16px/1.4 HourKhmer,system-ui,sans-serif!important;box-shadow:inset 0 1px 3px #0002!important;
}
.member-tools-panel input::placeholder {color:#7995ad;opacity:1}
.member-tools-panel :is(.member-primary,.member-secondary) {
  appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px!important;padding:11px 15px!important;margin:0!important;border-radius:13px!important;
  font:600 14px/1.5 HourKhmer,system-ui,sans-serif!important;cursor:pointer;touch-action:manipulation;
  transition:filter .15s,scale .15s;box-sizing:border-box!important;
}
.member-tools-panel .member-primary {width:100%!important;border:1px solid #50b7ee!important;background:linear-gradient(115deg,#118ed0,#2170ce)!important;color:#fff!important;box-shadow:0 5px 14px #086bcb30,inset 0 1px 0 #ffffff18!important}
.member-tools-panel .member-secondary {width:100%;border:1px solid #47758e!important;background:#193e56!important;color:#bce8ff!important;box-shadow:inset 0 1px 0 #ffffff0c!important}
.member-tools-panel :is(.member-primary,.member-secondary):active {scale:.985}
.member-tools-panel button:disabled {opacity:.58!important;cursor:wait}
.member-tool-result:empty {display:none}
.member-tool-result {min-width:0;font-size:13px;overflow-wrap:anywhere}
.member-tool-result[data-state=error] {padding:12px;border:1px solid #8c4b60;border-radius:13px;background:#392636;color:#ffbbc8}
.member-tool-result[data-state=busy] {padding:12px;border:1px solid #416984;border-radius:13px;background:#123247;color:#a3dff9}
.member-empty-state {display:grid;justify-items:center;gap:12px;padding:21px 14px;border:1px dashed #466680;border-radius:16px;background:#0c253a}
.member-empty-state > svg {width:42px;height:42px;padding:9px;box-sizing:border-box;border-radius:13px;color:#bbc5ff;background:#333d63}
.member-empty-state .member-note {border:0;background:none;padding:0!important;text-align:center}
.member-order-card {gap:8px!important;margin:0 0 10px!important;padding:14px!important;border-radius:15px!important}
.member-order-card > b {color:#daeefe}.member-order-card[data-status=completed] {border-color:#3c8b74;background:#113d37}
.member-order-card[data-status=processing] {border-color:#8a7450;background:#353429}
.member-order-card[data-status=refunded],.member-order-card[data-status=failed] {border-color:#965b6c;background:#3b283b}
.member-owner-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.member-owner-stat {display:grid;gap:7px;padding:12px 8px;background:#113247;border:1px solid #325b75;border-radius:13px;text-align:center}
.member-owner-stat b {font:700 23px/1.2 system-ui,sans-serif;color:#8de3ff}.member-owner-stat:nth-child(2) b {color:#b5c2ff}.member-owner-stat:nth-child(3) b {color:#8be3bb}
.member-owner-stat small {font-size:10px;color:#b2c9db;overflow-wrap:anywhere}
.member-tools-content h3 {font-size:14px;color:#bfddee;margin:5px 0 0}
html body[data-ui-layout] .member-tools-panel::backdrop {background:#03101a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Floating controls are two independent hit areas. The transparent dock cannot swallow a card tap. */
.home-overlay-dock {display:contents}
@media(max-width:1023px){
 html body[data-ui-layout] .home-overlay-dock {position:fixed!important;inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px)) 12px!important;display:flex!important;flex-direction:column;align-items:flex-end;gap:48px;z-index:70;pointer-events:none}
 html body[data-ui-layout] .home-overlay-dock:has(>.app-install-banner[hidden]) {padding-bottom:114px;box-sizing:border-box}
 html body[data-ui-layout][data-ui-layout]:has(#catalog-scroll) .home-overlay-dock > .page-support {
   position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
   gap:8px!important;width:max-content!important;max-width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0!important;
   border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;animation:none!important;pointer-events:auto!important;
 }
 html body[data-ui-layout][data-ui-layout]:has(#catalog-scroll) .home-overlay-dock > .page-support > span {position:static!important;display:block!important;margin:0!important;padding:8px 12px!important;max-width:220px;white-space:normal;border:1px solid #578ca7!important;border-radius:14px!important;background:#153d57!important;color:#e8f7ff!important;font:500 11px/1.6 HourKhmer,system-ui,sans-serif!important;pointer-events:auto!important;box-shadow:0 5px 16px #0004!important}
 html body[data-ui-layout] .home-overlay-dock > .page-support > .ht-emoji {width:44px!important;height:44px!important;padding:3px;border:1px solid #6191b1;border-radius:14px;background:#153950;box-shadow:0 5px 16px #0005}
 html body[data-ui-layout][data-ui-layout] .home-overlay-dock > .app-install-banner {
   position:static!important;inset:auto!important;display:flex!important;align-items:center!important;gap:10px!important;pointer-events:auto!important;
   box-sizing:border-box!important;width:100%!important;max-width:480px!important;min-height:66px!important;height:auto!important;margin:0!important;padding:10px 12px!important;
   transform:none!important;translate:none!important;border:1px solid #47758d!important;border-radius:17px!important;
   background:linear-gradient(115deg,#163d56f5,#102d43fa)!important;box-shadow:0 8px 30px #0006,inset 0 1px 0 #ffffff10!important;animation:none!important;
 }
 html body[data-ui-layout] .home-overlay-dock > .app-install-banner[hidden] {display:none!important}
 .home-overlay-dock .app-install-banner > img {width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px;object-fit:cover}
 .home-overlay-dock .install-copy {min-width:0;flex:1}.home-overlay-dock .install-copy b {font:650 12px/1.5 system-ui,sans-serif!important;color:#f4faff!important}
 .home-overlay-dock .install-copy small {display:block;font:400 10px/1.65 HourKhmer,system-ui,sans-serif!important;color:#b5d0e2!important}
 .home-overlay-dock .install-actions {display:flex;align-items:center;gap:6px;flex:none}
 .home-overlay-dock .install-now {min-height:40px!important;padding:8px 12px!important;border:1px solid #62bfe9!important;border-radius:11px!important;background:linear-gradient(135deg,#167fb2,#236dd0)!important;color:white!important;font:600 12px/1.3 system-ui,sans-serif!important}
 .home-overlay-dock .install-dismiss {width:28px!important;height:40px!important;padding:0!important;border:0!important;background:none!important;color:#adc8d9!important;font-size:21px!important}
 .home-overlay-dock .install-hint {font:400 10px/1.6 HourKhmer,system-ui,sans-serif!important;color:#b7d9ec;margin-top:5px}
 html body.home-page[data-ui-layout] > main {padding-bottom:88px!important}
}
.member-receipt-details {display:grid;gap:8px;margin:4px 0 0;padding:12px;border:1px solid #3e637b;border-radius:12px;background:#0b2538}
.member-receipt-details > div {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px;align-items:start}
.member-receipt-details dt {font-size:11px;color:#a8c5d8}.member-receipt-details dd {margin:0;text-align:right;color:#edf8ff;font-weight:600;overflow-wrap:anywhere}
.member-receipt-details dd.member-receipt-price {color:#ffda79;font:700 17px/1.5 system-ui,sans-serif}
.member-receipt-details dd.member-receipt-missing {font-size:11px;font-weight:400;color:#8eaabc}
@media(prefers-reduced-motion:reduce){.member-menu>.member-menu-actions>.member-row,.member-tools-panel :is(.member-primary,.member-secondary){transition:none!important;scale:none!important}}

/* 16px prevents Safari's input auto-zoom. Keep native keyboard, focus, and scrolling. */
@media(max-width:1023px){
 html body[data-ui-layout] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){font-size:16px!important}
 html body[data-ui-layout] :is(.member-auth,.member-tools-panel){max-height:calc(var(--ht-visible-height,100dvh) - var(--ht-header-height,54px) - 24px)!important;overscroll-behavior:contain}
 html[data-ht-keyboard=true] body[data-ui-layout] :is(.member-auth,.member-tools-panel,.redeem-dialog,.store-dialog){
   position:fixed!important;inset:calc(var(--ht-visible-top,0px) + var(--ht-header-height,54px) + 10px) 0 auto 0!important;
   margin:0 auto!important;max-height:calc(var(--ht-visible-height,100dvh) - var(--ht-header-height,54px) - 22px)!important;
   overflow-y:auto!important;overscroll-behavior:contain;scroll-padding:12px;scroll-behavior:auto!important;
 }
}
html body[data-ui-layout] .member-auth{font:14px/1.7 HourKhmer,system-ui,sans-serif!important;padding:18px!important;border-radius:22px!important;background:linear-gradient(145deg,#15364d,#0c263b)!important}
.member-auth[data-mode=profile] .member-auth-symbol{display:none}
.member-auth .member-panel-heading{padding-bottom:13px;border-bottom:1px solid #31556d}
.member-auth .member-panel-heading h2{font:600 18px/1.5 HourKhmer,system-ui,sans-serif!important}
.member-auth .member-photo-field{display:grid;order:-1;align-items:center;justify-items:center;gap:8px;margin:4px 0 10px}
.member-photo-picker{position:relative;display:grid;place-items:center;width:88px;height:88px;padding:3px;border:2px solid #6dcff0;border-radius:50%;background:linear-gradient(145deg,#1c617e,#17364d);box-shadow:0 7px 20px #0004;cursor:pointer;touch-action:manipulation}
.member-photo-preview{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;overflow:hidden;background:#123249}
.member-photo-preview img{width:100%;height:100%;object-fit:cover}
.member-photo-preview .member-avatar{width:76px!important;height:76px!important;border:0!important;border-radius:50%}
.member-photo-preview .ht-emoji-profile{width:62px!important;height:62px!important}
.member-photo-camera{position:absolute;right:-1px;bottom:0;display:grid;place-items:center;width:29px;height:29px;border:3px solid #123148;border-radius:50%;background:#249bd6;color:#fff}
.member-photo-camera svg{width:17px;height:17px}
.member-photo-picker:active{scale:.96}.member-photo-hint{font:500 12px/1.5 HourKhmer,system-ui,sans-serif;color:#a5d9ef}.member-photo-limit{font-size:10px;color:#8baabd}
.member-photo-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);opacity:0;pointer-events:none}
.member-auth input:not([type=file]){height:48px!important;border-radius:13px!important;background:#0b2236!important;padding:11px 13px!important}
.member-auth .member-primary{min-height:46px!important;border-radius:13px!important;background:linear-gradient(115deg,#118ed0,#2170ce)!important;color:#fff!important}
.member-auth .member-logout{display:block;width:100%;min-height:42px;margin-top:12px;border-radius:12px;background:#bc2943!important;color:#fff!important;border-color:#e96c80!important}
.member-auth .member-logout:hover{background:#cf304d!important}
html body[data-ui-layout] .member-confirm-panel{width:min(390px,calc(100vw - 28px))!important;max-height:calc(var(--ht-visible-height,100dvh) - 32px)!important;margin:auto!important;inset:0!important;overflow:auto!important;padding:20px!important;background:linear-gradient(145deg,#123148,#081e2e)!important}
.member-confirm-panel .member-panel-heading{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #31556d}
.member-confirm-panel .member-panel-heading h2{font:650 17px/1.6 HourKhmer,system-ui,sans-serif!important;overflow-wrap:anywhere}
.member-confirm-description{margin:0;color:#c9e4f3;font:14px/1.8 HourKhmer,system-ui,sans-serif;overflow-wrap:anywhere}
.member-confirm-target{margin:14px 0 0;padding:10px 12px;border:1px solid #365c72;border-radius:12px;background:#092234;color:#e5f6ff;white-space:pre-line;overflow-wrap:anywhere;font:600 12px/1.7 HourKhmer,system-ui,sans-serif}
.member-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.member-confirm-actions>button{width:100%;min-height:46px;padding:10px 12px;border:1px solid #47778e;border-radius:12px;background:#143b51;color:#e9f8ff;font:650 14px/1.6 HourKhmer,system-ui,sans-serif}
.member-confirm-actions>.member-confirm-accept{background:#bc2943;color:#fff;border-color:#e96c80}
.member-confirm-actions>.member-confirm-accept:hover{background:#cf304d}
.member-confirm-panel::backdrop{background:#020b12b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.member-auth .member-self-id{font-size:10px!important;color:#86a7bc;margin:10px 0 0;text-align:center}
.member-order-identity{display:grid;gap:5px;border-top:1px solid #396478;padding-top:9px;font-size:11px;color:#b2d4e7;overflow-wrap:anywhere}
.member-search-scope{margin:10px 0 0;color:#9bb9cb;font-size:11px;line-height:1.7}
/* Larger continuous support hit target; the original emoji has a finite replay on every tap. */
html body[data-ui-layout][data-ui-layout] .page-support{touch-action:manipulation;text-decoration:none!important}
html body[data-ui-layout][data-ui-layout] .page-support>.ht-emoji{width:46px!important;height:46px!important;padding:2px!important;border-radius:15px!important;background:#143d56!important;border:1px solid #73b9de!important;box-shadow:0 5px 14px #0005,inset 0 1px 0 #ffffff20!important;animation:ht-support-welcome-r205 .65s ease-out both}
html body[data-ui-layout][data-ui-layout] .home-overlay-dock>.page-support{height:48px!important;min-height:48px!important}
html body[data-ui-layout][data-ui-layout] .page-support>span{font-size:11px!important;border-radius:14px!important}
.page-support:active>.ht-emoji{scale:.94}
@keyframes ht-support-welcome-r205{0%{opacity:.5;transform:translateY(5px) scale(.88)}65%{opacity:1;transform:translateY(-2px) scale(1.05)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.member-photo-picker:active,.page-support:active>.ht-emoji{scale:none}html body[data-ui-layout][data-ui-layout] .page-support>.ht-emoji{animation:none!important}}

.member-password-wrap{position:relative;display:flex;align-items:center;min-width:0}
.member-auth .member-password-wrap input{padding-right:48px!important}
.member-password-eye{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:44px;height:44px;padding:11px!important;border:0!important;border-radius:9px;background:none!important;color:#9dcfe8;touch-action:manipulation}
.member-password-eye svg{width:22px;height:22px}.member-password-eye[aria-pressed=true]{color:#65d2ff;background:#1a506b!important}
.member-password-eye:focus-visible{outline:2px solid #81dcff!important}
.member-code-field input{text-align:center;letter-spacing:.35em;font:700 23px/1.3 system-ui,sans-serif!important}
.member-auth .member-verification-hint{font:12px/1.7 HourKhmer,system-ui,sans-serif;color:#b5d9ec;margin:0 0 4px;overflow-wrap:anywhere}
.member-auth .member-resend-code{display:block;width:100%;min-height:42px;margin-top:12px;border-radius:12px;border:1px solid #426e89;background:#143a54;color:#bfe9ff;font:600 13px/1.5 HourKhmer,system-ui,sans-serif}
.member-auth .member-resend-code:disabled{opacity:.5}
/* Package-selection success only: leave error notices and the blue site branding unchanged. */
html body[data-ui-layout] #selection-feedback-r185 .selection-toast.notice-package{background:linear-gradient(115deg,#0d3829,#14553b)!important;border-color:#37c97c!important;color:#e4fff0!important;box-shadow:0 8px 25px #001d1666!important}
html body[data-ui-layout] #selection-feedback-r185 .selection-toast.notice-package>i{color:#61efa1!important}
html body[data-ui-layout] #selection-feedback-r185 .selection-toast.notice-package>button{background:#103d2e!important;border-color:#367b58!important;color:#e4fff0!important}
html body[data-ui-layout] #selection-feedback-r185 .selection-toast.notice-package>button:focus-visible{outline:2px solid #83ffc1!important;outline-offset:2px}
html body[data-ui-layout] .member-auth::backdrop{background:#03101a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html body[data-ui-layout] .redeem-dialog{font:14px/1.7 HourKhmer,system-ui,sans-serif!important;padding:18px!important;border-radius:20px!important;width:min(380px,calc(100vw - 28px))!important;box-sizing:border-box!important}
html body[data-ui-layout] .redeem-dialog label{display:block;font-size:12px;margin-bottom:6px}
html body[data-ui-layout] .redeem-dialog input{box-sizing:border-box;width:100%;min-height:46px;border-radius:12px;font-size:16px;padding:10px 12px}
html body[data-ui-layout][data-ui-layout] .redeem-dialog .redeem-submit{width:100%!important;min-height:44px!important;height:auto!important;margin-top:12px!important;border-radius:12px!important;background:linear-gradient(115deg,#118ed0,#2170ce)!important;color:#fff!important;font:600 14px/1.4 HourKhmer,system-ui,sans-serif!important}
/* Install is a dismissible top strip. Header, Menu and keyboard dialogs account for the strip. */
html body[data-ui-layout]{--ht-install-height:0px;--ht-top-stack-height:calc(var(--ht-header-height,54px) + var(--ht-install-height) + env(safe-area-inset-top,0px))}
html body[data-ui-layout]:has(>.app-install-banner:not([hidden])){--ht-install-height:48px;padding-top:var(--ht-top-stack-height)!important}
html body[data-ui-layout][data-ui-layout] #selection-feedback-r185.selection-toast-stack{top:calc(var(--ht-header-offset,0px) + var(--ht-top-stack-height) + 8px)!important}
html body[data-ui-layout][data-ui-layout]>header{top:calc(var(--ht-header-offset,0px) + var(--ht-install-height))!important}
html body[data-ui-layout]:has(>.app-install-banner:not([hidden]))>header{height:var(--ht-header-height)!important;padding-top:8px!important;top:calc(var(--ht-header-offset,0px) + var(--ht-install-height) + env(safe-area-inset-top,0px))!important}
html body[data-ui-layout][data-ui-layout]>.app-install-banner{
 position:fixed!important;inset:var(--ht-header-offset,0px) 0 auto 0!important;width:100%!important;max-width:none!important;
 height:calc(48px + env(safe-area-inset-top,0px))!important;min-height:48px!important;padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px!important;
 box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;transform:none!important;
 border:0!important;border-bottom:1px solid #5483a0!important;border-radius:0!important;background:linear-gradient(115deg,#123c58,#13577a)!important;z-index:65;box-shadow:none!important;animation:none!important;
}
html body[data-ui-layout]>.app-install-banner[hidden]{display:none!important}
body>.app-install-banner>img{width:30px!important;height:30px!important;border-radius:8px;flex:0 0 30px!important}
body>.app-install-banner .install-copy{flex:1;min-width:0;line-height:1.3}
body>.app-install-banner .install-copy b{font:650 11px/1.3 system-ui,sans-serif!important}
body>.app-install-banner .install-copy small{display:block;font:9px/1.4 HourKhmer,system-ui,sans-serif!important}
body>.app-install-banner .install-actions{display:flex;align-items:center;gap:6px;flex:none}
body>.app-install-banner .install-now{height:34px!important;min-height:34px!important;padding:5px 11px!important;font:600 11px/1.3 system-ui,sans-serif!important;border-radius:9px!important;color:white!important;background:#167cc0!important;border:1px solid #78c8eb!important}
body>.app-install-banner .install-dismiss{width:26px!important;height:34px!important;border:0!important;background:none!important;color:#d0e5f2;font-size:20px!important;padding:0!important}
body>.app-install-banner .install-hint{position:absolute;top:calc(100% + 4px);left:12px;right:12px;padding:10px;border:1px solid #42718b;border-radius:12px;background:#123247;color:#c3e5f6;font:12px/1.7 HourKhmer,system-ui,sans-serif;box-shadow:0 7px 24px #0005}
@media(max-width:1023px){
 html body[data-ui-layout] .home-overlay-dock{padding-bottom:114px!important;box-sizing:border-box}
 html body[data-ui-layout] :is(.member-auth,.member-tools-panel){max-height:calc(var(--ht-visible-height,100dvh) - var(--ht-top-stack-height) - 24px)!important}
 html[data-ht-keyboard=true] body[data-ui-layout] :is(.member-auth,.member-tools-panel,.redeem-dialog,.store-dialog){inset:calc(var(--ht-visible-top,0px) + var(--ht-top-stack-height) + 10px) 0 auto 0!important;max-height:calc(var(--ht-visible-height,100dvh) - var(--ht-top-stack-height) - 22px)!important}
}

/* Redeem-matched opening blur/fade for Menu, Login/Profile and Order/History/Owner only. */
@media(prefers-reduced-motion:no-preference){
 html body[data-ui-layout] :is(.member-menu,.member-auth,.member-tools-panel):not(.is-closing)::backdrop{animation:ht-redeem-backdrop-r202 .95s ease-out both!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}
 html body[data-ui-layout] :is(.member-menu,.member-tools-panel).is-closing::backdrop{animation:ht-menu-backdrop-out-r201 .26s ease-in both!important}
 html body[data-ui-layout] .member-auth.is-closing::backdrop{animation:ht-menu-backdrop-out-r201 .18s ease-in both!important}
}
@media(prefers-reduced-motion:reduce){
 html body[data-ui-layout] :is(.member-menu,.member-auth,.member-tools-panel)::backdrop{animation:none!important}
}


/* Remembered accounts stay inside the private server session; no password, email or account list is stored in browser storage. */
.member-auth form[hidden]{display:none!important}
html body[data-ui-layout] .member-auth[data-mode=accounts]{width:430px!important;max-height:calc(var(--ht-visible-height,100dvh) - 32px)!important;overflow:hidden!important;background:linear-gradient(155deg,#07131e 0%,#0a2233 55%,#0d2d42 100%)!important}
html body[data-ui-layout] .member-auth[open][data-mode=accounts]{display:flex!important;flex-direction:column}
.member-auth[data-mode=accounts] .member-auth-symbol{display:none!important}
.member-auth[data-mode=accounts] .member-panel-heading{flex:none;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #31556d}
.member-auth .member-account-picker{display:flex;flex-direction:column;gap:14px;min-height:0;margin:0;padding:0;border:0}
.member-auth .member-account-picker[hidden]{display:none!important}
.member-auth .member-account-list{display:grid;grid-auto-rows:max-content;gap:9px;min-height:0;max-height:min(52dvh,480px);padding:8px;border:1px solid #315c73;border-radius:17px;background:#071722;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#46b5df #071722;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.member-auth .member-account-swipe{position:relative;min-width:0;overflow:hidden;border-radius:16px;isolation:isolate}
.member-auth .member-account-swipe>.member-account-choice{position:relative;z-index:1;translate:var(--member-account-offset,0px) 0;transition:translate .18s ease-out}
.member-auth .member-account-swipe.is-swiping>.member-account-choice{transition:none!important}
.member-auth .member-account-remove{position:absolute;inset:0 0 0 auto;z-index:0;display:grid;place-items:center;width:68px;padding:0;border:1px solid #994455;border-radius:0 16px 16px 0;background:#291b2b;color:#ff667f;opacity:0;pointer-events:none}
.member-auth .member-account-remove>svg{width:24px;height:24px;pointer-events:none}
.member-auth .member-account-swipe:is(.is-revealed,.is-swiping)>.member-account-remove{opacity:1}
.member-auth .member-account-swipe.is-revealed>.member-account-remove{pointer-events:auto}
.member-auth .member-account-remove:hover,.member-auth .member-account-remove:focus-visible{background:#491e30;border-color:#ff9aa7}
.member-auth .member-account-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:84px;padding:10px 12px;border:1px solid #345c72;border-radius:16px;background:linear-gradient(135deg,#111d28,#0d293b);color:#edfaff;text-align:left;box-shadow:inset 0 1px 0 #ffffff0a}
.member-auth .member-account-choice:hover{border-color:#4d91b2;background:linear-gradient(135deg,#132532,#10344a)}
.member-auth .member-account-choice[aria-current=true]{border-color:#42bde8;background:linear-gradient(135deg,#123147,#11415a);box-shadow:inset 0 0 0 1px #42bde833}
.member-auth .member-account-choice:disabled{opacity:.62}
.member-auth .member-account-choice .member-avatar{width:48px;height:48px;flex:0 0 48px;border-color:#4c8ba8;background:#163c53}
.member-auth .member-account-choice .member-avatar>.ht-emoji{width:40px!important;height:40px!important}
.member-auth .member-account-copy{display:grid;min-width:0;flex:1;line-height:1.35}
.member-auth .member-account-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.member-auth .member-account-copy small{margin-top:3px;color:#91bdd2;font-size:11px;overflow-wrap:anywhere}
.member-auth .member-account-copy .member-account-email{min-width:0;white-space:normal;overflow-wrap:anywhere;color:#c1e7f8;font-size:12px}
.member-auth .member-account-copy .member-account-meta{color:#79a9c0}
.member-auth .member-account-current{flex:none;color:#73ddff;font-size:21px;line-height:1}
.member-auth .member-account-actions{display:grid;flex:none;gap:9px;padding-top:2px}
.member-auth .member-account-actions>button{width:100%;min-height:50px;padding:11px 14px;border-radius:15px;font-weight:650}
.member-auth .member-use-another-account{border:1px solid #315c73;background:#132c3d;color:#eefaff}
.member-auth .member-create-account{border:1px solid #219ce0;background:#071925;color:#72cfff}
.member-auth .member-account-actions>button:hover{border-color:#71d2f5;background:#123a50;color:#fff}
.member-auth .member-account-picker[aria-busy=true] .member-account-list{opacity:.78}
.member-auth .member-switch-account{display:block;width:100%;min-height:42px;margin-top:12px;border-radius:12px;background:#124765;color:#ecf9ff;border-color:#4d9fc2;font-weight:650}
.member-auth .member-switch-account+.member-logout{margin-top:8px}
/* Match the Mobile Legends First Recharge illustration, without changing other guides. */
html body[data-ui-layout] .store-dialog.mcgg-bonus-dialog .weekly-guide-route>span {
  background:#075f96!important;border-color:#38bdf8!important;color:#d7ecff!important;
}
html body[data-ui-layout] .store-dialog.mcgg-bonus-dialog .weekly-guide-route>span:last-child {
  background:#b91c1c!important;border-color:#b91c1c!important;color:#eaf6ff!important;
}
html body[data-ui-layout] .store-dialog.mcgg-bonus-dialog .weekly-guide-route>b {color:#f87171!important}
@media(max-width:480px){
 .member-auth .member-account-list{max-height:min(50dvh,max(80px,calc(var(--ht-visible-height,100dvh) - 280px)))}
 .member-auth .member-account-choice{min-height:78px;padding:9px 10px;border-radius:14px}
 .member-auth .member-account-choice .member-avatar{width:44px;height:44px;flex-basis:44px}
}