/* ==== style hsa-toplight ==== */

/* 🌈 နောက်ခံ အလင်း (owner 2026-08-21 v2) — မှိန်မှိန်လေး · တစ်မျက်နှာလုံး ပျံ့အောင် */
body:not(.hsa-lite) .hsa-scene{
  background:
    radial-gradient(60% 34% at 14% 2%,  rgba(255, 60, 190, .17), transparent 70%),
    radial-gradient(56% 30% at 86% 2%,  rgba(0, 210, 255, .15),  transparent 70%),
    radial-gradient(80% 44% at 50% -4%, rgba(150, 90, 255, .15), transparent 74%),
    radial-gradient(58% 40% at 8% 46%,  rgba(0, 190, 255, .09),  transparent 70%),
    radial-gradient(58% 40% at 92% 60%, rgba(255, 60, 190, .09), transparent 70%),
    radial-gradient(70% 44% at 50% 84%, rgba(140, 80, 255, .10), transparent 74%),
    radial-gradient(60% 34% at 50% 104%, rgba(0, 180, 255, .10), transparent 70%) !important;
}
/* Live Purchases card — မသိမသာ glow */
body:not(.hsa-lite) .live-wrap{
  background: linear-gradient(160deg, rgba(120, 60, 220, .12), rgba(18, 12, 36, .55)) !important;
  border: 1px solid rgba(200, 120, 255, .20) !important;
  box-shadow: 0 0 18px rgba(160, 80, 255, .16), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
/* 🫧 အရောင် ဖြည်းဖြည်း သွားနေတဲ့ blob ၂ လုံး — transform-only (composite-only, repaint မရှိ · ဖုန်းမပူ)
   idle 8s ဆို generic pauser က အလိုအလျောက် ရပ်ပေးတယ် */
#hsa-drift{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#hsa-drift i{position:absolute;display:block;width:120vw;height:120vw;border-radius:50%;
  will-change:transform;}
#hsa-drift i:first-child{left:-40vw;top:-10vh;
  background:radial-gradient(circle, rgba(0, 200, 255, .085) 0%, transparent 62%);
  animation:hsaDriftA 90s ease-in-out infinite alternate;}
#hsa-drift i:last-child{right:-40vw;bottom:-10vh;
  background:radial-gradient(circle, rgba(255, 70, 190, .075) 0%, transparent 62%);
  animation:hsaDriftB 120s ease-in-out infinite alternate;}
@keyframes hsaDriftA{from{transform:translate3d(0,0,0)}to{transform:translate3d(34vw,46vh,0)}}
@keyframes hsaDriftB{from{transform:translate3d(0,0,0)}to{transform:translate3d(-30vw,-52vh,0)}}
body.hsa-lite #hsa-drift{display:none}

/* ==== style hsa-cool-glass ==== */

/* 🔋 GLASS COOL (owner 2026-08-21) — ဖုန်းပူတာ လျှော့ · မကြိုက်ရင် ဒီ <style id="hsa-cool-glass"> block
   တစ်ခုလုံး ဖျက်ရုံနဲ့ မူရင်း glass အတိုင်း ပြန်ဖြစ်တယ် (တခြား ဘာမှ မပြင်ထား)
   - သေးငယ်တဲ့ element (icon/chip/tab) တွေမှာ blur က မျက်စိနဲ့ မမြင်ရလောက်ပေမယ့် iOS GPU မှာ
     layer တစ်ခုစီ အဖိုးအခ ရှိလို့ ဖြုတ် (217+33+21+16+15+10+17 = ~330 layer လျော့)
   - အကြီးဆုံး နှစ်ခု — review card blur(30px)→10px · deal card blur(14px)→8px */
.gc-note-icon, .hsa-final-icon-btn, .hsa-rv-avatar, .region-tab, .back-nav,
.amt-btn, .gc-dark-inner-box, .sbm-tog-btn, .sbm-qchip, .hsa-deal-off, .hsa-rv-product{
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
.hsa-rv-card{ backdrop-filter:blur(10px) !important; -webkit-backdrop-filter:blur(10px) !important; }
.hsa-deal-card{ backdrop-filter:blur(8px) saturate(1.4) !important; -webkit-backdrop-filter:blur(8px) saturate(1.4) !important; }

/* ==== style hsa-anim-pause-css ==== */


body.hsa-anim-pause .hsa-scene::before,
body.hsa-anim-pause .hsa-scene::after,
body.hsa-anim-pause .hsa-tk-code,
body.hsa-anim-pause .hsa-mist {
  animation-play-state: paused !important;
}

/* ==== style hsa-buyer-prof-css ==== */

/* 👤 Live Purchases — buyer profile (လူတိုင်း မြင်ရ · owner 2026-09-03) · banner ပုံပေါ် glass box */
.feed-prof{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.42);color:#fff;flex:none;cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.25)}
body.hsa-is-admin .feed-prof,.feed-prof.mine{display:inline-flex}
.feed-prof svg{width:11px;height:11px}
.feed-prof:active{transform:scale(.9)}
#hsa-bp-ov{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.66);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .22s}
#hsa-bp{position:relative;width:min(92vw,440px);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#111 center/cover no-repeat;box-shadow:0 18px 50px rgba(0,0,0,.6);transform:scale(.92);transition:transform .22s cubic-bezier(.2,.8,.2,1);font-family:inherit;color:#fff}
#hsa-bp .bpx{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;background:rgba(16,10,28,.3);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.25);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;font-weight:900;cursor:pointer}
#hsa-bp .bpb{position:absolute;background:rgba(16,10,28,.3);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.25);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);color:#fff;border-radius:9px;padding:5px 7px;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:0 2px 10px rgba(0,0,0,.18)}
#hsa-bp .bpb:before,#hsa-bp .bp-st div:before{content:"";position:absolute;inset:2px;border-radius:7px;border:1px solid rgba(255,255,255,.14);pointer-events:none}
#hsa-bp .bp-st div{position:relative}
#hsa-bp .bp-st:before{display:none}
#hsa-bp .bp-id{top:8px;left:8px;display:flex;align-items:center;gap:6px;max-width:64%}
#hsa-bp .bp-av{width:28px;height:28px;border-radius:50%;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;background:linear-gradient(135deg,#bf5af2,#5b21b6)}
#hsa-bp .bp-av img{width:100%;height:100%;object-fit:cover}
#hsa-bp .bp-nm{font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
#hsa-bp .bp-pl{font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#f3e8ff;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
#hsa-bp .bp-tp{top:50px;left:8px;font-size:8px;font-weight:800;color:#cbd5e1;text-transform:uppercase;letter-spacing:.4px;max-width:58%}
#hsa-bp .bp-tp b{display:block;font-size:9.5px;color:#fff;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-bp .bp-td{top:88px;left:8px;font-size:8px;font-weight:800;color:#a7d58a;text-transform:uppercase;letter-spacing:.4px;max-width:58%}
#hsa-bp .bp-td b{display:block;font-size:9.5px;color:#fff;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-bp .bp-td i{display:block;font-style:normal;font-size:8.5px;color:#ffd166;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
#hsa-bp .bp-jn{top:34px;right:8px;font-size:8px;font-weight:800;text-align:right;color:#eef2ff;text-transform:uppercase;letter-spacing:.4px}
#hsa-bp .bp-jn b{display:block;font-size:9.5px;color:#fff;text-transform:none;letter-spacing:0}
#hsa-bp .bp-st{bottom:8px;left:8px;display:flex;gap:4px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#hsa-bp .bp-st div{background:rgba(16,10,28,.3);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.25);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);text-shadow:0 1px 3px rgba(0,0,0,.7);border-radius:9px;padding:4px 7px;text-align:center;min-width:36px}
#hsa-bp .bp-st b{display:block;font-size:12px;font-weight:900;letter-spacing:-.3px}
#hsa-bp .bp-st span{font-size:7px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#eef2ff}
#hsa-bp .bp-sp{bottom:8px;right:8px;text-align:right;font-size:7.5px;font-weight:800;color:#eef2ff;text-transform:uppercase;letter-spacing:.4px}
#hsa-bp .bp-sp b{display:block;font-size:11.5px;font-weight:900;color:#fff;letter-spacing:-.2px;text-transform:none}
#hsa-bp .bp-sp i{display:block;font-style:normal;font-size:8px;color:#eef2ff;text-transform:none;letter-spacing:0;margin-top:1px}
#hsa-bp .bp-av{position:relative;overflow:visible}
/* 👤 profile card v2 — X ကို card အပြင် · profile link · ရွေးထားတဲ့ stat ၂ ခု (owner 2026-09-04) */
#hsa-bp-wrap{position:relative;width:min(92vw,440px)}
/* 🧊 glass box — /u profile page ရဲ့ .g နဲ့ တူတူ · iOS မှာ ပြောင်းပြောင်းမနေအောင် card ကို transform/animation မသုံး (owner 2026-09-04) */
#hsa-bp{transform:none !important;transition:opacity .18s !important;will-change:auto}
#hsa-bp .bpb,#hsa-bp .bp-st div,#hsa-bp .bp-sel div{background:rgba(16,10,28,.32) !important;border:1px solid rgba(255,255,255,.32) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.25) !important;backdrop-filter:blur(14px) saturate(190%) !important;-webkit-backdrop-filter:blur(14px) saturate(190%) !important}
#hsa-bp .bp-st,#hsa-bp .bp-sel{background:none !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
#hsa-bp-wrap #hsa-bp{width:100%}
#hsa-bp-wrap .bp-hd{display:flex;align-items:center;justify-content:space-between;height:26px;margin-bottom:8px}
#hsa-bp-wrap .bpx{position:static;width:26px;height:26px;font-size:16px;line-height:24px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}
.bp-url{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:13px;background:rgba(16,10,28,.55);border:1px solid rgba(255,255,255,.32);color:#fff;font-size:10px;font-weight:800;text-decoration:none;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-bp-wrap .bp-rw{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:13px;background:rgba(16,10,28,.55);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);color:#fff;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#hsa-bp-wrap .bp-rw:empty{display:none}
#hsa-bp{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#hsa-bp-save{position:fixed;inset:0;z-index:2147483647;background:rgba(4,2,10,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px}
#hsa-bp-save .t{font-size:13px;font-weight:900;color:#fff}
#hsa-bp-save img{width:min(92vw,460px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 24px 60px rgba(0,0,0,.7);-webkit-touch-callout:default;user-select:auto}
#hsa-bp-save .h{font-size:11px;color:#cbd5e1;text-align:center;max-width:320px;line-height:1.5}
#hsa-bp-save .b{display:flex;gap:10px}
#hsa-bp-save .b span{font-size:12px;font-weight:800;padding:9px 18px;border-radius:999px;cursor:pointer}
#hsa-bp-save .b .s{background:#fff;color:#000}
#hsa-bp-save .b .x{color:#e5e7eb;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.bp-inl.bp-rwc{display:block}
.bp-rwc .bp-rwh{display:flex;justify-content:space-between;align-items:center;gap:8px;line-height:1.2}
.bp-rwc .bp-rwt{font-size:12px;font-weight:900;color:#fff;letter-spacing:.2px}
.bp-rwc .bp-rws{font-size:10.5px;font-weight:700;color:#cbd5e1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px 9px;white-space:nowrap}
.bp-rwc .bp-rws b{color:#a7d58a}
.bp-rwc .bp-rwb{height:8px;border-radius:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);overflow:hidden;margin:8px 0 5px}
.bp-rwc .bp-rwb i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#a7d58a,#7fb86a);box-shadow:0 0 8px rgba(167,213,138,.55)}
.bp-rwc .bp-rwp{font-size:10px;color:#a7d58a;font-weight:800;margin-bottom:6px}
.bp-rwc .bp-rwr{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:10.5px;font-weight:700;color:#cbd5e1;padding:5px 0;border-top:1px dashed rgba(255,255,255,.12);line-height:1.2}
.bp-rwc .bp-rwr span:first-child{flex:0 0 auto}
.bp-rwc .bp-rwr span:last-child{text-align:right}
.bp-rwc .bp-rwr.me{color:#a7d58a}
.bp-rwc .bp-rwr.ok{color:#e5e7eb}
.bp-rwc .bp-rwb{position:relative}
.bp-rwc .bp-rwb b{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.4);z-index:1}
.bp-rwc.l0 .bp-rwb i{background:linear-gradient(90deg,#9ca3af,#6b7280);box-shadow:none}
.bp-rwc.l2 .bp-rwb i{background:linear-gradient(90deg,#7dd3fc,#38bdf8);box-shadow:0 0 8px rgba(125,211,252,.55)}
.bp-rwc.l3 .bp-rwb i{background:linear-gradient(90deg,#c4b5fd,#a78bfa);box-shadow:0 0 8px rgba(196,181,253,.55)}
.bp-rwc.l4 .bp-rwb i{background:linear-gradient(90deg,#fcd34d,#f59e0b);box-shadow:0 0 8px rgba(252,211,77,.55)}
.bp-rwc.l5 .bp-rwb i{background:linear-gradient(90deg,#fda4af,#fb7185);box-shadow:0 0 8px rgba(253,164,175,.55)}
.bp-rwc.l1{--rwc:#a7d58a}.bp-rwc.l2{--rwc:#7dd3fc}.bp-rwc.l3{--rwc:#c4b5fd}.bp-rwc.l4{--rwc:#fcd34d}.bp-rwc.l5{--rwc:#fda4af}
.bp-rwc .bp-rwb3{position:relative;height:11px;border-radius:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);margin:8px 0 0}
.bp-rwc .bp-rwb3 i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,#a7d58a,var(--rwc,#a7d58a));box-shadow:0 0 10px var(--rwc,#a7d58a)}
.bp-rwc.l0 .bp-rwb3 i{background:rgba(255,255,255,.5);box-shadow:none}
.bp-rwc .bp-rwb3 .tk{position:absolute;top:-2px;bottom:-2px;width:2px;background:rgba(255,255,255,.5);transform:translateX(-1px)}
.bp-rwc .bp-rwb3 .tk.on{background:#fff}
.bp-rwc .bp-rwb3 .mk{position:absolute;top:-24px;transform:translateX(-50%);font-size:9.5px;font-weight:900;background:#fff;color:#000;border-radius:6px;padding:2px 7px;white-space:nowrap;line-height:1.4}
.bp-rwc .bp-rwb3 .mk:after{content:"";position:absolute;left:50%;bottom:-4px;border:4px solid transparent;border-bottom:0;border-top-color:#fff;transform:translateX(-50%)}
.bp-rwc .bp-rw3r{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 4px}
.bp-rwc .bp-rw3r .bp-rw3s{font-size:10px;font-weight:800;color:#a7d58a;flex:1;min-width:0}
.bp-rwc .bp-rwclaim{flex:0 0 auto;font-size:10.5px;font-weight:900;color:#dff5d0;background:rgba(167,213,138,.22);border:1px solid rgba(167,213,138,.7);border-radius:999px;padding:5px 12px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.bp-rwc .bp-rwclaim:active{transform:scale(.97)}

.bp-rwc.bp-rwg{background:linear-gradient(135deg,rgba(167,213,138,.16),rgba(255,255,255,.04));border-color:rgba(167,213,138,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 22px rgba(167,213,138,.12)}
.bp-rwg .bp-rwg-top{display:flex;align-items:center;gap:10px}
.bp-rwg .bp-rwg-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#a7d58a;background:rgba(167,213,138,.14);border:1px solid rgba(167,213,138,.4);flex:none}
.bp-rwg .bp-rwg-k{font-size:11.5px;font-weight:900;color:#fff}
.bp-rwg .bp-rwg-d{font-size:9.5px;color:#cbd5e1;font-weight:600;margin-top:2px}
.bp-rwg .bp-rwg-amt{margin-left:auto;font-size:20px;font-weight:900;color:#a7d58a;letter-spacing:-.3px;text-shadow:0 0 12px rgba(167,213,138,.45);white-space:nowrap}
.bp-rwg .bp-rwg-amt small{font-size:9px;font-weight:800;margin-left:3px;color:#cbd5e1;letter-spacing:.3px}
.bp-rwg .bp-rwg-n{font-size:9px;color:#9fb6cd;font-weight:600;margin-top:8px;padding-top:7px;border-top:1px dashed rgba(167,213,138,.3);line-height:1.4}
.bp-rwc .bp-rwn{font-size:9px;color:#9fb6cd;font-weight:600;margin-top:6px;line-height:1.4}
#hsa-bp-wrap .bp-rw{cursor:pointer}
#hsa-bp .bp-rwx{display:none;position:absolute;inset:10px;z-index:6;flex-direction:column;justify-content:center;gap:6px;padding:10px 12px;border-radius:14px;background:rgba(10,8,18,.62);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer}
#hsa-bp.rw-on .bpb{display:none !important}
#hsa-bp.rw-on .bp-rwx{display:flex}
#hsa-bp .bp-rwx .t{font-size:11px;font-weight:900;color:#a7d58a;letter-spacing:.3px}
#hsa-bp .bp-rwx .s{font-size:10px;color:#e5e7eb}
#hsa-bp .bp-rwx .l div{display:flex;justify-content:space-between;gap:8px;font-size:9.5px;padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.12)}
#hsa-bp .bp-rwx .l div.me{color:#a7d58a;font-weight:800}
#hsa-bp .bp-rwx .n{font-size:8.5px;color:#9fb6cd;line-height:1.4}
#hsa-bp .bp-sel{top:80px;right:8px;display:flex;gap:4px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;align-items:stretch}
#hsa-bp .bp-sel:before{display:none}
#hsa-bp .bp-sel div{position:relative;background:rgba(16,10,28,.3);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.25);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);text-shadow:0 1px 3px rgba(0,0,0,.7);border-radius:9px;padding:4px 7px;text-align:right;min-width:50px;max-width:96px}
#hsa-bp .bp-sel b{display:block;font-size:10.5px;font-weight:900;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-bp .bp-sel span{font-size:6.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#eef2ff;white-space:nowrap}
#hsa-bp .bp-sel .bp-gear{min-width:0;padding:0 6px;display:flex;align-items:center;cursor:pointer;color:#fff}
#hsa-bp .bp-sel .bp-so{min-width:0;max-width:none;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}
#hsa-bp .bp-sel .bp-so svg{width:15px;height:15px}
#hsa-bp .bp-sel .bp-so.on{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 0 10px rgba(255,255,255,.35) !important}
#hsa-bp .bp-sel .bp-so.off{color:rgba(255,255,255,.28);cursor:default}
.bp-inl span svg{width:14px;height:14px}
#hsa-bp .bp-sel .bp-gear svg{width:11px;height:11px}
#hsa-sp-ov{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:20px}
#hsa-sp{background:#14101f;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px;width:min(92vw,360px);color:#fff;font-family:inherit}
#hsa-sp .t{font-weight:900;font-size:13px;margin-bottom:6px}#hsa-sp label{display:block;font-size:10px;font-weight:800;color:#9fb6cd;margin:10px 0 4px;text-transform:uppercase;letter-spacing:.5px}
#hsa-sp select{width:100%;padding:10px;border-radius:10px;background:#0b0912;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:800}
#hsa-sp .b{display:flex;gap:8px;margin-top:14px}#hsa-sp .b div{flex:1;text-align:center;padding:10px;border-radius:10px;font-weight:900;font-size:12px;cursor:pointer;background:rgba(255,255,255,.1)}#hsa-sp .b .p{background:#fff;color:#000}
#hsa-bp.bp-inline{transform:none;margin:0 auto;width:100%;max-width:440px}
.bp-inx{margin:10px auto 0;max-width:440px}.bp-inl{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px 10px;margin-top:8px;font-size:11.5px;font-weight:800;color:#fff}.bp-inl span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-inl input{flex:1;min-width:0;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:8px 10px;color:#fff;font-size:12px;font-family:inherit}.bp-inl b{flex:none;padding:7px 12px;border-radius:9px;background:#fff;color:#000;font-size:11px;font-weight:900;cursor:pointer}.bp-inm{font-size:11px;color:#fbbf24;margin-top:6px;min-height:14px}
#hsa-bp .bp-av img{border-radius:50%}
#hsa-bp .bp-av{cursor:pointer}
#hsa-avv{position:fixed;inset:0;z-index:2147483647;background:rgba(4,2,10,.86);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;opacity:0;transition:opacity .18s}
#hsa-avv img{width:min(78vw,340px);height:min(78vw,340px);object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 1px rgba(0,0,0,.5),0 24px 60px rgba(0,0,0,.7)}
#hsa-avv .c{font-size:12px;font-weight:800;color:#e5e7eb;padding:7px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.08)}
#hsa-bp .bp-cam{position:absolute;right:-4px;bottom:-4px;width:14px;height:14px;border-radius:50%;background:#bf5af2;border:1.5px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
#hsa-bp .bp-cam svg{width:8px;height:8px;color:#fff}
#hsa-bp .bp-cov{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(16,10,28,.3);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.25);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
#hsa-bp .bp-cov svg{width:17px;height:17px}
.hsa-cov-btn{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:rgba(14,10,24,.45);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2}
.hsa-cov-btn svg{width:12px;height:12px}
#hsa-cp-ov{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:16px}
#hsa-cp{width:min(92vw,440px);max-height:80vh;overflow-y:auto;background:rgba(18,14,30,.96);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px;color:#fff}
#hsa-cp .t{font-size:12px;font-weight:900;margin-bottom:10px}
#hsa-cp .g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#hsa-cp .g div{aspect-ratio:16/9;border-radius:9px;background:#222 center/cover no-repeat;border:2px solid rgba(255,255,255,.15);cursor:pointer}
#hsa-cp .g div.on{border-color:#bf5af2;box-shadow:0 0 0 2px rgba(191,90,242,.35)}
#hsa-cp .c{margin-top:10px;text-align:center;font-size:11px;font-weight:800;color:#cbd5e1;cursor:pointer;padding:7px;border:1px solid rgba(255,255,255,.2);border-radius:10px}
#hsa-bp .bp-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
#hsa-bp .bp-msg div{background:rgba(10,8,18,.55);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:800}
#hsa-bp .bp-pick{position:absolute;inset:0;background:rgba(6,4,12,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px}
#hsa-bp .bp-pick .t{font-size:11px;font-weight:900}
#hsa-bp .bp-pick .g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}
#hsa-bp .bp-pick .g div{aspect-ratio:16/9;border-radius:8px;background:#222 center/cover no-repeat;border:2px solid rgba(255,255,255,.18);cursor:pointer}
#hsa-bp .bp-pick .g div.on{border-color:#bf5af2;box-shadow:0 0 0 2px rgba(191,90,242,.35)}
#hsa-bp .bp-pick .c{font-size:9.5px;font-weight:800;color:#cbd5e1;cursor:pointer;padding:4px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px}
@media (max-width:360px){#hsa-bp .bp-nm,#hsa-bp .bp-pl{max-width:105px}#hsa-bp .bp-st div{min-width:32px;padding:3px 5px}}

/* ==== style hsa-card-glass-ring ==== */

/* Item card — profile modal glass box လို အတွင်းဘောင် အရစ် (owner 2026-09-03) */
html body .product-item{position:relative;border:1px solid rgba(255,255,255,.3) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.22),0 4px 10px rgba(0,0,0,.3) !important}
html body .product-item::before{content:"";position:absolute;inset:3px;border-radius:12px;border:1px solid rgba(255,255,255,.13);pointer-events:none;z-index:1}

/* ==== style hsa-item-stats-css ==== */

/* Item card — card-top ထဲ ဘယ်ဘက် Success / Fail / Rate လေးထောင့် glass ၃ ကွက် · ညာဘက် icon (owner 2026-09-03 · UI 01 Frost) */
html body .product-item .card-top.stat{display:flex;height:80px;align-items:stretch;justify-content:space-between;gap:6px;padding:0 8px 2px 8px;box-sizing:border-box;width:100%}
/* ဘယ် 50% = stat ၃ ကွက် · ညာ 50% = icon (60px · အောက်ဘက် — heart နဲ့ မထပ်) */
html body .product-item .card-top.stat .st3{display:flex;flex-direction:column;justify-content:center;gap:6px;flex:0 0 52%;min-width:0}
html body .product-item .card-top.stat img{flex:0 0 48%;width:auto !important;max-width:48%;height:64px !important;object-fit:contain;align-self:flex-end;transform:none !important;margin:0}
/* note icon (First Recharge / bundle) — stat ကွက်ပေါ် မတက်အောင် ticker ညာအစွန်းသို့ */
html body .product-item:has(.card-top.stat) .bundle-note,html body .product-item:has(.card-top.stat) .info-icon{top:38px !important;right:8px !important;left:auto !important;font-size:16px !important}
html body .product-item:has(.card-top.stat):has(.heart-icon) .bundle-note,html body .product-item:has(.card-top.stat):has(.heart-icon) .info-icon{right:32px !important}
/* website ရဲ့ saved (bookmark) icon က .heart-icon မဟုတ်ဘဲ .save-btn-card — note icon နဲ့ ထပ်နေလို့ note ရှိတဲ့ card မှာ saved ကို ဘေး 34px ရွှေ့ (owner 2026-09-07) */
html body .product-item .bundle-note ~ .save-btn-card,html body .product-item .info-icon ~ .save-btn-card,html body.hsa-pkmn .product-item .bundle-note ~ .save-btn-card,html body.hsa-pkmn .product-item .info-icon ~ .save-btn-card{right:36px !important}
/* အကွက် မထည့် — စာ ၃ ကြောင်းပဲ (owner 2026-09-03) */
html body .product-item .sb{position:relative;height:auto;display:flex;align-items:baseline;justify-content:flex-start;gap:5px;padding:0 2px;overflow:visible;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;line-height:1.1}
html body .product-item .sb::before{display:none;content:none}
html body .product-item .sb .l{flex:none;min-width:38px;font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:#d9c9d1;font-weight:700;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.6)}
html body .product-item .sb .v{flex:1;min-width:0;white-space:nowrap;text-align:left;font-family:'Orbitron','Roboto',sans-serif;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.6)}
html body .product-item .sb.ok .v{color:#4ade80}
html body .product-item .sb.bad .v{color:#ff6b6b}
/* Total sold / Today sold pill — profile modal glass (owner 2026-09-03) */
html body .product-item .atk-ticker-static,html body .product-item .atk-ticker{position:relative;background:rgba(16,10,28,.32) !important;border:1px solid rgba(255,255,255,.3) !important;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.2) !important;color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}
/* အသဲ icon → saved (bookmark) icon — FontAwesome glyph override (owner 2026-09-03) */
html body .product-item i.heart-icon::before{content:"\f02e" !important}
html body .product-item i.heart-icon{font-size:19px !important}
/* Today sold = အစိမ်း · Total sold = အပြာ (owner 2026-09-04) */
html body .product-item .atk-ticker-static{color:#bae6fd !important}
html body .product-item .atk-ticker-static b{color:#7dd3fc !important}
html body .product-item .atk-ticker-static.atk-today-sold{color:#bbf7d0 !important}
html body .product-item .atk-ticker-static.atk-today-sold b{color:#4ade80 !important}

/* ==== style L3595 ==== */

        #hs-tabs{box-sizing:border-box;max-width:100%;}
        #hs-tabs *{box-sizing:border-box;}
        .hs-tab{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 8px;border-radius:13px;background:linear-gradient(160deg,#ffffff 0%,#eef2f8 100%);border:2px solid #1b2a5c;color:#1b2a5c;font-weight:900;font-size:13.5px;letter-spacing:.1px;cursor:pointer;text-align:center;line-height:1.1;overflow:hidden;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;box-shadow:0 3px 0 #1b2a5c,0 5px 9px rgba(0,0,0,.24);}
        .hs-tab::after{content:'';position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));pointer-events:none;}
        .hs-tab-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;background:linear-gradient(180deg,#ee3d3d 0 50%,#f7f7f7 50% 100%);border:1.5px solid #1b2a5c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);}
        .hs-tab-star{color:#c9ced8;font-size:14px;text-shadow:none;transition:all .2s ease;}
        .hs-tab.active{background:linear-gradient(160deg,#ffd83d 0%,#ffb302 100%);color:#7a2f00;transform:translateY(2px);box-shadow:0 1px 0 #1b2a5c,0 3px 7px rgba(0,0,0,.3),0 0 14px rgba(255,196,0,.5);}
        .hs-tab.active .hs-tab-star{color:#c0392b;text-shadow:0 0 10px rgba(255,255,255,.8);}
        .hs-tab:active{transform:translateY(3px);box-shadow:0 0 0 #1b2a5c,0 2px 6px rgba(0,0,0,.3);}
        .gc-fav{position:absolute;top:6px;left:6px;z-index:5;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.22);color:rgba(255,255,255,0.65);font-size:12px;cursor:pointer;backdrop-filter:blur(8px);}
        .gc-fav.on{color:#ffc107;border-color:rgba(255,193,7,0.6);text-shadow:0 0 8px rgba(255,193,7,0.7);}
        
        .gc-poster-fav{ display:none !important; }
        body.gc-fav-mode-on .gc-poster-fav{ display:flex !important; }
        .gc-fav-mode-btn-sm{ flex-shrink:0; height:30px; display:flex; align-items:center; justify-content:center; gap:5px; cursor:pointer; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15); border-radius:9px; padding:0 10px; color:rgba(255,255,255,0.7); font-size:12px; font-weight:800; white-space:nowrap; }
        #gc-view-toggle-btn{ height:38px; padding:0 14px; font-size:13.5px; border-radius:11px; }
        #gc-view-toggle-btn i{ font-size:15px; }
        .gc-fav-mode-btn-sm i{ font-size:12px; }
        .gc-fav-mode-btn-sm.on{ background:rgba(255,193,7,0.15); border-color:rgba(255,193,7,0.5); color:#ffc107; }
        body.hsa-pkmn .gc-fav-mode-btn-sm{ background:linear-gradient(160deg,#ffffff,#eef2f8); border:2px solid #1b2a5c; color:#1b2a5c; box-shadow:0 2px 0 #1b2a5c,0 3px 6px rgba(0,0,0,.28); }
        body.hsa-pkmn .gc-fav-mode-btn-sm.on{ background:linear-gradient(160deg,#ffd83d,#ffb302); color:#161616; }
        body.hsa-pkmn .x2-note{background:linear-gradient(160deg,#ffffff 0%,#eef2f8 100%) !important;border:2.5px solid #1b2a5c !important;border-radius:16px !important;box-shadow:0 4px 0 #1b2a5c,0 7px 14px rgba(0,0,0,.26) !important;padding:14px 15px !important;}
        body.hsa-pkmn .x2-note-h{color:#c0392b !important;font-weight:900 !important;font-size:12px !important;letter-spacing:.5px !important;text-shadow:none !important;}
        body.hsa-pkmn .x2-note-b{color:#1b2a5c !important;font-weight:700 !important;font-size:12px !important;line-height:1.85 !important;text-shadow:none !important;}
        .tg-star-name::after{content:"\2605";font-size:11px;margin-left:4px;background:linear-gradient(175deg,#fffde8 0%,#ffe89a 32%,#e8b23c 52%,#fff8dc 70%,#f0c14b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));margin-left:3px;}
        .gc-new{position:absolute;top:5px;right:5px;z-index:6;padding:2px 5px;border-radius:6px;background:linear-gradient(135deg,#ff2d55,#ff5e3a);color:#fff;font-size:7px;font-weight:900;letter-spacing:.4px;line-height:1.2;box-shadow:0 2px 6px rgba(255,45,85,.5);animation:gcNewBlink 1.1s ease-in-out infinite;pointer-events:none;}
        body.hsa-pkmn .gc-new{background:linear-gradient(160deg,#ffd83d,#ffb302) !important;color:#7a2f00 !important;border:1.5px solid #1b2a5c !important;border-radius:7px !important;padding:2px 6px !important;font-size:7.5px !important;box-shadow:0 2px 0 #1b2a5c,0 3px 6px rgba(0,0,0,.28) !important;}
        body.hsa-pkmn .gc-fav{background:linear-gradient(160deg,#ffffff,#eef2f8) !important;border:2px solid #1b2a5c !important;color:#8b93a3 !important;box-shadow:0 2px 0 #1b2a5c,0 4px 8px rgba(0,0,0,.28) !important;backdrop-filter:none !important;}
        body.hsa-pkmn .gc-fav.on{background:linear-gradient(160deg,#ffd83d,#ffb302) !important;color:#c0392b !important;border-color:#1b2a5c !important;text-shadow:0 0 6px rgba(255,255,255,.8) !important;}
        @keyframes gcNewBlink{0%,100%{opacity:1;}}
        .hs-tab-cnt{position:absolute;top:4px;right:7px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#ff2d55,#e01e3c);color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px rgba(255,45,85,.6);animation:gcNewBlink 1.1s ease-in-out infinite;pointer-events:none;z-index:8;}
        body.hsa-pkmn .hs-tab-cnt{background:linear-gradient(135deg,#ff2d55,#c0392b) !important;color:#fff !important;border:1.5px solid #1b2a5c !important;box-shadow:0 2px 0 #1b2a5c,0 3px 6px rgba(0,0,0,.3) !important;}
        body.hsa-pkmn #view-title{background:linear-gradient(160deg,#ffffff 0%,#eef2f8 100%) !important;color:#1b2a5c !important;border:2px solid #1b2a5c !important;border-radius:14px !important;padding:9px 18px !important;font-weight:900 !important;box-shadow:0 3px 0 #1b2a5c,0 5px 10px rgba(0,0,0,.25) !important;text-shadow:none !important;white-space:nowrap !important;min-height:38px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:88vw !important;}
        
/* ==== style L4895 ==== */

        body.hsa-v-profile-view header,
        body.hsa-v-profile-view .bottom-nav,
        body.hsa-v-profile-view #hsa-footer,
        body.hsa-v-profile-view #hsa-review-section{ display:none !important; }
        body.hsa-v-profile-view{ background:#0b0d12 !important; }
        html.hsa-v-profile-view{ background:#0b0d12 !important; }
        .pv2-root{ background:#0b0d12 !important; min-height:100vh; padding:14px 22px 44px; box-sizing:border-box; }
        .pv2-root .pv2-back{ display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,0.06); color:#fff; border:1px solid rgba(255,255,255,0.12); border-radius:10px; padding:8px 14px; font-weight:700; font-size:13px; cursor:pointer; margin-bottom:18px; }
        .pv2-root .pv2-back:active{ opacity:0.7; }
        .pv2-root .pv2-card{ background:rgba(255,255,255,0.035); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:13px 14px; margin-bottom:10px; color:#fff; }
        .pv2-root .pv2-hero{ margin-bottom:16px; }
        .pv2-root .pv2-title{ color:#fff; font-size:21px; font-weight:800; margin-bottom:3px; letter-spacing:-0.2px; }
        .pv2-root .pv2-sub{ color:rgba(255,255,255,0.4); font-size:12px; line-height:1.5; }
        .pv2-root .pv2-avatar-row{ display:flex; align-items:center; gap:12px; }
        .pv2-root .pv2-avatar{ width:52px; height:52px; border-radius:50%; border:1px solid rgba(255,255,255,0.15) !important; box-shadow:none !important; flex:0 0 auto; display:flex; align-items:center; justify-content:center; font-size:20px; color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.06) !important; overflow:hidden; cursor:pointer; }
        .pv2-root .pv2-avatar img{ width:100%; height:100%; object-fit:cover; }
        .pv2-root .pv2-uname-col{ min-width:0; flex:1; }
        .pv2-root .pv2-uname{ font-size:15px; font-weight:800; color:#fff !important; -webkit-text-fill-color:#fff !important; background:none !important; border:none !important; box-shadow:none !important; text-shadow:none !important; padding:0 !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .pv2-root .pv2-email{ font-size:11px; color:rgba(255,255,255,0.4); margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .pv2-root .pv2-setphoto{ font-size:11px; font-weight:600; color:var(--accent) !important; -webkit-text-fill-color:var(--accent) !important; text-shadow:none !important; margin-top:5px; cursor:pointer; }
        .pv2-root #pro-bal-amount{ color:#fff !important; -webkit-text-fill-color:#fff !important; text-shadow:none !important; }
        .pv2-root .pv2-grid2x2{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px; }
        .pv2-root .pv2-quick{ background:rgba(255,255,255,0.035); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:12px 8px; text-align:center; font-weight:700; font-size:12px; color:rgba(255,255,255,0.85); cursor:pointer; }
        .pv2-root .pv2-quick:active{ background:rgba(255,255,255,0.07); }
        .pv2-root .pv2-quick-ic{ width:30px; height:30px; margin:0 auto 7px; border-radius:9px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.22); display:flex; align-items:center; justify-content:center; }
        .pv2-root .pv2-quick-ic i{ font-size:13px; color:#ffffff; text-shadow:0 0 10px rgba(255,255,255,.4); }
        .pv2-root .pv2-statgrid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px; }
        .pv2-root .pv2-label{ font-size:10px; color:rgba(255,255,255,0.4); text-transform:uppercase; letter-spacing:0.6px; font-weight:700; margin-bottom:5px; }
        .pv2-root .pv2-big{ font-size:18px; font-weight:800; color:#fff; }
        .pv2-root .pv2-value-lg{ font-size:13.5px; font-weight:700; color:#fff; word-break:break-all; }
        .pv2-root .pv2-section-label{ color:rgba(255,255,255,0.32); font-size:10.5px; font-weight:800; letter-spacing:1px; margin:18px 3px 8px; }
        .pv2-root .pv2-cur-tabs{ display:flex; gap:6px; }
        .pv2-root .pv2-cur-tabs button{ flex:1; height:32px; border-radius:8px; border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.03); color:rgba(255,255,255,0.6); font-weight:700; font-size:11.5px; cursor:pointer; }
        .pv2-root .pv2-cur-tabs button.pv2-cur-on{ background:var(--accent); border-color:var(--accent); color:#001018; }
        .pv2-root .pv2-clickable{ cursor:pointer; display:flex; align-items:center; gap:10px; font-weight:700; font-size:13px; color:rgba(255,255,255,0.85); }
        .pv2-root .pv2-clk-ic{ width:28px; height:28px; border-radius:8px; background:rgba(0,242,255,0.12); display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
        .pv2-root .pv2-clk-ic i{ color:var(--accent); font-size:12.5px; }
        .pv2-root .pv2-clickable .fa-chevron-right{ margin-left:auto; color:rgba(255,255,255,0.25); font-size:11px; }
        .pv2-root .pv2-actions{ margin-top:16px; display:flex; flex-direction:column; gap:8px; }
        .pv2-root .pv2-action-btn{ width:100%; padding:11px; border-radius:10px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.035); color:#fff; font-weight:700; font-size:12.5px; cursor:pointer; }
        .pv2-root .pv2-signout{ width:100%; padding:11px; border-radius:10px; border:1px solid rgba(255,80,80,0.35); background:rgba(255,60,60,0.1); color:#ff8080; font-weight:700; font-size:12.5px; cursor:pointer; margin-top:2px; }
        .pv2-root #admin-order-provider-box{ border-color:rgba(217,119,6,0.4) !important; }
        .pv2-root #admin-order-provider-box > div:first-child{ color:#f0a93a !important; }

        /* Pokémon-card look for the stat / account boxes when the Pokémon theme is active */
        body.hsa-pkmn .pv2-root .pv2-card:not(#admin-order-provider-box),
        body.hsa-pkmn .pv2-root .pv2-quick{
            background:var(--pk-white) !important; border:3px solid var(--pk-ink) !important;
            border-radius:8px !important; box-shadow:4px 4px 0 0 var(--pk-ink-2) !important;
            color:var(--pk-ink) !important;
        }
        body.hsa-pkmn .pv2-root .pv2-label{ color:var(--pk-ink) !important; opacity:0.6; }
        body.hsa-pkmn .pv2-root .pv2-big,
        body.hsa-pkmn .pv2-root .pv2-value-lg,
        body.hsa-pkmn .pv2-root .pv2-quick,
        body.hsa-pkmn .pv2-root .pv2-clickable{ color:var(--pk-ink) !important; }
        body.hsa-pkmn .pv2-root #pro-bal-amount,
        body.hsa-pkmn .pv2-root #pv2-bal-suffix{ color:var(--pk-ink) !important; -webkit-text-fill-color:var(--pk-ink) !important; }
        body.hsa-pkmn .pv2-root .pv2-uname{ color:var(--pk-ink) !important; -webkit-text-fill-color:var(--pk-ink) !important; }
        body.hsa-pkmn .pv2-root .pv2-email{ color:rgba(10,35,81,0.6) !important; }
        body.hsa-pkmn .pv2-root .pv2-quick-ic,
        body.hsa-pkmn .pv2-root .pv2-clk-ic{ background:var(--pk-yellow) !important; }
        body.hsa-pkmn .pv2-root .pv2-quick-ic i,
        body.hsa-pkmn .pv2-root .pv2-clk-ic i{ color:var(--pk-ink) !important; }
        body.hsa-pkmn .pv2-root .pv2-clickable .fa-chevron-right{ color:var(--pk-ink) !important; opacity:0.5; }
        body.hsa-pkmn .pv2-root .pv2-avatar{ border:2px solid var(--pk-ink) !important; background:var(--pk-yellow) !important; color:var(--pk-ink) !important; }
        body.hsa-pkmn .pv2-root .pv2-section-label{ color:rgba(255,255,255,0.5) !important; }
        body.hsa-pkmn .pv2-root .pv2-cur-tabs button{ border-color:var(--pk-ink) !important; color:var(--pk-ink) !important; background:rgba(10,35,81,0.06) !important; }
        body.hsa-pkmn .pv2-root .pv2-cur-tabs button.pv2-cur-on{ background:var(--pk-yellow) !important; color:var(--pk-ink) !important; }
        
/* ==== style hsa-web-prof-glass ==== */

        /* 🧊 Website Profile — mini app Profile tab နဲ့ တူအောင်: cover blur နောက်ခံ + glass box + buyer card (owner 2026-09-05) */
        #pv2-bgp{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:#07090f center/cover no-repeat;pointer-events:none}
        #pv2-bgp.gifbg{filter:blur(14px) brightness(.85);transform:scale(1.12)}
        #pv2-bgp.gifbg:after{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
        #pv2-bgp:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(7,9,15,.25),rgba(7,9,15,.6))}
        body.hsa-v-profile-view,html.hsa-v-profile-view{background:#07090f !important}
        .pv2-root{background:transparent !important;position:relative;z-index:1}
        .pv2-root .pv2-hero,.pv2-root #pv2-idcard{display:none !important}
        .pv2-root .pv2-card,.pv2-root .pv2-quick,.pv2-root .bp-inl,.pv2-root .pv2-back{background:rgba(16,10,28,.32) !important;border:1px solid rgba(255,255,255,.32) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.25) !important;backdrop-filter:blur(14px) saturate(190%) !important;-webkit-backdrop-filter:blur(14px) saturate(190%) !important}
        .pv2-root .pv2-quick-ic{background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.3) !important}
        .pv2-root .pv2-label{color:#cbd5e1 !important}
        .pv2-root .pv2-section-label{color:#cbd5e1 !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}
        .pv2-root .bp-inl{padding:8px 10px !important}
        .pv2-root .bp-inl input{background:rgba(0,0,0,.35) !important;border:1px solid rgba(255,255,255,.22) !important;color:#fff}
        .pv2-root .bp-inl b{background:#fff !important;color:#000 !important}
        .pv2-root #pv2-card #hsa-bp{box-shadow:0 18px 50px rgba(0,0,0,.6)}
        .pv2-root #pv2-card{margin:0 auto 12px;max-width:440px}
        
/* ==== style hsa-wal-cover-css ==== */

            /* 🎨 Wallet — profile cover ပုံ + အရောင် ကူး (mini app profile stat card လို · owner 2026-09-05) */
            body.hsa-wal-tinted #wallet-bal-card{border-color:var(--wl-r1)!important}
            body.hsa-wal-tinted #wallet-big-bal{background:linear-gradient(90deg,var(--wl-g1) 0%,#fff 55%,var(--wl-g2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.9))}
            body.hsa-wal-tinted #wallet-bal-card .fa-wallet{color:var(--wl-c2)!important;text-shadow:0 0 6px var(--wl-r2)!important}
            body.hsa-wal-tinted #dep-hist-box{border-color:var(--wl-r1)!important;box-shadow:0 0 12px var(--wl-r2)!important;background:linear-gradient(100deg,var(--wl-b1),var(--wl-b2)),rgba(8,10,18,.95)!important}
            body.hsa-wal-tinted #dep-hist-box>div:first-child span:first-child span{color:var(--wl-c2)!important}
            body.hsa-wal-tinted #dep-hist-box [onclick^="openDepList"]{border-color:var(--wl-r2)!important;background:var(--wl-b2)!important}
            /* cyan ဘောင်/ခလုတ် အားလုံး → cover အရောင် (owner 2026-09-05) */
            body.hsa-wal-tinted #wallet-view .wallet-wrap{background:linear-gradient(165deg,var(--wl-b1),rgba(10,8,14,.72))!important;border-color:var(--wl-r2)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important}
            body.hsa-wal-tinted #wallet-view .pay-card-new{background:linear-gradient(135deg,var(--wl-b1),rgba(0,0,0,.4))!important}
            body.hsa-wal-tinted #wallet-view .pay-action-btn{background:var(--wl-b2)!important}
            body.hsa-wal-tinted #wallet-view #dep-speed-ticker{border-color:var(--wl-r1)!important;box-shadow:0 0 10px var(--wl-r2)!important}
            body.hsa-wal-tinted #wallet-view .amt-btn{border-color:var(--wl-r2)!important;background:var(--wl-b2)!important;color:#fff!important;box-shadow:none!important}
            body.hsa-wal-tinted #wallet-view .amt-btn.active{border-color:var(--wl-c2)!important;background:var(--wl-b1)!important;color:var(--wl-c2)!important;box-shadow:0 0 10px var(--wl-r2)!important;text-shadow:0 0 6px var(--wl-r2)!important}
            body.hsa-wal-tinted #wallet-view .pay-card-new{border-color:var(--wl-r2)!important;box-shadow:none!important}
            body.hsa-wal-tinted #wallet-view .pay-card-new.active{border-color:var(--wl-c2)!important;box-shadow:0 0 12px var(--wl-r2)!important}
            body.hsa-wal-tinted #wallet-view .pay-logo-new{border-color:var(--wl-r1)!important;box-shadow:0 0 8px var(--wl-r2)!important}
            body.hsa-wal-tinted #wallet-view .pay-action-btn,body.hsa-wal-tinted #wallet-view .pay-action-btn i{color:var(--wl-c2)!important;border-color:var(--wl-r2)!important;text-shadow:none!important}
            body.hsa-wal-tinted #wallet-view #btn-submit-dep{background:linear-gradient(90deg,var(--wl-g1),var(--wl-g2))!important;color:#000!important;border-color:transparent!important;box-shadow:0 0 14px var(--wl-r2)!important;text-shadow:none!important}
            body.hsa-wal-tinted #wallet-view .hsa-h-icon,body.hsa-wal-tinted #wallet-view .fa-chevron-up,body.hsa-wal-tinted #wallet-view .fa-circle-info,body.hsa-wal-tinted #wallet-view .fa-qrcode,body.hsa-wal-tinted #wallet-view .fa-copy{color:var(--wl-c2)!important;text-shadow:none!important;border-color:var(--wl-r2)!important}
            body.hsa-wal-tinted #dep-hist-pending,body.hsa-wal-tinted #dep-hist-approved,body.hsa-wal-tinted #dep-hist-rejected{background:linear-gradient(90deg,var(--wl-g1),#fff 55%,var(--wl-g2));-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}
            
/* ==== style L18820 ==== */

/* --- SCROLL TO TOP BUTTON (MINI APP STYLE) --- */
#scrollTopBtn {
    position: fixed;
    bottom: 95px; 
    left: 20px; 
    width: 45px;
    height: 45px;
    background: linear-gradient(160deg, rgba(255,255,255,0.24), rgba(255,255,255,0.06)); /* frosted glass */
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    border: 1px solid rgba(255,255,255,0.45);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; 
    font-size: 18px;
    cursor: pointer;
    z-index: 99997;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.15s ease;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.6), inset 0 -3px 7px rgba(255,255,255,0.12), 0 0 15px 2px rgba(46,230,160,0.6), 0 0 0 1px rgba(60,235,170,0.5); 
    touch-action: none; 
}

#scrollTopBtn.show {
    opacity: 1;
    pointer-events: auto;
}

#scrollTopBtn:active {
    transform: scale(0.9);
}

.swal2-container {
    z-index: 2147483647 !important;
}


        .status-dot {
            animation: statusPulse 1s infinite alternate ease-in-out !important;
        }
        @keyframes statusPulse {
            0% { transform: scale(0.7); filter: brightness(0.7); }
            100% { transform: scale(1.5); filter: brightness(1.3); }
        }

/* ==== style L19145 ==== */

/* 🔥 Wallet UI Styles (Perfect Fit & Bouncy Scroll) 🔥 */
#wallet-view {
    position: relative !important;
    width: 100%;

    height: 100vh;
    height: 100dvh; 
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 15px; 
    padding-bottom: 0px; 

    
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain; 
}

#wallet-view .wallet-wrap { 
    width: 90% !important; 
    max-width: 340px !important; 
    margin: 0 auto 0 auto !important; 
    box-sizing: border-box !important;
    padding: 15px !important;
    background: rgba(10, 30, 60, 0.6) !important;
    border: 1px solid rgba(65, 105, 225, 0.3) !important;
    box-shadow: inset 0 0 20px rgba(65, 105, 225, 0.15), 0 10px 30px rgba(0,0,0,0.6) !important;
    backdrop-filter: blur(15px) !important; 
    -webkit-backdrop-filter: blur(15px) !important;
    border-radius: 16px !important;
    display: flex;
    flex-direction: column;

    height: auto !important;
    min-height: 0 !important;
}

/* 1. Anime Background Fix (Height & Position) */
.wallet-banner-img {
    width: 100%; 
    max-width: 280px; 
    height: 105px; 
    background: url('/simg/5ec939125d64457d.gif') center 20%/cover no-repeat; 
    border: 1px solid rgba(255, 255, 255, 0.3); 
    border-radius: 12px; 
    box-shadow: 0 6px 20px rgba(0,0,0,0.5); 
    position: relative; 
    overflow: hidden; 
    display: flex; 
    flex-direction: column; 
    align-items: center;
    justify-content: center;
}

/* 2. Logo Circles with Neon Border (No Squeezing) */
.pay-logo-new { 
    width: 38px !important; 
    height: 38px !important; 
    min-width: 38px !important; 
    flex-shrink: 0 !important; 
    object-fit: cover !important; 
    padding: 2px !important; 
    margin-right: 12px !important; 
    background: rgba(0,0,0,0.6) !important; 
    border-radius: 50% !important; 
    transition: 0.3s !important; 
}
.pay-list .pay-card-new:nth-child(1) .pay-logo-new { border: 2px solid #00f2ff !important; box-shadow: 0 0 15px #00f2ff, inset 0 0 8px #00f2ff !important; }
.pay-list .pay-card-new:nth-child(2) .pay-logo-new { border: 2px solid #ffd700 !important; box-shadow: 0 0 15px #ffd700, inset 0 0 8px #ffd700 !important; }
.pay-list .pay-card-new:nth-child(3) .pay-logo-new { border: 2px solid #9c27b0 !important; box-shadow: 0 0 15px #9c27b0, inset 0 0 8px #9c27b0 !important; }
.pay-list .pay-card-new:nth-child(4) .pay-logo-new { border: 2px solid #ff0000 !important; box-shadow: 0 0 15px #ff0000, inset 0 0 8px #ff0000 !important; }

/* 3. Pay Card Design (Taller & Neater) */
.pay-list { 

    margin-bottom: 12px !important; padding-right: 0px; 
    display: flex; flex-direction: column; justify-content: space-between; gap: 8px !important; 

    height: auto !important; 
    overflow: visible !important;
}
.pay-list::-webkit-scrollbar { display: none; }
.pay-card-new { 
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 14px !important; border-radius: 14px !important; 
    width: 100% !important; box-sizing: border-box !important;
    height: 58px !important; transition: all 0.2s ease;
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important; color: #fff !important;
}
.pay-logo-new { 
    width: 36px !important; 
    height: 36px !important; 
    min-width: 36px !important; 
    min-height: 36px !important;
    flex-shrink: 0 !important; 
    border-radius: 10px !important; 
    object-fit: cover !important; 
    margin-right: 12px !important; 
}
.pay-num-new { font-size: 14px !important; margin-bottom: 2px !important; font-weight: 900 !important; }
.pay-name-new { font-size: 10px !important; color: #bbb !important; }
.pay-action-btn { width: 34px !important; height: 34px !important; font-size: 15px !important; border-radius: 8px !important; }
.pay-card-new.active {
    background: rgba(0, 242, 255, 0.15) !important;
    border-color: #00eaff !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.3) !important;
}
.pay-actions { display: flex; gap: 6px !important; }
.pay-action-btn { width: 36px !important; height: 36px !important; font-size: 16px !important; border-radius: 8px !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }


.amt-slider-wrapper { position: relative; height: 42px; overflow: hidden; margin-bottom: 10px; width: 100%; flex-shrink: 0; z-index: 10 !important; pointer-events: auto !important; }
.amt-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.amt-btn { padding: 12px 0 !important; font-size: 12px !important; font-weight: 900 !important; border-radius: 8px !important; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 10px rgba(0,0,0,0.15); background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #fff !important; z-index: 15 !important; position: relative; }
.amt-btn:active { transform: scale(0.95); }
.amt-btn.active { background: var(--accent) !important; color: #000 !important; border-color: var(--accent) !important; box-shadow: 0 0 15px var(--accent) !important; }


/* 🔥 AMOUNT & SUBMIT BUTTONS PURE GLASS FIX 🔥 */
html body .amt-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}
html body .amt-btn.active {
    background: rgba(0, 242, 255, 0.15) !important;
    border-color: #00eaff !important;
    color: #00eaff !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.3), inset 0 0 8px rgba(0, 242, 255, 0.1) !important;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.5) !important;
}
html body #btn-submit-dep {
    background: rgba(0, 242, 255, 0.15) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(0, 242, 255, 0.4) !important;
    color: #00eaff !important;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.5) !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.3), inset 0 0 8px rgba(0, 242, 255, 0.1) !important;
    transition: all 0.2s ease !important;
}
html body #btn-submit-dep:active {
    transform: scale(0.95) !important;
    background: rgba(0, 242, 255, 0.25) !important;
}


@keyframes pulse-red-white {
    0% { color: #ff3333; text-shadow: 0 0 10px rgba(255, 50, 50, 0.8); }
    50% { color: #ffffff; text-shadow: 0 0 12px rgba(255, 255, 255, 0.9); }
    100% { color: #ff3333; text-shadow: 0 0 10px rgba(255, 50, 50, 0.8); }
}
html body .blinking-note { 
    animation: pulse-red-white 1.5s infinite ease-in-out !important; 
}


.glass-swal-popup {
    background: rgba(15, 20, 30, 0.4) !important; 
    backdrop-filter: blur(8px) !important; 
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.6), inset 0 0 15px rgba(255,255,255,0.05) !important;
    width: 280px !important; 
    padding: 15px 10px !important; 
}


.glass-swal-confirm {
    background: rgba(0, 242, 255, 0.15) !important;
    border: 1px solid #00f2ff !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    border-radius: 12px !important;
    padding: 10px 30px !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.3), inset 0 0 8px rgba(0, 242, 255, 0.1) !important;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.8) !important;
    transition: all 0.2s ease !important;
}
.glass-swal-confirm:active {
    transform: scale(0.95) !important;
    background: rgba(0, 242, 255, 0.3) !important;
}
.pay-logo-new { 
    width: 36px !important; 
    height: 36px !important; 
    min-width: 36px !important; 
    min-height: 36px !important;
    flex-shrink: 0 !important; 
    border-radius: 50% !important; 
    object-fit: cover !important; 
    margin-right: 12px !important; 
}



/* ==== style L20422 ==== */


    .gc-bw-back { 
        background: rgba(255, 255, 255, 0.08) !important; 
        backdrop-filter: blur(15px) !important; 
        -webkit-backdrop-filter: blur(15px) !important; 
        border: 1px solid rgba(255, 255, 255, 0.2) !important; 
        color: #fff !important; 
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important; 
        padding: 8px 16px !important; 
        border-radius: 10px !important; 
        margin-bottom: 20px !important; 
        display: inline-flex !important; 
        align-items: center !important; 
        gap: 6px !important; 
        font-weight: bold !important;
        font-size: 13px !important;
        transition: 0.2s;
        cursor: pointer;
    }
    .gc-bw-back:active { transform: scale(0.92); background: rgba(255,255,255,0.15) !important; }

    .bw-card { background: #1c1c1e; border: 1px solid #2c2c2e; }

    /* Category Page */
    .gc-big-cat { border-radius: 16px; padding: 15px; display: flex; align-items: center; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 10px rgba(0,0,0,0.5); }
    .gc-big-cat:active { transform: scale(0.96); background: #2c2c2e; }
    .gc-cat-icon { width: 50px; height: 50px; border-radius: 12px; background: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; margin-right: 15px; }
    .gc-cat-info { flex: 1; }
    .gc-cat-title { font-size: 16px; font-weight: 900; color: #fff; margin-bottom: 4px; }
    .gc-cat-sub { font-size: 11px; color: #888; }

    /* Profile UI */
    .gc-profile-card { border-radius: 16px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); position: relative; }
    .gc-cover { height: 140px; background-size: cover; background-position: center 20%; position: relative; }
    .gc-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,0,0,0.4) 0%, transparent 15%, transparent 85%, rgba(0,0,0,0.4) 100%); }
    .gc-profile-info { display: flex; align-items: flex-end; padding: 0 15px 15px 15px; margin-top: -45px; position: relative; z-index: 2; }
    .gc-profile-img { width: 85px; height: 85px; border-radius: 50%; border: 4px solid #1c1c1e; object-fit: cover; background: #000; }
    .gc-profile-text { margin-left: 12px; padding-bottom: 5px; }
    .gc-badges { display: flex !important; gap: 6px !important; margin-top: 6px !important; flex-wrap: nowrap !important; align-items: center !important; }
    .gc-badge { 
        background: rgba(0, 0, 0, 0.6) !important; 
        border: 1px solid rgba(255, 255, 255, 0.5) !important; 
        padding: 4px 8px !important; 
        border-radius: 6px !important; 
        font-size: 9px !important; 
        font-weight: 900 !important; 
        color: #ffffff !important; 
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.8) !important;
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
        display: inline-flex !important; 
        align-items: center !important; 
        gap: 4px !important;
        white-space: nowrap !important;
    }

    /* Instructions & Grid */
    .gc-instructions { border-radius: 12px; padding: 15px; margin-bottom: 20px; }
    .gc-inst-title { color: #fff; font-size: 14px; font-weight: 900; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
    .gc-instructions ol { margin: 0; padding-left: 20px; color: #aaa; font-size: 12px; line-height: 1.8; }
    .gc-instructions ol li b { color: #fff; }

    .gc-items-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }
    .gc-items-grid-2col { grid-template-columns: repeat(2, 1fr) !important; }

    .gc-item {
        background: rgba(255, 255, 255, 0.05) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important; 
        border-radius: 12px;
        padding: 12px 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.2s ease;
        box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important; 
    }
    .gc-item::before { display: none; }
    .gc-item:active, .gc-item.selected { 
        transform: scale(0.92); 
        background: rgba(0, 0, 0, 0.6) !important; 
        border-color: rgba(255, 255, 255, 0.3) !important;
        box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
    }

    .gc-item-title { 
        background: rgba(0, 0, 0, 0.4) !important; 
        backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important;
        color: #ffffff !important; 
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        transform: translateY(-4px); 
        box-shadow: inset 0 0 10px rgba(255,255,255,0.05), 0 8px 15px rgba(0,0,0,0.7) !important;
        font-size: 15px !important; font-weight: 900 !important; 
        padding: 6px 14px !important; border-radius: 8px; margin-bottom: 10px; width: 80%; 
        z-index: 1; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    }

    .gc-item-price { 
        background: rgba(0, 0, 0, 0.5) !important; 
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        color: #ffffff !important; 
        text-shadow: 0 4px 6px rgba(0, 0, 0, 0.9), 0 0 5px rgba(255, 255, 255, 0.4) !important;
        border: 1px solid rgba(0, 0, 0, 0.5) !important;
        box-shadow: inset 0px 8px 10px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255,255,255,0.2) !important;
        font-size: 14px !important; font-weight: 900 !important; 
        padding: 8px 5px !important; 
        border-radius: 8px !important; 
        margin-top: 5px !important; 
        display: inline-flex !important; align-items: center !important; justify-content: center !important;
        position: relative; z-index: 1;
        min-width: 85px !important; 
        text-align: center !important; 
        box-sizing: border-box !important;
    }

    
    .gc-item-stock {
        position: relative; z-index: 1; display: inline-block; margin: 4px auto 0 auto;
        text-align: center; font-size: 9px !important; font-weight: 800 !important;
        color: #16a34a !important; background: #ffffff !important;
        border-radius: 6px !important; padding: 2px 7px !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.25) !important;
    }

    /* 🔥 Product Description & Reviews Styles (Amazon Style) 🔥 */
    .gc-desc-box { background: #1c1c1e; border: 1px solid #2c2c2e; border-radius: 12px; padding: 15px; margin-bottom: 20px; }
    .gc-desc-title { color: #fff; font-size: 16px; font-weight: 900; margin-bottom: 12px; }
    .gc-desc-img { width: 100%; border-radius: 8px; margin-bottom: 12px; border: 1px solid rgba(255,255,255,0.1); }

    .gc-desc-content { 
        font-size: 13px; color: #ccc; line-height: 1.6; 
        position: relative; overflow: hidden; 
        max-height: 60px; 
        transition: max-height 0.3s ease-out;
    }
    .gc-desc-content.expanded { 
        max-height: 1500px; 
    }
    .gc-desc-content.collapsed::after {
        content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px;
        background: linear-gradient(to bottom, transparent, #1c1c1e);
    }

    .gc-read-more-btn {
        color: #ffffff !important;
        font-size: 13px; font-weight: bold; cursor: pointer;
        display: flex; align-items: center; gap: 5px; margin-top: 10px;
    }


    .gc-redeem-guide { 
        background: rgba(255, 255, 255, 0.05) !important; 
        border-left: 3px solid #ffffff !important; 
        padding: 12px 15px; 
        margin-top: 15px; 
        border-radius: 0 8px 8px 0; 
    }
    .gc-redeem-guide h4 { 
        color: #ffffff !important; 
        font-size: 13px; margin-bottom: 10px; font-weight: 900; 
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    }
    .gc-redeem-guide ul { 
        margin: 0; padding-left: 20px; 
        color: #ffffff !important; 
        font-size: 12px; line-height: 1.8; 
        font-weight: bold;
    }


    #gc-cat-view, #gc-checkout-view {
        background-color: #060913 !important;
        background-image: 
            linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
        background-size: 25px 25px !important;
        background-position: center center !important;
        background-attachment: scroll !important;
    }

    /* --- Customer Reviews --- */
    .gc-rating-summary { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
    .gc-stars { color: #ff9900; font-size: 14px; }
    .gc-rating-text { color: #fff; font-size: 14px; font-weight: bold; }

    .gc-review-item { border-top: 1px solid rgba(255,255,255,0.1); padding: 15px 0; }
    .gc-reviewer { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
    .gc-reviewer-img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
    .gc-reviewer-name { color: #fff; font-size: 13px; font-weight: bold; }
    .gc-review-text { color: #ccc; font-size: 13px; line-height: 1.5; margin-top: 5px; }

/* ==== style L20985 ==== */

    /* Steam-like Review Card Styles (Dark Theme) */
    .gc-review-card {
        background: rgba(0, 0, 0, 0.4); 
        border: 1px solid rgba(255,255,255,0.1);
        border-radius: 12px;
        padding: 16px;
        margin-bottom: 15px;
        text-align: left;
    }
    .gc-rev-name { font-size: 15px; font-weight: 900; color: #fff; margin-bottom: 4px; }
    .gc-rev-date { font-size: 11px; color: #888; font-weight: bold; margin-bottom: 12px; }
    .gc-rev-rating-row { display: flex; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }
    .gc-rev-stars { color: #ffb300; font-size: 13px; display: flex; gap: 2px; }
    .gc-rev-num { font-weight: 900; font-size: 13px; color: #fff; }
    .gc-rev-icon { color: #aaa; font-size: 16px; }
    .gc-rev-text { font-size: 14px; font-weight: bold; line-height: 1.6; color: #eee; margin-bottom: 15px; }
    .gc-rev-recommend { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: bold; color: #fff; }
    .gc-rev-divider { border-top: 1px dashed rgba(255,255,255,0.1); margin: 15px 0 12px 0; }
    .gc-rev-helpful-text { font-size: 12px; font-weight: bold; color: #aaa; margin-bottom: 10px; }
    .gc-rev-actions { display: flex; gap: 20px; align-items: center; }
    .gc-rev-action-btn { display: flex; align-items: center; gap: 6px; color: #888; cursor: pointer; transition: 0.2s; font-weight: bold; font-size: 14px;}
    .gc-rev-action-btn i { font-size: 18px; }
    .gc-rev-action-btn:active { transform: scale(0.9); }

    .glass-back-btn {
        width: 80px;
        height: 60px;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #fff;
        cursor: pointer;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5), inset 0 2px 5px rgba(255, 255, 255, 0.2);
        transition: 0.2s;
    }
    .glass-back-btn:active {
        transform: scale(0.92);
        background: rgba(255, 255, 255, 0.3);
    }


    .glass-icon-btn {
        width: 50px;
        height: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #ccc;
        cursor: pointer;
        transition: 0.2s;
    }
    .glass-icon-btn i {
        font-size: 18px;
        color: #fff;
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    }
    .glass-icon-btn span {
        font-size: 9px;
        margin-top: 4px;
        color: #888;
    }
    .glass-icon-btn:active {
        transform: scale(0.9);
    }

    
    #gc-cat-view .gc-bw-back { display: none !important; }

.gc-glass-panel {
    background: rgba(16, 20, 30, 0.88) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
.swal2-popup.gc-glass-panel {
    width: auto !important;
    min-width: 280px !important;
    max-width: 320px !important;
    border-radius: 20px !important;
    padding: 20px !important;
    color: #fff !important;
}


.gc-dark-inner-box {
    background: rgba(15, 15, 15, 0.7) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 12px !important;
    padding: 9px 13px !important;
    margin-bottom: 7px !important;
    box-shadow: none !important;
}


input.glass-input { 
    width: 100% !important; padding: 12px 15px !important; 
    background: rgba(0,0,0,0.5) !important; 
    border: 1px solid rgba(255,255,255,0.1) !important; 
    color: #ffffff !important; 
    text-shadow: none !important; 
    box-shadow: none !important;
    border-radius: 10px !important; font-size: 14px !important; box-sizing: border-box !important; 
    outline: none !important; 
    -webkit-appearance: none !important;
}
input.glass-input:focus, input.glass-input:active { 
    border-color: rgba(255,255,255,0.5) !important; 
    outline: none !important;
    box-shadow: none !important; 
    text-shadow: none !important;
}
input.glass-input::placeholder { color: #777 !important; text-shadow: none !important; }


.gc-method { flex: 1 !important; text-align: center !important; padding: 10px !important; background: rgba(0,0,0,0.4) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 10px !important; color: #888 !important; font-weight: bold !important; font-size: 11px !important; cursor: pointer !important; transition: 0.3s !important; display: flex !important; flex-direction: column !important; align-items: center !important;}
.gc-method.active { background: #fff !important; border-color: #fff !important; color: #000 !important; }

/* Quantity Control (+ / -) */
.bw-qty-btn { background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.2) !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; font-size: 12px !important; font-weight: bold !important; cursor: pointer !important; transition: 0.2s !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.bw-qty-btn:active { background: rgba(255,255,255,0.2) !important; }


.glass-btn-primary { 
    background: #ffffff !important; 
    color: #000000 !important; 
    font-weight: 900 !important; 
    border: none !important; 
    border-radius: 12px !important; 
    padding: 12px 24px !important; 
    font-size: 14px !important; 
    cursor: pointer !important; 
    box-shadow: 0 0 8px rgba(255,255,255,0.4) !important; 
    transition: 0.2s !important;
    display: inline-block !important;
    width: 100% !important;
}
.glass-btn-primary:active { transform: scale(0.95) !important; box-shadow: 0 0 4px rgba(255,255,255,0.6) !important; }


.glass-btn-secondary {
    background: rgba(60, 60, 60, 0.8) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
    padding: 12px 24px !important; 
    font-size: 14px !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 10px !important;
}


#popup-review-text { 
    background: rgba(0,0,0,0.5) !important; 
    color: #ffffff !important; 
    font-weight: bold !important; 
    font-size: 14px !important; 
    text-shadow: 0 0 5px rgba(255,255,255,0.8) !important; 
    border: 1px solid rgba(255,255,255,0.2) !important; 
    border-radius: 8px !important; 
    padding: 10px !important; 
    outline: none !important; 
}

.glass-btn-unified {
    background: linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.02)) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}
.glass-btn-unified:active { transform: scale(0.95) !important; background: rgba(255,255,255,0.2) !important; }

/* 🍮 Jelly wobble — Buy Now + qty buttons */
@keyframes gcJelly {
    0%, 100% { transform: scale(1, 1); }
    25%      { transform: scale(1.06, 0.94); }
    50%      { transform: scale(0.95, 1.05); }
    75%      { transform: scale(1.03, 0.97); }
}
.gc-buy-jelly {
    animation: gcJelly 2.4s ease-in-out infinite;
    transform-origin: center;
}
.gc-buy-jelly:hover { animation-duration: 0.9s; }
.gc-buy-jelly:active { animation: none; transform: scale(0.93) !important; }
#gc-buy-modal .bw-qty-btn {
    animation: gcJelly 2.8s ease-in-out infinite;
    transform-origin: center;
}
#gc-buy-modal .bw-qty-btn:active { animation: none; }


/* ==== style L22058 ==== */
\n                    #popup-review-text::placeholder { color: #ccc; font-weight: bold !important; font-size: 14px !important; text-shadow: none; }\n                    .quick-chips-wrapper { \n                        display: flex !important; \n                        flex-wrap: nowrap !important; \n                        overflow-x: auto !important; \n                        overflow-y: hidden !important; \n                        -webkit-overflow-scrolling: touch !important; \n                        padding-bottom: 8px !important; \n                        margin-bottom: 12px !important; \n                        width: 100% !important; \n                        gap: 10px !important; \n                        scrollbar-width: none; \n                        cursor: grab;\n                    }\n                    .quick-chips-wrapper:active { cursor: grabbing; }\n                    .quick-chips-wrapper::-webkit-scrollbar { display: none; }\n                    .quick-chip { \n                        flex-shrink: 0 !important; \n                        background: rgba(255,255,255,0.08); \n                        border: 1px solid rgba(255,255,255,0.2); \n                        padding: 8px 12px; \n                        border-radius: 8px; \n                        font-size: 12px; \n                        font-weight: bold; \n                        color: #fff; \n                        cursor: pointer; \n                        transition: 0.2s; \n                        user-select: none;\n                        box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n                    }\n                    .quick-chip:active { background: #4ade80; color: #000; border-color: #4ade80; transform: scale(0.95); }\n                    .review-modal-compact { padding: 0 !important; margin: 0 !important; }\n                    .rec-btn { flex: 1; padding: 10px 5px; border-radius: 8px; font-size: 12px; font-weight: bold; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; gap: 5px; }\n                
/* ==== style L22135 ==== */

#gc-buy-modal > div {
    background: rgba(30, 30, 30, 0.5) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important; 
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}


.glass-btn-primary.half-width-btn, 
.glass-btn-secondary.half-width-btn,
.glass-btn-unified.half-width-btn {
    padding: 10px 15px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
}


.quick-chips-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important; 
    scroll-behavior: smooth !important;
    padding-bottom: 10px !important;
    gap: 10px !important;
    scrollbar-width: none !important; 
}
.quick-chips-wrapper::-webkit-scrollbar {
    display: none !important; 
}
.quick-chip {
    flex-shrink: 0 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 8px 12px !important;
    border-radius: 8px !important; 
    font-size: 12px !important;
    font-weight: bold !important;
    color: #fff !important;
} 

/* ============================================================== */

/* ============================================================== */


.gc-method {
    flex: 1 !important;
    text-align: center !important;
    padding: 12px 5px !important;
    background: rgba(0, 0, 0, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    color: #aaa !important;
    font-weight: bold !important;
    font-size: 13px !important; 
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 5px !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.5) !important; 
}


.gc-method.active {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2), inset 0 -3px 5px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px) !important; 
}

.gc-method i {
    font-size: 18px !important; 
}

/* -------------------------------------------------------------- */


.bw-qty-btn {
    background: rgba(255, 255, 255, 0.1) !important; 
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    width: 32px !important; 
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}


.bw-qty-btn:active {
    background: rgba(255, 255, 255, 0.25) !important;
    transform: scale(0.9) !important;
}


#gc-qty-text {
    font-weight: 900 !important;
    color: #ffffff !important;
    width: 24px !important;
    text-align: center !important;
    font-size: 18px !important; 
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important; 
}

.gc-method {
    flex: 1 !important;
    text-align: center !important;
    padding: 12px 5px !important;
    height: 60px !important; 
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    color: #aaa !important;
    font-weight: bold !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important; 
    gap: 5px !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.5) !important;
    box-sizing: border-box !important;
}


.gc-method.active {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2), inset 0 -3px 5px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px) !important;
}

.gc-method i {
    font-size: 18px !important;
    margin-bottom: 0 !important; 
}


/* ==== style L22288 ==== */


div.gc-desc-box { 
    background: rgba(10, 15, 25, 0.5) !important; 
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important; 
    border-radius: 20px !important; 
    padding: 18px !important; 
    margin-bottom: 20px !important; 
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
}


div.gc-review-card {
    background: rgba(255, 255, 255, 0.05) !important; 
    backdrop-filter: blur(12px) !important; 
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important; 
    border-top: 1px solid rgba(255, 255, 255, 0.25) !important; 
    border-radius: 16px !important;
    padding: 16px !important;
    margin-bottom: 15px !important;
    text-align: left !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.05) !important; 
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}


div.gc-review-card:active {
    transform: scale(0.97) !important;
    border-color: rgba(0, 242, 255, 0.5) !important;
    background: rgba(0, 242, 255, 0.1) !important;
}


div.gc-review-card {
    position: relative;
}
.gc-rev-admin-del {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 70, 70, 0.4);
    background: rgba(255, 50, 50, 0.12);
    color: #ff6666;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    z-index: 10;
    transition: all 0.2s ease;
    padding: 0;
}
.gc-rev-admin-del:hover,
.gc-rev-admin-del:active {
    background: rgba(255, 50, 50, 0.25);
    border-color: rgba(255, 70, 70, 0.7);
    transform: scale(1.1);
}


div.gc-profile-card {
    background: rgba(255, 255, 255, 0.08) !important; 
    backdrop-filter: blur(12px) !important; 
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important; 
    border-radius: 20px !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}


div.gc-instructions {
    background: rgba(255, 255, 255, 0.08) !important; 
    backdrop-filter: blur(12px) !important; 
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important; 
    border-radius: 20px !important; 
    padding: 18px !important; 
    margin-bottom: 20px !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

#gc-buy-modal div.gc-glass-panel {
    background: rgba(255, 255, 255, 0.03) !important; 
    backdrop-filter: blur(4px) !important; 
    -webkit-backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important; 
    border-radius: 20px !important; 
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.1) !important;
}


#gc-buy-modal .gc-dark-inner-box {
    background: rgba(255, 255, 255, 0.05) !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(2px) !important;
    box-shadow: none !important;
    color: #ffffff !important;
}


#gc-buy-modal input.glass-input {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5) !important;
}


#gc-buy-modal .gc-method {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    opacity: 0.7;
}


#gc-buy-modal .gc-method.active {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.2) !important;
}


#gc-buy-modal .glass-btn-unified {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1) !important;
}


#gc-buy-modal #gc-qty-text {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
}
/* 🔥 Product Description & Reviews Styles (Amazon Style) - Now with Glass Effect 🔥 */
    .gc-desc-box { 

        background: rgba(20, 20, 20, 0.4); 
        backdrop-filter: blur(15px); 
        -webkit-backdrop-filter: blur(15px);
        border: 1px solid rgba(255, 255, 255, 0.1); 
        border-radius: 12px; 
        padding: 15px; 
        margin-bottom: 20px; 
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); 
    }

    .gc-desc-title { color: #fff; font-size: 16px; font-weight: 900; margin-bottom: 12px; }
    .gc-desc-img { width: 100%; border-radius: 8px; margin-bottom: 12px; border: 1px solid rgba(255,255,255,0.1); }


    .gc-desc-wrapper {
        display: grid;
        grid-template-rows: 60px; 
        transition: grid-template-rows 0.4s ease-out;
        position: relative;
    }

    .gc-desc-wrapper.expanded {
        grid-template-rows: 1fr; 
    }

    .gc-desc-content {
        font-size: 13px; color: #ccc; line-height: 1.6;
        overflow: hidden; 
    }


    .gc-desc-wrapper.collapsed::after {
        content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 35px;

        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(20,20,20,0.8)); 
        pointer-events: none;
    }

    .gc-read-more-btn {
        color: #ffffff !important;
        font-size: 13px; font-weight: bold; cursor: pointer;
        display: flex; align-items: center; gap: 5px; margin-top: 10px;
        position: relative; z-index: 10; 
    }


.gc-redeem-guide { 
    position: relative; overflow: hidden; z-index: 1; padding: 12px 15px; margin-top: 15px; border-radius: 8px;
    background: rgba(0, 0, 0, 0.2) !important; 
    backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-left: 3px solid #ffffff !important; 
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    color: #ffffff; text-shadow: 0 1px 3px #000;
}


.gc-redeem-guide::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: -1;

    
    background-image: 
        url("/simg/b3d791b89c57a5d9.png?o=2"),
        url("/simg/b3d791b89c57a5d9.png?o=2"),
        url("/simg/b3d791b89c57a5d9.png?o=2"),
        url("/simg/b3d791b89c57a5d9.png?o=2"),
        url("/simg/b3d791b89c57a5d9.png?o=2");

    
    background-position: 
        105% -10%,  
        -5% 110%,   
        85% 80%,    
        10% 20%,    
        50% -15%;   

    
    background-size: 
        90px 90px,   
        65px 65px,   
        45px 45px,
        55px 55px,
        35px 35px;   

    background-repeat: no-repeat;

    
    opacity: 0.35; 
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.3));
}


/* ==== style L23329 ==== */
\n                    #popup-review-text::placeholder { color: #ccc; font-weight: bold !important; font-size: 14px !important; text-shadow: none; }\n                    .quick-chips-wrapper { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 8px !important; margin-bottom: 12px !important; width: 100% !important; gap: 10px !important; scrollbar-width: none; cursor: grab; }\n                    .quick-chips-wrapper:active { cursor: grabbing; }\n                    .quick-chips-wrapper::-webkit-scrollbar { display: none; }\n                    .quick-chip { flex-shrink: 0 !important; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); padding: 8px 12px; border-radius: 8px; font-size: 12px; font-weight: bold; color: #fff; cursor: pointer; transition: 0.2s; user-select: none; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }\n                    .quick-chip:active { background: #4ade80; color: #000; border-color: #4ade80; transform: scale(0.95); }\n                    .review-modal-compact { padding: 0 !important; margin: 0 !important; }\n                    .rec-btn { flex: 1; padding: 10px 5px; border-radius: 8px; font-size: 12px; font-weight: bold; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; gap: 5px; }\n                
/* ==== style L23988 ==== */


.gc-profile-img {
    width: 75px !important;  
    height: 75px !important;
    object-fit: contain !important; 
    background: #ffffff !important; 
    padding: 10px !important; 
    border: 3px solid #1c1c1e !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
}

/* ==== style L24233 ==== */


.gc-item-title {
    white-space: normal !important; 
    text-align: center !important;
    line-height: 1.3 !important;
    padding: 5px 4px !important;
    font-size: 10px !important;
}
.gc-item-title span {
    white-space: normal !important;
    overflow: visible !important; 
    text-overflow: clip !important; 
}

/* ==== style L24330 ==== */


@keyframes slowNeonBreathing {
    0% { box-shadow: 0 4px 10px rgba(0,0,0,0.5), 0 0 4px rgba(255,255,255,0.1), inset 0 0 4px rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }
    50% { box-shadow: 0 4px 10px rgba(0,0,0,0.5), 0 0 15px rgba(255,255,255,0.8), inset 0 0 8px rgba(255,255,255,0.4); border-color: rgba(255,255,255,0.8); }
    100% { box-shadow: 0 4px 10px rgba(0,0,0,0.5), 0 0 4px rgba(255,255,255,0.1), inset 0 0 4px rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }
}


.active-tab-glow {
    animation: slowNeonBreathing 3s infinite ease-in-out !important;
    z-index: 2 !important; 
}


#admin-giftcard-btn, .permanently-hidden {
    display: none !important;
}

/* ==== style L24837 ==== */


@keyframes superRainbowGlow {
    0%   { border-color: #ff0000; box-shadow: 0 10px 25px rgba(0,0,0,0.6), inset 0 0 15px rgba(255,0,0,0.3), 0 0 10px rgba(255,0,0,0.6); }
    15%  { border-color: #ff7300; box-shadow: 0 10px 25px rgba(0,0,0,0.6), inset 0 0 15px rgba(255,115,0,0.3), 0 0 10px rgba(255,115,0,0.6); }
    30%  { border-color: #ffeb00; box-shadow: 0 10px 25px rgba(0,0,0,0.6), inset 0 0 15px rgba(255,235,0,0.3), 0 0 10px rgba(255,235,0,0.6); }
    45%  { border-color: #51ff00; box-shadow: 0 10px 25px rgba(0,0,0,0.6), inset 0 0 15px rgba(81,255,0,0.3), 0 0 10px rgba(81,255,0,0.6); }
    60%  { border-color: #00ffea; box-shadow: 0 10px 25px rgba(0,0,0,0.6), inset 0 0 15px rgba(0,255,234,0.3), 0 0 10px rgba(0,255,234,0.6); }
    75%  { border-color: #7a00ff; box-shadow: 0 10px 25px rgba(0,0,0,0.6), inset 0 0 15px rgba(122,0,255,0.3), 0 0 10px rgba(122,0,255,0.6); }
    90%  { border-color: #ff00d4; box-shadow: 0 10px 25px rgba(0,0,0,0.6), inset 0 0 15px rgba(255,0,212,0.3), 0 0 10px rgba(255,0,212,0.6); }
    100% { border-color: #ff0000; box-shadow: 0 10px 25px rgba(0,0,0,0.6), inset 0 0 15px rgba(255,0,0,0.3), 0 0 10px rgba(255,0,0,0.6); }
}

@keyframes superRainbowIcon {
    0%   { color: #ff0000; border-color: rgba(255,0,0,0.6); background: rgba(255,0,0,0.15); box-shadow: 0 0 10px rgba(255,0,0,0.5); }
    15%  { color: #ff7300; border-color: rgba(255,115,0,0.6); background: rgba(255,115,0,0.15); box-shadow: 0 0 10px rgba(255,115,0,0.5); }
    30%  { color: #ffeb00; border-color: rgba(255,235,0,0.6); background: rgba(255,235,0,0.15); box-shadow: 0 0 10px rgba(255,235,0,0.5); }
    45%  { color: #51ff00; border-color: rgba(81,255,0,0.6); background: rgba(81,255,0,0.15); box-shadow: 0 0 10px rgba(81,255,0,0.5); }
    60%  { color: #00ffea; border-color: rgba(0,255,234,0.6); background: rgba(0,255,234,0.15); box-shadow: 0 0 10px rgba(0,255,234,0.5); }
    75%  { color: #7a00ff; border-color: rgba(122,0,255,0.6); background: rgba(122,0,255,0.15); box-shadow: 0 0 10px rgba(122,0,255,0.5); }
    90%  { color: #ff00d4; border-color: rgba(255,0,212,0.6); background: rgba(255,0,212,0.15); box-shadow: 0 0 10px rgba(255,0,212,0.5); }
    100% { color: #ff0000; border-color: rgba(255,0,0,0.6); background: rgba(255,0,0,0.15); box-shadow: 0 0 10px rgba(255,0,0,0.5); }
}

.rgb-glass-box {
    background: rgba(20, 25, 30, 0.4);
    border: 2px solid #ff0000; 
    border-radius: 16px;
    padding: 20px 15px; 
    width: 80%;
    max-width: 280px; 
    text-align: center;
    position: relative;
    animation: superRainbowGlow 10s linear infinite; 
    border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.rgb-glass-icon {
    width: 40px; 
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 12px auto;
    border: 2px solid #ff0000;
    animation: superRainbowIcon 10s linear infinite;
}

/* Rich Text Editor Styling */
.rich-text-editor {
    width: 100%;
    min-height: 150px;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 12px;
    padding: 15px;
    font-family: sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    text-align: center; 
    line-height: 1.6;
    overflow-y: auto;
}
.rich-text-editor:focus {
    border-color: #ff0055;
    box-shadow: 0 0 10px rgba(255,0,85,0.4);
}
.rich-text-editor[placeholder]:empty:before {
    content: attr(placeholder);
    color: #888;
    pointer-events: none;
    display: block;
}

/* ==== style L25195 ==== */

    /* Compact Card Design For Analyzer */
    .ac-card {
        background: rgba(10, 15, 25, 0.8);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 12px;
        box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    }
    .ac-header {
        display: flex; justify-content: space-between; align-items: center;
        border-bottom: 1px dashed rgba(255,255,255,0.1); padding-bottom: 8px; margin-bottom: 8px;
    }
    .ac-title { font-size: 13px; font-weight: bold; color: #fff; }
    .ac-sku { font-size: 10px; color: #888; background: rgba(255,255,255,0.05); padding: 2px 6px; border-radius: 4px; }
    .ac-row { display: flex; justify-content: space-between; font-size: 11px; color: #aaa; margin-bottom: 5px; }
    .ac-val { font-size: 12px; font-weight: 900; color: #fff; }
    .ac-input-row {
        display: flex; justify-content: space-between; align-items: center;
        background: rgba(0, 242, 255, 0.05); padding: 10px; border-radius: 8px; border: 1px solid rgba(0, 242, 255, 0.2); margin-top: 8px;
    }
    .ac-qty-input {
        width: 65px; padding: 6px; font-size: 14px; font-weight: 900; color: #00f2ff;
        background: rgba(0,0,0,0.6); border: 1px solid rgba(0,242,255,0.4); border-radius: 6px; text-align: center; outline: none;
    }

    /* 🔥 PlayStation Image Circular Fix 🔥 */
        img[src*="20131027-160001.jpg"] {
            border-radius: 50% !important;
            object-fit: cover !important;
            border: 1px solid rgba(0, 242, 255, 0.4) !important;
        }

/* ==== style L25610 ==== */

    @import url('https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&family=Orbitron:wght@700;900&family=Russo+One&family=Audiowide&family=Bungee&family=Black+Ops+One&family=Rubik+Mono+One&family=Major+Mono+Display&family=Bowlby+One&family=Iceland&family=Wallpoet&family=Monoton&family=Faster+One&family=Train+One&family=Megrim&family=Tourney:wght@800&family=Ranchers&family=Sixtyfour&family=Silkscreen:wght@700&display=swap');

    
    .ld-label, .ld-value {
        font-weight: 700;
    }

/* ==== style hsa-ld-sheet-css ==== */

@keyframes ldUp{from{transform:translateY(100%);opacity:.4}to{transform:translateY(0);opacity:1}}
#ld-grab{width:38px;height:4px;border-radius:3px;background:rgba(255,255,255,.28);margin:0 auto 10px;}
#ld-head{display:flex;align-items:center;gap:11px;text-align:left;margin-bottom:11px;}
#ld-head #ld-prod-img,#ld-head #ld-prod-fallback{width:54px!important;height:54px!important;}
#ld-ignrow{display:flex;align-items:center;gap:8px;min-width:0;}
#ld-uav{width:26px;height:26px;border-radius:50%;flex:none;overflow:hidden;display:none;
  align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.25);}
#ld-uav.on{display:flex;}
#ld-uav img{width:100%;height:100%;object-fit:cover;display:block;}
#ld-ignwrap{flex:1;min-width:0;margin:0!important;}
#ld-ignwrap > div{margin-bottom:0!important;font-size:10px!important;letter-spacing:1.4px!important;}
#ld-ign{font-size:21px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#live-detail-modal .fa-times{top:14px!important;right:14px!important;}
#ld-info-box{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;}
/* ⚠️ display ကို !important မထားရ — inline "display:none" ကို ကျော်သွားပြီး ဖျောက်ထားတဲ့ row တွေ ပေါ်လာတယ် */
#ld-info-box .ld-row{flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;
  border-bottom:0!important;padding:5px 8px!important;margin:0!important;background:rgba(255,255,255,.05);border-radius:9px;min-width:0;}
#ld-info-box .ld-label{font-size:8.5px!important;letter-spacing:.7px;text-transform:uppercase;opacity:.55;margin-bottom:1px;}
#ld-info-box .ld-value{font-size:11px!important;font-weight:800;text-align:left!important;max-width:100%!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;}
#ld-info-box .ld-row:has(#ld-item),#ld-info-box .ld-row:has(#ld-price){grid-column:1 / -1;}
#ld-info-box .ld-row:has(#ld-item) .ld-value,#ld-info-box .ld-row:has(#ld-time) .ld-value,
#ld-info-box .ld-row:has(#ld-normal) .ld-value{white-space:normal;word-break:break-word;}
#ld-info-box .ld-row:has(#ld-price){background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.28);
  flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:7px 11px!important;}
#ld-info-box .ld-row:has(#ld-price) .ld-label{margin-bottom:0!important;}
#ld-info-box #ld-price{font-size:17px!important;}
#ld-fs-slider,#ld-fs-name{display:none!important;}
#ld-order-now{margin-top:8px!important;padding:9px!important;}
#ld-sheet > div:has(#ld-fs-current){display:none!important;}  /* font picker — sheet ရှည်စေလို့ ဖျောက် */
/* ── solid white sheet (owner: "ရိုးရိုးရှင်းရှင်း solid white") ── */
#ld-sheet{color:#111827!important;}
/* theme တချို့က -webkit-text-fill-color ကို ဖောက်ထားလို့ စာလုံးတွေ gradient/ပန်းရောင် ဖြစ်သွားတယ် */
#ld-sheet,#ld-sheet *{-webkit-text-fill-color:currentColor!important;}
#ld-grab{background:rgba(0,0,0,.16)!important;}
#live-detail-modal .fa-times{color:rgba(0,0,0,.4)!important;}
#ld-ignwrap > div,#ld-ignwrap > div span{color:#9ca3af!important;text-shadow:none!important;}
#ld-sheet #ld-ign{color:#111827!important;text-shadow:none!important;filter:none!important;}
#ld-pricedrop-row{display:none!important;}          /* Price Drop အစား Success ကြာချိန် ပြ */
#ld-info-box #ld-speed{color:#047857!important;}
/* sheet ဖွင့်ထားချိန် support ခလုပ် ရှုပ်နေလို့ ဖျောက် */
body.hsa-sheet-open #hsa-sup-launcher,body.hsa-sheet-open #scrollTopBtn{display:none!important;}
#ld-prod-img{border-color:rgba(0,0,0,.12)!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important;background:#f3f4f6!important;}
#ld-prod-fallback{background:rgba(16,185,129,.12)!important;border-color:rgba(16,185,129,.55)!important;box-shadow:none!important;}
#ld-prod-fallback i{color:#059669!important;}
#ld-head > div > div:last-child{background:#fff!important;border-color:rgba(16,185,129,.6)!important;}
#ld-head > div > div:last-child i{color:#059669!important;}
#ld-info-box{background:transparent!important;border:0!important;padding:0!important;}
#ld-info-box .ld-row{background:#f4f5f7!important;border:1px solid rgba(0,0,0,.06)!important;}
#ld-info-box .ld-label{color:#6b7280!important;opacity:1!important;}
#ld-info-box .ld-value{color:#111827!important;text-shadow:none!important;}
#ld-info-box #ld-item{color:#1d4ed8!important;}
#ld-info-box #ld-region{color:#b45309!important;}
#ld-info-box #ld-deliv{color:#0e7490!important;}
#ld-info-box #ld-ref,#ld-info-box #ld-time{color:#6b7280!important;}
#ld-info-box #ld-cat{color:#047857!important;}
#ld-info-box .ld-row:has(#ld-price){background:#fff8e1!important;border:1px solid rgba(180,140,0,.35)!important;}
#ld-info-box #ld-price{color:#b45309!important;text-shadow:none!important;}
#ld-info-box .ld-row .ld-value[style*="39ff14"],#ld-info-box .ld-row .ld-value i{color:#059669!important;}

/* ==== style L26660 ==== */

/* 🔥 ROBOTIC NEON WHITE TEXT STYLES (English Version) 🔥 */
.robotic-warning-box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 5px;
}

.robotic-neon-text {
    color: #ffcc66;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* static glow (no per-char animation — was costing FPS on checkout page) */
    text-shadow: 0 0 6px rgba(255,204,102,0.45);
    background: rgba(255,176,0,.1);
    border: 1px solid rgba(255,176,0,.35);
    border-radius: 8px;
    padding: 6px 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5px;
}

.robotic-neon-text span {
    display: inline-block;
}

@keyframes roboticJump {
    0%, 100% { transform: translateY(0); opacity: 0.8; }
    50% { transform: translateY(-4px); opacity: 1; text-shadow: 0 0 10px #fff, 0 0 20px #fff; }
}

/* 🍮 Jelly wobble — checkout-bar qty pills + buy now + close */
@keyframes cbJelly {
    0%, 100% { transform: scale(1, 1); }
    25%      { transform: scale(1.07, 0.93); }
    50%      { transform: scale(0.94, 1.06); }
    75%      { transform: scale(1.03, 0.97); }
}
#checkout-bar .qty-pill,
#checkout-bar .qty-btn,
#checkout-bar .btn-buy-now,
#checkout-bar .btn-close-checkout {
    animation: cbJelly 2.6s ease-in-out infinite;
    transform-origin: center;
}
#checkout-bar .qty-btn { animation-duration: 3s; }
#checkout-bar .btn-buy-now { animation-duration: 2.2s; }
#checkout-bar .btn-close-checkout { animation-duration: 3.4s; }
#checkout-bar .qty-pill:active,
#checkout-bar .qty-btn:active,
#checkout-bar .btn-buy-now:active,
#checkout-bar .btn-close-checkout:active { animation: none; }

/* 💎 Checkout pts badge — no-color glass (gc modal style) */
#checkout-bar .hsa-rv-checkout-pts {
    background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02)) !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-top: 1px solid rgba(255,255,255,0.35) !important;
    backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
    margin: 4px 0 !important;
    padding: 7px 10px !important;
}
#checkout-bar .hsa-rv-checkout-pts.using {
    background: linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.04)) !important;
    border-color: rgba(255,255,255,0.30) !important;
}
#checkout-bar .hsa-rv-checkout-pts-earn {
    background: rgba(255,255,255,0.10) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    color: #fff !important;
}
#checkout-bar .hsa-rv-checkout-pts-balance,
#checkout-bar .hsa-rv-checkout-pts-balance b { color: #fff !important; }
#checkout-bar .hsa-rv-toggle-switch.on {
    background: rgba(255,255,255,0.45) !important;
}

/* ==== style hsa-premium-subs-final-style ==== */

  :root {
    --hsa-final-bg0: #030108;
    --hsa-final-bg1: #090214;
    --hsa-final-bg2: #110522;
    --hsa-final-bg3: #20083d;
    --hsa-final-blue: #3c4dff;
    --hsa-final-violet: #6d3bff;
    --hsa-final-violet2: #8247ff;
    --hsa-final-purple: #9c4dff;
    --hsa-final-pink: #bb4dff;
    --hsa-final-lavender: #cdbdff;
    --hsa-final-text: #ffffff;
    --hsa-final-soft: rgba(233, 226, 255, 0.72);
    --hsa-final-border: rgba(132, 92, 255, 0.20);
  }

  /* 🔥 Preorder Purple Glass Modal CSS (COMPACT) 🔥 */
  .purple-glass-popup {
      background: rgba(35, 10, 50, 0.7) !important;
      backdrop-filter: blur(8px) !important;
      -webkit-backdrop-filter: blur(8px) !important;
      border: 1px solid rgba(186, 104, 200, 0.4) !important;
      border-radius: 16px !important;
      box-shadow: 0 10px 30px rgba(0,0,0,0.8), inset 0 0 15px rgba(186, 104, 200, 0.1) !important;
      color: #fff !important;
      padding: 15px 12px !important;
      width: 290px !important;
  }
  .purple-glass-btn {
      background: rgba(186, 104, 200, 0.2) !important;
      border: 1px solid #ba68c8 !important;
      color: #fff !important;
      border-radius: 10px !important;
      font-weight: 900 !important;
      padding: 10px 5px !important;
      box-shadow: 0 0 10px rgba(186, 104, 200, 0.2) !important;
      transition: 0.2s !important;
  }
  .purple-glass-btn:active {
      transform: scale(0.95);
      background: rgba(186, 104, 200, 0.35) !important;
  }
  .purple-glass-btn-cancel {
      background: rgba(255, 255, 255, 0.05) !important;
      border: 1px solid rgba(255, 255, 255, 0.2) !important;
      color: #ccc !important;
      border-radius: 10px !important;
      font-weight: bold !important;
      padding: 10px 5px !important;
  }

  /* 🔥 Side-by-Side Buttons CSS 🔥 */
  .hsa-swal-row-actions {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 10px !important;
      justify-content: center !important;
      width: 100% !important;
      margin-top: 15px !important;
  }
  .hsa-swal-row-actions button {
      flex: 1 !important;
      width: 50% !important;
      margin: 0 !important;
      font-size: 12px !important;
  }

  body.hsa-premium-final-open {
    background:
      radial-gradient(circle at 12% 12%, rgba(124, 71, 255, 0.24), transparent 26%),
      radial-gradient(circle at 85% 14%, rgba(67, 86, 255, 0.18), transparent 25%),
      radial-gradient(circle at 50% 88%, rgba(170, 76, 255, 0.14), transparent 32%),
      linear-gradient(145deg, #030108 0%, #090214 20%, #110522 45%, #180733 72%, #20083d 100%) !important;
    background-attachment: fixed !important;
  }

  body.hsa-premium-final-open #gc-pattern-bg {
    display: none !important;
  }

  #hsa-premium-final-view,
  #hsa-premium-final-view * {
    box-sizing: border-box;
  }

  #hsa-premium-final-view {
    position: relative;
    width: 100%;
    min-height: 100vh;
    margin-top: -15px !important; 
    padding-top: 0px !important; 
    overflow-x: hidden;
    background:
      radial-gradient(circle at 50% 3%, rgba(130, 71, 255, 0.08), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,0.02), transparent 42%) !important;
  }

  #hsa-premium-final-view::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 14% 22%, rgba(109, 59, 255, 0.10), transparent 40%),
      radial-gradient(circle at 84% 22%, rgba(70, 92, 255, 0.08), transparent 42%),
      radial-gradient(circle at 50% 82%, rgba(187, 77, 255, 0.06), transparent 50%);

  }

  #hsa-premium-final-view::after {
    content: "";
    position: fixed;
    left: -15%;
    right: -15%;
    bottom: 0;
    height: 180px;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(109,59,255,0.10), transparent 70%);

  }

  .hsa-final-wrap {
    width: 91%;
    max-width: 470px;
    margin: 0 auto 40px auto;
    position: relative;
    z-index: 1;
  }

  .hsa-final-tabs {
    position: sticky;
    top: 74px;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 7px;
    margin: 0 auto 14px auto;
    padding: 7px;
    border-radius: 20px;
    background:
      linear-gradient(135deg, rgba(93, 56, 204, 0.18), rgba(255,255,255,0.02)),
      rgba(7, 2, 20, 0.84);
    border: 1px solid rgba(128, 88, 255, 0.16);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow:
      0 14px 36px rgba(0,0,0,0.42),
      0 0 28px rgba(109,59,255,0.10),
      inset 0 1px 0 rgba(255,255,255,0.07);
  }

  .hsa-final-tab-btn {
    min-height: 42px !important;
    padding: 4px !important;
    border-radius: 15px !important;
    background: rgba(111, 70, 255, 0.04) !important;
    border: 1px solid rgba(135, 95, 255, 0.10) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
    position: relative;
  }

  .hsa-final-tab-btn::before {
    display: none !important;
  }

  .hsa-final-tab-inner,
  .hsa-premium-final-tab .hsa-final-tab-inner {
    width: 100% !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    border-radius: 12px !important;
    font-size: 8.7px !important;
    font-weight: 1000 !important;
    letter-spacing: 0.15px !important;
    line-height: 1 !important;
    color: rgba(233, 226, 255, 0.82) !important;
    background:
      linear-gradient(145deg, rgba(122, 78, 255, 0.11), rgba(255,255,255,0.02)) !important;
    border: 1px solid rgba(130, 93, 255, 0.20);
    text-align: center;
    white-space: nowrap;
  }

  .hsa-final-tab-inner.hsa-active,
  .hsa-premium-final-tab .hsa-final-tab-inner.hsa-active {
    color: #f7f3ff !important;
    background:
      radial-gradient(circle at 20% 0%, rgba(255,255,255,0.20), transparent 35%),
      linear-gradient(135deg, #3c4dff 0%, #6d3bff 35%, #8247ff 70%, #b14dff 100%) !important;
    border-color: rgba(191, 164, 255, 0.48) !important;
    box-shadow:
      0 0 24px rgba(109,59,255,0.32),
      0 10px 24px rgba(48,22,110,0.34),
      inset 0 1px 0 rgba(255,255,255,0.18);
  }

  /* 🔒 Premium tab (ChatGPT/CapCut Pro/Gemini subscriptions) — ခဏ ဖျောက်ထား (line ဒီတစ်ကြောင်းပဲ ဖျက်ရင် ပြန်ပေါ်မယ်) */
  .hsa-premium-final-tab, .hsa-prem-subs-tab { display: none !important; }

  .hsa-premium-final-tab {
    position: relative !important;
  }

  .hsa-premium-final-tab .hsa-final-tab-inner {
    position: relative;
    z-index: 1;
    width: 90%;
    margin: 0;
    padding: 7px 4px !important;
    border-radius: 13px;
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    box-shadow:
      0 8px 18px rgba(0,0,0,0.22),
      inset 0 1px 0 rgba(255,255,255,0.06);
    transition: 0.25s ease;
  }

  .hsa-final-page {
    min-height: calc(100vh - 170px);
    position: relative;
    padding: 16px 13px;
    border-radius: 30px;
    overflow: hidden;
    background:
      radial-gradient(circle at 15% 0%, rgba(90, 60, 255, 0.18), transparent 32%),
      radial-gradient(circle at 100% 8%, rgba(59, 77, 255, 0.15), transparent 30%),
      linear-gradient(160deg, rgba(255,255,255,0.07), rgba(255,255,255,0.015)),
      rgba(8, 3, 22, 0.82) !important;
    border: 1px solid rgba(132, 92, 255, 0.18);
    backdrop-filter: blur(18px) saturate(165%);
    -webkit-backdrop-filter: blur(18px) saturate(165%);
    box-shadow:
      0 28px 65px rgba(0,0,0,0.50),
      0 0 36px rgba(109,59,255,0.10),
      inset 0 1px 0 rgba(255,255,255,0.08),
      inset 0 -40px 70px rgba(0,0,0,0.22);
  }

  .hsa-final-page::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 18% 8%, rgba(124,71,255,0.18), transparent 25%),
      radial-gradient(circle at 92% 8%, rgba(60,77,255,0.16), transparent 26%);
  }

  .hsa-final-page::after {
    content: "";
    position: absolute;
    top: 12%;
    left: -55%;
    width: 145%;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(112, 85, 255, 0.20),
      rgba(164, 106, 255, 0.28),
      rgba(59, 77, 255, 0.20),
      transparent
    );
    box-shadow: 0 0 14px rgba(114,75,255,0.18);
    transform: rotate(-12deg);
    animation: hsaFinalPurpleSlowLine 22s linear infinite;
    pointer-events: none;
  }

  .hsa-final-head {
    position: relative;
    margin-bottom: 14px;
    padding: 14px 14px 12px;
    border-radius: 24px;
    overflow: hidden;
    background:
      radial-gradient(circle at 0% 0%, rgba(109,59,255,0.20), transparent 38%),
      radial-gradient(circle at 100% 0%, rgba(60,77,255,0.16), transparent 40%),
      linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
      rgba(18, 8, 42, 0.62);
    border: 1px solid rgba(130, 93, 255, 0.18);
    box-shadow:
      0 14px 34px rgba(0,0,0,0.34),
      inset 0 1px 0 rgba(255,255,255,0.07);
  }

  .hsa-final-head::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(117,79,255,0.22), transparent 70%);

    pointer-events: none;
  }

  .hsa-final-head-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
  }

  .hsa-final-title {
    margin: 0;
    font-size: 20px;
    font-weight: 1000;
    letter-spacing: -0.4px;
    color: transparent !important;
    background: linear-gradient(90deg, #ffffff 0%, #cdbdff 42%, #8f6bff 70%, #5872ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none !important;
  }

  .hsa-final-chip {
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 1000;
    color: #ffffff !important;
    text-transform: uppercase;
    background:
      radial-gradient(circle at 22% 0%, rgba(255,255,255,0.18), transparent 34%),
      linear-gradient(135deg, #3c4dff 0%, #6d3bff 45%, #a34eff 100%) !important;
    border: 1px solid rgba(172, 131, 255, 0.38);
    box-shadow:
      0 0 18px rgba(109,59,255,0.24),
      0 10px 18px rgba(37,18,85,0.24),
      inset 0 1px 0 rgba(255,255,255,0.12);
    white-space: nowrap;
  }

  .hsa-final-desc {
    position: relative;
    z-index: 1;
    color: rgba(233, 226, 255, 0.72);
    font-size: 11px;
    line-height: 1.6;
    margin: 0;
  }

  .hsa-final-list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .hsa-final-card {
    position: relative;
    display: grid;
    grid-template-columns: 85px minmax(0, 1fr);
    gap: 12px;
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
    background:
      radial-gradient(circle at 0% 0%, rgba(109,59,255,0.17), transparent 34%),
      radial-gradient(circle at 100% 0%, rgba(59,77,255,0.12), transparent 30%),
      linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.018)),
      rgba(14, 6, 34, 0.88);
    border: 1px solid rgba(131, 92, 255, 0.18);

    box-shadow:
      0 15px 30px rgba(0,0,0,0.42),
      inset 0 1px 0 rgba(255,255,255,0.05);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  }

  .hsa-final-card:hover {
    transform: translateY(-2px);
    border-color: rgba(150, 112, 255, 0.28);
    box-shadow:
      0 20px 40px rgba(0,0,0,0.46),
      inset 0 1px 0 rgba(255,255,255,0.09);
  }

  .hsa-final-card:active {
    transform: scale(0.985);
  }

  .hsa-final-card::before {
    content: "";
    position: absolute;
    top: -30%;
    left: -60%;
    width: 80%;
    height: 180%;
    transform: rotate(24deg);
    background: linear-gradient(
      90deg,
      transparent,
      rgba(136, 106, 255, 0.10),
      rgba(102, 77, 255, 0.18),
      transparent
    );

    pointer-events: none;
    opacity: 0.42;
  }

  .hsa-final-media {
    position: relative;
    min-height: 140px;
    padding: 12px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    border-radius: 16px;
    overflow: hidden;
    background:
      radial-gradient(circle at 30% 16%, rgba(255,255,255,0.09), transparent 36%),
      linear-gradient(160deg, rgba(60,77,255,0.2), rgba(109,59,255,0.2) 58%, rgba(177,77,255,0.1)),
      rgba(18, 8, 44, 0.86);
    border: 1px solid rgba(135, 96, 255, 0.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -18px 30px rgba(0,0,0,0.26);
  }

  .hsa-final-media::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 12px;
    background:
      linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01)),
      rgba(7,3,20,0.46);
    border: 1px solid rgba(142, 104, 255, 0.14);
    z-index: 0;
  }

  .hsa-final-avatar,
  .hsa-final-logo {
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 16px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  }

  .hsa-final-avatar {
    object-fit: contain; 
    background: #000; 
    padding: 2px;
  }

  .hsa-final-logo {
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 1000;
    background:
      radial-gradient(circle at 32% 18%, rgba(255,255,255,0.18), transparent 34%),
      linear-gradient(145deg, rgba(59,77,255,0.30), rgba(109,59,255,0.30) 58%, rgba(177,77,255,0.16));
    border: 1px solid rgba(176, 136, 255, 0.24);
  }

  .hsa-final-icon-row {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto; 
    padding-top: 10px;
  }

  .hsa-final-icon-btn {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border: 1px solid rgba(151, 108, 255, 0.34);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background:
      radial-gradient(circle at 30% 0%, rgba(255,255,255,0.16), transparent 36%),
      linear-gradient(145deg, rgba(114, 72, 255, 0.24), rgba(255,255,255,0.03)),
      rgba(8, 3, 20, 0.80);
    color: #efe9ff;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    cursor: pointer;
    transition: 0.22s ease;
    padding: 0;
  }

  .hsa-final-icon-btn:active {
    transform: translateY(-1px);
    border-color: rgba(178, 135, 255, 0.46);
  }

  .hsa-final-icon-btn svg {
    width: 15px;
    height: 15px;
    display: block;
    fill: currentColor;
  }

  .hsa-final-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-width: 0;
  }


  .hsa-final-name {
    margin: 0;
    color: #ffffff; 
    font-size: 14px;
    font-weight: 1000;
    line-height: 1.3;
    letter-spacing: -0.2px;
    text-shadow: 0 0 10px rgba(120,84,255,0.2);
    white-space: normal; 
  }

  .hsa-final-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: max-content;
    padding: 4px 6px;
    border-radius: 6px;
    color: rgba(239, 233, 255, 0.92);
    font-size: 9px;
    font-weight: 1000;
    text-transform: uppercase;
    background: linear-gradient(135deg, rgba(102,77,255,0.16), rgba(255,255,255,0.03));
    border: 1px solid rgba(139, 100, 255, 0.22);
  }

  /* 🔥 Fast Delivery Floating Card — Pure Glass UI + Minecraft Font 🔥 */
  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');

  .hsa-fast-delivery-card {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    margin-bottom: 6px;
    border-radius: 10px;
    font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px) saturate(150%);
    -webkit-backdrop-filter: blur(4px) saturate(150%);
    border: 1.5px solid rgba(255, 255, 255, 0.28);
    box-shadow:
      0 6px 18px rgba(0, 0, 0, 0.4),
      0 1px 0 rgba(255, 255, 255, 0.18) inset,
      0 -1px 0 rgba(0, 0, 0, 0.25) inset;
    text-shadow:
      0 1px 0 rgba(0, 0, 0, 0.8),
      0 0 8px rgba(255, 255, 255, 0.4);
    animation: hsaFastFloat 2.4s ease-in-out infinite;
    position: relative;
    z-index: 2;
    width: max-content;
    max-width: 100%;
  }
  .hsa-fast-delivery-card .fa-bolt {
    color: #fff700;
    text-shadow:
      0 0 8px #fff700,
      0 0 14px rgba(255, 153, 0, 0.8),
      0 1px 0 rgba(0, 0, 0, 0.6);
    animation: hsaBoltPulse 0.9s ease-in-out infinite;
    font-size: 13px;
  }
  @keyframes hsaFastFloat {
    0%, 100% {
      transform: translateY(0);
      box-shadow: 0 6px 18px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.18) inset, 0 -1px 0 rgba(0,0,0,0.25) inset;
    }
    50% {
      transform: translateY(-4px);
      box-shadow: 0 12px 26px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.25) inset, 0 -1px 0 rgba(0,0,0,0.3) inset;
    }
  }
  @keyframes hsaBoltPulse {
    0%, 100% { transform: scale(1); opacity: 0.95; }
    50%      { transform: scale(1.25); opacity: 1; }
  }

  @media (max-width: 480px) {
    .hsa-fast-delivery-card {
      font-size: 9px;
      padding: 8px 11px;
      letter-spacing: 0.5px;
    }
    .hsa-fast-delivery-card .fa-bolt {
      font-size: 10px;
    }
  }

  .hsa-final-price {
    margin: 0;
    font-size: 18px;
    font-weight: 1000;
    line-height: 1;
    color: #cdb5ff;
    text-shadow: 0 0 10px rgba(151, 101, 255, 0.3);
  }

  .hsa-final-form {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 2px;
  }

  .hsa-final-input {
    width: 100% !important;
    height: 36px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    outline: none !important;
    background: rgba(0,0,0,0.4) !important;
    border: 1px solid rgba(132, 95, 255, 0.3) !important;
    color: #f7f3ff !important;
    font-size: 12px !important;
    font-weight: bold !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.3) !important;
    transition: 0.25s ease !important;
  }

  .hsa-final-input:focus {
    border-color: #00eaff !important;
    box-shadow: 0 0 10px rgba(0,242,255,0.3) !important;
  }

  .hsa-final-note {
    padding: 4px 6px;
    border-radius: 8px;
    color: #aaa;
    font-size: 9px;
    line-height: 1.4;
    text-align: left;
    background: rgba(255,255,255,0.05);
    border: 1px dashed rgba(255,255,255,0.1);
  }

  .hsa-final-btn {
    width: 100%;
    height: 36px;
    border-radius: 10px;
    cursor: pointer;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 1000;
    border: 1px solid rgba(150, 112, 255, 0.3);
    background: linear-gradient(135deg, #3551ff 0%, #6d3bff 50%, #9c4dff 100%);
    box-shadow: 0 4px 15px rgba(103, 68, 255, 0.3);
    transition: 0.2s ease;
  }

  .hsa-final-btn:active {
    transform: scale(0.97);
    background: linear-gradient(135deg, #2f46e8, #603cff, #a34eff);
  }

  #hsa-final-mini-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
  }
  #hsa-final-mini-modal.hsa-show { display: block; }
  #hsa-final-mini-modal .hsa-final-modal-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); }
  #hsa-final-mini-modal .hsa-final-modal-dialog {
    position: absolute; left: 50%; top: 50%;
    width: calc(100% - 40px); max-width: 300px;
    transform: translate(-50%, -50%);
    border-radius: 16px; padding: 15px;
    background: rgba(20, 10, 40, 0.85);
    border: 1px solid rgba(165, 123, 255, 0.3);
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
  }
  #hsa-final-mini-modal .hsa-final-modal-title { margin: 0 0 10px 0; font-size: 15px; font-weight: 900; color: #fff; }
  #hsa-final-mini-modal .hsa-final-modal-text { color: #ddd; font-size: 12px; line-height: 1.6; }
  #hsa-final-mini-modal .hsa-final-modal-close {
    margin-top: 15px; width: 100%; height: 36px; border: 1px solid rgba(170, 130, 255, 0.4);
    border-radius: 10px; background: linear-gradient(135deg, #3f54ff, #a34eff); color: #fff;
    font-size: 13px; font-weight: 900; cursor: pointer;
  }

  @keyframes hsaFinalPurpleSlowLine {
    0% { transform: translateX(-10%) rotate(-12deg); opacity: 0; }
    16% { opacity: 0.28; }
    50% { opacity: 0.10; }
    100% { transform: translateX(42%) rotate(-12deg); opacity: 0; }
  }

/* ==== style L28283 ==== */
${historyCSS}
/* ==== style L28832 ==== */

/* ==============================================================
   🔥 1. FLOATING BUTTON CORE STYLE (Size 42px) 🔥
============================================================== */
.glass-support-btn {
    position: fixed;
    bottom: 160px;
    right: 15px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 99998;
    touch-action: none; 
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    transition: transform 0.2s ease;
}
.glass-support-btn:active { transform: scale(0.85); }
.glass-support-btn i { color: #fff; filter: drop-shadow(0 0 4px rgba(255,255,255,0.8)); }


.theme-6 {
    background: linear-gradient(135deg, rgba(255,50,50,0.3) 0%, rgba(255,50,50,0.05) 50%, rgba(50,0,0,0.4) 100%);
    border: 1px solid rgba(255,77,77,0.5);
    box-shadow: 0 5px 15px rgba(255,50,50,0.2), inset 0 2px 4px rgba(255,255,255,0.5), inset 0 -2px 4px rgba(100,0,0,0.4);
}
.theme-blue-tg {
    background: linear-gradient(135deg, rgba(0,170,255,0.3) 0%, rgba(0,170,255,0.05) 50%, rgba(0,30,60,0.4) 100%);
    border: 1px solid rgba(0,170,255,0.5);
    box-shadow: 0 5px 15px rgba(0,150,255,0.25), inset 0 2px 4px rgba(255,255,255,0.5), inset 0 -2px 4px rgba(0,40,80,0.4);
}


/* ==============================================================
   🔥 2. MINIMALIST GAMING POPUP (No Box, Just Floating Lines) 🔥
============================================================== */
.minimal-popup-container {
    display: none;
    position: fixed;
    z-index: 99999;
    flex-direction: column;
    gap: 12px; 
    width: max-content;
    opacity: 0;
    transform: translateY(15px) scale(0.9);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.minimal-popup-container.show {
    display: flex;
    opacity: 1;
    transform: translateY(0) scale(1);
}


.minimal-glass-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    border-radius: 50px; 
    cursor: pointer;

    
    background: rgba(15, 20, 25, 0.35); 
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4), inset 0 0 8px rgba(255,255,255,0.05);

    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
    white-space: nowrap;
    transition: all 0.2s ease;
}


.minimal-glass-item:active {
    background: rgba(0, 242, 255, 0.2);
    border-color: #00eaff;
    transform: scale(0.95);
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.3);
}

.minimal-glass-item i {
    font-size: 16px;
    filter: drop-shadow(0 0 4px rgba(255,255,255,0.3));
}
.minimal-glass-item span {
    text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

/* ==============================================================
   🔥 3. ADMIN LOTTIE ICON GLASS EFFECT 🔥
============================================================== */
.admin-lottie-glass {
    width: 18px; 
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;

    background: rgba(255, 102, 178, 0.05);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.admin-lottie-glass svg {
    width: 16px !important;
    height: 16px !important;

    filter: invert(0.6) sepia(1) saturate(5) hue-rotate(290deg) drop-shadow(0 0 3px rgba(255, 102, 178, 0.8));
}

/* ==== style hsa-vpn-bw-css ==== */

/* 🖤 Website VPN page — အဖြူအမည်း · animation/blur/timer မပါ (owner 2026-09-05) · 2 GB · 30 မိနစ် */
#vpn-view{background:#000;color:#fff;min-height:100vh;padding:14px 16px 70px;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;max-width:560px;margin:0 auto}
#vpn-view *{box-sizing:border-box}
#vpn-view .vb-back{display:inline-flex;align-items:center;gap:6px;color:#fff;border:1px solid #fff;border-radius:10px;padding:8px 14px;font-weight:800;font-size:13px;cursor:pointer;background:#000}
#vpn-view .vb-h{font-size:22px;font-weight:900;margin:18px 0 4px;letter-spacing:.5px}
#vpn-view .vb-s{font-size:12px;color:#bbb;margin-bottom:16px;line-height:1.5}
#vpn-view{--vb:#c9b3ff;--vb2:rgba(201,179,255,.55)}
#vpn-view .vb-box{border:1px solid var(--vb2);border-radius:14px;padding:14px;margin-bottom:12px;background:#000;box-shadow:inset 0 0 0 1px rgba(201,179,255,.08)}
#vpn-view .vb-h{color:var(--vb)}
#vpn-view .vb-row span{color:var(--vb);font-weight:800;letter-spacing:.3px}
#vpn-view .vb-tc{display:flex;justify-content:space-between;font-size:11px;color:#bbb;padding:0 0 10px;border-bottom:1px dashed #333;margin-bottom:6px}
#vpn-view .vb-tc b{color:var(--vb)}
#vpn-view .vb-btn.v{background:var(--vb);color:#000;border-color:var(--vb)}
#vpn-view .vb-lbl{font-weight:900;font-size:13px;margin-bottom:8px;color:var(--vb)}
#vpn-view .vb-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px dashed #333}
#vpn-view .vb-row:last-of-type{border-bottom:0}
#vpn-view .vb-row b{font-size:15px}
#vpn-view .vb-bar{height:8px;border:1px solid var(--vb2);border-radius:6px;overflow:hidden;margin:8px 0 12px}
#vpn-view .vb-bar i{display:block;height:100%;background:var(--vb)}
#vpn-view .vb-key{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#ccc;word-break:break-all;background:#0b0810;border:1px solid var(--vb2);border-radius:8px;padding:8px;max-height:64px;overflow:hidden}
#vpn-view .vb-btn{display:block;width:100%;padding:13px;border-radius:12px;border:1px solid #fff;background:#fff;color:#000;font-weight:900;font-size:14px;cursor:pointer;margin-top:10px;text-align:center;font-family:inherit}
#vpn-view .vb-btn.o{background:#000;color:#fff}
#vpn-view .vb-btn[disabled]{opacity:.35;cursor:not-allowed}
#vpn-view .vb-msg{font-size:12px;color:#ccc;margin-top:8px;line-height:1.5}
#vpn-view .vb-in{width:100%;padding:12px;border-radius:10px;border:1px solid var(--vb2);background:#000;color:#fff;font-size:14px;font-family:inherit}
#vpn-view .vb-gk{border:1px solid #333;border-radius:10px;padding:8px;margin-top:8px;font-size:12px}
#vpn-view .vb-gk .k{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:#aaa;word-break:break-all;margin:4px 0}
body.hsa-v-vpn-view header,body.hsa-v-vpn-view .bottom-nav,body.hsa-v-vpn-view #hsa-footer,body.hsa-v-vpn-view #hsa-review-section,body.hsa-v-vpn-view #hsa-seo-links,body.hsa-v-vpn-view #hsa-ic,body.hsa-v-vpn-view #hsa-theme-icon,body.hsa-v-vpn-view #floating-support-btn{display:none !important}
body.hsa-v-vpn-view,html.hsa-v-vpn-view{background:#000 !important}
body.hsa-v-vpn-view #content-area{padding-top:0 !important}
body.hsa-v-vpn-view #hsa-drift,body.hsa-v-vpn-view #ut-mc-label,body.hsa-v-vpn-view #hsa-fps-badge,body.hsa-v-vpn-view #hsa-points-badge,body.hsa-v-vpn-view #hsa-scene,body.hsa-v-vpn-view #hsa-vignette,body.hsa-v-vpn-view #scrollTopBtn,body.hsa-v-vpn-view .hsa-glow,body.hsa-v-vpn-view [class*="hsa-t9-"]{display:none !important}

/* ==== style vpn-bg-dynamic-style ==== */

/* ==== style L30115 ==== */

/* 🔥 Toggle button - replaces green dot 🔥 */
#bg-style-toggle {
    display: none;
    position: fixed;
    background: rgba(57, 255, 20, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(57, 255, 20, 0.4);
    color: #39ff14;
    padding: 4px 10px;
    border-radius: 12px;
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    font-weight: 900;
    z-index: 9999999;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 0 12px rgba(57, 255, 20, 0.5), inset 0 1px 0 rgba(255,255,255,0.1);
    letter-spacing: 1px;
    text-shadow: 0 0 6px rgba(57, 255, 20, 0.8);
    transition: transform 0.15s ease;
    animation: togglePulse 1.5s infinite alternate;
}

#bg-style-toggle:active {
    transform: scale(0.9) !important;
    background: rgba(57, 255, 20, 0.3) !important;
}

@keyframes togglePulse {
    0%   { box-shadow: 0 0 8px rgba(57, 255, 20, 0.4), inset 0 1px 0 rgba(255,255,255,0.1); }
    100% { box-shadow: 0 0 16px rgba(57, 255, 20, 0.9), inset 0 1px 0 rgba(255,255,255,0.15); }
}

/* ==== style L30158 ==== */

/* ============================================================
   🔥 ROBOT FONT (different from rest of app)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Chakra+Petch:wght@500;600;700&display=swap');

/* ============================================================
   🌍 REGION TAB BAR (top of VPN page, controls 1GB card)
   ============================================================ */
.vpn-region-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 18px;
    padding: 6px;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 16px;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.6),
        0 4px 14px rgba(0, 0, 0, 0.4);
}
.vpn-region-tab {
    position: relative;
    padding: 10px 4px;
    border-radius: 11px;
    font-family: 'Chakra Petch', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.55);
    text-align: center;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.vpn-region-tab .vpn-region-flag {
    font-size: 14px;
    line-height: 1;
}
.vpn-region-tab.active {
    background: rgba(0, 198, 255, 0.14);
    border: 1px solid rgba(0, 198, 255, 0.55);
    color: #00f2ff;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.7);
    box-shadow:
        0 0 14px rgba(0, 198, 255, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.vpn-region-tab:active { transform: scale(0.94); }

/* ============================================================
   💎 PREMIUM CARD — clone of 1GB card
   ============================================================ */

#vpn-active-card.has-prem-overlay {

}
#vpn-prem-card {
    display: none !important;               
}
#vpn-prem-card .pixel-bug,
#vpn-prem-card .bug-surprise-icon,
#vpn-prem-card #bg-style-toggle {
    display: none !important;
}


/* ============================================================
   🪟 FROSTED-GLASS OVERLAY (sits on top of premium card)
   ============================================================ */
.vpn-prem-overlay {
    position: absolute;            
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 50;

    border-radius: 20px;
    background: rgba(8, 12, 28, 0.55);
    backdrop-filter: blur(5px) saturate(110%);
    -webkit-backdrop-filter: blur(5px) saturate(110%);
    border: 1px solid rgba(255, 215, 0, 0.22);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;        /* anchored top, no double-overlap */
        padding: 22px 18px 22px;            /* generous side padding */
        text-align: center;
        box-sizing: border-box;
        transition: opacity 0.45s ease, transform 0.45s ease;
        overflow-y: auto;                   /* if content taller, allow scroll instead of hide */
        -webkit-overflow-scrolling: touch;
        min-height: 540px;                  
    }
.vpn-prem-overlay::-webkit-scrollbar { display: none; }
.vpn-prem-overlay.hidden {
    opacity: 0;
    pointer-events: none;
    transform: scale(1.02);
}

/* Minecraft pixel-bug icon (built with CSS box-shadow pixels) */
.vpn-prem-bug {
    width: 48px; height: 48px;
    margin-bottom: 14px;
    position: relative;
    image-rendering: pixelated;
    filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.55));
    animation: vpnPremBugFloat 2.4s ease-in-out infinite;
}
@keyframes vpnPremBugFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-3px); }
}

/* Title — slightly larger to read in Burmese */
.vpn-prem-overlay-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 2.2px;
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
    margin-bottom: 10px;
}

/* Burmese description — use system Burmese font (whatever the user already has set) */
.vpn-prem-overlay-sub {
    font-family: inherit;
    font-size: 13px;
    line-height: 1.85;
    color: rgba(255, 255, 255, 0.92);
    margin-bottom: 16px;
    max-width: 300px;
    letter-spacing: 0.1px;
    font-weight: 500;
    text-align: center;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.vpn-prem-overlay-features {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
    width: 100%;
    max-width: 300px;
}
.vpn-prem-overlay-feat {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 0;
}
.vpn-prem-overlay-feat i {
    color: #ffd700;
    font-size: 11px;
    width: 14px;
    text-align: center;
}
.vpn-prem-overlay-price {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    color: #ffd700;
    letter-spacing: 1.2px;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
    margin-bottom: 14px;
    padding: 7px 16px;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(255, 215, 0, 0.32);
    border-radius: 11px;
}

/* Subtle shimmer on swipe — soft moving sheen, not loud */
.vpn-prem-overlay-swipe {
    width: 100%;
    max-width: 300px;
    height: 52px;
    border-radius: 26px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(255, 215, 0, 0.32);
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.7);
}
.vpn-prem-overlay-swipe::before {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    width: 60%;
    left: -60%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 215, 0, 0.10) 35%,
        rgba(255, 215, 0, 0.20) 50%,
        rgba(255, 215, 0, 0.10) 65%,
        transparent 100%
    );
    animation: vpnPremShimmer 3.2s linear infinite;
    pointer-events: none;
    z-index: 0;
}
@keyframes vpnPremShimmer {
    0%   { left: -60%; }
    100% { left: 110%; }
}
.vpn-prem-overlay-swipe-text {
    width: 100%;
    text-align: center;
    font-family: 'Chakra Petch', sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    color: rgba(255, 215, 0, 0.92);
    letter-spacing: 1.6px;
    pointer-events: none;
    z-index: 2;
    position: relative;
}
.vpn-prem-overlay-swipe-thumb {
    position: absolute;
    left: 5px; top: 5px;
    width: 42px; height: 42px;
    border-radius: 50%;
    cursor: grab;
    display: flex; align-items: center; justify-content: center;
    z-index: 3;
    color: #ffd700;
    font-size: 14px;
    background: rgba(255, 215, 0, 0.18);
    border: 1px solid rgba(255, 215, 0, 0.55);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

/* ============================================================
   📲 APP CONNECTOR GRID — small icons under VPN page
   ============================================================ */
.vpn-apps-launcher {
    margin-top: 24px;
    padding: 14px 12px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.07);
    text-align: center;
}
.vpn-apps-launcher-title {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.55);
    letter-spacing: 1.5px;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.vpn-apps-launcher-title::before,
.vpn-apps-launcher-title::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
    max-width: 40px;
}
.vpn-apps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.vpn-app-icon {
    aspect-ratio: 1;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s, background 0.2s, border-color 0.2s;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    overflow: hidden;
}
.vpn-app-icon:active {
    transform: scale(0.92);
    background: rgba(0, 198, 255, 0.12);
    border-color: rgba(0, 198, 255, 0.4);
}
.vpn-app-icon img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    pointer-events: none;
    border-radius: 12px;
    margin-top: -6px;          /* visual centering above the label */
}
.vpn-app-icon-label {
    position: absolute;
    bottom: 4px;
    left: 0; right: 0;
    font-family: 'Chakra Petch', sans-serif;
    font-size: 8.5px;
    color: rgba(255,255,255,0.55);
    letter-spacing: 0.5px;
    text-align: center;
    pointer-events: none;
}

/* ============================================================
   🎬 BOTTOM SHEET — slow elegant slide-up
   ============================================================ */
.vpn-app-sheet-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    z-index: 9998;
    pointer-events: none;
    transition: background 0.45s ease, backdrop-filter 0.45s ease;
}
.vpn-app-sheet-backdrop.show {
    pointer-events: auto;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.vpn-app-sheet {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    /* Darker glass for readability */
    background: rgba(16, 20, 32, 0.92);
    backdrop-filter: blur(20px) saturate(120%);
    -webkit-backdrop-filter: blur(20px) saturate(120%);
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 -12px 40px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    padding: 16px 20px 32px;
    max-height: 85vh;
    overflow-y: auto;
}
.vpn-app-sheet.show {
    transform: translateY(0);
}
.vpn-app-sheet-handle {
    width: 44px; height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.18);
    margin: 0 auto 16px;
}
.vpn-app-sheet-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.vpn-app-sheet-icon {
    width: 56px; height: 56px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}
.vpn-app-sheet-icon img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; }
.vpn-app-sheet-name {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}
.vpn-app-sheet-desc {
    font-family: 'Share Tech Mono', monospace;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.55);
    letter-spacing: 0.3px;
}
.vpn-app-sheet-platforms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.vpn-app-sheet-platform {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    cursor: pointer;
    transition: all 0.2s;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    color: inherit;
}
.vpn-app-sheet-platform:active {
    transform: scale(0.97);
    background: rgba(0, 198, 255, 0.12);
    border-color: rgba(0, 198, 255, 0.35);
}
.vpn-app-sheet-platform-icon {
    width: 28px;
    color: #00d4ff;
    font-size: 18px;
    text-align: center;
    flex-shrink: 0;
}
.vpn-app-sheet-platform-name {
    font-family: 'Chakra Petch', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.5px;
    flex: 1;
}
.vpn-app-sheet-platform-arrow {
    color: rgba(255, 255, 255, 0.3);
    font-size: 11px;
}
.vpn-app-sheet-info {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 11px;
    background: rgba(0, 198, 255, 0.06);
    border: 1px solid rgba(0, 198, 255, 0.2);
    font-family: inherit;
    font-size: 12.5px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
}
.vpn-app-sheet-info b {
    color: #00d4ff;
}
.vpn-app-sheet-close {
    position: absolute;
    top: 14px; right: 16px;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.7);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    font-size: 12px;
    border: none;
}

/* ==== style L30643 ==== */

    .lp-tab-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding-bottom: 10px; margin-bottom: 15px; }
    .lp-tab { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 12px; border-radius: 12px; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: 0.2s; }
    .lp-tab.active { background: rgba(0, 242, 255, 0.15); border-color: #00f2ff; box-shadow: 0 0 10px rgba(0, 242, 255, 0.3); color: #00f2ff; }
    .lp-badge { padding: 2px 5px; border-radius: 6px; font-size: 10px; font-weight: 900; color: #fff; }
    .lp-badge.red { background: rgba(255, 51, 51, 0.5); border: 1px solid #ff3333; }
    .lp-badge.green { background: rgba(57, 255, 20, 0.4); border: 1px solid #39ff14; }

/* ==== style L31780 ==== */

/* 🔥 GB Card Style 🔥 */
.vpn-gb-card { margin-top: 18px !important; position: relative; display: block; border-color: rgba(132, 92, 255, 0.18) !important; }
.gb-subtitle { text-align: center; margin-top: -15px; margin-bottom: 15px; font-size: 11px; color: #aaa; font-weight: bold; display: none; }

/* 🔥 GB Creepers (Trails, Bubbles & Surprise) 🔥 */
.gb-creeper {
    position: absolute !important; width: 18px; height: 20px; box-sizing: border-box; pointer-events: auto; cursor: grab; z-index: 999 !important; touch-action: none; image-rendering: pixelated;
    filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.7)) drop-shadow(0 0 8px rgba(0, 240, 255, 0.4)); transition: filter 0.18s ease, transform 0.12s ease; animation: chargedCreeperPulse 1.6s ease-in-out infinite;
}
@keyframes chargedCreeperPulse { 0%, 100% { filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.7)) drop-shadow(0 0 8px rgba(0, 240, 255, 0.4)); } 50% { filter: drop-shadow(0 0 7px rgba(255, 215, 0, 0.95)) drop-shadow(0 0 12px rgba(0, 240, 255, 0.7)); } }
.gb-creeper::before { content: ''; position: absolute; top: -12px; left: -12px; right: -12px; bottom: -12px; background: transparent; cursor: grab; }
.gb-creeper.holding { filter: drop-shadow(0 0 12px rgba(125, 255, 90, 0.95)) drop-shadow(0 0 18px rgba(76, 175, 58, 0.85)); transform: scale(1.35); cursor: grabbing; }
.gb-creeper.dragged { filter: drop-shadow(0 0 14px rgba(125, 255, 90, 1)) drop-shadow(0 0 22px rgba(76, 175, 58, 0.9)) drop-shadow(0 0 30px rgba(255,255,255,0.4)); transform: scale(1.45); cursor: grabbing; }


.gb-creeper-trail {
    position: absolute; width: 10px; height: 10px; border-radius: 50%;
    background: radial-gradient(circle, rgba(125,255,90,0.85), rgba(76,175,58,0.3) 60%, transparent 80%);
    pointer-events: none; z-index: 998; animation: creeperTrailFade 0.55s ease-out forwards;
}
@keyframes creeperTrailFade { 0% { opacity: 0.9; transform: scale(1); } 100% { opacity: 0; transform: scale(0.3); } }

/* ✨ Surprise ! Icon */
.gb-creeper-surprise {
    position: absolute; font-size: 14px; font-weight: 900; color: #ffee00; background: rgba(255, 238, 0, 0.2); border: 1px solid rgba(255, 238, 0, 0.6); backdrop-filter: blur(4px); border-radius: 6px; padding: 2px 8px; box-shadow: 0 0 15px rgba(255, 238, 0, 0.5); pointer-events: none; z-index: 1000; animation: popSurprise 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes popSurprise { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; } }

/* 💬 Chat Bubble */
.gb-creeper-bubble {
    position: absolute; font-family: 'Courier New', monospace; font-size: 9px; font-weight: 700; color: #c8ff8a; background: rgba(10, 20, 8, 0.85); border: 1px solid #4caf3a; box-shadow: 0 0 8px rgba(76, 175, 58, 0.45); padding: 3px 6px; border-radius: 3px; white-space: nowrap; pointer-events: none; z-index: 1001; text-shadow: 0 0 4px rgba(76,175,58,0.6); animation: mcBubbleIn 0.18s ease-out; min-height: 18px; min-width: 24px; box-sizing: border-box; line-height: 12px;
}
.gb-creeper-bubble::after { content: ''; position: absolute; bottom: -4px; left: 8px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #4caf3a; }

/* ==== style L31816 ==== */


.mc-creeper-bubble, .gb-creeper-bubble {
    position: absolute !important;
    font-family: 'Courier New', monospace !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    z-index: 99999 !important;
    width: max-content !important;
    border-width: 1px !important;
    border-style: solid !important;
    transition: opacity 0.3s ease !important;

    
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

/* ================= FREE CARD BUBBLES ================= */

.bubble-blue {
    color: #00f2ff !important;
    border-color: rgba(0, 242, 255, 0.4) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 242, 255, 0.1) !important;
    text-shadow: 0 0 5px rgba(0, 242, 255, 0.7) !important;
}
.bubble-blue::after {
    content: '' !important; position: absolute !important; bottom: -6.5px !important; left: 12px !important; width: 0 !important; height: 0 !important;
    border-left: 6px solid transparent !important; border-right: 6px solid transparent !important; border-top: 6px solid rgba(0, 242, 255, 0.4) !important;
}


.bubble-red {
    color: #ff3333 !important;
    border-color: rgba(255, 51, 51, 0.4) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(255, 51, 51, 0.1) !important;
    text-shadow: 0 0 5px rgba(255, 51, 51, 0.7) !important;
}
.bubble-red::after {
    content: '' !important; position: absolute !important; bottom: -6.5px !important; left: 12px !important; width: 0 !important; height: 0 !important;
    border-left: 6px solid transparent !important; border-right: 6px solid transparent !important; border-top: 6px solid rgba(255, 51, 51, 0.4) !important;
}

/* ================= REDEEM/PREMIUM CARD BUBBLES ================= */
/* 🟢 Minecraft Creeper (Green) */
.bubble-green {
    color: #39ff14 !important;
    border-color: rgba(57, 255, 20, 0.4) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(57, 255, 20, 0.1) !important;
    text-shadow: 0 0 5px rgba(57, 255, 20, 0.7) !important;
}
.bubble-green::after {
    content: '' !important; position: absolute !important; bottom: -6.5px !important; left: 12px !important; width: 0 !important; height: 0 !important;
    border-left: 6px solid transparent !important; border-right: 6px solid transparent !important; border-top: 6px solid rgba(57, 255, 20, 0.4) !important;
}


.vpn-gb-card > .fa-times {
    display: block !important;
}

/* ==== style hsa-admin-premium-bg-style ==== */


@media (max-width: 768px) {
    /* Universal kill — ANY element with backdrop-filter except our admin UI.
       🚨 FIX: this used to also exclude anything with an "hsa-"-prefixed CLASS, not just id — but a huge
       share of the site's own glass panels carry an incidental hsa- theme/utility class alongside their
       real class (e.g. .hsa-final-tab-inner, which the very next rule below tries to backfill a solid
       background for, proving its blur was meant to be killed here and never was). That accidentally
       exempted most of the real blur cost from ever being removed, so Perf Mode wasn't doing its job —
       a live bug-capture on this device showed 175 backdrop-filter layers still active with Perf Mode ON.
       Only the id-based exclusion is needed to protect our own admin/FPS/tour tool chrome.
       🚨 FIX #2: even after that, a re-capture still showed 84 left (header, .gc-item, .bottom-nav,
       #checkout-bar, modals...) — because per-theme rules like ".hsa-theme-4 .gc-item{backdrop-filter:
       blur(15px)!important}" carry MORE specificity (3 classes) than the single-class rule above (2), so
       they kept winning regardless of source order. Repeating the class selector is a standard, harmless
       way to raise specificity without needing new HTML — pushed high enough to beat every themed variant. */
    body.hsa-mobile-perf-fix.hsa-mobile-perf-fix.hsa-mobile-perf-fix.hsa-mobile-perf-fix *:not([id^="hsa-"]) {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    /* Same root cause was letting decorative CSS animations (blink badges, glows, etc) run forever even
       with Perf Mode on — pause everything except things that look like a loading/spinner/progress
       indicator (killing those would make real async waits look frozen, which is worse than the FPS cost). */
    body.hsa-mobile-perf-fix.hsa-mobile-perf-fix.hsa-mobile-perf-fix.hsa-mobile-perf-fix *:not([id^="hsa-"]):not([class*="load"]):not([class*="spin"]):not([class*="Spin"]):not([class*="progress"]):not(.dep-coin) {
        animation: none !important;
    }
    /* Solidify common card backgrounds so they don't look transparent ugly */
    body.hsa-mobile-perf-fix .gc-item,
    body.hsa-mobile-perf-fix .game-card,
    body.hsa-mobile-perf-fix .pay-card-new,
    body.hsa-mobile-perf-fix .live-wrap,
    body.hsa-mobile-perf-fix .hsa-final-tab-inner,
    body.hsa-mobile-perf-fix .bw-card {
        background-color: rgba(20, 25, 40, 0.78) !important;
    }
    /* Cheap GPU layer for cards, helps Safari keep them on a separate layer */
    body.hsa-mobile-perf-fix .gc-item,
    body.hsa-mobile-perf-fix .game-card {
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        /* ⚠️ content-visibility:auto ဖြုတ်လိုက်တယ် — အပေါ်အောက် မြန်မြန်ဆွဲရင် ကတ်တွေ
           အနက်ရောင် ဖြစ်သွားပြီး ရပ်မှ ပြန်ပေါ်တာ ဒါကြောင့်ပဲ (offscreen ကို render မလုပ်ဘဲ ချန်ထားလို့) */
    }
}

/* ============================
   🌌 BASE
   ============================ */
/* 🛑 Admin theme active → hide apple/grid pattern bg in cards */
body.hsa-admin-bg #gc-pattern-bg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
body.hsa-admin-bg #gc-cat-view,
body.hsa-admin-bg #gc-checkout-view {
    background: transparent !important;
}

body.hsa-admin-bg {
    background: #000 !important;
    background-attachment: fixed !important;
    position: relative;
    overflow-x: hidden;
}

body.hsa-admin-bg .hsa-grain {
    position: fixed; inset: 0; z-index: -1; pointer-events: none;
    opacity: 0.07; mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}


body.hsa-admin-bg .hsa-scene {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -2;
    pointer-events: none;
    overflow: hidden;
    /* GPU compositor pin */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    contain: layout paint style;
    isolation: isolate;
}

body.hsa-admin-bg .hsa-scene::before,
body.hsa-admin-bg .hsa-scene::after {
    content: '';
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    border-radius: 50%;
    pointer-events: none;
    will-change: transform;
}

body.hsa-admin-bg .hsa-scene::before {
    width: 120vw; height: 120vh;  
    background: radial-gradient(circle at center, var(--hsa-c1) 0%, var(--hsa-c1-fade, transparent) 25%, transparent 55%);
    filter: blur(8px);  
    opacity: 0.8;
    animation: hsa-glow-drift-1 22s ease-in-out infinite alternate;

    transform: translateZ(0);
    backface-visibility: hidden;
}

body.hsa-admin-bg .hsa-scene::after {
    width: 70vw; height: 70vh;
    background: radial-gradient(circle at center, var(--hsa-c2) 0%, var(--hsa-c2-fade, transparent) 30%, transparent 60%);
    filter: blur(10px);
    opacity: 0.7;
    animation: hsa-glow-drift-2 26s ease-in-out infinite alternate;
    transform: translateZ(0);
    backface-visibility: hidden;
}


@keyframes hsa-glow-drift-1 {
    0%   { transform: translate(-50%, -50%) translate3d(-38vw, -28vh, 0); }
    50%  { transform: translate(-50%, -50%) translate3d(34vw, 22vh, 0); }
    100% { transform: translate(-50%, -50%) translate3d(-20vw, 30vh, 0); }
}
@keyframes hsa-glow-drift-2 {
    0%   { transform: translate(-50%, -50%) translate3d(36vw, 30vh, 0); }
    50%  { transform: translate(-50%, -50%) translate3d(-34vw, -26vh, 0); }
    100% { transform: translate(-50%, -50%) translate3d(28vw, -32vh, 0); }
}
@keyframes hsa-glow-drift-3 {
    0%   { transform: translate(-50%, -50%) translate3d(0vw, -34vh, 0); }
    50%  { transform: translate(-50%, -50%) translate3d(30vw, 28vh, 0); }
    100% { transform: translate(-50%, -50%) translate3d(-32vw, -10vh, 0); }
}
body.hsa-admin-bg .hsa-glow-3 {
    position: absolute;
    left: 50%; top: 50%;
    width: 60vw; height: 60vh;
    border-radius: 50%;
    pointer-events: none;
    will-change: transform;
    filter: blur(28px);
    opacity: 0.55;
    background: radial-gradient(circle at center, var(--hsa-c2, transparent) 0%, var(--hsa-c1-fade, transparent) 30%, transparent 60%);
    transform: translate(-50%, -50%) translateZ(0);
    backface-visibility: hidden;
    animation: hsa-glow-drift-3 20s ease-in-out infinite alternate;
}
body.hsa-admin-bg.hsa-theme-8 .hsa-glow-3,
body.hsa-admin-bg.hsa-theme-9 .hsa-glow-3,
body.hsa-admin-bg.hsa-theme-10 .hsa-glow-3,
body.hsa-admin-bg.hsa-theme-4 .hsa-glow-3 { display: none; }


body.hsa-admin-bg.hsa-theme-8 .hsa-scene::before,
body.hsa-admin-bg.hsa-theme-8 .hsa-scene::after,
body.hsa-admin-bg.hsa-theme-10 .hsa-scene::before,
body.hsa-admin-bg.hsa-theme-10 .hsa-scene::after {
    animation: none !important;
}


@media (prefers-reduced-motion: reduce) {
    body.hsa-admin-bg .hsa-scene::before,
    body.hsa-admin-bg .hsa-scene::after {
        animation: none !important;
    }
}


@media (prefers-reduced-motion: reduce), (prefers-reduced-transparency: reduce) {
    body.hsa-admin-bg .hsa-scene::before,
    body.hsa-admin-bg .hsa-scene::after {
        filter: blur(10px) !important;  
        opacity: 0.5 !important;
        animation: none !important;
    }

    body.hsa-admin-bg * {
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
    }
}


@media (max-width: 480px) {
    /* phones are exactly where blur is most expensive — this used to INCREASE it (15px/20px), which was backwards; reduce it instead */
    body.hsa-admin-bg .hsa-scene::before {
        filter: blur(5px) !important;
    }
    body.hsa-admin-bg .hsa-scene::after {
        filter: blur(6px) !important;
    }
}

body.hsa-admin-bg .hsa-accent {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.55;
    pointer-events: none;
}

body.hsa-admin-bg .hsa-vignette {
    position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background:
        radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,0.85) 95%, #000 100%),
        linear-gradient(180deg, rgba(0,0,0,0.4) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.4) 100%);
    transform: translateZ(0);
    will-change: transform;
}

/* ============================
   🎨 THEMES 0-7 (unchanged)
   ============================ */
body.hsa-admin-bg.hsa-theme-0 { --hsa-c1: rgba(180,30,80,0.6); --hsa-c1-fade: rgba(120,20,60,0.2); --hsa-c2: rgba(255,90,140,0.7); --hsa-c2-fade: rgba(200,40,100,0.25); --hsa-accent-c: #c8285c; }
body.hsa-admin-bg.hsa-theme-0 {
    font-family: 'Outfit','Segoe UI',sans-serif !important;
}
body.hsa-admin-bg.hsa-theme-0 h1, body.hsa-admin-bg.hsa-theme-0 h2,
body.hsa-admin-bg.hsa-theme-0 h3, body.hsa-admin-bg.hsa-theme-0 .sec-title {
    font-family: 'Sora','Outfit',sans-serif !important;
    font-weight: 800 !important; letter-spacing: -0.5px !important;
}

body.hsa-admin-bg.hsa-theme-1 { --hsa-c1: rgba(255,20,147,0.5); --hsa-c1-fade: rgba(120,10,90,0.18); --hsa-c2: rgba(0,220,255,0.55); --hsa-c2-fade: rgba(0,140,200,0.2); --hsa-accent-c: #ffea00; }
body.hsa-admin-bg.hsa-theme-1 {
    font-family: 'Tektur','Orbitron',sans-serif !important;
}
body.hsa-admin-bg.hsa-theme-1 h1, body.hsa-admin-bg.hsa-theme-1 h2,
body.hsa-admin-bg.hsa-theme-1 h3, body.hsa-admin-bg.hsa-theme-1 .sec-title {
    font-family: 'Faster One',sans-serif !important;
    letter-spacing: 2px !important;
    color: #ff1493 !important;
    text-shadow: 0 0 10px #ff1493, 0 0 22px rgba(0,224,255,0.5), 2px 2px 0 #00e0ff !important;
}

body.hsa-admin-bg.hsa-theme-2 { --hsa-c1: rgba(80,30,200,0.55); --hsa-c1-fade: rgba(40,15,120,0.2); --hsa-c2: rgba(160,80,255,0.65); --hsa-c2-fade: rgba(100,40,200,0.25); --hsa-accent-c: #3c64ff; }
body.hsa-admin-bg.hsa-theme-2 {
    font-family: 'Outfit','Segoe UI',sans-serif !important;
}
body.hsa-admin-bg.hsa-theme-2 h1, body.hsa-admin-bg.hsa-theme-2 h2,
body.hsa-admin-bg.hsa-theme-2 h3, body.hsa-admin-bg.hsa-theme-2 .sec-title {
    font-family: 'Sixtyfour','Orbitron',sans-serif !important;
    font-weight: 400 !important; letter-spacing: 2px !important;
    text-shadow: 0 0 14px rgba(160,80,255,0.8), 0 0 28px rgba(80,30,200,0.6) !important;
}

body.hsa-admin-bg.hsa-theme-3 { --hsa-c1: rgba(255,80,180,0.5); --hsa-c1-fade: rgba(180,50,130,0.18); --hsa-c2: rgba(180,200,255,0.6); --hsa-c2-fade: rgba(120,160,220,0.22); --hsa-accent-c: #00e0ff; }
body.hsa-admin-bg.hsa-theme-3 {
   font-family: 'Russo One','Outfit',sans-serif !important;
    letter-spacing: 0.3px !important;
    font-display: swap;
    text-rendering: optimizeSpeed;
}
body.hsa-admin-bg.hsa-theme-3 h1, body.hsa-admin-bg.hsa-theme-3 h2,
body.hsa-admin-bg.hsa-theme-3 h3, body.hsa-admin-bg.hsa-theme-3 .sec-title {
    font-family: 'Black Ops One','Russo One',sans-serif !important;
    letter-spacing: 1.5px !important;
    background: linear-gradient(180deg, #ffffff 0%, #b8d8ff 18%, #4a78c8 38%, #1a3878 55%, #4a78c8 68%, #b8d8ff 82%, #ffffff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 2px 0 rgba(0,0,0,0.5)) drop-shadow(0 0 4px rgba(180,200,255,0.6)) !important;
    text-transform: uppercase;
}

body.hsa-admin-bg.hsa-theme-4 { --hsa-c1: rgba(255,60,180,0.55); --hsa-c1-fade: rgba(180,40,130,0.2); --hsa-c2: rgba(0,224,255,0.55); --hsa-c2-fade: rgba(0,140,200,0.2); --hsa-accent-c: #ff7820; }
body.hsa-admin-bg.hsa-theme-4 {
    font-family: 'Russo One','Outfit',sans-serif !important;
    letter-spacing: 0.5px !important;
    font-display: swap;
    text-rendering: optimizeSpeed;
}
body.hsa-admin-bg.hsa-theme-4 h1, body.hsa-admin-bg.hsa-theme-4 h2,
body.hsa-admin-bg.hsa-theme-4 h3, body.hsa-admin-bg.hsa-theme-4 .sec-title {
    font-family: 'Black Ops One','Russo One',sans-serif !important;
    letter-spacing: 2px !important;
    background: linear-gradient(180deg, #ff96e6 0%, #ff3cb4 30%, #c84090 50%, #ff3cb4 70%, #00e0ff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 2px 0 rgba(0,0,0,0.4)) drop-shadow(0 0 6px rgba(255,80,200,0.5)) !important;
    text-transform: uppercase;
}

body.hsa-admin-bg.hsa-theme-5 { --hsa-c1: rgba(180,120,40,0.55); --hsa-c1-fade: rgba(120,80,25,0.2); --hsa-c2: rgba(255,200,80,0.6); --hsa-c2-fade: rgba(200,150,50,0.22); --hsa-accent-c: #8c5a1c; }
body.hsa-admin-bg.hsa-theme-5 {
    font-family: 'Fraunces','Cormorant Garamond',serif !important;
}
body.hsa-admin-bg.hsa-theme-5 h1, body.hsa-admin-bg.hsa-theme-5 h2,
body.hsa-admin-bg.hsa-theme-5 h3, body.hsa-admin-bg.hsa-theme-5 .sec-title {
    font-family: 'Cinzel','DM Serif Display',serif !important;
    font-weight: 800 !important; letter-spacing: 3px !important;
    background: linear-gradient(180deg, #ffe580 0%, #d4a02c 50%, #8c5a1c 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

body.hsa-admin-bg.hsa-theme-6 { --hsa-c1: rgba(20,150,100,0.55); --hsa-c1-fade: rgba(15,100,70,0.2); --hsa-c2: rgba(80,220,180,0.6); --hsa-c2-fade: rgba(40,160,130,0.22); --hsa-accent-c: #50c8ff; }
body.hsa-admin-bg.hsa-theme-6 {
    font-family: 'Bricolage Grotesque','Segoe UI',sans-serif !important;
}
body.hsa-admin-bg.hsa-theme-6 h1, body.hsa-admin-bg.hsa-theme-6 h2,
body.hsa-admin-bg.hsa-theme-6 h3, body.hsa-admin-bg.hsa-theme-6 .sec-title {
    font-family: 'Instrument Serif','Playfair Display',serif !important;
    font-weight: 400 !important; font-style: italic !important;
    color: #5cffb4 !important;
    text-shadow: 0 0 12px rgba(20,210,140,0.7), 0 0 24px rgba(20,210,140,0.4) !important;
}

body.hsa-admin-bg.hsa-theme-7 { --hsa-c1: rgba(255,140,190,0.55); --hsa-c1-fade: rgba(200,90,150,0.2); --hsa-c2: rgba(180,160,255,0.55); --hsa-c2-fade: rgba(140,120,220,0.22); --hsa-accent-c: #ffb4d2; }
body.hsa-admin-bg.hsa-theme-7 {
    font-family: 'Shippori Antique B1','Hina Mincho','Outfit',serif !important;
}
body.hsa-admin-bg.hsa-theme-7 h1, body.hsa-admin-bg.hsa-theme-7 h2,
body.hsa-admin-bg.hsa-theme-7 h3, body.hsa-admin-bg.hsa-theme-7 .sec-title {
    font-family: 'Yuji Mai','Hina Mincho',serif !important;
    letter-spacing: 2px !important;
    color: #ffc0d8 !important;
    text-shadow: 2px 2px 0 rgba(180,80,140,0.6), 0 0 14px rgba(255,180,210,0.6) !important;
}


body.hsa-admin-bg.hsa-theme-8 { background: #050714 !important; }
body.hsa-admin-bg.hsa-theme-8 .hsa-scene::before,
body.hsa-admin-bg.hsa-theme-8 .hsa-scene::after { display: none; }
body.hsa-admin-bg.hsa-theme-8 .hsa-grain { opacity: 0.04; }

/* v5-style background gradient on scene */
body.hsa-admin-bg.hsa-theme-8 .hsa-scene {
    background:
        radial-gradient(ellipse at 30% 20%, rgba(80,140,255,0.25) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 70%, rgba(150,80,255,0.20) 0%, transparent 50%),
        linear-gradient(180deg, #050714 0%, #0a0e22 100%);
    perspective: 800px;
}

body.hsa-admin-bg.hsa-theme-8 .hsa-vignette {
    background:
        radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,0.55) 100%);
}

/* v5 cube — full glass look with subtle backdrop blur */
body.hsa-admin-bg.hsa-theme-8 .hsa-mc-cube {
    position: absolute;
    width: 70px; height: 70px;
    background: linear-gradient(135deg, rgba(180,210,255,0.18) 0%, rgba(120,160,255,0.10) 50%, rgba(80,120,200,0.15) 100%);
    border: 2px solid rgba(180,220,255,0.35);
    border-top-color: rgba(255,255,255,0.55);
    border-left-color: rgba(255,255,255,0.45);
    border-right-color: rgba(100,140,200,0.4);
    border-bottom-color: rgba(60,90,160,0.45);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.15),
        inset 8px 8px 0 -4px rgba(255,255,255,0.18),
        0 0 20px rgba(120,180,255,0.25),
        0 4px 12px rgba(0,0,0,0.4);
    image-rendering: pixelated;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0; left: 0;
    opacity: 0;
    transition: opacity 0.6s ease-out;
}
body.hsa-admin-bg.hsa-theme-8 .hsa-mc-cube.visible {
    opacity: var(--op, 0.55);
}
body.hsa-admin-bg.hsa-theme-8 .hsa-mc-cube::before {
    content: '';
    position: absolute;
    top: 6px; left: 6px;
    width: 14px; height: 14px;
    background: linear-gradient(135deg, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
}

/* v5 sparkle pixels */
body.hsa-admin-bg.hsa-theme-8 .hsa-mc-pixel {
    position: absolute;
    width: 4px; height: 4px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 6px rgba(180,220,255,0.9);
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    top: 0; left: 0;
}
body.hsa-admin-bg.hsa-theme-8 .hsa-mc-pixel.visible {
    animation: hsaMcSparkle var(--dur, 3s) ease-in-out infinite;
    animation-delay: var(--delay, 0s);
}
@keyframes hsaMcSparkle {
    0%, 100% { opacity: 0; transform: translate3d(var(--x, 0px), var(--y, 0px), 0) scale(0.6); }
    50%      { opacity: 1; transform: translate3d(var(--x, 0px), var(--y, 0px), 0) scale(1.2); }
}

@keyframes hsa-mc-drift {
    0%   { transform: translate3d(var(--x1, 0px), var(--y1, 0px), 0) rotate(var(--r1, 0deg)); }
    100% { transform: translate3d(var(--x2, 100px), var(--y2, 100px), 0) rotate(var(--r2, 360deg)); }
}

@media (prefers-reduced-motion: reduce) {
    body.hsa-admin-bg.hsa-theme-8 .hsa-mc-cube,
    body.hsa-admin-bg.hsa-theme-8 .hsa-mc-pixel { animation: none !important; opacity: 0.3 !important; }
}

/* Fonts (v5 + same as before) */
body.hsa-admin-bg.hsa-theme-8,
body.hsa-admin-bg.hsa-theme-8 {
    font-family: 'VT323','Courier New',monospace !important;
    letter-spacing: 0.5px !important;
}
body.hsa-admin-bg.hsa-theme-8 h1, body.hsa-admin-bg.hsa-theme-8 h2,
body.hsa-admin-bg.hsa-theme-8 h3, body.hsa-admin-bg.hsa-theme-8 .sec-title {
    font-family: 'Press Start 2P','VT323',monospace !important;
    font-size: 0.75em !important;
    letter-spacing: 1px !important;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.6), 0 0 12px rgba(120,180,255,0.6) !important;
    line-height: 1.4 !important;
}

/* v5: Pixel borders on cards */
body.hsa-admin-bg.hsa-theme-8 .gc-item,
body.hsa-admin-bg.hsa-theme-8 .pay-card-new,
body.hsa-admin-bg.hsa-theme-8 .bw-card,
body.hsa-admin-bg.hsa-theme-8 header {
    border: 2px solid rgba(180,220,255,0.4) !important;
    border-radius: 4px !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.1),
        inset 4px 4px 0 -2px rgba(255,255,255,0.15),
        inset -4px -4px 0 -2px rgba(0,0,0,0.3),
        0 0 16px rgba(120,180,255,0.3) !important;
    image-rendering: pixelated;
}

/* v5: ALL buttons get pixel treatment — +/-, 2x, 5x, buy, copy, all */
body.hsa-admin-bg.hsa-theme-8 .pay-action-btn,
body.hsa-admin-bg.hsa-theme-8 .amt-btn,
body.hsa-admin-bg.hsa-theme-8 .btn-buy-now,
body.hsa-admin-bg.hsa-theme-8 .copy-btn,
body.hsa-admin-bg.hsa-theme-8 .upload-btn,
body.hsa-admin-bg.hsa-theme-8 [class*="btn"]:not(.hsa-theme-dot):not(.nav-center-btn):not(#hsa-theme-icon):not(#hsa-fps-badge):not([id^="hsa-"]) {
    border-radius: 4px !important;
    border: 2px solid rgba(180,220,255,0.45) !important;
    box-shadow:
        inset 2px 2px 0 rgba(255,255,255,0.2),
        inset -2px -2px 0 rgba(0,0,0,0.35) !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
    image-rendering: pixelated;
}


body.hsa-admin-bg.hsa-theme-8 .amt-btn.active,
body.hsa-admin-bg.hsa-theme-8 button.active {
    background: rgba(255,200,60,0.25) !important;
    border-color: rgba(255,216,77,0.85) !important;
    box-shadow:
        inset 2px 2px 0 rgba(255,255,255,0.3),
        inset -2px -2px 0 rgba(120,80,0,0.4),
        0 0 12px rgba(255,200,60,0.5) !important;
    color: #fff !important;
}

/* Buy now button — green */
body.hsa-admin-bg.hsa-theme-8 .btn-buy-now {
    background: rgba(80,180,80,0.3) !important;
    border-color: rgba(120,220,120,0.7) !important;
    box-shadow:
        inset 2px 2px 0 rgba(255,255,255,0.25),
        inset -2px -2px 0 rgba(0,60,0,0.4),
        0 0 14px rgba(80,200,80,0.4) !important;
}

/* Balance numbers — pixel font */
body.hsa-admin-bg.hsa-theme-8 .pay-num-new,

body.hsa-admin-bg.hsa-theme-8 #header-bal-text {
    font-family: 'Orbitron', sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
}

/* v19 additions: Live purchases amount, order history & noti icons, header bal */
body.hsa-admin-bg.hsa-theme-8 .live-amount,
body.hsa-admin-bg.hsa-theme-8 .live-wrap .amount,
body.hsa-admin-bg.hsa-theme-8 [class*="live"] [class*="amount"],
body.hsa-admin-bg.hsa-theme-8 .order-history-btn,
body.hsa-admin-bg.hsa-theme-8 .noti-btn,
body.hsa-admin-bg.hsa-theme-8 .notification-btn,
body.hsa-admin-bg.hsa-theme-8 #header-bal-wrap,
body.hsa-admin-bg.hsa-theme-8 .header-balance,
body.hsa-admin-bg.hsa-theme-8 [class*="bell"],
body.hsa-admin-bg.hsa-theme-8 [class*="history"] {
    border: 2px solid rgba(180,220,255,0.45) !important;
    border-radius: 4px !important;
    box-shadow:
        inset 2px 2px 0 rgba(255,255,255,0.2),
        inset -2px -2px 0 rgba(0,0,0,0.35),
        0 0 10px rgba(120,180,255,0.25) !important;
    image-rendering: pixelated;
}

/* Header balance text — pixel font */
body.hsa-admin-bg.hsa-theme-8 .header-balance,
body.hsa-admin-bg.hsa-theme-8 #header-bal-wrap {
    font-family: 'Press Start 2P','VT323',monospace !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5) !important;
}

/* ============================
   ⚪ THEME 9 — MONO GLASS (POLISHED)
   - Cards = subtle 4px glass (like Tool Misuse poster card)
   - Posters keep ORIGINAL color (no grayscale)
   - Wallet ring SPIN preserved (explicit override)
   - Font = DM Sans (more distinct than plain Inter)
   - White "mist" wisps floating in background
   ============================ */
body.hsa-admin-bg.hsa-theme-9 {
    background: linear-gradient(180deg, #0a0a0a 0%, #141414 100%) !important;
}
body.hsa-admin-bg.hsa-theme-9 .hsa-scene::before {
    background: radial-gradient(circle at center, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 30%, transparent 60%);
    filter: blur(60px); opacity: 0.7;
}
body.hsa-admin-bg.hsa-theme-9 .hsa-scene::after {
    background: radial-gradient(circle at center, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.01) 35%, transparent 65%);
    filter: blur(80px); opacity: 0.5;
}
body.hsa-admin-bg.hsa-theme-9 .hsa-grain { opacity: 0.06; }
body.hsa-admin-bg.hsa-theme-9 .hsa-vignette {
    background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.7) 100%);
}
body.hsa-admin-bg.hsa-theme-9 .hsa-accent-1,
body.hsa-admin-bg.hsa-theme-9 .hsa-accent-2 { display: none; }

/* ===== White mist wisps — v17 cheap version =====
   Old: filter:blur(40px) + mix-blend-mode:screen (expensive composite)
   New: blur(20px), no blend mode, smaller radius. Visual loss minimal,
   FPS gain significant on iOS Safari. */
body.hsa-admin-bg.hsa-theme-9 .hsa-mist {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle at center,
        rgba(255,255,255,0.22) 0%,
        rgba(255,255,255,0.10) 35%,
        rgba(255,255,255,0.03) 65%,
        transparent 85%);
    filter: blur(20px);
    pointer-events: none;
    opacity: 0;
    transition: opacity 1s ease-out;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0; left: 0;
}
body.hsa-admin-bg.hsa-theme-9 .hsa-mist.visible {
    opacity: var(--op, 0.5);
}
@keyframes hsa-mist-drift {
    0%   { transform: translate3d(var(--x1, 0px), var(--y1, 0px), 0) scale(var(--s1, 1)); }
    50%  { transform: translate3d(var(--xm, 0px), var(--ym, 0px), 0) scale(var(--sm, 1.1)); }
    100% { transform: translate3d(var(--x2, 0px), var(--y2, 0px), 0) scale(var(--s2, 1)); }
}
@media (prefers-reduced-motion: reduce) {
    body.hsa-admin-bg.hsa-theme-9 .hsa-mist { animation: none !important; opacity: 0.3 !important; }
}

/* ===== Font: DM Sans (distinct, premium feel) ===== */
body.hsa-admin-bg.hsa-theme-9,
body.hsa-admin-bg.hsa-theme-9 {
    font-family: 'DM Sans','Space Grotesk','Inter',sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
}
body.hsa-admin-bg.hsa-theme-9 h1, body.hsa-admin-bg.hsa-theme-9 h2,
body.hsa-admin-bg.hsa-theme-9 h3, body.hsa-admin-bg.hsa-theme-9 .sec-title {
    font-family: 'DM Sans','Space Grotesk',sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}

/* ===== Glass card (like Tool Misuse) — 4px blur premium ===== */
body.hsa-admin-bg.hsa-theme-9 .game-card,
body.hsa-admin-bg.hsa-theme-9 .gc-item {
    background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow:
        0 4px 20px rgba(0,0,0,0.5),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

@media (max-width: 768px) {
    body.hsa-admin-bg.hsa-theme-9.hsa-mobile-perf-fix .game-card,
    body.hsa-admin-bg.hsa-theme-9.hsa-mobile-perf-fix .gc-item {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(25, 30, 45, 0.7) !important;
    }
}


body.hsa-admin-bg.hsa-theme-9 .nav-center-btn::before {
    animation: spinBorder 1.5s linear infinite !important;
    -webkit-animation: spinBorder 1.5s linear infinite !important;
    will-change: transform;
    transform-origin: center center;
}

/* ============================
   💻 THEME 10 — PURE CODE
   ============================ */
body.hsa-admin-bg.hsa-theme-10 {
    background: #15161e !important;
}
body.hsa-admin-bg.hsa-theme-10 .hsa-scene::before,
body.hsa-admin-bg.hsa-theme-10 .hsa-scene::after { display: none; }
body.hsa-admin-bg.hsa-theme-10 .hsa-grain { opacity: 0.04; }
body.hsa-admin-bg.hsa-theme-10 .hsa-vignette {
    background:
        radial-gradient(ellipse at 20% 30%, rgba(125,170,255,0.10) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(187,154,247,0.10) 0%, transparent 50%),
        radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.5) 100%);
}
body.hsa-admin-bg.hsa-theme-10 .hsa-accent-1,
body.hsa-admin-bg.hsa-theme-10 .hsa-accent-2 { display: none; }

body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code {
    position: absolute;
    top: 0; left: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    font-family: 'Fira Code','JetBrains Mono','Courier New',monospace !important;
    font-size: 12px;
    line-height: 1.7;
    white-space: pre;
    pointer-events: none;
    text-shadow: 0 0 8px rgba(0,0,0,0.7);
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transition: opacity 0.7s ease-out;
}
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code.visible {
    opacity: var(--op, 0.65);
}

@keyframes hsa-tk-float {
    0%   { transform: translate3d(var(--x1, 0px), var(--y1, 0px), 0) rotate(var(--r1, -2deg)); }
    100% { transform: translate3d(var(--x2, 100px), var(--y2, 100px), 0) rotate(var(--r2, 2deg)); }
}

body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-kw  { color: #bb9af7; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-fn  { color: #7aa2f7; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-str { color: #9ece6a; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-num { color: #ff9e64; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-cm  { color: #565f89; font-style: italic; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-var { color: #c0caf5; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-op  { color: #89ddff; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-pn  { color: #a9b1d6; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-ty  { color: #2ac3de; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-red { color: #f7768e; }
body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code .tk-yel { color: #e0af68; }

@media (prefers-reduced-motion: reduce) {
    body.hsa-admin-bg.hsa-theme-10 .hsa-tk-code { animation: none !important; opacity: 0.25 !important; }
}

body.hsa-admin-bg.hsa-theme-10,
body.hsa-admin-bg.hsa-theme-10 {
    font-family: 'Fira Code','JetBrains Mono','Courier New',monospace !important;
    letter-spacing: 0 !important;
}
body.hsa-admin-bg.hsa-theme-10 h1, body.hsa-admin-bg.hsa-theme-10 h2,
body.hsa-admin-bg.hsa-theme-10 h3, body.hsa-admin-bg.hsa-theme-10 .sec-title {
    font-family: 'Fira Code','JetBrains Mono',monospace !important;
    font-weight: 700 !important;
    background: linear-gradient(90deg, #7aa2f7 0%, #bb9af7 50%, #f7768e 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 6px rgba(122,162,247,0.4)) !important;
}

/* ============================
   General accents
   ============================ */
body.hsa-admin-bg .hsa-accent-1 {
    width: 40vw; height: 40vh; top: 10%; left: -10%;
    background: var(--hsa-accent-c, transparent); opacity: 0.4;
}
body.hsa-admin-bg .hsa-accent-2 {
    width: 35vw; height: 35vh; bottom: 5%; right: -10%;
    background: var(--hsa-accent-c, transparent); opacity: 0.35;
}
body.hsa-admin-bg.hsa-theme-8 .hsa-accent-1,
body.hsa-admin-bg.hsa-theme-8 .hsa-accent-2 { display: none; }


body.hsa-admin-bg.hsa-theme-0 .hsa-accent-1, body.hsa-admin-bg.hsa-theme-0 .hsa-accent-2,
body.hsa-admin-bg.hsa-theme-1 .hsa-accent-1, body.hsa-admin-bg.hsa-theme-1 .hsa-accent-2,
body.hsa-admin-bg.hsa-theme-2 .hsa-accent-1, body.hsa-admin-bg.hsa-theme-2 .hsa-accent-2,
body.hsa-admin-bg.hsa-theme-3 .hsa-accent-1, body.hsa-admin-bg.hsa-theme-3 .hsa-accent-2,
body.hsa-admin-bg.hsa-theme-4 .hsa-accent-1, body.hsa-admin-bg.hsa-theme-4 .hsa-accent-2,
body.hsa-admin-bg.hsa-theme-5 .hsa-accent-1, body.hsa-admin-bg.hsa-theme-5 .hsa-accent-2,
body.hsa-admin-bg.hsa-theme-6 .hsa-accent-1, body.hsa-admin-bg.hsa-theme-6 .hsa-accent-2,
body.hsa-admin-bg.hsa-theme-7 .hsa-accent-1, body.hsa-admin-bg.hsa-theme-7 .hsa-accent-2 {
    display: none !important;
}

/* Font Awesome lock */
body.hsa-admin-bg i.fas, body.hsa-admin-bg i.far, body.hsa-admin-bg i.fa,
body.hsa-admin-bg [class^="fa-"]:not([class*="fab"]),
body.hsa-admin-bg [class*=" fa-"]:not([class*="fab"]) {
    font-family: "Font Awesome 6 Free", "FontAwesome" !important;
}
body.hsa-admin-bg i.fab, body.hsa-admin-bg [class*="fab"] {
    font-family: "Font Awesome 6 Brands", "FontAwesome" !important;
}

/* ============================
   🎨 Theme icon
   ============================ */
#hsa-theme-icon {
    position: fixed;
    bottom: 90px; right: 18px;
    z-index: 99999;
    width: 38px; height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.3);
    display: none;
    align-items: center; justify-content: center;
    cursor: grab;
    color: #fff;
    font-size: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.4);
    touch-action: none;
    user-select: none;
    transition: transform 0.15s, box-shadow 0.15s;
}
#hsa-theme-icon.dragging { cursor: grabbing; transform: scale(1.1); box-shadow: 0 6px 18px rgba(0,0,0,0.6); }
#hsa-theme-icon i { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; color: #fff; }

#hsa-theme-panel {
    position: fixed;
    z-index: 99999;
    display: none;
    flex-direction: column; gap: 8px; padding: 10px;
    border-radius: 18px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    max-height: 70vh; overflow-y: auto;
}
#hsa-theme-panel.show { display: flex; }
#hsa-theme-panel .hsa-theme-dot {
    width: 28px; height: 28px; border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.22); cursor: pointer;
    transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
    flex-shrink: 0;
}
#hsa-theme-panel .hsa-theme-dot:active { transform: scale(0.85); }
#hsa-theme-panel .hsa-theme-dot.active {
    border-color: #fff; box-shadow: 0 0 14px rgba(255,255,255,0.6); transform: scale(1.1);
}
#hsa-theme-panel .hsa-theme-dot[data-i="0"] { background: linear-gradient(135deg,#ff5a8c,#b41e50); }
#hsa-theme-panel .hsa-theme-dot[data-i="1"] { background: linear-gradient(135deg,#ff1493,#00e0ff); }
#hsa-theme-panel .hsa-theme-dot[data-i="2"] { background: linear-gradient(135deg,#a050ff,#501ec8); }
#hsa-theme-panel .hsa-theme-dot[data-i="3"] { background: linear-gradient(135deg,#ff3cb4,#b4c8ff,#00e0ff); }
#hsa-theme-panel .hsa-theme-dot[data-i="4"] { background: linear-gradient(135deg,#ff3cb4,#ff7820); }
#hsa-theme-panel .hsa-theme-dot[data-i="5"] { background: linear-gradient(135deg,#ffe580,#8c5a1c); }
#hsa-theme-panel .hsa-theme-dot[data-i="6"] { background: linear-gradient(135deg,#50dcb4,#14965c); }
#hsa-theme-panel .hsa-theme-dot[data-i="7"] { background: linear-gradient(135deg,#ff8cbe,#b4a0ff); }
#hsa-theme-panel .hsa-theme-dot[data-i="8"] {
    border-radius: 4px !important;
    background: linear-gradient(135deg, rgba(180,220,255,0.4), rgba(80,140,255,0.3), rgba(60,100,180,0.4));
    box-shadow: inset 2px 2px 0 rgba(255,255,255,0.4), inset -2px -2px 0 rgba(0,0,0,0.4);
    border: 2px solid rgba(180,220,255,0.5);
}
#hsa-theme-panel .hsa-theme-dot[data-i="9"] {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
    border: 2px solid rgba(255,255,255,0.25) !important;
}
#hsa-theme-panel .hsa-theme-dot[data-i="10"] {
    background: linear-gradient(135deg, #15161e 0%, #7aa2f7 50%, #f7768e 100%) !important;
    border: 2px solid rgba(122,162,247,0.6) !important;
    border-radius: 4px !important;
    box-shadow: inset 2px 2px 0 rgba(255,255,255,0.15), inset -2px -2px 0 rgba(0,0,0,0.3) !important;
}

/* 🟦 Glass swatch — rainbow combined look (covers all old colors + black) */
#hsa-theme-panel .hsa-theme-dot[data-i="0"] {
    background: conic-gradient(from 0deg, #ff5a8c, #ff1493, #a050ff, #b4c8ff, #ff7820, #ffe580, #1a1a1a, #ff5a8c) !important;
    border: 2px solid rgba(255,255,255,0.35) !important;
}

/* ⭐ Strong ACTIVE highlight so you can see which is selected */
#hsa-theme-panel .hsa-theme-dot.active {
    border-color: #00f2ff !important;
    box-shadow:
        0 0 0 3px rgba(0,242,255,0.35),
        0 0 18px rgba(0,242,255,0.85),
        inset 0 0 8px rgba(255,255,255,0.4) !important;
    transform: scale(1.18) !important;
}
#hsa-theme-panel .hsa-theme-dot.active::before {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 2px dashed rgba(0,242,255,0.6);
    animation: utActiveSpin 4s linear infinite;
    pointer-events: none;
}
/* Square-shaped dashed ring for Tokyo Night (data-i=10) when active */
#hsa-theme-panel .hsa-theme-dot[data-i="10"].active::before {
    border-radius: 6px;
}
@keyframes utActiveSpin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* 🏷️ Theme name labels beside each dot */
#hsa-theme-panel .hsa-theme-dot {
    position: relative;
}
#hsa-theme-panel .hsa-theme-dot::after {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    white-space: nowrap !important;
    max-width: none !important;
    word-break: keep-all !important;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 1px 2px rgba(0,0,0,1);
    letter-spacing: 0.5px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0.95;
    background: rgba(15,17,25,0.85);
    padding: 3px 8px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    font-family: 'Outfit','Inter',sans-serif;
}
#hsa-theme-panel .hsa-theme-dot[data-i="10"]::after { content: "Tokyo Night · JetBrains Mono"; font-family: 'JetBrains Mono',monospace; }
#hsa-theme-panel .hsa-theme-dot[data-i="8"]::after  { content: "Minecraft · Press Start 2P"; font-family: 'Press Start 2P','VT323',monospace; font-size: 8px; letter-spacing: 0.5px; }
#hsa-theme-panel .hsa-theme-dot[data-i="0"]::after  { content: "Glass · Outfit"; font-family: 'Outfit',sans-serif; }
#hsa-theme-panel .hsa-theme-dot[data-i="9"]::after  { content: none !important; display: none !important; }


/* 🌈 Glass sub-palette (Solid-style overlay popup) */
#ut-glass-sub {
    position: fixed;
    z-index: 99999;
    display: none;
    flex-direction: column;
    gap: 8px;
    padding: 10px 8px;
    background: rgba(15,17,25,0.95);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 14px;
    box-shadow: 0 12px 36px rgba(0,0,0,0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
#ut-glass-sub.show { display: flex; }
#ut-glass-sub .ut-sub-dot {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid rgba(255,255,255,0.25);
    transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
    flex-shrink: 0;
    position: relative;
}
#ut-glass-sub .ut-sub-dot:active { transform: scale(0.85); }
#ut-glass-sub .ut-sub-dot.active {
    border-color: #00f2ff !important;
    box-shadow:
        0 0 0 3px rgba(0,242,255,0.35),
        0 0 18px rgba(0,242,255,0.85),
        inset 0 0 8px rgba(255,255,255,0.4) !important;
    transform: scale(1.18) !important;
}
#ut-glass-sub .ut-sub-dot.active::after {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    left: -7px !important;
    right: -7px !important;
    bottom: -7px !important;
    border-radius: 50% !important;
    border: 2px dashed rgba(0,242,255,0.7) !important;
    animation: utActiveSpin 4s linear infinite !important;
    pointer-events: none !important;
    display: block !important;
}
#ut-glass-sub .ut-sub-dot[data-c="crimson"]   { background: linear-gradient(135deg,#ff5a8c,#b41e50); }
#ut-glass-sub .ut-sub-dot[data-c="cyberpunk"] { background: linear-gradient(135deg,#ff1493,#00e0ff); }
#ut-glass-sub .ut-sub-dot[data-c="galaxy"]    { background: linear-gradient(135deg,#a050ff,#501ec8); }
#ut-glass-sub .ut-sub-dot[data-c="y2k"]       { background: linear-gradient(135deg,#ff3cb4,#b4c8ff,#00e0ff); }
#ut-glass-sub .ut-sub-dot[data-c="vaporwave"] { background: linear-gradient(135deg,#ff3cb4,#ff7820); }
#ut-glass-sub .ut-sub-dot[data-c="royal"]     { background: linear-gradient(135deg,#ffe580,#8c5a1c); }
#ut-glass-sub .ut-sub-dot[data-c="black"]     { background: linear-gradient(135deg,#0a0a0a,#3a3a3a); }

/* 🟦 Vertical theme name label (next to FPS badge) — shows for every theme */
#ut-mc-label {
    position: fixed;
    top: auto;
    bottom: calc(50% + 18px);
    right: 4px;
    transform: none;
    z-index: 99988;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-orientation: mixed;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    text-shadow: 0 0 3px currentColor, 0 0 6px rgba(0,0,0,0.85), 0 1px 2px rgba(0,0,0,1);
    opacity: 0.9;
    pointer-events: none;
    user-select: none;
    display: none;
}
body.hsa-admin-bg.hsa-theme-10 #ut-mc-label {
    display: block;
    color: #7aa2f7;
    font-family: 'JetBrains Mono',monospace;
}
body.hsa-admin-bg.hsa-theme-8 #ut-mc-label {
    display: block;
    color: #b4dcff;
    font-family: 'Press Start 2P','VT323',monospace;
    font-size: 9px;
    letter-spacing: 1.5px;
}
body.hsa-admin-bg.hsa-theme-0 #ut-mc-label,
body.hsa-admin-bg.hsa-theme-1 #ut-mc-label,
body.hsa-admin-bg.hsa-theme-2 #ut-mc-label,
body.hsa-admin-bg.hsa-theme-3 #ut-mc-label,
body.hsa-admin-bg.hsa-theme-4 #ut-mc-label,
body.hsa-admin-bg.hsa-theme-5 #ut-mc-label {
    display: block;
    color: #ff8cbe;
    font-family: 'Outfit',sans-serif;
}
body.hsa-admin-bg.hsa-theme-9 #ut-mc-label,
body.hsa-admin-bg.hsa-theme-11 #ut-mc-label,
body.hsa-admin-bg.hsa-solid-mode #ut-mc-label {
    display: block;
    color: #ccc;
    font-family: 'Inter',sans-serif;
}
body.hsa-admin-bg.hsa-theme-99 #ut-mc-label,
body.hsa-pkmn #ut-mc-label {
    display: block !important;
    color: #ffcb05;
    font-family: 'Fredoka',sans-serif;
    text-shadow: 0 0 3px #3b4cca, 0 0 6px rgba(0,0,0,0.85), 0 1px 2px rgba(0,0,0,1);
}

/* 🌐 Load fonts */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=JetBrains+Mono:wght@400;700&family=Outfit:wght@400;700;800&family=Inter:wght@400;700;800&display=swap');
#hsa-theme-panel .hsa-theme-dot {
    position: relative;
}
#hsa-theme-panel .hsa-theme-dot::after {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 1px 2px rgba(0,0,0,1);
    letter-spacing: 0.5px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0.95;
    background: rgba(15,17,25,0.85);
    padding: 3px 8px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    font-family: 'Outfit','Inter',sans-serif;
}
#hsa-theme-panel .hsa-theme-dot[data-i="10"]::after { content: "Tokyo Night"; font-family: 'JetBrains Mono',monospace; }
#hsa-theme-panel .hsa-theme-dot[data-i="8"]::after  { content: "Minecraft"; font-family: 'Press Start 2P','VT323',monospace; font-size: 9px; }
#hsa-theme-panel .hsa-theme-dot[data-i="0"]::after  { content: "Glass"; }
#hsa-theme-panel .hsa-theme-dot[data-i="9"]::after  { content: "Solid"; }

/* 🟦 Override Glass (data-i=0) swatch: rainbow combined look */
#hsa-theme-panel .hsa-theme-dot[data-i="0"] {
    background: conic-gradient(from 0deg, #ff5a8c, #ff1493, #a050ff, #b4c8ff, #ff7820, #ffe580, #ff5a8c) !important;
    border: 2px solid rgba(255,255,255,0.35) !important;
}

/* 🏷️ Theme name labels next to dot rows */
#hsa-theme-panel .hsa-theme-dot {
    position: relative;
}
#hsa-theme-panel .hsa-theme-dot[data-i="0"]::after,
#hsa-theme-panel .hsa-theme-dot[data-i="8"]::after,
#hsa-theme-panel .hsa-theme-dot[data-i="9"]::after,
#hsa-theme-panel .hsa-theme-dot[data-i="10"]::after {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 1px 2px rgba(0,0,0,1);
    letter-spacing: 0.5px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0.95;
    background: rgba(15,17,25,0.85);
    padding: 3px 8px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
#hsa-theme-panel .hsa-theme-dot[data-i="0"]::after  { content: "Glass"; }
#hsa-theme-panel .hsa-theme-dot[data-i="8"]::after  {
    content: "Minecraft";
    font-family: 'Press Start 2P','VT323',monospace;
    font-size: 9px;
}
#hsa-theme-panel .hsa-theme-dot[data-i="9"]::after  { content: "Solid"; }
#hsa-theme-panel .hsa-theme-dot[data-i="10"]::after { content: "Tokyo Night"; font-family: 'JetBrains Mono',monospace; }

/* 🚀 Solid → other theme switch must be INSTANT (no reload) */
body.hsa-admin-bg {
    transition: background 0.3s ease-out !important;
}

/* FPS Badge */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap');

#hsa-fps-badge,
body[class*="hsa-theme-"] #hsa-fps-badge,
body.hsa-admin-bg #hsa-fps-badge {
    position: fixed !important;
    top: calc(50% + 100px) !important;
    right: 4px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 99998;
    width: auto !important;
    min-width: 14px !important;
    height: auto !important;
    padding: 4px 2px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-family: 'Share Tech Mono', 'JetBrains Mono', monospace !important;
    line-height: 1.05 !important;
    text-align: center !important;
    cursor: pointer !important;
    touch-action: auto !important;
    user-select: none !important;
    pointer-events: auto !important;
    opacity: 0.9 !important;
    transition: opacity 0.2s, text-shadow 0.2s !important;
    box-shadow: none !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    letter-spacing: 1.5px !important;
    text-shadow:
        0 0 3px currentColor,
        0 0 6px rgba(0,0,0,0.85),
        0 1px 2px rgba(0,0,0,1) !important;
}
#hsa-fps-badge:active { opacity: 1 !important; }
#hsa-fps-badge.dragging {
    cursor: pointer !important;
    transform: translateY(-50%) !important;
    top: 50% !important;
    right: 4px !important;
    left: auto !important;
}
body[class*="hsa-theme-"] #hsa-fps-badge,
body[class*="hsa-theme-"] #hsa-fps-badge *,
body.hsa-admin-bg #hsa-fps-badge,
body.hsa-admin-bg #hsa-fps-badge * {
    font-family: 'Share Tech Mono', 'JetBrains Mono', monospace !important;
}
#hsa-fps-badge.good,
body[class*="hsa-theme-"] #hsa-fps-badge.good { color: #4ade80 !important; }
#hsa-fps-badge.warn,
body[class*="hsa-theme-"] #hsa-fps-badge.warn { color: #facc15 !important; }
#hsa-fps-badge.bad,
body[class*="hsa-theme-"] #hsa-fps-badge.bad { color: #f87171 !important; }

#hsa-fps-panel {
    position: fixed;
    z-index: 99999;
    display: none;
    width: 260px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(20,25,40,0.92);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.18);
    color: #fff;
    font-family: 'JetBrains Mono','Courier New',monospace !important;
    font-size: 11px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    max-height: 85vh;
    overflow-y: auto;
}
#hsa-fps-panel.show { display: block; }
#hsa-fps-panel .hsa-fps-header {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 8px; padding-bottom: 6px;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}
#hsa-fps-panel .hsa-fps-title { font-weight: 700; font-size: 11px; letter-spacing: 1.5px; }
#hsa-fps-panel .hsa-fps-close {
    background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15);
    color: #fff; cursor: pointer; font-size: 12px; line-height: 1;
    padding: 2px 8px; border-radius: 6px;
    font-family: inherit;
}
#hsa-fps-panel .hsa-fps-row { display: flex; justify-content: space-between; margin-bottom: 4px; gap: 8px; }
#hsa-fps-panel .hsa-fps-label { color: rgba(255,255,255,0.55); }
#hsa-fps-panel .hsa-fps-val { font-weight: 700; }
#hsa-fps-panel .hsa-fps-val.good { color: #4ade80; }
#hsa-fps-panel .hsa-fps-val.warn { color: #facc15; }
#hsa-fps-panel .hsa-fps-val.bad  { color: #f87171; }
#hsa-fps-panel .hsa-fps-bar { height: 4px; border-radius: 2px; background: rgba(255,255,255,0.08); overflow: hidden; margin: 2px 0 8px; }
#hsa-fps-panel .hsa-fps-bar-fill { height: 100%; transition: width 0.3s, background 0.3s; }
#hsa-fps-panel .hsa-fps-note { margin-top: 6px; font-size: 9px; color: rgba(255,255,255,0.5); line-height: 1.4; }
#hsa-fps-panel .hsa-mode-info { margin-top: 10px; padding: 9px 10px; border-radius: 10px; background: rgba(74,222,128,0.10); border: 1px solid rgba(74,222,128,0.25); font-family: 'Outfit',sans-serif !important; font-size: 10px; line-height: 1.55; color: rgba(255,255,255,0.85); }
#hsa-fps-panel .hsa-mode-info.off { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.12); }
#hsa-fps-panel .hsa-mode-info b { color: #4ade80; font-weight: 700; display: block; margin-bottom: 4px; font-size: 10px; letter-spacing: 0.5px; }
#hsa-fps-panel .hsa-mode-info.off b { color: #facc15; }
#hsa-fps-panel .hsa-mode-info ul { margin: 4px 0 0 0; padding-left: 14px; list-style: disc; }
#hsa-fps-panel .hsa-mode-info li { margin-bottom: 2px; }
#hsa-fps-panel .hsa-mode-info .good-list { color: #86efac; }
#hsa-fps-panel .hsa-mode-info .bad-list { color: #fca5a5; }
#hsa-fps-panel .hsa-perf-btn { margin-top: 10px; width: 100%; padding: 9px 10px; border-radius: 10px; background: linear-gradient(135deg, rgba(74,222,128,0.25), rgba(34,197,94,0.25)); border: 1px solid rgba(74,222,128,0.4); color: #fff; cursor: pointer; font-family: inherit; font-size: 10px; font-weight: 700; letter-spacing: 1px; }
#hsa-fps-panel .hsa-perf-btn:active { transform: scale(0.97); }
#hsa-fps-panel .hsa-perf-btn.active { background: linear-gradient(135deg, rgba(74,222,128,0.5), rgba(34,197,94,0.5)); border-color: rgba(74,222,128,0.7); }

/* 🔥 Background animation toggle */
#hsa-fps-panel .hsa-bg-anim-btn {
    margin-top: 8px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(168,85,247,0.25), rgba(139,92,246,0.25));
    border: 1px solid rgba(168,85,247,0.4);
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    transition: all 0.2s ease;
}
#hsa-fps-panel .hsa-bg-anim-btn:active { transform: scale(0.97); }
#hsa-fps-panel .hsa-bg-anim-btn.active {
    background: linear-gradient(135deg, rgba(248,113,113,0.5), rgba(220,38,38,0.5));
    border-color: rgba(248,113,113,0.7);
}
#hsa-fps-panel .hsa-bg-anim-info {
    font-size: 9px;
    color: rgba(255,255,255,0.55);
    margin-top: 6px;
    line-height: 1.5;
    padding: 0 4px;
}

body.hsa-no-bg-anim .hsa-scene::before,
body.hsa-no-bg-anim .hsa-scene::after {
    animation: none !important;
}


body.hsa-no-bg-anim.hsa-theme-10 .hsa-tk-code {
    animation: none !important;

    opacity: 0.25 !important;
}


body.hsa-no-bg-anim.hsa-theme-8 .hsa-mc-cube,
body.hsa-no-bg-anim.hsa-theme-8 .hsa-mc-pixel {
    animation: none !important;
    opacity: 0.4 !important;
}


body.hsa-no-bg-anim.hsa-theme-9 [class*="hsa-t9-"],
body.hsa-no-bg-anim.hsa-theme-9 [class*="hsa-particle"] {
    animation: none !important;
}


body.hsa-no-bg-anim .hsa-accent,
body.hsa-no-bg-anim .hsa-accent-1,
body.hsa-no-bg-anim .hsa-accent-2,
body.hsa-no-bg-anim [class*="hsa-glow"],
body.hsa-no-bg-anim [class*="hsa-orb"] {
    animation: none !important;
}

body.hsa-no-bg-anim *,
body.hsa-no-bg-anim *::before,
body.hsa-no-bg-anim *::after {
    animation: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    animation-iteration-count: 0 !important;
    animation-play-state: paused !important;
}


body.hsa-no-bg-anim.hsa-theme-10 .hsa-tk-code {
    animation: none !important;
    opacity: 0.6 !important;

}


body.hsa-no-bg-anim.hsa-theme-8 .hsa-mc-cube,
body.hsa-no-bg-anim.hsa-theme-8 .hsa-mc-pixel {
    animation: none !important;
    opacity: 0.4 !important;

}


body.hsa-no-bg-anim *,
body.hsa-no-bg-anim *::before,
body.hsa-no-bg-anim *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


body.hsa-no-bg-anim *[class*="card"],
body.hsa-no-bg-anim *[class*="modal"],
body.hsa-no-bg-anim *[class*="btn"],
body.hsa-no-bg-anim *[class*="wrap"],
body.hsa-no-bg-anim *[class*="item"] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}


body.hsa-no-bg-anim *:not(.fa):not([class*="fa-"]):not(img):not(svg) {
    filter: none !important;
}


body.hsa-no-bg-anim .hsa-scene::before,
body.hsa-no-bg-anim .hsa-scene::after {
    filter: blur(12px) !important;
    opacity: 0.35 !important;
    animation: none !important;
}


body.hsa-no-bg-anim .hsa-rv-card,
body.hsa-no-bg-anim .gc-review-card,
body.hsa-no-bg-anim .atk-modal,
body.hsa-no-bg-anim .modal-card,
body.hsa-no-bg-anim .game-card,
body.hsa-no-bg-anim .gc-item,
body.hsa-no-bg-anim .pay-card-new,
body.hsa-no-bg-anim .bw-card {
    background: rgba(20, 25, 40, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}


body.hsa-no-bg-anim * {
    will-change: auto !important;
}


body.hsa-no-bg-anim [style*="animation"] {
    animation: none !important;
}

body.hsa-no-bg-anim *,
body.hsa-no-bg-anim *::before,
body.hsa-no-bg-anim *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


body.hsa-no-bg-anim *[class*="card"],
body.hsa-no-bg-anim *[class*="modal"],
body.hsa-no-bg-anim *[class*="btn"],
body.hsa-no-bg-anim *[class*="wrap"],
body.hsa-no-bg-anim *[class*="item"],
body.hsa-no-bg-anim *[class*="-bar"] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}


body.hsa-no-bg-anim *,
body.hsa-no-bg-anim *::before,
body.hsa-no-bg-anim *::after {
    animation-duration: 0.001s !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
}


body.hsa-no-bg-anim *:not(.fa):not([class*="fa-"]) {
    filter: none !important;
}


body.hsa-no-bg-anim .hsa-scene::before,
body.hsa-no-bg-anim .hsa-scene::after {
    filter: blur(12px) !important;
    opacity: 0.4 !important;
}


body.hsa-no-bg-anim svg[class*="lottie"],
body.hsa-no-bg-anim canvas[class*="lottie"],
body.hsa-no-bg-anim .lottie-container,
body.hsa-no-bg-anim [data-lottie] {
    animation-play-state: paused !important;
    display: none !important;
}


body.hsa-no-bg-anim .hsa-rv-card,
body.hsa-no-bg-anim .gc-review-card,
body.hsa-no-bg-anim .atk-modal,
body.hsa-no-bg-anim .modal-card,
body.hsa-no-bg-anim .game-card,
body.hsa-no-bg-anim .gc-item,
body.hsa-no-bg-anim .pay-card-new,
body.hsa-no-bg-anim .bw-card,
body.hsa-no-bg-anim .live-wrap,
body.hsa-no-bg-anim .profile-wrap,
body.hsa-no-bg-anim .wallet-wrap {
    background: rgba(20, 25, 40, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}


body.hsa-no-bg-anim *:not(.hsa-rv-stars):not([class*="brand"]):not(h1):not(h2):not(h3) {
    text-shadow: none !important;
}


body.hsa-no-bg-anim *[style*="animation"] {
    animation: none !important;
}


body.hsa-no-bg-anim.hsa-theme-10 .hsa-tk-code {
    animation: none !important;
    opacity: 0.6 !important;
}


body.hsa-no-bg-anim.hsa-theme-8 .hsa-mc-cube,
body.hsa-no-bg-anim.hsa-theme-8 .hsa-mc-pixel {
    animation: none !important;
    opacity: 0.4 !important;
}


body.hsa-no-bg-anim * {
    will-change: auto !important;
}


body.hsa-no-bg-anim .nav-center-btn::before {
    animation: spinBorder 1.5s linear infinite !important;
    -webkit-animation: spinBorder 1.5s linear infinite !important;
    will-change: transform !important;
    transform-origin: center center !important;
}


body.hsa-no-bg-anim .swal2-popup,
body.hsa-no-bg-anim .swal2-popup.swal2-show,
body.hsa-no-bg-anim .swal2-popup.swal2-hide,
body.hsa-no-bg-anim .swal2-container,
body.hsa-no-bg-anim .swal2-container.swal2-backdrop-show,
body.hsa-no-bg-anim .swal2-container.swal2-backdrop-hide,
body.hsa-no-bg-anim .swal2-icon,
body.hsa-no-bg-anim .swal2-icon *,
body.hsa-no-bg-anim [class*="swal2-"] {
    animation-duration: revert !important;
    animation-iteration-count: revert !important;
    animation-play-state: running !important;
}
body.hsa-no-bg-anim .swal2-popup.swal2-show {
    animation: swal2-show 0.3s !important;
}
body.hsa-no-bg-anim .swal2-popup.swal2-hide {
    animation: swal2-hide 0.15s forwards !important;
}
body.hsa-no-bg-anim .swal2-container.swal2-backdrop-show {
    animation: none !important;
}
body.hsa-no-bg-anim .swal2-container.swal2-backdrop-hide {
    animation: swal2-backdrop-hide 0.15s forwards !important;
}


body.hsa-no-bg-anim .nav-center-btn::before {
    animation: spinBorder 1.5s linear infinite !important;
    -webkit-animation: spinBorder 1.5s linear infinite !important;
    will-change: transform !important;
    transform-origin: center center !important;
}


body.hsa-no-bg-anim * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.hsa-no-bg-anim .hsa-rv-card,
body.hsa-no-bg-anim .game-card,
body.hsa-no-bg-anim .gc-item,
body.hsa-no-bg-anim .gc-review-card,
body.hsa-no-bg-anim .pay-card-new,
body.hsa-no-bg-anim .live-wrap,
body.hsa-no-bg-anim .profile-wrap,
body.hsa-no-bg-anim .wallet-wrap,
body.hsa-no-bg-anim .bw-card {
    background: rgba(20, 22, 32, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
#hsa-fps-panel .hsa-diag-btn { margin-top: 6px; width: 100%; padding: 7px 10px; border-radius: 10px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); color: #fff; cursor: pointer; font-family: inherit; font-size: 9px; font-weight: 700; letter-spacing: 1px; display: none; }
#hsa-fps-panel.is-admin .hsa-diag-btn { display: block; }
#hsa-fps-panel .hsa-bug-btn { margin-top: 6px; width: 100%; padding: 7px 10px; border-radius: 10px; background: linear-gradient(135deg, rgba(248,113,113,0.25), rgba(220,38,38,0.25)); border: 1px solid rgba(248,113,113,0.4); color: #fff; cursor: pointer; font-family: inherit; font-size: 9px; font-weight: 700; letter-spacing: 1px; display: none; }
#hsa-fps-panel.is-admin .hsa-bug-btn { display: block; }
#hsa-fps-panel .hsa-bug-btn.recording { background: linear-gradient(135deg, rgba(248,113,113,0.6), rgba(220,38,38,0.6)); animation: hsa-rec-pulse 1s ease-in-out infinite; }
@keyframes hsa-rec-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(248,113,113,0.5); } 50% { box-shadow: 0 0 0 8px rgba(248,113,113,0); } }

#hsa-diag-overlay { position: fixed; inset: 0; z-index: 100000; display: none; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); align-items: center; justify-content: center; padding: 16px; }
#hsa-diag-overlay.show { display: flex; }
#hsa-diag-box { width: 100%; max-width: 480px; max-height: 88vh; background: rgba(20,25,40,0.92); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.18); border-radius: 18px; padding: 16px; display: flex; flex-direction: column; color: #fff; font-family: 'Outfit',sans-serif !important; }
#hsa-diag-box .hsa-diag-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
#hsa-diag-box .hsa-diag-title { font-size: 14px; font-weight: 800; }
#hsa-diag-box .hsa-diag-close { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15); color: #fff; cursor: pointer; padding: 4px 10px; border-radius: 8px; font-family: inherit; font-size: 13px; }
#hsa-diag-box .hsa-diag-info { font-size: 11px; color: rgba(255,255,255,0.7); margin-bottom: 10px; line-height: 1.5; }
#hsa-diag-box .hsa-diag-text { flex: 1; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 10px; color: #c8d8ff; font-family: 'JetBrains Mono','Courier New',monospace !important; font-size: 10px; line-height: 1.5; overflow: auto; white-space: pre-wrap; word-break: break-all; min-height: 180px; max-height: 50vh; resize: none; width: 100%; }
#hsa-diag-box .hsa-diag-actions { display: flex; gap: 8px; margin-top: 10px; }
#hsa-diag-box .hsa-diag-action-btn { flex: 1; padding: 10px; border-radius: 10px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.18); color: #fff; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 700; }
#hsa-diag-box .hsa-diag-action-btn.primary { background: linear-gradient(135deg, #4ade80, #22c55e); border-color: rgba(74,222,128,0.5); }
#hsa-diag-box .hsa-toast { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); background: rgba(74,222,128,0.95); color: #000; padding: 8px 16px; border-radius: 8px; font-size: 12px; font-weight: 700; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
#hsa-diag-box .hsa-toast.show { opacity: 1; }

/* ===== Bug capture floating button (admin only, shown only while recording) ===== */
#hsa-bug-fab {
    position: fixed;
    z-index: 99999;
    bottom: 140px;
    right: 18px;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    border: 2px solid rgba(255,255,255,0.3);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    font-family: 'JetBrains Mono','Courier New',monospace !important;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(239,68,68,0.5);
    animation: hsa-rec-pulse 1s ease-in-out infinite;
    touch-action: none;
    user-select: none;
    line-height: 1;
}
#hsa-bug-fab.show { display: flex; }
#hsa-bug-fab .hsa-rec-dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; margin-bottom: 3px; }
#hsa-bug-fab .hsa-rec-time { font-size: 9px; letter-spacing: 0.5px; }

/* ==== style hsa-ld-font-lock ==== */


    body.hsa-admin-bg #live-detail-modal,
    body.hsa-admin-bg #live-detail-modal *,
    body[class*="hsa-theme-"] #live-detail-modal,
    body[class*="hsa-theme-"] #live-detail-modal * {
        font-family: inherit;
    }

    #live-detail-modal [style*="font-family"] {
        font-family: revert !important;
    }

    #live-detail-modal,
    #live-detail-modal #ld-info-box,
    #live-detail-modal #ld-info-box * {
        font-family: inherit !important;
    }

    #live-detail-modal #ld-fs-current,
    #live-detail-modal #ld-fs-name,
    #live-detail-modal [style*="VT323"] {
        font-family: 'VT323', monospace !important;
    }

/* ==== style hsa-ticker-hitbox-fix ==== */


    .gc-item .atk-ticker,
    .gc-big-cat .atk-ticker,
    [class*="game-card"] .atk-ticker {

        position: absolute !important;
        bottom: 6px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;

        opacity: 0.6;
        transition: opacity 0.2s, transform 0.2s;
    }
    .gc-item:hover .atk-ticker,
    .gc-big-cat:hover .atk-ticker {
        opacity: 1;
    }

    .gc-item .atk-ticker {

        margin-bottom: 8px !important;
    }

    .gc-item .atk-ticker {
        pointer-events: auto;
    }
    .gc-item .atk-ticker .atk-ticker-static,
    .gc-item .atk-ticker .atk-ticker-track,
    .gc-item .atk-ticker .atk-ticker-skeleton {
        pointer-events: auto;
    }

    .gc-item {
        position: relative;
    }
    .gc-item > *:not(.atk-ticker) {
        position: relative;
        z-index: 3;
    }

/* ==== style hsa-glow-drift-fix ==== */

    body.hsa-admin-bg.hsa-theme-0 .hsa-scene::before,
    body.hsa-admin-bg.hsa-theme-1 .hsa-scene::before,
    body.hsa-admin-bg.hsa-theme-2 .hsa-scene::before,
    body.hsa-admin-bg.hsa-theme-3 .hsa-scene::before {
        animation: hsa-glow-drift-1 15s ease-in-out infinite alternate !important;
    }
    body.hsa-admin-bg.hsa-theme-0 .hsa-scene::after,
    body.hsa-admin-bg.hsa-theme-1 .hsa-scene::after,
    body.hsa-admin-bg.hsa-theme-2 .hsa-scene::after,
    body.hsa-admin-bg.hsa-theme-3 .hsa-scene::after {
        animation: hsa-glow-drift-2 18s ease-in-out infinite alternate !important;
    }
    /* Vaporwave (theme 4) — site default now: slower + smaller + less blur + one fewer blurred layer (.hsa-glow-3 disabled above) so it's lighter on FPS/battery */
    body.hsa-admin-bg.hsa-theme-4 .hsa-scene::before {
        animation: hsa-glow-drift-1 34s ease-in-out infinite alternate !important;
        filter: blur(6px) !important;
        width: 80vw !important; height: 80vh !important;
    }
    body.hsa-admin-bg.hsa-theme-4 .hsa-scene::after {
        animation: hsa-glow-drift-2 38s ease-in-out infinite alternate !important;
        filter: blur(7px) !important;
        width: 46vw !important; height: 46vh !important;
    }
    @media (prefers-reduced-motion: reduce) {
        body.hsa-admin-bg .hsa-scene::before,
        body.hsa-admin-bg .hsa-scene::after {
            animation: none !important;
        }
    }

/* ==== style hsa-ticker-final-fix ==== */


    #ht-theme-btn,
    button#ht-theme-btn,
    body #ht-theme-btn,
    body.hsa-admin-bg #ht-theme-btn,
    body[class*="hsa-theme-"] #ht-theme-btn {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }


    .gc-item {
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .gc-item > .atk-ticker {
        order: -1 !important;
        margin: 6px auto 8px auto !important;
        position: relative !important;
        z-index: 5;
    }

    .gc-big-cat {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .gc-big-cat > .atk-ticker {
        order: -1 !important;
        margin: 6px auto 8px auto !important;
    }


    .atk-ticker {
        position: relative;
    }
    /* Red corner — bottom-left */
    .atk-ticker > .atk-cyberpunk-red,
    .atk-ticker::marker {
        display: none;
    }

/* ==== style hsa-solid-theme-style ==== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

/* ============================================================
   PALETTE — Default Royal Blue
   ============================================================ */
body.hsa-solid-mode {
    --sld-bg:        #060A1A;
    --sld-bg-2:      #0A0F22;
    --sld-surface:   #131836;
    --sld-surface-2: #1A2046;
    --sld-surface-3: #232A55;
    --sld-overlay:   rgba(2, 4, 12, 0.78);

    --sld-border:    #2A3160;
    --sld-border-2:  #3A4480;
    --sld-divider:   #1F2547;

    --sld-text:      #EAECF7;
    --sld-text-dim:  #9CA3C8;
    --sld-text-mute: #6B7299;

    --sld-accent:        #5B6EFF;
    --sld-accent-2:      #4A5FE8;
    --sld-accent-dark:   #3848B5;
    --sld-accent-soft:   rgba(91, 110, 255, 0.16);
    --sld-accent-glow:   rgba(91, 110, 255, 0.32);

    --sld-success:       #4ADE80;
    --sld-success-soft:  rgba(74, 222, 128, 0.14);
    --sld-warning:       #F0B54B;
    --sld-warning-soft:  rgba(240, 181, 75, 0.14);
    --sld-danger:        #F87171;
    --sld-danger-soft:   rgba(248, 113, 113, 0.14);
    --sld-gold:          #E8C870;

    background: var(--sld-bg) !important;
    color: var(--sld-text) !important;
}

/* ============================================================
   COLOR VARIANTS — apply by toggling body class
   ============================================================ */

body.hsa-solid-mode.sld-green {
    --sld-bg:        #07140E;
    --sld-bg-2:      #0B1D14;
    --sld-surface:   #102A1F;
    --sld-surface-2: #16382A;
    --sld-surface-3: #1F4D3A;
    --sld-border:    #245840;
    --sld-border-2:  #357A5A;
    --sld-divider:   #1A3528;
    --sld-accent:        #34D399;
    --sld-accent-2:      #22B883;
    --sld-accent-dark:   #15805F;
    --sld-accent-soft:   rgba(52, 211, 153, 0.16);
    --sld-accent-glow:   rgba(52, 211, 153, 0.32);
}


body.hsa-solid-mode.sld-red {
    --sld-bg:        #160808;
    --sld-bg-2:      #1F0C0C;
    --sld-surface:   #2E1414;
    --sld-surface-2: #3D1B1B;
    --sld-surface-3: #4F2424;
    --sld-border:    #5E2A2A;
    --sld-border-2:  #823A3A;
    --sld-divider:   #391818;
    --sld-accent:        #F87171;
    --sld-accent-2:      #E25555;
    --sld-accent-dark:   #B53A3A;
    --sld-accent-soft:   rgba(248, 113, 113, 0.16);
    --sld-accent-glow:   rgba(248, 113, 113, 0.32);
}


body.hsa-solid-mode.sld-yellow {
    --sld-bg:        #16110A;
    --sld-bg-2:      #1F1810;
    --sld-surface:   #2D2418;
    --sld-surface-2: #3B301F;
    --sld-surface-3: #4E4028;
    --sld-border:    #5C4B30;
    --sld-border-2:  #806840;
    --sld-divider:   #382C1B;
    --sld-accent:        #FACC15;
    --sld-accent-2:      #E5B400;
    --sld-accent-dark:   #9E7C00;
    --sld-accent-soft:   rgba(250, 204, 21, 0.16);
    --sld-accent-glow:   rgba(250, 204, 21, 0.32);
}


body.hsa-solid-mode.sld-pink {
    --sld-bg:        #170A12;
    --sld-bg-2:      #210F1A;
    --sld-surface:   #2F1626;
    --sld-surface-2: #3D1E32;
    --sld-surface-3: #502740;
    --sld-border:    #5E2E4C;
    --sld-border-2:  #813F67;
    --sld-divider:   #3A1A2F;
    --sld-accent:        #EC4899;
    --sld-accent-2:      #D43882;
    --sld-accent-dark:   #9E1F5F;
    --sld-accent-soft:   rgba(236, 72, 153, 0.16);
    --sld-accent-glow:   rgba(236, 72, 153, 0.32);
}


body.hsa-solid-mode.sld-orange {
    --sld-bg:        #170E07;
    --sld-bg-2:      #21150B;
    --sld-surface:   #2E1D10;
    --sld-surface-2: #3C2616;
    --sld-surface-3: #50321D;
    --sld-border:    #5E3B23;
    --sld-border-2:  #82532F;
    --sld-divider:   #381F12;
    --sld-accent:        #FB923C;
    --sld-accent-2:      #E57A28;
    --sld-accent-dark:   #A8530F;
    --sld-accent-soft:   rgba(251, 146, 60, 0.16);
    --sld-accent-glow:   rgba(251, 146, 60, 0.32);
}


body.hsa-solid-mode.sld-lavender {
    --sld-bg:        #100A1F;
    --sld-bg-2:      #170F2A;
    --sld-surface:   #21183B;
    --sld-surface-2: #2C2150;
    --sld-surface-3: #3A2C68;
    --sld-border:    #463576;
    --sld-border-2:  #5F4AA0;
    --sld-divider:   #271C45;
    --sld-accent:        #C4B5FD;
    --sld-accent-2:      #A78BFA;
    --sld-accent-dark:   #7C5DD8;
    --sld-accent-soft:   rgba(196, 181, 253, 0.16);
    --sld-accent-glow:   rgba(196, 181, 253, 0.32);
}


body.hsa-solid-mode.sld-sky {
    --sld-bg:        #07121F;
    --sld-bg-2:      #0B1A2B;
    --sld-surface:   #10263E;
    --sld-surface-2: #163252;
    --sld-surface-3: #1F436D;
    --sld-border:    #25507F;
    --sld-border-2:  #3370B0;
    --sld-divider:   #182F4A;
    --sld-accent:        #7DD3FC;
    --sld-accent-2:      #56BFEF;
    --sld-accent-dark:   #2E8EC4;
    --sld-accent-soft:   rgba(125, 211, 252, 0.16);
    --sld-accent-glow:   rgba(125, 211, 252, 0.32);
}

/* ============================================================
   FONT — premium clean (Inter + Plus Jakarta Sans)
   ============================================================ */
body.hsa-solid-mode,
body.hsa-solid-mode *:not(i):not(.fa):not(.fas):not(.far):not(.fab) {
    font-family: 'Inter', 'Plus Jakarta Sans', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: -0.01em !important;
}
body.hsa-solid-mode h1,
body.hsa-solid-mode h2,
body.hsa-solid-mode h3,
body.hsa-solid-mode h4,
body.hsa-solid-mode .sec-title,
body.hsa-solid-mode .gc-cat-title,
body.hsa-solid-mode .gc-inst-title,
body.hsa-solid-mode .gc-desc-title {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}
body.hsa-solid-mode #wallet-big-bal,
body.hsa-solid-mode #header-bal-text,
body.hsa-solid-mode .pay-num-new,
body.hsa-solid-mode .live-amount,
body.hsa-solid-mode [class*="live"][class*="amount"] {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
}
body.hsa-solid-mode button,
body.hsa-solid-mode .btn-buy-now,
body.hsa-solid-mode .nav-tab,
body.hsa-solid-mode .balance-pill {
    font-family: 'Inter', 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

/* ============================================================
   GLOBAL — kill blur
   ============================================================ */
body.hsa-solid-mode,
body.hsa-solid-mode * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.hsa-solid-mode .hsa-scene,
body.hsa-solid-mode .hsa-scene::before,
body.hsa-solid-mode .hsa-scene::after,
body.hsa-solid-mode .hsa-vignette,
body.hsa-solid-mode .hsa-grain,
body.hsa-solid-mode .hsa-accent,
body.hsa-solid-mode .hsa-mc-cube,
body.hsa-solid-mode .hsa-mc-pixel {
    display: none !important;
    animation: none !important;
    background: transparent !important;
}

body.hsa-solid-mode html,
body.hsa-solid-mode,
body.hsa-solid-mode #home-view,
body.hsa-solid-mode #wallet-view,
body.hsa-solid-mode #profile-view,
body.hsa-solid-mode #history-view,
body.hsa-solid-mode #notification-view,
body.hsa-solid-mode #saved-view,
body.hsa-solid-mode #admin-post-view,
body.hsa-solid-mode #gc-cat-view,
body.hsa-solid-mode #gc-checkout-view,
body.hsa-solid-mode .view-section {
    background: var(--sld-bg) !important;
    background-image: none !important;
    color: var(--sld-text) !important;
}

body.hsa-solid-mode #gc-pattern-bg { display: none !important; }

/* ============================================================
   TEXT
   ============================================================ */
body.hsa-solid-mode h1,
body.hsa-solid-mode h2,
body.hsa-solid-mode h3,
body.hsa-solid-mode h4,
body.hsa-solid-mode h5,
body.hsa-solid-mode h6,
body.hsa-solid-mode p,
body.hsa-solid-mode label,
body.hsa-solid-mode li,
body.hsa-solid-mode td,
body.hsa-solid-mode th,
body.hsa-solid-mode .gc-bw-back,
body.hsa-solid-mode .gc-cat-title,
body.hsa-solid-mode .gc-inst-title,
body.hsa-solid-mode .gc-desc-title,
body.hsa-solid-mode .sec-title {
    color: var(--sld-text) !important;
    text-shadow: none !important;
}

/* ============================================================
   HEADER + BALANCE PILL
   ============================================================ */
body.hsa-solid-mode header,
body.hsa-solid-mode .app-header,
body.hsa-solid-mode .header-wrap {
    background: var(--sld-surface) !important;
    border-bottom: 1px solid var(--sld-border) !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.4) !important;
}

body.hsa-solid-mode .balance-pill,
body.hsa-solid-mode #user-balance-pill {
    background: var(--sld-accent-soft) !important;
    color: var(--sld-text) !important;
    border: 1px solid var(--sld-border-2) !important;
    box-shadow: 0 0 12px var(--sld-accent-soft) !important;
    text-shadow: none !important;
}
body.hsa-solid-mode .balance-pill i,
body.hsa-solid-mode #user-balance-pill i,
body.hsa-solid-mode #header-bal-text {
    color: var(--sld-accent) !important;
    text-shadow: 0 0 8px var(--sld-accent-glow) !important;
}

/* ============================================================
   BOTTOM NAV
   ============================================================ */
body.hsa-solid-mode .bottom-nav {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.50),
        0 0 30px var(--sld-accent-soft),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
body.hsa-solid-mode .nav-tab {
    color: var(--sld-text-mute) !important;
    text-shadow: none !important;
}
body.hsa-solid-mode .nav-tab.active {
    color: var(--sld-accent) !important;
    text-shadow: 0 0 10px var(--sld-accent-glow) !important;
}
body.hsa-solid-mode .nav-tab.active .lottie-nav-icon {
    filter: invert(1) opacity(1) drop-shadow(0 0 6px var(--sld-accent-glow)) !important;
}
body.hsa-solid-mode .lottie-nav-icon {
    filter: invert(1) opacity(0.6) !important;
}
body.hsa-solid-mode .nav-center-btn {
    background: var(--sld-accent) !important;
    color: #fff !important;
    border: 1px solid var(--sld-accent-2) !important;
    box-shadow:
        0 4px 14px var(--sld-accent-glow),
        0 0 24px var(--sld-accent-soft),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}
body.hsa-solid-mode .nav-center-btn i,
body.hsa-solid-mode .nav-center-btn span { color: #fff !important; }
body.hsa-solid-mode .nav-profile-box {
    border-color: var(--sld-border-2) !important;
    box-shadow: none !important;
}
body.hsa-solid-mode .nav-tab.active .nav-profile-box {
    border-color: var(--sld-accent) !important;
    box-shadow: 0 0 10px var(--sld-accent-glow) !important;
}

/* ============================================================
   WALLET
   ============================================================ */
body.hsa-solid-mode .wallet-wrap,
body.hsa-solid-mode #wallet-view .wallet-wrap {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.40),
        0 0 40px var(--sld-accent-soft) !important;
    color: var(--sld-text) !important;
}
body.hsa-solid-mode #wallet-big-bal {
    color: #fff !important;
    text-shadow: 0 0 18px var(--sld-accent-glow) !important;
}
body.hsa-solid-mode .wallet-wrap i {
    color: var(--sld-accent) !important;
    text-shadow: 0 0 8px var(--sld-accent-glow) !important;
}

/* ============================================================
   CARDS
   ============================================================ */
body.hsa-solid-mode .bw-card,
body.hsa-solid-mode .gc-dark-inner-box,
body.hsa-solid-mode .gc-big-cat,
body.hsa-solid-mode .pay-card-new,
body.hsa-solid-mode .gc-item,
body.hsa-solid-mode .order-card,
body.hsa-solid-mode .history-card,
body.hsa-solid-mode .noti-card {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    color: var(--sld-text) !important;
    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.30),
        0 0 24px var(--sld-accent-soft),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    text-shadow: none !important;
}

body.hsa-solid-mode .gc-dark-inner-box {
    background: var(--sld-surface-2) !important;
    border: 1px solid var(--sld-divider) !important;
}

body.hsa-solid-mode .gc-item-title {
    background: var(--sld-surface-2) !important;
    color: var(--sld-text) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow: none !important;
}

body.hsa-solid-mode .game-img-box,
body.hsa-solid-mode .gc-img-box {
    background: var(--sld-surface-2) !important;
    border: 1px solid var(--sld-divider) !important;
    box-shadow: none !important;
}

/* ============================================================
   CATEGORY TABS
   ============================================================ */
body.hsa-solid-mode .gc-big-cat .gc-cat-title,
body.hsa-solid-mode [class*="cat-btn"],
body.hsa-solid-mode .gc-cat-btn,
body.hsa-solid-mode .category-btn {
    background: var(--sld-surface-2) !important;
    color: var(--sld-text) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    text-shadow: none !important;
}
body.hsa-solid-mode .gc-big-cat.active .gc-cat-title,
body.hsa-solid-mode [class*="cat-btn"].active,
body.hsa-solid-mode .gc-cat-btn.active,
body.hsa-solid-mode .category-btn.active {
    background: var(--sld-accent) !important;
    color: #fff !important;
    border-color: var(--sld-accent-2) !important;
    box-shadow:
        0 4px 14px var(--sld-accent-glow),
        0 0 18px var(--sld-accent-soft) !important;
}

body.hsa-solid-mode [style*="linear-gradient"][class*="gc-big-cat"],
body.hsa-solid-mode .gc-big-cat[style] {
    background: var(--sld-surface-2) !important;
    background-image: none !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* ============================================================
   ORDER HISTORY / NOTI / THEME row
   ============================================================ */
body.hsa-solid-mode .order-history-btn,
body.hsa-solid-mode .noti-btn,
body.hsa-solid-mode .notification-btn,
body.hsa-solid-mode [class*="bell"]:not(i),
body.hsa-solid-mode [class*="history-btn"],
body.hsa-solid-mode #ht-theme-btn {
    background: var(--sld-surface) !important;
    color: var(--sld-text) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    text-shadow: none !important;
}

/* ============================================================
   LIVE PURCHASES
   ============================================================ */
body.hsa-solid-mode .live-wrap,
body.hsa-solid-mode [class*="live-purchases"] {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.30),
        0 0 28px var(--sld-accent-soft) !important;
    color: var(--sld-text) !important;
}
body.hsa-solid-mode .live-wrap > div,
body.hsa-solid-mode .live-item,
body.hsa-solid-mode [class*="live"] [class*="item"],
body.hsa-solid-mode [class*="live"] .row {
    background: var(--sld-surface-2) !important;
    border: 1px solid var(--sld-divider) !important;
    color: var(--sld-text) !important;
    box-shadow: none !important;
}
body.hsa-solid-mode .live-amount,
body.hsa-solid-mode [class*="live"][class*="amount"] {
    color: var(--sld-accent) !important;
    text-shadow: 0 0 8px var(--sld-accent-glow) !important;
}

/* ============================================================
   GAME CARDS — keep original glow borders
   ============================================================ */
body.hsa-solid-mode .bw-card .game-img-box,
body.hsa-solid-mode .home-game-card .game-img-box {
    background: var(--sld-surface-2) !important;
}

/* ============================================================
   PROFILE
   ============================================================ */
body.hsa-solid-mode #profile-view .bw-card,
body.hsa-solid-mode .profile-card,
body.hsa-solid-mode .profile-info,
body.hsa-solid-mode .profile-row {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    color: var(--sld-text) !important;
    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.30),
        0 0 24px var(--sld-accent-soft) !important;
}
body.hsa-solid-mode .profile-avatar,
body.hsa-solid-mode .profile-pic {
    border: 3px solid var(--sld-surface) !important;
    box-shadow:
        0 0 0 1px var(--sld-border-2),
        0 4px 16px var(--sld-accent-glow) !important;
}

/* ============================================================
   INPUTS
   ============================================================ */
body.hsa-solid-mode input,
body.hsa-solid-mode textarea,
body.hsa-solid-mode select,
body.hsa-solid-mode input.glass-input,
body.hsa-solid-mode .bw-input {
    background: var(--sld-surface-2) !important;
    border: 1px solid var(--sld-border) !important;
    color: var(--sld-text) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
body.hsa-solid-mode input::placeholder,
body.hsa-solid-mode textarea::placeholder {
    color: var(--sld-text-mute) !important;
}
body.hsa-solid-mode input:focus,
body.hsa-solid-mode textarea:focus,
body.hsa-solid-mode select:focus,
body.hsa-solid-mode input.glass-input:focus {
    border-color: var(--sld-accent) !important;
    box-shadow: 0 0 0 3px var(--sld-accent-soft) !important;
    outline: none !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */
body.hsa-solid-mode .btn-buy-now,
body.hsa-solid-mode .glass-btn-primary,
body.hsa-solid-mode .glass-btn-unified {
    background: var(--sld-accent) !important;
    color: #ffffff !important;
    border: 1px solid var(--sld-accent-2) !important;
    box-shadow:
        0 4px 14px var(--sld-accent-glow),
        0 0 24px var(--sld-accent-soft),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}
body.hsa-solid-mode .btn-buy-now:active,
body.hsa-solid-mode .glass-btn-primary:active,
body.hsa-solid-mode .glass-btn-unified:active {
    background: var(--sld-accent-2) !important;
    transform: scale(0.97) !important;
}
body.hsa-solid-mode .glass-btn-secondary {
    background: var(--sld-surface-2) !important;
    color: var(--sld-text) !important;
    border: 1px solid var(--sld-border-2) !important;
    box-shadow: none !important;
}
body.hsa-solid-mode .bw-qty-btn,
body.hsa-solid-mode .amt-btn,
body.hsa-solid-mode .pay-action-btn,
body.hsa-solid-mode .copy-btn,
body.hsa-solid-mode .upload-btn {
    background: var(--sld-surface-2) !important;
    color: var(--sld-text) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
body.hsa-solid-mode .bw-qty-btn:active,
body.hsa-solid-mode .amt-btn:active,
body.hsa-solid-mode .pay-action-btn:active {
    background: var(--sld-surface-3) !important;
    transform: scale(0.95) !important;
}
body.hsa-solid-mode .amt-btn.active,
body.hsa-solid-mode button.active {
    background: var(--sld-accent) !important;
    color: #fff !important;
    border-color: var(--sld-accent-2) !important;
    box-shadow: 0 0 16px var(--sld-accent-glow) !important;
}

body.hsa-solid-mode .gc-method {
    background: var(--sld-surface-2) !important;
    color: var(--sld-text-dim) !important;
    border: 1px solid var(--sld-border) !important;
}
body.hsa-solid-mode .gc-method.active {
    background: var(--sld-accent) !important;
    color: #fff !important;
    border-color: var(--sld-accent-2) !important;
    box-shadow: 0 0 14px var(--sld-accent-glow) !important;
}

/* ============================================================
   MODALS
   ============================================================ */
body.hsa-solid-mode .modal-overlay,
body.hsa-solid-mode #gc-buy-modal,
body.hsa-solid-mode #recent-modal,
body.hsa-solid-mode #auth-page,
body.hsa-solid-mode #pwd-modal {
    background: var(--sld-overlay) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.hsa-solid-mode .modal-overlay > div,
body.hsa-solid-mode #gc-buy-modal > div,
body.hsa-solid-mode #recent-modal > div,
body.hsa-solid-mode #auth-page .auth-card,
body.hsa-solid-mode #pwd-modal > div,
body.hsa-solid-mode .gc-glass-panel,
body.hsa-solid-mode #gc-buy-modal .gc-glass-panel,
body.hsa-solid-mode .swal2-popup.gc-glass-panel {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 16px 50px rgba(0, 0, 0, 0.60),
        0 0 50px var(--sld-accent-soft) !important;
    color: var(--sld-text) !important;
}
body.hsa-solid-mode #gc-buy-modal .gc-dark-inner-box {
    background: var(--sld-surface-2) !important;
    border: 1px solid var(--sld-divider) !important;
    color: var(--sld-text) !important;
}

/* SweetAlert */
body.hsa-solid-mode .swal2-container { background: var(--sld-overlay) !important; }
body.hsa-solid-mode .swal2-popup {
    background: var(--sld-surface) !important;
    color: var(--sld-text) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 16px 50px rgba(0, 0, 0, 0.60),
        0 0 50px var(--sld-accent-soft) !important;
}
body.hsa-solid-mode .swal2-title,
body.hsa-solid-mode .swal2-html-container,
body.hsa-solid-mode .swal2-content { color: var(--sld-text) !important; text-shadow: none !important; }
body.hsa-solid-mode .swal2-confirm {
    background: var(--sld-accent) !important;
    color: #fff !important;
    border: 1px solid var(--sld-accent-2) !important;
    box-shadow: 0 4px 12px var(--sld-accent-glow) !important;
}
body.hsa-solid-mode .swal2-cancel {
    background: var(--sld-surface-2) !important;
    color: var(--sld-text) !important;
    border: 1px solid var(--sld-border-2) !important;
}
body.hsa-solid-mode .swal2-loader { border-color: var(--sld-accent) transparent var(--sld-accent) transparent !important; }
body.hsa-solid-mode .swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: var(--sld-success) !important; }
body.hsa-solid-mode .swal2-icon.swal2-success .swal2-success-ring { border-color: var(--sld-success) !important; }
body.hsa-solid-mode .swal2-icon.swal2-error { border-color: var(--sld-danger) !important; color: var(--sld-danger) !important; }
body.hsa-solid-mode .swal2-icon.swal2-warning { border-color: var(--sld-warning) !important; color: var(--sld-warning) !important; }
body.hsa-solid-mode .swal2-icon.swal2-info { border-color: var(--sld-accent) !important; color: var(--sld-accent) !important; }

/* ============================================================
   TOP BUYERS MODAL
   ============================================================ */
body.hsa-solid-mode .atk-modal-overlay { background: var(--sld-overlay) !important; }
body.hsa-solid-mode .atk-modal,
body.hsa-solid-mode .atk-modal[data-mstyle="1"],
body.hsa-solid-mode .atk-modal[data-mstyle="2"],
body.hsa-solid-mode .atk-modal[data-mstyle="3"],
body.hsa-solid-mode .atk-modal[data-mstyle="4"],
body.hsa-solid-mode .atk-modal[data-mstyle="5"],
body.hsa-solid-mode .atk-modal[data-mstyle="6"],
body.hsa-solid-mode .atk-modal[data-mstyle="7"],
body.hsa-solid-mode .atk-modal[data-mstyle="8"],
body.hsa-solid-mode .atk-modal[data-mstyle="9"],
body.hsa-solid-mode .atk-modal[data-mstyle="10"],
body.hsa-solid-mode .atk-modal[data-mstyle="11"],
body.hsa-solid-mode .atk-modal[data-mstyle="12"],
body.hsa-solid-mode .atk-modal[data-mstyle="13"],
body.hsa-solid-mode .atk-modal[data-mstyle="14"],
body.hsa-solid-mode .atk-modal[data-mstyle="15"],
body.hsa-solid-mode .atk-modal[data-mstyle="16"],
body.hsa-solid-mode .atk-modal[data-mstyle="17"],
body.hsa-solid-mode .atk-modal[data-mstyle="18"],
body.hsa-solid-mode .atk-modal[data-mstyle="19"],
body.hsa-solid-mode .atk-modal[data-mstyle="20"] {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.65),
        0 0 50px var(--sld-accent-soft) !important;
    color: var(--sld-text) !important;
}
body.hsa-solid-mode .atk-modal::before {
    background: linear-gradient(90deg, transparent, var(--sld-accent), transparent) !important;
    opacity: 0.7 !important;
}
body.hsa-solid-mode .atk-row {
    background: var(--sld-surface-2) !important;
    border: 1px solid var(--sld-divider) !important;
    color: var(--sld-text) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
body.hsa-solid-mode .atk-row * { color: var(--sld-text) !important; text-shadow: none !important; }
body.hsa-solid-mode .atk-row-expand,
body.hsa-solid-mode .atk-row-expand * { color: var(--sld-text-dim) !important; text-shadow: none !important; }

body.hsa-solid-mode .atk-row.rank-1,
body.hsa-solid-mode .atk-row[data-rank="1"] {
    background: linear-gradient(135deg, rgba(232, 200, 112, 0.14), var(--sld-surface-2)) !important;
    border-color: rgba(232, 200, 112, 0.45) !important;
    box-shadow: 0 0 16px rgba(232, 200, 112, 0.12) !important;
}
body.hsa-solid-mode .atk-row.rank-2,
body.hsa-solid-mode .atk-row[data-rank="2"] {
    background: linear-gradient(135deg, rgba(200, 210, 230, 0.12), var(--sld-surface-2)) !important;
    border-color: rgba(200, 210, 230, 0.40) !important;
}
body.hsa-solid-mode .atk-row.rank-3,
body.hsa-solid-mode .atk-row[data-rank="3"] {
    background: linear-gradient(135deg, rgba(205, 127, 50, 0.14), var(--sld-surface-2)) !important;
    border-color: rgba(205, 127, 50, 0.40) !important;
}

body.hsa-solid-mode #atk-modal-heading { color: var(--sld-text) !important; text-shadow: 0 0 12px var(--sld-accent-glow) !important; }
body.hsa-solid-mode #atk-modal-heading i { color: var(--sld-gold) !important; text-shadow: 0 0 10px rgba(232, 200, 112, 0.50) !important; }

/* Status */
body.hsa-solid-mode [class*="status-processing"],
body.hsa-solid-mode [class*="status-pending"] { background: var(--sld-warning-soft) !important; color: var(--sld-warning) !important; border: 1px solid var(--sld-warning) !important; text-shadow: none !important; }
body.hsa-solid-mode [class*="status-success"],
body.hsa-solid-mode [class*="success-tag"] { background: var(--sld-success-soft) !important; color: var(--sld-success) !important; border: 1px solid var(--sld-success) !important; text-shadow: none !important; }
body.hsa-solid-mode [class*="status-failed"],
body.hsa-solid-mode [class*="status-rejected"] { background: var(--sld-danger-soft) !important; color: var(--sld-danger) !important; border: 1px solid var(--sld-danger) !important; text-shadow: none !important; }

/* Admin mirror */
body.hsa-admin-bg.hsa-theme-11 { background: #060A1A !important; }
body.hsa-admin-bg.hsa-theme-11 .hsa-scene,
body.hsa-admin-bg.hsa-theme-11 .hsa-scene::before,
body.hsa-admin-bg.hsa-theme-11 .hsa-scene::after,
body.hsa-admin-bg.hsa-theme-11 .hsa-vignette,
body.hsa-admin-bg.hsa-theme-11 .hsa-grain {
    display: none !important;
    animation: none !important;
}

/* ============================================================
   THE BIG SOLID DOT in the picker
   ============================================================ */
#hsa-theme-panel .hsa-theme-dot[data-i="11"] {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.25), transparent 50%),
        linear-gradient(135deg, #5B6EFF 0%, #3848B5 60%, #131836 100%) !important;
    border: 2px solid #5B6EFF !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.30),
        0 0 0 1px rgba(91, 110, 255, 0.20),
        0 4px 14px rgba(91, 110, 255, 0.45) !important;
    position: relative;
}
#hsa-theme-panel .hsa-theme-dot[data-i="11"]::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 14px; height: 14px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff 0%, rgba(255, 255, 255, 0.6) 40%, transparent 70%);
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.7);
}
#hsa-theme-panel .hsa-theme-dot[data-i="11"].active {
    border-color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.40),
        0 0 0 3px rgba(91, 110, 255, 0.40),
        0 6px 20px rgba(91, 110, 255, 0.55) !important;
    transform: scale(1.12) !important;
}

/* ============================================================
   SIDE SUB-PANEL — color variant picker
   ============================================================ */
#sld-sub-panel {
    position: fixed;
    z-index: 100000;
    display: none;
    flex-direction: column;
    gap: 10px;
    padding: 12px 10px;
    border-radius: 18px;
    background: #131836;
    border: 1px solid #2A3160;
    box-shadow:
        0 12px 36px rgba(0, 0, 0, 0.55),
        0 0 28px rgba(91, 110, 255, 0.18);
    max-height: 75vh;
    overflow-y: auto;
    animation: sldSubSlideIn 0.22s cubic-bezier(.18,.89,.32,1.28);
}
#sld-sub-panel.show { display: flex; }
@keyframes sldSubSlideIn {
    0%   { opacity: 0; transform: translateX(8px) scale(0.92); }
    100% { opacity: 1; transform: translateX(0) scale(1); }
}
.sld-sub-dot {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.20);
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
    flex-shrink: 0;
    position: relative;
}
.sld-sub-dot:active { transform: scale(0.85); }
.sld-sub-dot.active {
    border-color: #00f2ff;
    transform: scale(1.12);
}
.sld-sub-dot.active::after {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 2px dashed rgba(0,242,255,0.7);
    animation: utActiveSpin 4s linear infinite;
    pointer-events: none;
}
.sld-sub-dot[data-c="default"] {
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.25), transparent 50%), linear-gradient(135deg, #5B6EFF, #3848B5);
}
.sld-sub-dot[data-c="default"].active { box-shadow: 0 0 14px rgba(91, 110, 255, 0.7); }
.sld-sub-dot[data-c="green"]    { background: linear-gradient(135deg, #34D399, #15805F); }
.sld-sub-dot[data-c="green"].active    { box-shadow: 0 0 14px rgba(52, 211, 153, 0.7); }
.sld-sub-dot[data-c="red"]      { background: linear-gradient(135deg, #F87171, #B53A3A); }
.sld-sub-dot[data-c="red"].active      { box-shadow: 0 0 14px rgba(248, 113, 113, 0.7); }
.sld-sub-dot[data-c="yellow"]   { background: linear-gradient(135deg, #FACC15, #9E7C00); }
.sld-sub-dot[data-c="yellow"].active   { box-shadow: 0 0 14px rgba(250, 204, 21, 0.7); }
.sld-sub-dot[data-c="pink"]     { background: linear-gradient(135deg, #EC4899, #9E1F5F); }
.sld-sub-dot[data-c="pink"].active     { box-shadow: 0 0 14px rgba(236, 72, 153, 0.7); }
.sld-sub-dot[data-c="orange"]   { background: linear-gradient(135deg, #FB923C, #A8530F); }
.sld-sub-dot[data-c="orange"].active   { box-shadow: 0 0 14px rgba(251, 146, 60, 0.7); }
.sld-sub-dot[data-c="lavender"] { background: linear-gradient(135deg, #C4B5FD, #7C5DD8); }
.sld-sub-dot[data-c="lavender"].active { box-shadow: 0 0 14px rgba(196, 181, 253, 0.7); }
.sld-sub-dot[data-c="sky"]      { background: linear-gradient(135deg, #7DD3FC, #2E8EC4); }
.sld-sub-dot[data-c="sky"].active      { box-shadow: 0 0 14px rgba(125, 211, 252, 0.7); }

/* ============================================================
   MISC
   ============================================================ */
body.hsa-solid-mode hr,
body.hsa-solid-mode .divider { background: var(--sld-divider) !important; border-color: var(--sld-divider) !important; }
body.hsa-solid-mode .pay-num-new,
body.hsa-solid-mode #header-bal-text { color: var(--sld-accent) !important; text-shadow: 0 0 8px var(--sld-accent-glow) !important; }
body.hsa-solid-mode #lottie-theme-icon { filter: invert(1) drop-shadow(0 0 4px var(--sld-accent-glow)) !important; }
body.hsa-solid-mode #hsa-theme-icon {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border-2) !important;
    color: var(--sld-accent) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.40), 0 0 16px var(--sld-accent-soft) !important;
}
body.hsa-solid-mode #hsa-theme-icon i { color: var(--sld-accent) !important; }
body.hsa-solid-mode #hsa-theme-panel {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55), 0 0 30px var(--sld-accent-soft) !important;
}
body.hsa-solid-mode .glass-support-btn,
body.hsa-solid-mode #floating-support-btn {
    background: var(--sld-accent) !important;
    border: 1px solid var(--sld-accent-2) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px var(--sld-accent-glow), 0 0 24px var(--sld-accent-soft) !important;
}
body.hsa-solid-mode .hsa-mini-glass-modal,
body.hsa-solid-mode [id*="mini-glass"],
body.hsa-solid-mode [class*="mini-glass"] {
    background: var(--sld-surface) !important;
    border: 1px solid var(--sld-border) !important;
    color: var(--sld-text) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.50), 0 0 30px var(--sld-accent-soft) !important;
}
body.hsa-solid-mode.light-mode { background: var(--sld-bg) !important; }
body.hsa-solid-mode ::-webkit-scrollbar { width: 8px; height: 8px; }
body.hsa-solid-mode ::-webkit-scrollbar-track { background: var(--sld-bg-2); }
body.hsa-solid-mode ::-webkit-scrollbar-thumb { background: var(--sld-border-2); border-radius: 4px; }
body.hsa-solid-mode ::-webkit-scrollbar-thumb:hover { background: var(--sld-accent-dark); }

/* ==== style gc-matcha-styles ==== */

    /* ===== GIFT CARD MATCHA GLASS CONFIRM MODAL ===== */
    .swal2-container.gc-matcha-container {
        background: rgba(0,0,0,0.55) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        padding: 28px 32px !important;
    }
    .swal2-popup.gc-matcha-popup {
        background: linear-gradient(145deg, rgba(20,45,40,0.78), rgba(15,30,45,0.85)) !important;
        backdrop-filter: blur(4px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(4px) saturate(180%) !important;
        border: 1px solid rgba(134,239,172,0.18) !important;
        border-radius: 24px !important;
        box-shadow: 
            0 30px 70px rgba(0,0,0,0.75), 
            inset 0 1px 0 rgba(255,255,255,0.12), 
            inset 0 0 0 1px rgba(125,211,252,0.08), 
            0 0 60px rgba(134,239,172,0.15) !important;
        color: #fff !important;
        font-family: 'Inter', sans-serif !important;
        padding: 28px 22px !important;
        margin: 0 auto !important;
        max-width: calc(100% - 24px) !important;
        position: relative;
        overflow: hidden !important;
    }
    .swal2-popup.gc-matcha-popup::before {
        content:''; position:absolute;
        top:-80px; left:-80px; width:220px; height:220px;
        background: radial-gradient(circle, rgba(134,239,172,0.25) 0%, transparent 65%);
        pointer-events:none; z-index:0;
    }
    .swal2-popup.gc-matcha-popup::after {
        content:''; position:absolute;
        bottom:-80px; right:-80px; width:200px; height:200px;
        background: radial-gradient(circle, rgba(125,211,252,0.22) 0%, transparent 65%);
        pointer-events:none; z-index:0;
    }
    .swal2-popup.gc-matcha-popup > * { position: relative; z-index: 1; }
    .swal2-popup.gc-matcha-popup .swal2-title {
        color: #fff !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 900 !important;
        font-size: 19px !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase;
    }
    .swal2-popup.gc-matcha-popup .swal2-html-container {
        color: rgba(255,255,255,0.9) !important;
        font-family: 'Inter', sans-serif !important;
    }
    /* MATCHA Confirm button */
    .swal2-popup.gc-matcha-popup .swal2-confirm.gc-matcha-yes {
        background: linear-gradient(135deg, rgba(134,239,172,0.25), rgba(74,222,128,0.20)) !important;
        backdrop-filter: blur(4px) saturate(180%) !important;
        border: 1.5px solid rgba(134,239,172,0.55) !important;
        color: #fff !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 800 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase;
        border-radius: 14px !important;
        padding: 12px 22px !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 0 22px rgba(134,239,172,0.45) !important;
        text-shadow: 0 0 10px rgba(187,247,208,0.5);
        transition: all 0.3s ease !important;
    }
    .swal2-popup.gc-matcha-popup .swal2-confirm.gc-matcha-yes:hover {
        background: linear-gradient(135deg, rgba(134,239,172,0.38), rgba(74,222,128,0.30)) !important;
        transform: translateY(-2px);
    }
    /* SKY BLUE Cancel button */
    .swal2-popup.gc-matcha-popup .swal2-cancel.gc-matcha-no {
        background: linear-gradient(135deg, rgba(125,211,252,0.18), rgba(56,189,248,0.14)) !important;
        backdrop-filter: blur(4px) saturate(140%) !important;
        border: 1px solid rgba(125,211,252,0.45) !important;
        color: rgba(255,255,255,0.92) !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase;
        border-radius: 14px !important;
        padding: 12px 22px !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 6px 18px rgba(0,0,0,0.3), 0 0 14px rgba(125,211,252,0.25) !important;
        animation: gc-matcha-wobble 2.4s ease-in-out infinite !important;
        transform-origin: center bottom;
    }
    .swal2-popup.gc-matcha-popup .swal2-cancel.gc-matcha-no:hover {
        background: linear-gradient(135deg, rgba(125,211,252,0.30), rgba(56,189,248,0.24)) !important;
    }
    @keyframes gc-matcha-wobble {
        0%,100% { transform: scale(1,1) translateY(0); }
        15%  { transform: scale(1.06,0.94); }
        30%  { transform: scale(0.95,1.05) translateY(-2px); }
        45%  { transform: scale(1.03,0.97); }
        60%  { transform: scale(0.98,1.02); }
        75%  { transform: scale(1.02,0.98); }
    }
    .swal2-popup.gc-matcha-popup .swal2-actions { gap: 10px !important; margin-top: 18px !important; }

    /* ===== GIFT CARD DEMO BUTTON ===== */
    #gc-fake-demo-btn {
        position: fixed;
        bottom: 90px;
        right: 14px;
        z-index: 99998;
        padding: 8px 14px;
        border-radius: 999px;
        border: 1px solid rgba(134,239,172,0.45);
        background: linear-gradient(135deg, rgba(134,239,172,0.22), rgba(125,211,252,0.20));
        backdrop-filter: blur(4px) saturate(160%);
        -webkit-backdrop-filter: blur(4px) saturate(160%);
        color: #e0f7fa;
        font-family: 'Inter', sans-serif;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1px;
        cursor: pointer;
        box-shadow: 0 6px 18px rgba(0,0,0,0.35), 0 0 18px rgba(134,239,172,0.30);
        display: none;
    }
    #gc-fake-demo-btn:hover {
        background: linear-gradient(135deg, rgba(134,239,172,0.32), rgba(125,211,252,0.28));
        transform: translateY(-2px);
    }

/* ==== style hsa-review-system-style ==== */

  /* ========== Pixel H Icon (Minecraft style, used for HSA points) ========== */
  .hsa-h-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.1em;
    background-image: linear-gradient(#00eaff, #00eaff);
    background-size: 0; /* hidden trick — actual rendering via box-shadow grid */
    position: relative;
  }
  .hsa-h-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      /* H shape, 7-row × 5-col pixel grid */
      linear-gradient(currentColor, currentColor) 0%   14.28%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 0%   28.56%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 0%   42.84%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 0%   57.12%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 0%   71.40%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 0%   85.68%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 0%   99.96%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 100% 14.28%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 100% 28.56%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 100% 42.84%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 100% 57.12%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 100% 71.40%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 100% 85.68%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 100% 99.96%/20% 14.28% no-repeat,
      /* middle bar */
      linear-gradient(currentColor, currentColor) 25%  42.84%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 50%  42.84%/20% 14.28% no-repeat,
      linear-gradient(currentColor, currentColor) 75%  42.84%/20% 14.28% no-repeat;
    image-rendering: pixelated;
    filter: drop-shadow(0 0 3px currentColor);
  }

  /* ========== HSA Points side badge — back to original white/cyan style, longer text ========== */
  #hsa-points-badge {
    position: fixed !important;
    top: calc(50% + 240px) !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: rotate(-90deg) !important;
    transform-origin: left top !important;
    z-index: 99998 !important;
    padding: 4px 8px !important;
    background: transparent !important;
    border: none !important;
    font-family: 'Share Tech Mono', 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.92) !important;
    letter-spacing: 2px !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer !important;
    user-select: none !important;
    pointer-events: auto !important;
    opacity: 0.92 !important;
    transition: opacity 0.2s, text-shadow 0.2s !important;
    text-shadow:
      0 0 4px rgba(255,255,255,0.55),
      0 0 8px rgba(0,0,0,0.9),
      0 1px 2px rgba(0,0,0,1) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
  }
  #hsa-points-badge:active { opacity: 1 !important; transform: rotate(-90deg) scale(0.95) !important; }
  #hsa-points-badge #hsa-points-badge-label {
    font-size: 10px !important;
    opacity: 0.9 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 1px !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
  }
  #hsa-points-badge .hsa-flip-char {
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    animation: hsaCharFlip 3s ease-in-out infinite !important;
    animation-delay: calc(var(--i) * 1s) !important;
    transform-origin: center center !important;
    will-change: transform !important;
  }
  #hsa-points-badge .hsa-static-text {
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
    opacity: 0.85 !important;
  }
  @keyframes hsaCharFlip {
    0%   { transform: rotate(180deg); }
    25%  { transform: rotate(180deg); }
    35%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
  }
  #hsa-points-badge #hsa-points-badge-sep {
    font-size: 12px !important;
    opacity: 0.6 !important;
    line-height: 1 !important;
    margin: 0 2px !important;
  }
  #hsa-points-badge #hsa-points-badge-val {
    font-size: 14px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    line-height: 1 !important;
  }
  #hsa-points-badge #hsa-points-badge-suffix {
    font-size: 10px !important;
    opacity: 0.7 !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
  }

 /* ========== Hide admin-only parts from non-admin users ========== */
  body:not(.hsa-rv-admin-view) #hsa-rv-admin-fab,
  body:not(.hsa-rv-admin-view) #hsa-rv-admin-panel {
    display: none !important;
  }

  /* ========== Hide Customer Reviews on non-home pages ========== */
  body.hsa-not-home #hsa-review-section {
    display: none !important;
  }

  body.hsa-v-hsa-premium-final-view #hsa-review-section,
  body.hsa-v-gc-cat-view #hsa-review-section,
  body.hsa-v-gc-checkout-view #hsa-review-section {
    display: none !important;
  }

  /* ========== WALLET PAGE: Points Corner Badge (pure glass jelly, above card) ========== */
  @keyframes hsaRvJelly {
    0%, 100% { transform: translateY(0) scale(1); }
    25%      { transform: translateY(-2px) scale(1.03, 0.97); }
    50%      { transform: translateY(0) scale(0.98, 1.02); }
    75%      { transform: translateY(-1px) scale(1.02, 0.98); }
  }
  .hsa-rv-pts-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin: 0 6% 10px auto;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.3px;
    cursor: pointer;
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.18);
    user-select: none;
    animation: hsaRvJelly 2.4s ease-in-out infinite;
    transform-origin: center;
  }
  .hsa-rv-pts-badge:active { animation: none; transform: scale(0.92); }
  .hsa-rv-pts-badge i { font-size: 11px; color: rgba(255,255,255,0.85); }
  .hsa-rv-pts-badge .hsa-rv-pts-badge-num { color: #fff; font-weight: 900; }
  .hsa-rv-pts-badge .hsa-rv-pts-badge-unit { font-size: 9px; opacity: 0.7; margin-left: 2px; color: rgba(255,255,255,0.8); }

  /* ========== Glass Modal (My Points sheet) ========== */
  .hsa-rv-glass-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    background: rgba(5, 10, 20, 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 32px 28px;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: auto;
    font-family: 'Inter', 'Segoe UI', 'Roboto', system-ui, -apple-system, sans-serif !important;
  }
  .hsa-rv-glass-backdrop.open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .hsa-rv-glass-backdrop *,
  .hsa-rv-glass-card,
  .hsa-rv-glass-card * {
    font-family: 'Inter', 'Segoe UI', 'Roboto', system-ui, -apple-system, sans-serif !important;
  }
  .hsa-rv-glass-card {
    width: 100% !important;
    max-width: 340px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 20px !important;
    padding: 26px 24px 22px !important;
    backdrop-filter: blur(22px) saturate(140%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
    box-shadow: 0 25px 60px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.15) !important;
    color: #fff !important;
    transform: translateY(20px) scale(0.96);
    transition: transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1.2);
    box-sizing: border-box !important;
    pointer-events: auto !important;
    font-family: 'Inter', 'Segoe UI', 'Roboto', system-ui, sans-serif !important;
  }
  .hsa-rv-glass-backdrop.open .hsa-rv-glass-card { transform: translateY(0) scale(1); }

  .hsa-rv-glass-head {
    text-align: center;
    margin-bottom: 16px;
  }
  .hsa-rv-glass-head .hsa-rv-glass-icon {
    width: 56px; height: 56px;
    margin: 0 auto 10px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 6px 18px rgba(0,0,0,0.3);
  }
  .hsa-rv-glass-head h3 {
    margin: 0 0 2px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
  }
  .hsa-rv-glass-big-num {
    font-size: 38px;
    font-weight: 900;
    color: #fff;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.25);
    line-height: 1;
  }
  .hsa-rv-glass-big-num small {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
    margin-left: 4px;
  }

  .hsa-rv-glass-rules {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 12px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 14px;
  }
  .hsa-rv-glass-rules b { color: #fff; font-weight: 800; }
  .hsa-rv-glass-rules .hsa-rv-glass-rule-row {
    display: flex; align-items: center; gap: 8px;
  }
  .hsa-rv-glass-rules .hsa-rv-glass-rule-row i {
    color: rgba(255,255,255,0.7); font-size: 11px; width: 14px; text-align: center;
  }

  .hsa-rv-glass-actions {
    display: flex;
    gap: 8px;
  }
  .hsa-rv-glass-btn {
    flex: 1;
    padding: 11px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.12s ease, background 0.2s ease;
  }
  .hsa-rv-glass-btn:active { transform: scale(0.96); }
  .hsa-rv-glass-btn.primary {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
  }
  .hsa-rv-glass-btn i { margin-right: 4px; }

  /* ========== CHECKOUT BAR: Points Row ========== */
  .hsa-rv-checkout-pts {
    width: 100%;
    background: linear-gradient(135deg, rgba(255, 193, 45, 0.10), rgba(255, 107, 59, 0.06));
    border: 1px solid rgba(255, 193, 45, 0.25);
    border-radius: 10px;
    padding: 8px 10px;
    margin: 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
  }
  .hsa-rv-checkout-pts-left {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    min-width: 0;
    flex: 1;
  }
  .hsa-rv-checkout-pts-earn {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 8px;
    background: rgba(57, 255, 20, 0.12);
    border: 1px solid rgba(57, 255, 20, 0.3);
    color: #39ff14;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
  }
  .hsa-rv-checkout-pts-balance {
    color: rgba(255, 200, 100, 0.85);
    font-size: 10px;
    font-weight: 700;
  }
  .hsa-rv-checkout-pts-balance b { color: #ffc12d; font-size: 11px; }
  .hsa-rv-checkout-pts-right {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .hsa-rv-checkout-pts-toggle-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
  }
  .hsa-rv-checkout-pts-toggle-label {
    font-size: 10px;
    color: rgba(255,255,255,0.7);
    font-weight: 700;
  }
  .hsa-rv-toggle-switch {
    width: 32px;
    height: 18px;
    background: rgba(255,255,255,0.15);
    border-radius: 999px;
    position: relative;
    transition: background 0.2s;
    flex-shrink: 0;
  }
  .hsa-rv-toggle-switch::after {
    content: '';
    position: absolute;
    top: 2px; left: 2px;
    width: 14px; height: 14px;
    border-radius: 50%;
    background: #fff;
    transition: left 0.2s;
  }
  .hsa-rv-toggle-switch.on {
    background: linear-gradient(135deg, #ffc12d, #ff6b3b);
  }
  .hsa-rv-toggle-switch.on::after { left: 16px; }
  .hsa-rv-checkout-pts.using {
    background: linear-gradient(135deg, rgba(255, 193, 45, 0.20), rgba(255, 107, 59, 0.12));
    border-color: rgba(255, 193, 45, 0.5);
  }
  .hsa-rv-checkout-discount-line {
    width: 100%;
    font-size: 10px;
    color: #39ff14;
    margin-top: -2px;
    margin-bottom: 4px;
    text-align: right;
    font-weight: 700;
  }

  /* ========== REVIEW SECTION — Frosted Ice Glass (Style 3 only) ========== */
  #hsa-review-section {
    width: 92%;
    max-width: 480px;
    margin: 30px auto 20px auto;
    padding: 0;
    position: relative;
    z-index: 1;
  }
  .hsa-rv-heading { text-align: center; margin-bottom: 16px; }
  .hsa-rv-heading h2 {
    margin: 0 0 4px 0 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: -0.3px !important;
    color: #ffffff !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 0 12px rgba(255,255,255,0.25), 0 2px 6px rgba(0,0,0,0.6) !important;
    font-family: 'Sora', 'Sora', 'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif !important;
  }
  .hsa-rv-heading p {
    margin: 0;
    font-size: 11px;
    color: rgba(255,255,255,0.5);
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  }

  .hsa-rv-carousel-wrap {
    position: relative; overflow: hidden;
    border-radius: 18px; margin-bottom: 14px;
    min-height: 0;
  }

  .hsa-rv-carousel-wrap:has(.hsa-rv-empty) {
    min-height: 0 !important;
  }
  .hsa-rv-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
  }


  .hsa-rv-card {
    flex: 0 0 100%; box-sizing: border-box;
    padding: 16px 18px; border-radius: 18px;
    background:
      linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.06)),
      rgba(200, 210, 220, 0.08);
    border: 1px solid rgba(255,255,255,0.28);
    backdrop-filter: blur(28px) saturate(150%) brightness(1.05);
    -webkit-backdrop-filter: blur(28px) saturate(150%) brightness(1.05);
    box-shadow:
      0 10px 28px rgba(0,0,0,0.35),
      inset 0 1px 1px rgba(255,255,255,0.35),
      inset 0 -2px 4px rgba(255,255,255,0.08);
  }

  .hsa-rv-card-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
  .hsa-rv-avatar {
    width: 38px; height: 38px; border-radius: 50%;
    background: linear-gradient(135deg, rgba(255,255,255,0.25), rgba(255,255,255,0.08)) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    display: flex; align-items: center; justify-content: center;
    font-weight: 900 !important; font-size: 16px !important; color: #fff !important;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  }
  .hsa-rv-meta { flex: 1; min-width: 0; }
  .hsa-rv-name {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    margin: 0 0 2px 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    letter-spacing: 0.2px !important;
    font-family: 'Sora', 'Sora', 'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  }
  .hsa-rv-product {
    font-size: 12px !important;
    color: rgba(255,255,255,0.7) !important;
    margin: 0;
    font-weight: 700 !important;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  }
  .hsa-rv-verified {
    display: inline-block;
    padding: 1px 6px; border-radius: 999px;
    background: rgba(57, 255, 20, 0.15);
    border: 1px solid rgba(57, 255, 20, 0.3);
    color: #39ff14; font-size: 9px;
    font-weight: 900 !important;
    margin-left: 4px; vertical-align: middle;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  }
  .hsa-rv-stars { font-size: 12px; color: #ffc12d; letter-spacing: 1.5px; }
  .hsa-rv-stars .empty { color: rgba(255,255,255,0.15); }
  .hsa-rv-text {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0;
    display: -webkit-box; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; overflow: hidden;
    letter-spacing: 0.1px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
    font-family: 'Sora', 'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif !important;
  }
  .hsa-rv-date {
    font-size: 10px !important;
    color: rgba(255,255,255,0.5) !important;
    text-align: right;
    font-weight: 600 !important;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  }
  .hsa-rv-dots { display: flex; justify-content: center; gap: 6px; margin-bottom: 14px; }
  .hsa-rv-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: rgba(255,255,255,0.2);
    transition: all 0.3s; cursor: pointer;
  }
  .hsa-rv-dot.active {
    width: 18px; border-radius: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.85), rgba(255,255,255,0.5));
    box-shadow: 0 0 8px rgba(255,255,255,0.4);
  }
  .hsa-rv-empty {
    text-align: center; padding: 16px;
    border-radius: 18px;
    background: rgba(15, 18, 28, 0.4);
    border: 1px dashed rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.5);
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  }

  /* 🔥 Force font override (defeats theme-10 monospace) — HIGHER SPECIFICITY than body.hsa-theme-10 * */
  body #hsa-review-section,
  body #hsa-review-section *:not(i):not(.fa):not(.fas):not(.far):not(.fab),
  body.hsa-admin-bg.hsa-theme-10 #hsa-review-section,
  body.hsa-admin-bg.hsa-theme-10 #hsa-review-section *:not(i):not(.fa):not(.fas):not(.far):not(.fab),
  body.hsa-theme-10 #hsa-review-section,
  body.hsa-theme-10 #hsa-review-section *:not(i):not(.fa):not(.fas):not(.far):not(.fab) {
    font-family: 'Sora', 'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif !important;
    letter-spacing: 0.1px !important;
  }

  /* ========== WRITE REVIEW MODAL — Glass Neutral, theme-agnostic font ========== */
  .hsa-rv-modal-backdrop {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 99998;
    display: none;
    align-items: center; justify-content: center;
    padding: 16px;
  }
  .hsa-rv-modal-backdrop.show { display: flex; }
  .hsa-rv-modal {
    width: 100%; max-width: 340px;
    background:
      linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02)),
      rgba(18, 22, 32, 0.22);
    border: 1px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(20px) saturate(160%) brightness(1.05);
    -webkit-backdrop-filter: blur(20px) saturate(160%) brightness(1.05);
    border-radius: 22px; padding: 20px;
    box-shadow:
      0 25px 60px rgba(0,0,0,0.45),
      inset 0 1px 1px rgba(255,255,255,0.22),
      inset 0 -2px 4px rgba(255,255,255,0.05);
    animation: hsaRvModalIn 0.3s ease;
    max-height: 90vh; overflow-y: auto;
  }
  @keyframes hsaRvModalIn {
    from { opacity: 0; transform: translateY(20px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
  .hsa-rv-modal h3 {
    margin: 0 0 6px 0 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #fff !important;
    text-align: center;
    letter-spacing: 0.3px !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: initial !important;
    filter: none !important;
    font-family: 'Sora', 'Sora', 'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif !important;
  }
  .hsa-rv-modal-sub {
    text-align: center;
    font-size: 12px !important;
    color: rgba(255,255,255,0.6) !important;
    margin-bottom: 16px;
    font-weight: 600 !important;
  }
  .hsa-rv-modal label {
    display: block;
    font-size: 12px !important;
    font-weight: 900 !important;
    color: rgba(255,255,255,0.8) !important;
    margin: 12px 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 0.8px !important;
  }
  .hsa-rv-modal input,
  .hsa-rv-modal textarea {
    width: 100%; box-sizing: border-box;
    padding: 12px 14px !important;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.15) !important;
    background: rgba(0,0,0,0.35) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    outline: none; transition: border-color 0.2s;
    letter-spacing: 0.2px !important;
  }
  .hsa-rv-modal input:focus,
  .hsa-rv-modal textarea:focus { border-color: rgba(255,255,255,0.4) !important; }
  .hsa-rv-modal textarea {
    min-height: 90px; resize: vertical;
    line-height: 1.6;
    font-size: 15px !important;
    font-weight: 600 !important;
  }
  .hsa-rv-modal input[readonly] { opacity: 0.75; cursor: not-allowed; }
  .hsa-rv-star-picker {
    display: flex; gap: 6px; justify-content: center;
    margin: 4px 0 8px 0;
  }
  .hsa-rv-star-pick {
    font-size: 28px; color: rgba(255,255,255,0.2);
    cursor: pointer; transition: color 0.15s, transform 0.15s;
  }
  .hsa-rv-star-pick.active,
  .hsa-rv-star-pick:hover { color: #ffc12d; transform: scale(1.1); }
  .hsa-rv-reward-note {
    background: linear-gradient(135deg, rgba(255, 193, 45, 0.12), rgba(255, 107, 59, 0.12));
    border: 1px solid rgba(255, 193, 45, 0.3);
    border-radius: 10px; padding: 11px;
    font-size: 12px !important;
    color: #ffc12d !important;
    text-align: center; margin-top: 14px;
    font-weight: 800 !important;
  }
  .hsa-rv-modal-btns { display: flex; gap: 10px; margin-top: 18px; }
  .hsa-rv-btn {
    flex: 1; padding: 13px;
    border-radius: 12px;
    border: none;
    font-size: 14px !important;
    font-weight: 900 !important;
    cursor: pointer; transition: transform 0.15s;
    letter-spacing: 0.3px !important;
  }
  .hsa-rv-btn:active { transform: scale(0.97); }
  .hsa-rv-btn-cancel {
    background: rgba(255,255,255,0.06) !important;
    color: rgba(255,255,255,0.8) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .hsa-rv-btn-submit {
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(220,220,220,0.85)) !important;
    color: #0a0a0a !important;
    box-shadow: 0 4px 14px rgba(255,255,255,0.18), inset 0 1px 0 rgba(255,255,255,0.6);
  }
  .hsa-rv-btn-submit:disabled { opacity: 0.5; cursor: not-allowed; }

  /* 🔥 Force font override inside modal (defeats theme-10 monospace) — HIGHER SPECIFICITY */
  body .hsa-rv-modal,
  body .hsa-rv-modal *:not(i):not(.fa):not(.fas):not(.far):not(.fab),
  body.hsa-admin-bg.hsa-theme-10 .hsa-rv-modal,
  body.hsa-admin-bg.hsa-theme-10 .hsa-rv-modal *:not(i):not(.fa):not(.fas):not(.far):not(.fab),
  body.hsa-theme-10 .hsa-rv-modal,
  body.hsa-theme-10 .hsa-rv-modal *:not(i):not(.fa):not(.fas):not(.far):not(.fab) {
    font-family: 'Sora', 'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif !important;
    letter-spacing: 0.1px !important;
  }

  #hsa-review-section {
    width: 82%;
    max-width: 400px;
    margin: 30px auto 20px auto;
    padding: 0;
    position: relative;
    z-index: 1;
  }
  .hsa-rv-heading { text-align: center; margin-bottom: 16px; }
  .hsa-rv-heading h2 {
    margin: 0 0 4px 0;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.3px;
    color: #ffffff;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: #ffffff;
    text-shadow: 0 0 12px rgba(255,255,255,0.25), 0 2px 6px rgba(0,0,0,0.6);
  }
  .hsa-rv-heading p { margin: 0; font-size: 11px; color: rgba(255,255,255,0.5); }

  .hsa-rv-carousel-wrap {
    position: relative; overflow: hidden;
    border-radius: 18px; margin-bottom: 14px;
    min-height: 0;
  }

  .hsa-rv-carousel-wrap:has(.hsa-rv-empty) {
    min-height: 0 !important;
  }
  .hsa-rv-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
  }

  /* === STYLE 1: Crystal Clear === */
  :root:has(:root) .hsa-rv-card { /* default fallback */ }
  .hsa-rv-card {
    flex: 0 0 100%; box-sizing: border-box;
    padding: 16px 18px; border-radius: 18px;
    background:
      linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.03)),
      rgba(15, 18, 28, 0.45);
    border: 1px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    box-shadow:
      0 8px 22px rgba(0,0,0,0.45),
      inset 0 1px 0 rgba(255,255,255,0.18),
      inset 0 -1px 0 rgba(0,0,0,0.3);
  }

  /* === STYLE 2: Smoky Dark === */
  :root[style*="--hsa-rv-style: 2"] .hsa-rv-card,
  :root[style*="--hsa-rv-style:2"] .hsa-rv-card {
    background:
      linear-gradient(160deg, rgba(255,255,255,0.04), rgba(0,0,0,0.25)),
      rgba(8, 10, 16, 0.7) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(20px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
    box-shadow:
      0 12px 30px rgba(0,0,0,0.6),
      inset 0 1px 0 rgba(255,255,255,0.06),
      inset 0 0 30px rgba(0,0,0,0.4) !important;
  }

  /* === STYLE 3: Frosted Ice === */
  :root[style*="--hsa-rv-style: 3"] .hsa-rv-card,
  :root[style*="--hsa-rv-style:3"] .hsa-rv-card {
    background:
      linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.06)),
      rgba(200, 210, 220, 0.08) !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    backdrop-filter: blur(28px) saturate(150%) brightness(1.05) !important;
    -webkit-backdrop-filter: blur(28px) saturate(150%) brightness(1.05) !important;
    box-shadow:
      0 10px 28px rgba(0,0,0,0.35),
      inset 0 1px 1px rgba(255,255,255,0.35),
      inset 0 -2px 4px rgba(255,255,255,0.08) !important;
  }

  /* === STYLE 4: Onyx Mirror === */
  :root[style*="--hsa-rv-style: 4"] .hsa-rv-card,
  :root[style*="--hsa-rv-style:4"] .hsa-rv-card {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.0) 50%, rgba(255,255,255,0.04)),
      rgba(12, 14, 20, 0.85) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow:
      0 14px 36px rgba(0,0,0,0.7),
      inset 0 1px 0 rgba(255,255,255,0.15),
      inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  }

  /* === STYLE 5: Liquid Glass === */
  :root[style*="--hsa-rv-style: 5"] .hsa-rv-card,
  :root[style*="--hsa-rv-style:5"] .hsa-rv-card {
    background:
      radial-gradient(ellipse at top left, rgba(255,255,255,0.18), transparent 60%),
      radial-gradient(ellipse at bottom right, rgba(255,255,255,0.08), transparent 60%),
      rgba(18, 22, 32, 0.55) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    box-shadow:
      0 10px 30px rgba(0,0,0,0.5),
      inset 0 1px 2px rgba(255,255,255,0.25),
      inset 0 -1px 1px rgba(0,0,0,0.25) !important;
  }

  .hsa-rv-card-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
  .hsa-rv-avatar {
    width: 38px; height: 38px; border-radius: 50%;
    background: linear-gradient(135deg, rgba(255,255,255,0.25), rgba(255,255,255,0.08));
    border: 1px solid rgba(255,255,255,0.2);
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 15px; color: #fff;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .hsa-rv-meta { flex: 1; min-width: 0; }
  .hsa-rv-name {
    font-size: 14px; font-weight: 800; color: #ffffff; margin: 0 0 4px 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    letter-spacing: 0.2px;
  }

  .hsa-rv-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 4px 0;
  }
  /* 🔥 Product pill — clickable button, single-line ellipsis, dark glass */
  button.hsa-rv-product {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    font-family: inherit;
    margin: 0;
    padding: 3px 10px;
    border-radius: 8px;
    letter-spacing: 0.3px;
    cursor: pointer;
    /* Dark glass background */
    background: linear-gradient(
      135deg,
      rgba(30, 30, 40, 0.55),
      rgba(15, 15, 20, 0.35)
    );
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px) saturate(140%);
    -webkit-backdrop-filter: blur(8px) saturate(140%);
    color: rgba(255, 255, 255, 0.92);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 2px 6px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    position: relative;
    transition: transform 0.15s ease, border-color 0.15s ease;
  }
  button.hsa-rv-product:hover,
  button.hsa-rv-product:active {
    transform: scale(0.97);
    border-color: rgba(255, 255, 255, 0.25);
  }
  button.hsa-rv-product::before {
    content: '';
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.08),
      transparent
    );
    transform: skewX(-20deg);
    animation: hsa-rv-shine 6s ease-in-out infinite;
    pointer-events: none;
  }
  @keyframes hsa-rv-shine {
    0%, 100% { left: -60%; }
    50%       { left: 120%; }
  }


  .hsa-pp-backdrop {
    position: fixed;
    inset: 0;

    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 2147483647;
    opacity: 0;
    transition: opacity 0.25s ease;
    padding: 20px;

    isolation: isolate;
  }
  .hsa-pp-backdrop.open {
    opacity: 1;
  }
  .hsa-pp-card {
    width: 100%;
    max-width: 320px;
    padding: 24px 20px 20px;
    border-radius: 20px;

    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
    box-shadow:
      0 20px 60px rgba(0, 0, 0, 0.5),
      inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    text-align: center;
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.2, 1.5, 0.5, 1);

    position: relative;
    z-index: 1;
  }
  .hsa-pp-backdrop.open .hsa-pp-card {
    transform: scale(1);
  }
  .hsa-pp-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 22px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }
  .hsa-pp-name {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 4px;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  }
  .hsa-pp-sub {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 18px;
    letter-spacing: 0.4px;
  }
  .hsa-pp-note {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.55);
    padding: 10px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
  }
  .hsa-pp-btn {
    display: block;
    width: 100%;
    padding: 11px 14px;
    margin-top: 8px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.15s ease;
  }
  .hsa-pp-btn:hover,
  .hsa-pp-btn:active {
    background: rgba(255, 255, 255, 0.1);
    transform: scale(0.98);
  }
  .hsa-pp-btn.primary {

    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 800;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 4px 14px rgba(0, 0, 0, 0.25) !important;
  }
  .hsa-pp-btn.primary i {
    margin-right: 6px;
  }
  .hsa-rv-verified {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px; border-radius: 999px;
    background: rgba(57, 255, 20, 0.15);
    border: 1px solid rgba(57, 255, 20, 0.3);
    color: #39ff14; font-size: 8px; font-weight: 800;
    flex-shrink: 0;
  }
  .hsa-rv-verified i {
    font-size: 7px;
    margin-right: 2px;
  }
  /* 🎁 Gift Card buyer badge */
  .hsa-rv-gc-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px; border-radius: 999px;
    background: rgba(255, 216, 107, 0.15);
    border: 1px solid rgba(255, 216, 107, 0.4);
    color: #ffd86b; font-size: 8px; font-weight: 800;
    letter-spacing: 0.3px;
    flex-shrink: 0;
  }
  .hsa-rv-gc-badge i {
    font-size: 7px;
    margin-right: 2px;
  }
  /* 🔥 Home page review card — admin delete button */
  .hsa-rv-card {
    position: relative;
  }
  .hsa-rv-card-del {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid rgba(255, 70, 70, 0.4);
    background: rgba(255, 50, 50, 0.15);
    color: #ff6666;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    z-index: 5;
    transition: all 0.2s ease;
    padding: 0;
  }
  .hsa-rv-card-del:hover,
  .hsa-rv-card-del:active {
    background: rgba(255, 50, 50, 0.3);
    border-color: rgba(255, 70, 70, 0.7);
    transform: scale(1.1);
  }

  .hsa-rv-stars {
    font-size: 11px;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.85);
    text-shadow:
      0 0 4px rgba(255, 255, 255, 0.4),
      0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .hsa-rv-stars .empty { color: rgba(255,255,255,0.15); }


  .hsa-rv-glass-star {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.9);
    text-shadow:
      0 0 6px rgba(255, 255, 255, 0.5),
      0 0 12px rgba(0, 234, 255, 0.3),
      0 1px 2px rgba(0, 0, 0, 0.4);
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.18),
      rgba(255, 255, 255, 0.05)
    );
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    backdrop-filter: blur(8px) saturate(150%);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.25),
      0 2px 8px rgba(0, 0, 0, 0.25);
    font-size: 12px;
  }
  .hsa-rv-text {
    font-size: 13.5px; line-height: 1.65;
    color: #ffffff;
    font-weight: 500;
    margin: 0 0 8px 0;

    letter-spacing: 0.1px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .hsa-rv-date { font-size: 9px; color: rgba(255,255,255,0.4); text-align: right; }
  .hsa-rv-dots { display: flex; justify-content: center; gap: 6px; margin-bottom: 14px; }
  .hsa-rv-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: rgba(255,255,255,0.2);
    transition: all 0.3s; cursor: pointer;
  }
  .hsa-rv-dot.active {
    width: 18px; border-radius: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.85), rgba(255,255,255,0.5));
    box-shadow: 0 0 8px rgba(255,255,255,0.4);
  }
  .hsa-rv-empty {
    text-align: center; padding: 18px 16px;
    border-radius: 18px;
    background: rgba(15, 18, 28, 0.4);
    border: 1px dashed rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.5);
    font-size: 12px;
  }

  /* ========== WRITE REVIEW MODAL — Glass Neutral ========== */
  .hsa-rv-modal-backdrop {
    position: fixed; inset: 0;
    background: rgba(5, 10, 20, 0.5);
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    z-index: 99998;
    display: none;
    align-items: center; justify-content: center;
    padding: 16px;
  }
  .hsa-rv-modal-backdrop.show { display: flex; }
  .hsa-rv-modal {
    width: 100%; max-width: 400px;
    background:
      linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
      rgba(12, 14, 20, 0.92);
    border: 1px solid rgba(255,255,255,0.15);
    backdrop-filter: blur(20px) saturate(140%);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    border-radius: 20px; padding: 22px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.12);
    animation: hsaRvModalIn 0.3s ease;
    max-height: 90vh; overflow-y: auto;
  }
  @keyframes hsaRvModalIn {
    from { opacity: 0; transform: translateY(20px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
  .hsa-rv-modal h3 {
    margin: 0 0 6px 0; font-size: 17px; font-weight: 900;
    color: #fff; text-align: center;
    letter-spacing: 0.3px;
  }
  .hsa-rv-modal-sub {
    text-align: center; font-size: 11px;
    color: rgba(255,255,255,0.55);
    margin-bottom: 16px;
  }
  .hsa-rv-modal label {
    display: block; font-size: 11px; font-weight: 800;
    color: rgba(255,255,255,0.75);
    margin: 12px 0 6px 0;
    text-transform: uppercase; letter-spacing: 0.8px;
  }
  .hsa-rv-modal input,
  .hsa-rv-modal textarea {
    width: 100%; box-sizing: border-box;
    padding: 11px 13px; border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(0,0,0,0.35);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Sora', 'Sora', 'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif;
    outline: none; transition: border-color 0.2s;
    letter-spacing: 0.2px;
  }
  .hsa-rv-modal input:focus,
  .hsa-rv-modal textarea:focus { border-color: rgba(255,255,255,0.4); }
  .hsa-rv-modal textarea {
    min-height: 90px; resize: vertical;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 500;
  }
  .hsa-rv-modal input[readonly] { opacity: 0.7; cursor: not-allowed; }
  .hsa-rv-star-picker {
    display: flex; gap: 6px; justify-content: center;
    margin: 4px 0 8px 0;
  }
  .hsa-rv-star-pick {
    font-size: 26px; color: rgba(255,255,255,0.2);
    cursor: pointer; transition: color 0.15s, transform 0.15s;
  }
  .hsa-rv-star-pick.active,
  .hsa-rv-star-pick:hover { color: #ffc12d; transform: scale(1.1); }
  .hsa-rv-reward-note {
    background: linear-gradient(135deg, rgba(255, 193, 45, 0.12), rgba(255, 107, 59, 0.12));
    border: 1px solid rgba(255, 193, 45, 0.3);
    border-radius: 10px; padding: 10px;
    font-size: 11px; color: #ffc12d;
    text-align: center; margin-top: 14px;
    font-weight: 700;
  }
  .hsa-rv-modal-btns { display: flex; gap: 10px; margin-top: 18px; }
  .hsa-rv-btn {
    flex: 1; padding: 12px; border-radius: 12px;
    border: none; font-size: 13px; font-weight: 800;
    cursor: pointer; transition: transform 0.15s;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    letter-spacing: 0.3px;
  }
  .hsa-rv-btn:active { transform: scale(0.97); }
  .hsa-rv-btn-cancel {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.75);
    border: 1px solid rgba(255,255,255,0.12);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .hsa-rv-btn-submit {
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(220,220,220,0.85));
    color: #0a0a0a;
    box-shadow: 0 4px 14px rgba(255,255,255,0.18), inset 0 1px 0 rgba(255,255,255,0.6);
  }
  .hsa-rv-btn-submit:disabled { opacity: 0.5; cursor: not-allowed; }

  /* ========== POINTS HISTORY MODAL — glass neutral ========== */
  #hsa-rv-pts-modal-el {
    background: rgba(5, 10, 20, 0.55) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    padding: 32px 28px !important;
  }
  #hsa-rv-pts-modal-el .hsa-rv-modal {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
    box-shadow: 0 25px 60px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    max-width: 360px !important;
    width: 100% !important;
  }
  #hsa-rv-pts-modal-el h3 {
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center !important;
  }
  .hsa-rv-pts-summary {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px; padding: 16px;
    text-align: center; margin-bottom: 14px;
  }
  .hsa-rv-pts-big {
    font-size: 32px; font-weight: 900;
    color: #fff;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.25);
  }
  .hsa-rv-pts-sub { font-size: 11px; color: rgba(255,255,255,0.6); margin-top: 2px; }
  .hsa-rv-log-item {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(255,255,255,0.06);
    font-size: 12px;
  }
  .hsa-rv-log-item:last-child { border-bottom: none; }
  .hsa-rv-log-info { flex: 1; min-width: 0; }
  .hsa-rv-log-reason { color: #fff; font-weight: 600; }
  .hsa-rv-log-date { font-size: 9px; color: rgba(255,255,255,0.4); margin-top: 2px; }
  .hsa-rv-log-amt { font-weight: 800; font-size: 13px; }
  .hsa-rv-log-amt.plus { color: #39ff14; }
  .hsa-rv-log-amt.minus { color: #ff6b6b; }

  /* ========== ADMIN FAB + PANEL ========== */
  .hsa-rv-admin-fab {
    position: fixed !important;
    bottom: 100px !important; right: 16px !important;
    width: 50px !important; height: 50px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ff3366, #ff6b3b) !important;
    color: #fff !important; border: none !important;
    font-size: 20px !important;
    box-shadow: 0 8px 22px rgba(255, 51, 102, 0.45) !important;
    z-index: 2147483500 !important; cursor: pointer !important;
    align-items: center !important; justify-content: center !important;
    pointer-events: auto !important;
  }

  .hsa-rv-admin-fab { display: none !important; }

  body.hsa-rv-admin-view #hsa-rv-admin-entry,
  body.hsa-rv-admin-view #hsa-rv-seed-entry { display: flex !important; }
  .hsa-rv-admin-fab .badge {
    position: absolute; top: -4px; right: -4px;
    background: #ffc12d; color: #000;
    font-size: 10px; font-weight: 900;
    padding: 2px 6px; border-radius: 999px;
    min-width: 14px; text-align: center;
  }
  .hsa-rv-admin-panel {
    position: fixed !important; inset: 0 !important;
    background: rgba(0,0,0,0.92) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 2147483550 !important;
    display: none; flex-direction: column;
    padding: 16px; overflow-y: auto;
    font-family: 'Inter', 'Segoe UI', 'Roboto', system-ui, sans-serif !important;
  }
  .hsa-rv-admin-panel.show { display: flex !important; }
  .hsa-rv-admin-header {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 16px; padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  .hsa-rv-admin-header h3 { margin: 0; font-size: 16px; color: #fff; font-weight: 900; }
  .hsa-rv-admin-close {
    background: none; border: none;
    color: rgba(255,255,255,0.6); font-size: 22px;
    cursor: pointer; padding: 4px 8px;
  }
  .hsa-rv-admin-item {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px; padding: 12px;
    margin-bottom: 10px;
  }
  .hsa-rv-admin-item-head {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 6px;
  }
  .hsa-rv-admin-item-name { font-size: 13px; font-weight: 700; color: #fff; }
  .hsa-rv-admin-item-stars { color: #ffc12d; font-size: 11px; }
  .hsa-rv-admin-item-text {
    font-size: 12px; color: rgba(220, 215, 245, 0.75);
    line-height: 1.5; margin: 4px 0 8px 0;
  }
  .hsa-rv-admin-item-meta {
    font-size: 10px; color: rgba(180, 170, 220, 0.5);
    display: flex; justify-content: space-between; align-items: center;
  }
  .hsa-rv-admin-actions { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
  .hsa-rv-admin-btn {
    padding: 6px 12px; border-radius: 8px; border: none;
    font-size: 11px; font-weight: 700; cursor: pointer;
  }
  .hsa-rv-admin-btn.approve { background: rgba(57, 255, 20, 0.15); color: #39ff14; border: 1px solid rgba(57, 255, 20, 0.3); }
  .hsa-rv-admin-btn.reject { background: rgba(255, 51, 102, 0.15); color: #ff3366; border: 1px solid rgba(255, 51, 102, 0.3); }
  .hsa-rv-admin-btn.delete { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.5); border: 1px solid rgba(255,255,255,0.1); }
  .hsa-rv-admin-tabs { display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap; }
  .hsa-rv-admin-tab {
    flex: 1; min-width: 80px;
    padding: 8px; border-radius: 10px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.6);
    font-size: 11px; font-weight: 700;
    cursor: pointer; text-align: center;
  }
  .hsa-rv-admin-tab.active {
    background: linear-gradient(135deg, rgba(109, 59, 255, 0.3), rgba(163, 78, 255, 0.3));
    border-color: rgba(172, 131, 255, 0.5);
    color: #fff;
  }
  .hsa-rv-badge {
    display: inline-block;
    padding: 2px 7px; border-radius: 999px;
    font-size: 9px; font-weight: 800;
    margin-left: 6px;
  }
  .hsa-rv-badge.pending { background: rgba(255, 193, 45, 0.2); color: #ffc12d; }
  .hsa-rv-badge.approved { background: rgba(57, 255, 20, 0.2); color: #39ff14; }
  .hsa-rv-badge.rejected { background: rgba(255, 51, 102, 0.2); color: #ff3366; }
  .hsa-rv-loading {
    text-align: center; padding: 40px 20px;
    color: rgba(255,255,255,0.4); font-size: 12px;
  }

/* ==== style hsa-rv-neutral-glass ==== */

#hsa-rv-modal { background: rgba(0,0,0,0.62) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; }
#hsa-rv-modal .hsa-rv-modal { background: linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), rgba(16,19,27,0.97) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid rgba(255,255,255,0.16) !important; box-shadow: 0 18px 50px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.12) !important; }
#hsa-rv-modal .hsa-rv-modal textarea, #hsa-rv-modal .hsa-rv-modal input { transform: translateZ(0); will-change: contents; contain: layout style paint; background: #0e1118 !important; }
#hsa-rv-modal .hsa-rv-modal h3, #hsa-rv-modal .hsa-rv-modal h3 * { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; text-shadow: none !important; }
#hsa-rv-modal .hsa-rv-modal-sub, #hsa-rv-modal .hsa-rv-modal-sub * { color: rgba(255,255,255,0.55) !important; }
#hsa-rv-modal .hsa-rv-modal label { color: rgba(255,255,255,0.7) !important; }
#hsa-rv-modal .hsa-rv-modal input, #hsa-rv-modal .hsa-rv-modal textarea { color: #fff !important; -webkit-text-fill-color: #fff !important; text-shadow: none !important; }
#hsa-rv-modal .hsa-rv-star-pick { color: rgba(255,255,255,0.22) !important; text-shadow: none !important; }
#hsa-rv-modal .hsa-rv-star-pick.active, #hsa-rv-modal .hsa-rv-star-pick:hover { color: #fff !important; }
#hsa-rv-modal .hsa-rv-reward-note, #hsa-rv-modal .hsa-rv-reward-note * { color: rgba(255,255,255,0.8) !important; background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.18) !important; }
#hsa-review-section .hsa-rv-card { background: rgba(255,255,255,0.05) !important; backdrop-filter: blur(30px) !important; -webkit-backdrop-filter: blur(30px) !important; border: 1px solid rgba(255,255,255,0.14) !important; }
#hsa-review-section .hsa-rv-name, #hsa-review-section .hsa-rv-text { color: #fff !important; text-shadow: none !important; }
#hsa-review-section .hsa-rv-date { color: rgba(255,255,255,0.45) !important; }
#hsa-review-section .hsa-rv-verified, #hsa-review-section .hsa-rv-gc-badge, #hsa-review-section .hsa-rv-product { color: rgba(255,255,255,0.85) !important; background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(255,255,255,0.18) !important; box-shadow: none !important; text-shadow: none !important; }
#hsa-review-section .hsa-rv-verified i, #hsa-review-section .hsa-rv-gc-badge i { color: rgba(255,255,255,0.85) !important; }
#hsa-review-section .hsa-rv-stars, #hsa-review-section .hsa-rv-stars i { color: rgba(255,255,255,0.9) !important; text-shadow: none !important; }

/* ==== style hsa-override-styles ==== */

  /* ═══════════════════════════════════════════════
     PART 1 — GLOBAL POINTS STATS (in pts modal)
     ═══════════════════════════════════════════════ */
  .hsa-rv-glass-stats {
    margin: 16px 0 8px;
    padding: 14px 12px;
    background: linear-gradient(135deg, rgba(80,250,123,0.08), rgba(139,233,253,0.08));
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 14px;
    backdrop-filter: blur(8px);
  }
  .hsa-rv-stats-title {
    font-size: 12px; font-weight: 800;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase; letter-spacing: 1px;
    margin-bottom: 12px;
    display: flex; align-items: center; gap: 6px;
  }
  .hsa-rv-stats-title i { color: #50fa7b; font-size: 11px; }
  .hsa-rv-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .hsa-rv-stat-item {
    background: rgba(0,0,0,0.25);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 10px 8px;
    text-align: center;
  }
  .hsa-rv-stat-icon { font-size: 16px; margin-bottom: 4px; }
  .hsa-rv-stat-val {
    font-size: 16px; font-weight: 900; color: #fff;
    font-family: 'Inter', system-ui, sans-serif;
    line-height: 1.1;
  }
  .hsa-rv-stat-lbl {
    font-size: 9px; color: rgba(255,255,255,0.55);
    text-transform: uppercase; letter-spacing: 0.5px;
    margin-top: 2px; font-weight: 700;
  }

  /* ═══════════════════════════════════════════════
     PART 2 — TOP BUYERS: ONLY 4 STYLES
     Style 1 = Readable Glass (clearer than original)
     Style 2 = Solid Glass (high-contrast)
     Style 3 = Terminal Black
     Style 4 = Notepad
     Override all data-mstyle="5".."20" to look invisible
     ═══════════════════════════════════════════════ */

  /* ── STYLE 1: READABLE GLASS (less blur, more contrast) ── */
  .atk-modal[data-mstyle="1"] {
    background: linear-gradient(160deg, rgba(20,25,45,0.88), rgba(15,20,35,0.92)) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
  }
  .atk-modal[data-mstyle="1"]::before { display: none !important; }
  .atk-modal[data-mstyle="1"] .atk-modal-title,
  .atk-modal[data-mstyle="1"] #atk-modal-heading,
  .atk-modal[data-mstyle="1"] .atk-row-name {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
    font-weight: 800 !important;
  }
  .atk-modal[data-mstyle="1"] .atk-row-amt {
    color: #50fa7b !important;
    font-weight: 900 !important;
    text-shadow: 0 0 8px rgba(80,250,123,0.4) !important;
  }
  .atk-modal[data-mstyle="1"] .atk-row-sub,
  .atk-modal[data-mstyle="1"] .atk-row-cnt {
    color: rgba(255,255,255,0.75) !important;
  }
  .atk-modal[data-mstyle="1"] .atk-tab {
    color: rgba(255,255,255,0.7) !important;
    background: rgba(255,255,255,0.05) !important;
  }
  .atk-modal[data-mstyle="1"] .atk-tab.active {
    color: #fff !important;
    background: rgba(80,250,123,0.18) !important;
  }

  /* ── STYLE 2: SOLID GLASS (almost opaque dark, max readability) ── */
  .atk-modal[data-mstyle="2"] {
    background: linear-gradient(170deg, #1a1f3a 0%, #0e1224 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(139,233,253,0.25) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,0.75), 0 0 0 1px rgba(139,233,253,0.08) inset !important;
    color: #e8eef9 !important;
  }
  .atk-modal[data-mstyle="2"]::before { display: none !important; }
  .atk-modal[data-mstyle="2"] .atk-modal-title,
  .atk-modal[data-mstyle="2"] #atk-modal-heading {
    color: #8be9fd !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
  }
  .atk-modal[data-mstyle="2"] .atk-row-name {
    color: #ffffff !important;
    font-weight: 700 !important;
  }
  .atk-modal[data-mstyle="2"] .atk-row-amt {
    color: #ffb86c !important;
    font-weight: 900 !important;
  }
  .atk-modal[data-mstyle="2"] .atk-row-sub,
  .atk-modal[data-mstyle="2"] .atk-row-cnt {
    color: rgba(232,238,249,0.6) !important;
  }

  /* ── STYLE 3: TERMINAL BLACK (hacker theme) ── */
  .atk-modal[data-mstyle="3"] {
    background: #000000 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #00ff41 !important;
    box-shadow: 0 0 30px rgba(0,255,65,0.25), inset 0 0 60px rgba(0,255,65,0.05) !important;
    color: #00ff41 !important;
    font-family: 'Courier New', 'Monaco', monospace !important;
  }
  .atk-modal[data-mstyle="3"]::before { display: none !important; }
  .atk-modal[data-mstyle="3"] * {
    font-family: 'Courier New', 'Monaco', monospace !important;
  }
  .atk-modal[data-mstyle="3"] .atk-modal-title,
  .atk-modal[data-mstyle="3"] #atk-modal-heading {
    color: #00ff41 !important;
    text-shadow: 0 0 8px rgba(0,255,65,0.6) !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
  }
  .atk-modal[data-mstyle="3"] .atk-row-name {
    color: #00ff41 !important;
    font-weight: 600 !important;
  }
  .atk-modal[data-mstyle="3"] .atk-row-name::before {
    content: "> ";
    color: #00ff41;
    opacity: 0.6;
  }
  .atk-modal[data-mstyle="3"] .atk-row-amt {
    color: #ffff00 !important;
    text-shadow: 0 0 6px rgba(255,255,0,0.5) !important;
    font-weight: 700 !important;
  }
  .atk-modal[data-mstyle="3"] .atk-row-sub,
  .atk-modal[data-mstyle="3"] .atk-row-cnt {
    color: rgba(0,255,65,0.6) !important;
  }
  .atk-modal[data-mstyle="3"] .atk-rank {
    background: #001a08 !important;
    color: #00ff41 !important;
    border: 1px solid #00ff41 !important;
    box-shadow: 0 0 8px rgba(0,255,65,0.3) !important;
  }
  .atk-modal[data-mstyle="3"] .atk-tab {
    color: rgba(0,255,65,0.5) !important;
    background: rgba(0,255,65,0.05) !important;
    border: 1px solid rgba(0,255,65,0.2) !important;
  }
  .atk-modal[data-mstyle="3"] .atk-tab.active {
    color: #00ff41 !important;
    background: rgba(0,255,65,0.15) !important;
    border-color: #00ff41 !important;
    text-shadow: 0 0 6px rgba(0,255,65,0.5) !important;
  }
  .atk-modal[data-mstyle="3"] .atk-row-expand {
    background: #000 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #00ff41 !important;
    border-left: 3px solid #00ff41 !important;
    box-shadow: 0 0 12px rgba(0,255,65,0.18), inset 0 0 20px rgba(0,255,65,0.04) !important;
    font-family: 'Courier New','Monaco',monospace !important;
  }
  .atk-modal[data-mstyle="3"] .atk-row-expand .atk-item-line {
    background: transparent !important;
    border-bottom: 1px dashed rgba(0,255,65,0.18) !important;
  }
  .atk-modal[data-mstyle="3"] .atk-row-expand .atk-item-line:last-child { border-bottom: 0 !important; }
  .atk-modal[data-mstyle="3"] .atk-row-expand .atk-item-name {
    color: #00ff41 !important;
    text-shadow: 0 0 4px rgba(0,255,65,0.35) !important;
    font-family: 'Courier New','Monaco',monospace !important;
  }
  .atk-modal[data-mstyle="3"] .atk-row-expand .atk-item-name::before { content: "$ "; color: rgba(0,255,65,0.55); }
  .atk-modal[data-mstyle="3"] .atk-row-expand .atk-item-ts { color: rgba(0,255,65,0.5) !important; }
  .atk-modal[data-mstyle="3"] .atk-row-expand .ila {
    color: #00ff41 !important;
    text-shadow: 0 0 6px rgba(0,255,65,0.5) !important;
  }
  .atk-modal[data-mstyle="3"] .atk-view-more {
    background: rgba(0,255,65,0.08) !important;
    color: #00ff41 !important;
    border: 1px solid rgba(0,255,65,0.25) !important;
  }



/* ==== style hsa-pc-desktop-layer ==== */

/* ========== MOBILE / TABLET (under 1024px) — hide PC-only sidebar Gift Cards list ========== */
@media (max-width: 1023px) {
  .pc-gc-list,
  .bottom-nav .pc-gc-list,
  .pc-gc-item,
  .pc-gc-list-title {
    display: none !important;
  }
}

@media (min-width: 1024px) {

  /* ---------- 0. Theme ---------- */
  :root {
    --pc-accent: var(--hsa-accent-c, var(--accent, #00f2ff));
    --pc-glow: var(--hsa-c2, var(--accent-glow, rgba(0,242,255,0.30)));
    --pc-side-w: 288px;
    --pc-gap: 40px;
  }
  body[class*="hsa-theme-"] {
    --pc-accent: var(--hsa-accent-c, var(--accent, #00f2ff));
    --pc-glow: var(--hsa-c2, rgba(0,242,255,0.30));
  }

  /* ---------- 1. Background ---------- */
  body::before { background-size: 320px auto !important; opacity: 0.05 !important; }
  body::after  { opacity: 0.04 !important; }

  /* ---------- 2. Container ---------- */
  .container {
    max-width: 1320px !important; margin: 0 auto !important;
    padding: 24px var(--pc-gap) 60px calc(var(--pc-side-w) + 56px) !important;
    width: 100% !important; box-sizing: border-box;
  }
  .live-wrap { max-width: 100% !important; width: 100% !important; margin: 0 0 28px 0 !important; }
  .game-grid, .hs-search-grid {
    max-width: 100% !important; width: 100% !important; margin: 0 0 40px 0 !important;
    grid-template-columns: repeat(5, 1fr) !important; gap: 22px !important;
  }
  #home-view > div:first-child {
    width: 100% !important; max-width: 100% !important;
    margin: 0 0 18px 0 !important; justify-content: flex-end !important;
  }

  /* ---------- 3. Game card hover ---------- */
  .game-card { transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s !important; }
  .game-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.55), 0 0 24px var(--pc-glow) !important;
    z-index: 5;
  }
  .game-img-box { height: 130px !important; }
  .game-info { font-size: 15px !important; }
  .sec-title {
    font-size: 24px !important; text-align: left !important;
    letter-spacing: .5px; position: relative; padding-left: 16px;
  }
  .sec-title::before {
    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    width: 5px; height: 24px; border-radius: 4px;
    background: var(--pc-accent); box-shadow: 0 0 10px var(--pc-accent);
  }

  /* ---------- 4. HEADER ---------- */
  header {
    width: auto !important; max-width: none !important;
    left: calc(var(--pc-side-w) + 56px) !important; right: var(--pc-gap) !important;
    transform: none !important; border-radius: 18px !important; height: 56px !important;
    background: linear-gradient(135deg, rgba(16,20,30,.96), rgba(8,12,22,.98)) !important;
    backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid transparent !important;
    box-shadow: 0 6px 24px rgba(0,0,0,.4) !important;
    position: fixed !important;
    background-clip: padding-box !important;
  }
  header::after {
    content: '' !important;
    position: absolute !important; inset: -1px !important;
    border-radius: 18px !important;
    padding: 1px !important;
    background: linear-gradient(120deg,
      var(--pc-accent), transparent, var(--pc-accent), transparent, var(--pc-accent)) !important;
    background-size: 300% 300% !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
    opacity: .55 !important;
    animation: hsa-header-glow 6s linear infinite !important;
    z-index: -1 !important;
  }
  header .logo { cursor: pointer !important; }

  /* ============================================================ */
  /* 5. PRODUCT PAGE                                               */
  /* ============================================================ */
  #product-view[style*="display: block"],
  #product-view[style*="display:block"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    max-width: 700px !important;
    margin: 0 auto !important;
  }
  #product-view > .back-nav { flex: 0 0 100% !important; display: inline-flex !important; width: auto !important; align-self: flex-start; order: 0; }
  #product-view > #view-title { flex: 0 0 100% !important; text-align: center !important; font-size: 20px !important; margin: 0 0 4px 0 !important; order: 1; }

  #product-view > .id-card {
    flex: 0 1 auto !important;
    width: 58% !important; min-width: 0 !important; max-width: 58% !important;
    margin: 0 !important;
    order: 2;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 14px !important;
  }
  #product-view > .id-card .id-field,
  #product-view > .id-card input { font-size: 13px !important; }

  #product-view > #region-selector {
    flex: 1 1 0 !important;
    width: auto !important; max-width: none !important;
    margin: 0 !important;
    order: 3;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 6px !important;
    align-self: stretch !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-y: auto !important; overflow-x: hidden !important;
    padding: 10px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 14px !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
  }
  #product-view > #region-selector .region-tab {
    flex: 0 0 calc(50% - 3px) !important;
    width: calc(50% - 3px) !important;
    max-width: calc(50% - 3px) !important;
    text-align: center !important;
    padding: 8px 4px !important;
    font-size: 11px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #product-view > #region-selector::-webkit-scrollbar { width: 5px; }
  #product-view > #region-selector::-webkit-scrollbar-thumb { background: var(--pc-glow); border-radius: 6px; }

  #product-view > [id$="-info-box"] { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; order: 4; }
  #product-view > .product-list {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
    margin: 0 !important; order: 5;
  }
  #product-view .pc-cat-tabs { flex: 0 0 100% !important; order: 5; }

  #product-view .product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important; max-width: 100% !important; margin: 0 !important;
  }
  #product-view .product-item {
    padding: 14px 10px !important;
    border-radius: 12px !important;
    min-height: 0 !important;
  }
  #product-view .product-item:hover {
    transform: translateY(-3px) !important;
    border-color: var(--pc-accent) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.45), 0 0 14px var(--pc-glow) !important;
  }
  #product-view .product-item .p-img {
    width: 50px !important; height: 50px !important; margin-bottom: 8px !important;
  }
  #product-view .product-item .p-img.diamond-big {
    width: 62px !important; height: 62px !important; margin-bottom: 4px !important;
  }
  #product-view .product-item .p-name {
    font-size: 12px !important; padding: 4px 8px !important; max-width: 95% !important;
    margin-bottom: 5px !important;
  }
  #product-view .product-item .p-price,
  #product-view .product-item .p-price-new,
  #product-view .product-item .p-price-normal { font-size: 13px !important; }
  #product-view .product-item .p-price-old { font-size: 10px !important; }

  /* ---------- 5b. TAB BAR ---------- */
  .pc-cat-tabs {
    display: flex !important; gap: 10px !important; flex-wrap: wrap !important;
    justify-content: center !important;
    margin: 4px auto 14px auto !important; width: 100% !important;
  }
  .pc-cat-tab {
    padding: 9px 18px !important; border-radius: 11px !important;
    font-size: 12px !important; font-weight: 900 !important; cursor: pointer !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: var(--text-dim, #94a3b8) !important;
    transition: all .2s !important; white-space: nowrap !important;
    letter-spacing: .3px !important;
  }
  .pc-cat-tab:hover { background: rgba(255,255,255,.08) !important; transform: translateY(-2px); }
  .pc-cat-tab.active {
    background: var(--pc-glow) !important;
    border-color: var(--pc-accent) !important;
    color: #fff !important;
    box-shadow: 0 0 16px var(--pc-glow) !important;
  }
  #product-view.pc-tabbed .cat-header { display: none !important; }
  #product-view.pc-tabbed [data-pc-cat]:not(.pc-cat-active) {
    display: none !important;
    visibility: hidden !important;
  }

  /* ============================================================ */
  /* 5c. GIFT CARD PAGE — 2×N grid                                 */
  /* ============================================================ */
  #gc-cat-view {
    max-width: 760px !important;
    width: 100% !important;
    margin-left: auto !important; margin-right: auto !important;
  }
  #gc-cat-view > div[style*="max-width: 340px"],
  #gc-cat-view > div:first-child {
    width: 100% !important;
    max-width: 720px !important;
  }
  #gc-cat-view div[style*="flex-direction: column"]:has(.gc-big-cat),
  #gc-cat-view div[style*="flex-direction:column"]:has(.gc-big-cat) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    flex-direction: row !important;
  }
  
  #gc-cat-view .gc-big-cat {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px 8px 14px !important;
    text-align: center !important;
    min-height: auto !important;
  }
  /* 🔒 removed — conflicting fullscreen rule (see gc-force-grid in head) */
  @media (max-width: 400px) {
    #gc-cat-view div[style*="flex-direction: column"]:has(.gc-big-cat),
    #gc-cat-view div[style*="flex-direction:column"]:has(.gc-big-cat) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  #gc-cat-view .gc-big-cat {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    min-height: 78px !important;
    transition: all .2s !important;
  }
  #gc-cat-view .gc-big-cat:hover {
    transform: translateY(-3px) !important;
    background: rgba(255,255,255,.06) !important;
    border-color: var(--pc-accent) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.45), 0 0 14px var(--pc-glow) !important;
  }
  /* 🔒 removed — list-layout conflict (gc-force-grid in head handles this) */
  #gc-cat-view .gc-cat-title {
    font-size: 14px !important;
    font-weight: 800 !important;
  }
  #gc-cat-view .gc-cat-sub {
    font-size: 11px !important;
    opacity: .7 !important;
    margin-top: 2px !important;
  }
  #gc-cat-view h2 {
    text-align: center !important;
    margin-bottom: 16px !important;
  }

  /* ============================================================ */

  /* ============================================================ */
  #gc-checkout-view {
    max-width: 760px !important;
    margin-left: auto !important; margin-right: auto !important;
  }
  /* container wrapper widen */
  #gc-checkout-view > div[style*="max-width: 340px"],
  #gc-checkout-view > div:first-child {
    width: 100% !important;
    max-width: 680px !important;
  }

  #gc-checkout-view .gc-cover {
    height: 240px !important;            /* ★ 140 → 240 */
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 16px 16px 0 0 !important;
  }

  #gc-checkout-view .gc-profile-card {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  #gc-checkout-view .gc-profile-img {
    width: 130px !important;             /* ★ 85 → 130 */
    height: 130px !important;
    border-width: 5px !important;
    background: #fff !important;
    object-fit: contain !important;     
    padding: 8px !important;             
  }

  #gc-checkout-view .gc-profile-info {
    padding: 16px !important;
    gap: 16px !important;
  }

  #gc-checkout-view #gc-dynamic-name {
    font-size: 18px !important;
    padding: 6px 14px !important;
  }
  #gc-checkout-view .gc-badge {
    font-size: 12px !important;
    padding: 5px 10px !important;
  }
  /* Instructions card */
  #gc-checkout-view .gc-instructions {
    margin-top: 20px !important;
  }

  #gc-checkout-view .gc-amount-grid,
  #gc-checkout-view div[style*="grid-template-columns"]:has(.gc-amount-card),
  #gc-checkout-view div[class*="amount"][class*="grid"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  /* ---------- 6. Other views ---------- */
  /* previously used margin-left:auto against the FULL viewport width, which doesn't account for the
     fixed sidebar (unlike .container/header which do) — caused the sidebar to overlap this content's left edge */
  #wallet-view, #profile-view, #history-view, #saved-view,
  #notification-view {
    max-width: 760px; margin-left: calc(var(--pc-side-w) + 56px); margin-right: auto;
  }

  /* ============================================================ */
  /* 7. SIDEBAR                                                    */
  /* ============================================================ */
  .bottom-nav, .bottom-nav[style] {
    position: fixed !important;
    top: 20px !important; bottom: 20px !important; left: 20px !important;
    transform: none !important;
    width: var(--pc-side-w) !important; height: auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important; align-items: stretch !important;
    gap: 4px !important; padding: 26px 14px !important; border-radius: 24px !important;
    background: linear-gradient(165deg, rgba(20,25,35,.92), rgba(8,12,22,.96)) !important;
    border: 1px solid var(--pc-glow) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.5), inset 0 0 30px rgba(255,255,255,.03) !important;
    backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important;
    overflow-y: auto !important;
  }
  /* mobile's scroll-triggered "nav-hidden" class only zeroes transform down there — its opacity/pointer-events:0
     was never countered on desktop, so the sidebar silently vanished (still positioned right, just invisible) on scroll */
  .bottom-nav.nav-hidden {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .bottom-nav::before {
    content: 'HSA STORE'; display: block;
    font-size: 17px; font-weight: 900; letter-spacing: 2px;
    color: var(--pc-accent); text-align: center;
    padding: 4px 0 18px 0; margin-bottom: 6px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    text-shadow: 0 0 12px var(--pc-accent);
  }
  .bottom-nav > div[style*="width: 70px"],
  .bottom-nav > div[style*="width: 100px"],
  .bottom-nav > div[style*="width: 130px"],
  .bottom-nav > div[style*="width: 120px"],
  .bottom-nav > div[style*="width: 150px"] {
    width: 100% !important; display: flex !important; flex-direction: column !important;
    gap: 4px !important; justify-content: flex-start !important;
  }
  .bottom-nav .nav-tab {
    flex-direction: row !important; justify-content: flex-start !important;
    gap: 14px !important; width: 100% !important;
    padding: 12px 16px !important; border-radius: 13px !important;
    font-size: 14px !important; transition: background .2s, transform .2s !important; text-shadow: none !important;
  }
  .bottom-nav .nav-tab:hover { background: rgba(255,255,255,.06) !important; transform: translateX(3px); }
  .bottom-nav .nav-tab.active { background: rgba(255,255,255,.05) !important; text-shadow: none !important; }
  .bottom-nav .nav-tab.active span { color: var(--pc-accent) !important; }
  .bottom-nav .nav-tab.active::after {
    content: ''; position: absolute; left: 0; top: 14%; height: 72%;
    width: 3px; border-radius: 4px; background: var(--pc-accent); box-shadow: 0 0 8px var(--pc-accent);
  }
  .bottom-nav .lottie-nav-icon { width: 24px !important; height: 24px !important; filter: invert(1) opacity(.75) !important; }
  .bottom-nav .nav-tab.active .lottie-nav-icon { filter: invert(1) opacity(1) drop-shadow(0 0 4px var(--pc-accent)) !important; }
  .bottom-nav .nav-tab i { font-size: 20px !important; }


  .bottom-nav .nav-center-wrapper {
    position: relative !important; left: auto !important; transform: none !important;
    width: 100% !important; height: auto !important;
    order: 99 !important;                
    margin: 2px 0 !important;
    justify-content: stretch !important;
  }
  .bottom-nav .nav-center-btn {
    position: relative !important; top: 0 !important; width: 100% !important; height: auto !important;
    flex-direction: row !important; justify-content: flex-start !important; gap: 14px !important;
    border-radius: 13px !important; padding: 12px 16px !important; font-size: 14px !important;
    background: rgba(255,255,255,.04) !important; border: 1px solid var(--pc-glow) !important;
  }
  .bottom-nav .nav-center-btn:hover { transform: translateX(3px); background: rgba(255,255,255,.08) !important; }
  .bottom-nav .nav-center-btn::before { display: none !important; }
  .bottom-nav .nav-center-btn i { font-size: 20px !important; margin: 0 !important; }


  .bottom-nav .nav-tab { order: 1 !important; }
  .bottom-nav .nav-tab[onclick*="home"]    { order: 1 !important; }
  .bottom-nav .nav-tab[onclick*="profile"] { order: 2 !important; }
  .bottom-nav .nav-tab[onclick*="more"],
  .bottom-nav .nav-tab[onclick*="More"]    { order: 3 !important; }

  .bottom-nav .pc-gc-list { order: 100 !important; }

  /* ============================================================ */
  /* PC GIFT CARD LIST                                             */
  /* ============================================================ */
  .pc-gc-list {
    width: 100% !important;
    margin: 12px 0 0 0 !important;
    padding: 12px 0 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
  }
  .pc-gc-list-title {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    color: var(--pc-accent) !important;
    text-transform: uppercase !important;
    padding: 0 16px 8px 16px !important;
    opacity: .7 !important;
  }
  .pc-gc-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 9px 14px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    background: transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
    transition: background .2s, transform .2s !important;
    position: relative !important;
    box-sizing: border-box !important;
  }
  .pc-gc-item:hover {
    background: rgba(255,255,255,.06) !important;
    transform: translateX(3px) !important;
  }
  .pc-gc-item.active {
    background: rgba(255,255,255,.05) !important;
  }
  .pc-gc-item.active::after {
    content: ''; position: absolute; left: 0; top: 14%; height: 72%;
    width: 3px; border-radius: 4px;
    background: var(--pc-accent);
    box-shadow: 0 0 8px var(--pc-accent);
  }
  .pc-gc-item.active .pc-gc-label { color: var(--pc-accent) !important; }
  .pc-gc-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: rgba(255,255,255,.06) !important;
  }
  .pc-gc-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 6px !important;
  }
  .pc-gc-label {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    flex: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* ---------- 8. MORE MENU ---------- */
  #more-popup {
    position: fixed !important;
    left: calc(var(--pc-side-w) + 28px) !important;
    top: 196px !important; bottom: auto !important; right: auto !important; margin: 0 !important;
    width: 220px !important; transform-origin: left top !important;
    z-index: 2000 !important; box-shadow: 0 14px 44px rgba(0,0,0,.65) !important;
    border: 1px solid var(--pc-glow) !important;
  }
  #more-popup.show { display: flex !important; opacity: 1 !important; transform: translateX(0) scale(1) !important; }
  #more-popup:not(.show) { transform: translateX(-8px) scale(.97); }
  .more-item { padding: 11px 16px !important; font-size: 13px !important; }

  /* ---------- 9. BUY MODAL ---------- */
  #checkout-bar[style*="display: flex"],
  #checkout-bar[style*="display:flex"] {
    left: 50% !important;
    top: 50% !important;
    bottom: auto !important; right: auto !important;
    transform: translate(-50%, -50%) !important;
    max-width: 360px !important; width: 90% !important;
    padding: 16px 18px !important;
    gap: 10px !important;
    background: rgba(255,255,255,0.04) !important;
    backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 50px rgba(0,0,0,.6) !important;
    z-index: 3001 !important;
  }
  #checkout-bar[style*="display: flex"] .qty-row,
  #checkout-bar[style*="display:flex"] .qty-row { padding-bottom: 10px !important; }
  #checkout-bar[style*="display: flex"] #pc-buy-item-name,
  #checkout-bar[style*="display:flex"] #pc-buy-item-name {
    display: block !important;
    font-size: 14px !important; font-weight: 800 !important;
    color: #fff !important; text-align: center !important;
    padding: 2px 0 8px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    margin-bottom: 2px !important;
  }
  #pc-buy-backdrop {
    position: fixed !important; inset: 0 !important;
    background: rgba(0,0,0,.45) !important;
    backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important;
    z-index: 3000 !important;
  }

  /* ---------- 10. Scrollbar ---------- */
  ::-webkit-scrollbar { width: 10px; }
  ::-webkit-scrollbar-track { background: rgba(255,255,255,.02); }
  ::-webkit-scrollbar-thumb { background: var(--pc-glow); border-radius: 10px; border: 2px solid transparent; background-clip: content-box; }
  ::-webkit-scrollbar-thumb:hover { background: var(--pc-accent); background-clip: content-box; }

  /* ---------- 11. Floating ---------- */
  #floating-support-btn { right: 28px !important; bottom: 28px !important; left: auto !important; }
  #scroll-top-btn, .scroll-top-btn { right: 28px !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .container { max-width: 720px !important; }
  .game-grid, .hs-search-grid { grid-template-columns: repeat(3, 1fr) !important; max-width: 100% !important; }
  .live-wrap { max-width: 100% !important; }
}

@keyframes hsa-header-glow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ==== style L45708 ==== */

    @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=JetBrains+Mono:wght@500;700;800&family=IBM+Plex+Mono:wght@500;600;700&family=Fira+Code:wght@500;600;700&family=Roboto+Mono:wght@500;600;700&family=Inconsolata:wght@500;700;800&family=Source+Code+Pro:wght@500;600;700&family=Major+Mono+Display&family=VT323&family=Press+Start+2P&family=Unbounded:wght@600;700;800&display=swap');

    /* ============================================================
       🔤 10 FONTS — f1 → f10
       ============================================================ */
    #auth-page {
        --f1:  'Space Mono';
        --f2:  'JetBrains Mono';
        --f3:  'IBM Plex Mono';
        --f4:  'Fira Code';
        --f5:  'Roboto Mono';
        --f6:  'Inconsolata';
        --f7:  'Source Code Pro';
        --f8:  'Major Mono Display';
        --f9:  'VT323';
        --f10: 'Press Start 2P';

        --login-font: var(--f1);          
        --login-title-font: 'Unbounded';
    }

    /* ============================================================
       🎨 10 THEMES — Tokyo Night style
       ============================================================ */
    #auth-page.theme-t1 { --bg-1: #1a1b26; --bg-2: #16161e; --acc-1: #7aa2f7; --acc-2: #bb9af7; --acc-3: #7dcfff; --code-fg: #c0caf5; }
    #auth-page.theme-t2 { --bg-1: #24283b; --bg-2: #1f2335; --acc-1: #7aa2f7; --acc-2: #9d7cd8; --acc-3: #2ac3de; --code-fg: #c0caf5; }
    #auth-page.theme-t3 { --bg-1: #282a36; --bg-2: #1e1f29; --acc-1: #ff79c6; --acc-2: #bd93f9; --acc-3: #8be9fd; --code-fg: #f8f8f2; }
    #auth-page.theme-t4 { --bg-1: #2d2a2e; --bg-2: #221f22; --acc-1: #ff6188; --acc-2: #ab9df2; --acc-3: #78dce8; --code-fg: #fcfcfa; }
    #auth-page.theme-t5 { --bg-1: #282c34; --bg-2: #21252b; --acc-1: #e06c75; --acc-2: #c678dd; --acc-3: #61afef; --code-fg: #abb2bf; }
    #auth-page.theme-t6 { --bg-1: #2e3440; --bg-2: #272b35; --acc-1: #88c0d0; --acc-2: #81a1c1; --acc-3: #b48ead; --code-fg: #d8dee9; }
    #auth-page.theme-t7 { --bg-1: #2a0e3f; --bg-2: #1f0930; --acc-1: #ff7edb; --acc-2: #b893ce; --acc-3: #03edf9; --code-fg: #f4eee4; }
    #auth-page.theme-t8 { --bg-1: #0a0f1e; --bg-2: #06091a; --acc-1: #f7ff00; --acc-2: #ff003c; --acc-3: #00f0ff; --code-fg: #e8f0ff; }
    #auth-page.theme-t9 { --bg-1: #1e1e2e; --bg-2: #181825; --acc-1: #f5c2e7; --acc-2: #cba6f7; --acc-3: #89dceb; --code-fg: #cdd6f4; }
    #auth-page.theme-t10 { --bg-1: #0a1408; --bg-2: #060d04; --acc-1: #00ff41; --acc-2: #00cc33; --acc-3: #39ff14; --code-fg: #d6ffd1; }

    #auth-page {
        --bg-1: #1a1b26; --bg-2: #16161e;
        --acc-1: #7aa2f7; --acc-2: #bb9af7; --acc-3: #7dcfff;
        --code-fg: #c0caf5;
    }

    #auth-page, #auth-page * {
        font-family: var(--login-font), 'Courier New', monospace !important;
        letter-spacing: 0.2px;
    }

    body.auth-open { overflow: hidden !important; height: 100vh !important; }
    body.auth-open header { display: none !important; }
    body.auth-open .bottom-nav { display: none !important; }


    body.auth-open *:not(#auth-page):not(#auth-page *) {
        animation-play-state: paused !important;
        transition: none !important;
    }


    #auth-page {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%) !important;
        background-color: var(--bg-1) !important;   /* fallback solid color */
        z-index: 2147483647 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        isolation: isolate !important;              
    }


    #auth-page::after {
        content: '';
        position: fixed !important;
        top: 0; left: 0; right: 0; bottom: 0;
        background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
        background-color: var(--bg-1);
        z-index: -1;
        pointer-events: none;
    }

    /* subtle gradient orbs */
    #auth-page::before {
        content: '';
        position: fixed !important;
        inset: 0 !important;
        background:
            radial-gradient(40% 30% at 15% 20%, rgba(255,255,255,0.06), transparent 70%),
            radial-gradient(35% 30% at 85% 75%, rgba(255,255,255,0.05), transparent 70%);
        z-index: 0;
        pointer-events: none;
    }

    #auth-page .auth-wrap { padding-top: 96px !important; position: relative; z-index: 1; }
    @media (min-width: 768px) { #auth-page .auth-wrap { padding-top: 74px !important; } }

    /* ===== Glass card ===== */
    #auth-page .auth-card {
        position: relative !important;
        max-width: 372px !important;
        padding: 30px 26px 26px !important;
        background: rgba(255,255,255,0.04) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        backdrop-filter: blur(8px) !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        border-radius: 20px !important;
        box-shadow: 0 12px 36px rgba(0,0,0,0.45) !important;
    }
    #auth-page .auth-card::before {
        content: '';
        position: absolute; top: 0; left: 12%; right: 12%; height: 2px;
        background: linear-gradient(90deg, transparent, var(--acc-1), var(--acc-2), var(--acc-3), transparent);
        opacity: 0.7;
    }
    @media (min-width: 768px) {
        #auth-page .auth-card { max-width: 410px !important; padding: 36px 34px 30px !important; }
    }

    /* ===== Logo ===== */
    #auth-page .auth-logo {
        width: 70px !important; height: 70px !important;
        border-radius: 18px !important; margin: 0 auto 14px !important;
        border: 1px solid rgba(255,255,255,0.15) !important;
    }

    /* ===== Title ===== */
    #auth-page .auth-title {
        font-family: var(--login-title-font), var(--login-font), monospace !important;
        font-size: 27px !important; font-weight: 700 !important;
        background: linear-gradient(95deg, var(--acc-1), var(--acc-2), var(--acc-3), var(--acc-1)) !important;
        background-size: 200% 100% !important;
        -webkit-background-clip: text !important; background-clip: text !important;
        -webkit-text-fill-color: transparent !important; color: transparent !important;
        margin-bottom: 5px !important;
        text-align: center !important;
        animation: authTitleFlow 4s linear infinite !important;
    }
    @keyframes authTitleFlow {
        0%   { background-position: 0% 50%; }
        100% { background-position: 200% 50%; }
    }
    #auth-page .auth-sub {
        color: var(--code-fg) !important; opacity: 0.65 !important;
        font-size: 13px !important; font-weight: 700 !important;
        margin-bottom: 22px !important;
        text-align: center !important;
    }

    /* ===== Inputs ===== */
    #auth-page .auth-field {
        margin-bottom: 13px !important;
        position: relative !important;
    }
    #auth-page .auth-field input,
    #auth-page .auth-otp-row input {
        background: rgba(0,0,0,0.25) !important;
        -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
        border: 1.5px solid rgba(255,255,255,0.08) !important;
        border-radius: 12px !important;
        color: var(--code-fg) !important; -webkit-text-fill-color: var(--code-fg) !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #auth-page .auth-field input { padding: 15px 46px 15px 44px !important; }
    #auth-page .auth-field input::placeholder {
        color: var(--code-fg) !important; opacity: 0.4 !important;
        font-weight: 700 !important;
    }
    #auth-page .auth-field input:focus,
    #auth-page .auth-otp-row input:focus {
        border-color: var(--acc-1) !important;
        background: rgba(0,0,0,0.35) !important;
        outline: none !important;
    }
    #auth-page .auth-field .auth-ico {
        position: absolute !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 18px !important; height: 18px !important;
        display: flex !important; align-items: center !important; justify-content: center !important;
        pointer-events: none !important;
    }
    #auth-page .auth-field .auth-ico svg { width: 17px; height: 17px; display: block; }
    #auth-page .auth-field .auth-eye {
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 24px !important; height: 24px !important;
        display: flex !important; align-items: center !important; justify-content: center !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
    }
    #auth-page .auth-field .auth-eye svg { width: 20px; height: 20px; display: block; }

    /* ===== Gmail hint ===== */
    #auth-page .auth-gmail-hint {
        background: rgba(0,0,0,0.25) !important;
        border: 1px solid var(--acc-2) !important;
        border-radius: 10px !important;
        color: var(--code-fg) !important;
        margin-top: -6px !important;
        margin-bottom: 13px !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        display: none !important;
    }
    #auth-page .auth-gmail-hint.show { display: block !important; }

    /* ===== Login Now button ===== */
    #auth-page .auth-btn {
        width: 100% !important; padding: 14px 16px !important; margin-top: 8px !important;
        font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1.5px !important;
        color: #fff !important;
        background: linear-gradient(95deg, var(--acc-1), var(--acc-2) 50%, var(--acc-3)) !important;
        border: 1px solid rgba(255,255,255,0.15) !important;
        border-radius: 14px !important;
        box-shadow: 0 6px 20px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.25) !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.30) !important;
        cursor: pointer !important;
        text-transform: uppercase !important;
        transition: transform .15s ease !important;
    }
    #auth-page .auth-btn:active { transform: scale(0.97) !important; }
    #auth-page .auth-btn:disabled { opacity: 0.55 !important; }

    /* ===== Divider ===== */
    #auth-page .auth-divider {
        margin: 18px 0 16px !important;
        color: var(--code-fg) !important; opacity: 0.4 !important;
        font-size: 11px !important; font-weight: 700 !important;
        text-align: center !important;
        letter-spacing: 2px !important;
    }
    #auth-page .auth-divider::before, #auth-page .auth-divider::after { background: rgba(255,255,255,0.08) !important; }

    /* ===== SOCIAL ROW ===== */
    .auth-social-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        margin-bottom: 6px !important;
        width: 100% !important;
    }
    .auth-social-row > .auth-social-btn,
    .auth-social-row > button.auth-social-btn {
        display: none !important;
    }
    #g_id_onload { display: none !important; }
    .auth-social-row .g_id_signin,
    #auth-page .g_id_signin {
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        width: 1px !important; height: 1px !important;
        overflow: hidden !important;
        opacity: 0 !important;
    }

    .auth-social-row .auth-tg-wrap,
    #auth-page .auth-tg-wrap {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 44px !important;
        position: relative !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    .auth-tg-wrap iframe { border: 0 !important; }

    /* ===== Google button ===== */
    .jelly-google {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 12px 10px !important;
        border-radius: 14px !important;
        background: rgba(255,255,255,0.06) !important;
        border: 1.5px solid rgba(255,255,255,0.15) !important;
        color: var(--code-fg) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        min-height: 44px !important;
        box-shadow: 0 4px 14px rgba(0,0,0,0.25) !important;
        transition: transform .15s ease !important;
    }
    .jelly-google:active { transform: scale(0.96) !important; }
    .jelly-google .jelly-icon { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .jelly-google .jelly-icon svg { width: 18px; height: 18px; display: block; }

    /* ===== Switch link ===== */
    #auth-page .auth-switch {
        margin-top: 18px !important;
        color: var(--code-fg) !important; opacity: 0.55 !important;
        font-size: 13px !important; font-weight: 700 !important;
        text-align: center !important;
    }
    #auth-page .auth-switch span {
        background: linear-gradient(90deg, var(--acc-1), var(--acc-3));
        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
        text-decoration: none !important; font-weight: 700 !important;
        cursor: pointer !important;
        opacity: 1 !important;
    }

    /* ===== Back button ===== */
    #auth-page .auth-back {
        position: fixed !important;
        top: 26px !important; left: 16px !important;
        width: 40px !important; height: 40px !important;
        background: rgba(255,255,255,0.06) !important;
        border: 1px solid rgba(255,255,255,0.12) !important;
        border-radius: 50% !important;
        display: flex !important; align-items: center !important; justify-content: center !important;
        cursor: pointer !important;
        color: var(--code-fg) !important;
        z-index: 10 !important;
    }
    #auth-page .auth-back svg { width: 18px; height: 18px; display: block; }
    @media (min-width: 768px) { #auth-page .auth-back { top: 18px !important; } }

/* ==== style L46549 ==== */


    #auth-page .auth-tg-wrap {
        position: relative !important;
    }

    /* ===== ? Help icon — glass round badge ===== */
    .tg-help-icon {
        position: absolute !important;
        top: -8px !important;
        right: -8px !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.08) !important;
        -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
        backdrop-filter: blur(14px) saturate(180%) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 10 !important;
        font-family: 'Space Mono', monospace !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #c0caf5 !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
        transition: transform 0.15s ease, background 0.15s ease !important;
        user-select: none !important;
    }
    .tg-help-icon:hover {
        background: rgba(255, 255, 255, 0.14) !important;
        transform: scale(1.1) !important;
    }
    .tg-help-icon:active {
        transform: scale(0.95) !important;
    }

    /* ===== Mini Modal Overlay ===== */
    .tg-help-overlay {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.5) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        backdrop-filter: blur(6px) !important;
        z-index: 2147483646 !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px !important;
        opacity: 0 !important;
        transition: opacity 0.2s ease !important;
    }
    .tg-help-overlay.show {
        display: flex !important;
        opacity: 1 !important;
    }

    /* ===== Mini Modal (pure glass tokyo night) ===== */
    .tg-help-modal {
        max-width: 320px !important;
        width: 100% !important;
        padding: 22px 20px 18px !important;
        background: rgba(26, 27, 38, 0.55) !important;
        -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
        backdrop-filter: blur(14px) saturate(180%) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 18px !important;
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6),
                    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
        font-family: 'Space Mono', 'Courier New', monospace !important;
        color: #c0caf5 !important;
        position: relative !important;
        transform: scale(0.9) translateY(10px) !important;
        transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }
    .tg-help-overlay.show .tg-help-modal {
        transform: scale(1) translateY(0) !important;
    }

    /* Top gradient line — tokyo night accent */
    .tg-help-modal::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 14% !important;
        right: 14% !important;
        height: 2px !important;
        background: linear-gradient(90deg, transparent, #7aa2f7, #bb9af7, #7dcfff, transparent) !important;
        opacity: 0.8 !important;
    }

    /* Title */
    .tg-help-title {
        font-size: 14px !important;
        font-weight: 700 !important;
        background: linear-gradient(95deg, #7aa2f7, #bb9af7, #7dcfff) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        margin: 0 0 12px 0 !important;
        text-align: center !important;
        letter-spacing: 0.5px !important;
    }

    /* Body text */
    .tg-help-body {
        font-size: 12.5px !important;
        font-weight: 500 !important;
        line-height: 1.7 !important;
        color: #c0caf5 !important;
        opacity: 0.9 !important;
        margin: 0 0 14px 0 !important;
        text-align: left !important;
    }
    .tg-help-body strong {
        color: #7dcfff !important;
        font-weight: 700 !important;
    }

    /* Steps */
    .tg-help-steps {
        background: rgba(0, 0, 0, 0.25) !important;
        border: 1px solid rgba(255, 255, 255, 0.06) !important;
        border-radius: 10px !important;
        padding: 12px 12px 12px 28px !important;
        margin: 0 0 14px 0 !important;
    }
    .tg-help-steps li {
        font-size: 12px !important;
        font-weight: 500 !important;
        color: #c0caf5 !important;
        opacity: 0.85 !important;
        line-height: 1.6 !important;
        margin-bottom: 4px !important;
        list-style-type: decimal !important;
    }
    .tg-help-steps li:last-child { margin-bottom: 0 !important; }

    /* Close button */
    .tg-help-close {
        width: 100% !important;
        padding: 10px !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        color: #c0caf5 !important;
        font-family: 'Space Mono', monospace !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 1px !important;
        cursor: pointer !important;
        text-transform: uppercase !important;
        transition: transform 0.1s ease, background 0.15s ease !important;
    }
    .tg-help-close:hover {
        background: rgba(255, 255, 255, 0.12) !important;
    }
    .tg-help-close:active {
        transform: scale(0.97) !important;
    }

/* ==== style L46825 ==== */

    /* ============================================================
       1) ? Help Icon — repositioned to avoid overlap
       ============================================================ */
    .tg-help-icon {

        top: -10px !important;
        right: -10px !important;
        width: 24px !important;
        height: 24px !important;
        background: rgba(26, 27, 38, 0.85) !important;
        border: 1.5px solid rgba(122, 162, 247, 0.4) !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5),
                    0 0 0 2px rgba(26, 27, 38, 0.6),
                    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    }
    .tg-help-icon:hover {
        background: rgba(26, 27, 38, 0.95) !important;
        border-color: rgba(122, 162, 247, 0.7) !important;
    }


    #auth-page .auth-card {
        position: relative !important;
        overflow: visible !important;
    }


    #auth-page .auth-card::before {
        content: '' !important;
        position: absolute !important;
        inset: -1.5px !important;
        top: -1.5px !important;
        left: -1.5px !important;
        right: -1.5px !important;
        bottom: -1.5px !important;
        border-radius: 21.5px !important;
        padding: 1.5px !important;
        background: linear-gradient(90deg, #7aa2f7, #bb9af7, #7dcfff, #bb9af7, #7aa2f7) !important;
        background-size: 300% 100% !important;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
        -webkit-mask-composite: xor !important;
        mask-composite: exclude !important;
        animation: authBorderFlow 5s linear infinite !important;
        opacity: 0.9 !important;
        pointer-events: none !important;
        height: auto !important;
        width: auto !important;
        background-color: transparent !important;
    }


    @property --border-angle {
        syntax: '<angle>';
        initial-value: 0deg;
        inherits: false;
    }
    @keyframes authBorderFlow {
        0%   { background-position: 0% 50%; }
        100% { background-position: 300% 50%; }
    }


    @supports not (background: paint(something)) {
        #auth-page .auth-card::before {
            animation: authBorderFlow 5s linear infinite !important;
        }
        @keyframes card-border-rotate-fallback {
            0%   { background: conic-gradient(from 0deg, transparent 0deg, #7aa2f7 60deg, #bb9af7 120deg, #7dcfff 180deg, #bb9af7 240deg, #7aa2f7 300deg, transparent 360deg) !important; }
            25%  { background: conic-gradient(from 90deg, transparent 0deg, #7aa2f7 60deg, #bb9af7 120deg, #7dcfff 180deg, #bb9af7 240deg, #7aa2f7 300deg, transparent 360deg) !important; }
            50%  { background: conic-gradient(from 180deg, transparent 0deg, #7aa2f7 60deg, #bb9af7 120deg, #7dcfff 180deg, #bb9af7 240deg, #7aa2f7 300deg, transparent 360deg) !important; }
            75%  { background: conic-gradient(from 270deg, transparent 0deg, #7aa2f7 60deg, #bb9af7 120deg, #7dcfff 180deg, #bb9af7 240deg, #7aa2f7 300deg, transparent 360deg) !important; }
            100% { background: conic-gradient(from 360deg, transparent 0deg, #7aa2f7 60deg, #bb9af7 120deg, #7dcfff 180deg, #bb9af7 240deg, #7aa2f7 300deg, transparent 360deg) !important; }
        }
    }


    #auth-page .auth-card::before {
        animation-play-state: running !important;
    }

/* ==== style L47170 ==== */

    .hsa-welcome-overlay {
        position: fixed; inset: 0; z-index: 99999;
        display: flex; align-items: center; justify-content: center;
        background: rgba(0,0,0,0.45);
        backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
        opacity: 0; pointer-events: none; transition: opacity 0.35s ease;
        padding: 24px;
    }
    .hsa-welcome-overlay.show { opacity: 1; pointer-events: auto; }
    .hsa-welcome-card {
        width: 100%; max-width: 340px;
        background: rgba(255,255,255,0.06);
        backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
        border: 1px solid rgba(255,255,255,0.18);
        border-top: 1px solid rgba(255,255,255,0.35);
        border-radius: 22px;
        box-shadow: 0 18px 50px rgba(0,0,0,0.55), inset 0 1px 1px rgba(255,255,255,0.15);
        padding: 26px 22px 22px; text-align: center; color: #fff;
        transform: scale(0.88) translateY(12px); transition: transform 0.35s cubic-bezier(0.22,1,0.36,1);
    }
    .hsa-welcome-overlay.show .hsa-welcome-card { transform: scale(1) translateY(0); }
    .hsa-welcome-emoji { font-size: 44px; margin-bottom: 8px; filter: drop-shadow(0 0 12px rgba(255,255,255,0.4)); }
    .hsa-welcome-title { font-size: 19px; font-weight: 900; margin-bottom: 6px; text-shadow: 0 0 10px rgba(255,255,255,0.35); }
    .hsa-welcome-sub { font-size: 13px; font-weight: 600; line-height: 1.7; color: rgba(255,255,255,0.82); margin-bottom: 8px; }
    .hsa-welcome-badge {
        display: inline-block; margin: 4px 0 16px;
        background: rgba(57,255,20,0.12); border: 1px solid rgba(57,255,20,0.4);
        color: #6dff52; font-weight: 900; font-size: 13px; letter-spacing: 0.5px;
        padding: 6px 14px; border-radius: 10px;
        text-shadow: 0 0 8px rgba(57,255,20,0.5);
    }
    .hsa-welcome-price { font-size: 12px; color: rgba(255,255,255,0.7); margin-bottom: 18px; }
    .hsa-welcome-price s { color: rgba(255,255,255,0.45); }
    .hsa-welcome-price b { color: #fff; font-size: 15px; text-shadow: 0 0 8px rgba(255,255,255,0.45); }
    .hsa-welcome-btn {
        width: 100%;
        background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04));
        backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
        border: 1px solid rgba(255,255,255,0.25);
        border-top: 1px solid rgba(255,255,255,0.45);
        color: #fff; font-weight: 900; font-size: 14px;
        padding: 13px; border-radius: 14px; cursor: pointer;
        box-shadow: 0 6px 18px rgba(0,0,0,0.25); transition: transform 0.18s ease;
        margin-bottom: 10px;
    }
    .hsa-welcome-btn:active { transform: scale(0.95); }
    .hsa-welcome-close {
        background: none; border: none; color: rgba(255,255,255,0.55);
        font-size: 12px; font-weight: 700; cursor: pointer; padding: 4px;
    }

/* ==== style L47293 ==== */

  #hsa-weekly-promo {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 2147483646;
    align-items: center;
    justify-content: center;
    padding: 22px;
    box-sizing: border-box;
    background: rgba(5, 7, 16, 0.55);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity 0.3s ease;
    font-family: 'Padauk', 'Segoe UI', sans-serif;
  }
  #hsa-weekly-promo.show { display: flex; opacity: 1; }

  /* Tokyo-Night purple animated border wrapper */
  .hwp-card {
    position: relative;
    width: 360px;
    max-width: 100%;
    max-height: 92vh;
    overflow-y: auto;
    border-radius: 26px;
    padding: 28px 24px 24px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: rgba(255,255,255,0.055);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(187,154,247,0.45);
    border-top: 1px solid rgba(187,154,247,0.7);
    box-shadow:
      0 20px 60px rgba(0,0,0,0.5),
      0 0 0 1px rgba(122,162,247,0.18),
      0 0 24px rgba(157,124,216,0.28),
      inset 0 1px 0 rgba(255,255,255,0.25);
    transform: scale(0.92);
    transition: transform 0.35s cubic-bezier(.18,.89,.32,1.1);
  }
  #hsa-weekly-promo.show .hwp-card { transform: scale(1); }
  .hwp-card::-webkit-scrollbar { width: 4px; }
  .hwp-card::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 100px; }

  /* Thin Tokyo-Night gradient line at very top (subtle, no split) */
  .hwp-card::before {
    content: '';
    position: absolute; top: 0; left: 18px; right: 18px; height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, #7aa2f7, #bb9af7, #7dcfff, transparent);
    background-size: 200% auto;
    animation: hwpLine 4s linear infinite;
    pointer-events: none;
  }
  @keyframes hwpLine { 0%{background-position:0% center} 100%{background-position:200% center} }

  /* close X */
  .hwp-close {
    position: absolute; top: 12px; right: 12px;
    width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.28);
    color: #fff; font-size: 16px; cursor: pointer;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    z-index: 5; line-height: 1;
  }
  .hwp-close:active { transform: scale(0.9); }

  .hwp-ribbon {
    display: inline-flex; align-items: center; gap: 7px;
    font-family: 'Padauk', sans-serif;
    font-weight: 700; font-size: 14px; color: #fff;
    padding: 7px 16px; border-radius: 100px;
    background: rgba(157,124,216,0.18);
    border: 1px solid rgba(187,154,247,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 0 18px rgba(157,124,216,0.3);
    margin-bottom: 16px;
  }
  .hwp-ribbon svg { width: 17px; height: 17px; }

  .hwp-icon {
    position: relative;
    width: 180px; height: 150px;
    margin: 0 auto 8px;
    display: flex; align-items: center; justify-content: center;
  }
  .hwp-icon::after {
    content: ''; position: absolute; inset: 10% 8%;
    background: radial-gradient(circle, rgba(157,124,216,0.55), rgba(125,207,255,0.22) 50%, transparent 72%);
    filter: blur(16px); z-index: -1;
    animation: hwpPulse 3s ease-in-out infinite;
  }
  @keyframes hwpPulse { 0%,100%{opacity:0.7; transform:scale(1)} 50%{opacity:1; transform:scale(1.08)} }
  .hwp-icon img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 8px 20px rgba(0,0,0,0.45)); }

  .hwp-name {
    font-family: 'Oxanium', 'Segoe UI', sans-serif;
    font-weight: 800; font-size: 19px; letter-spacing: 0.4px;
    color: #fff; margin-bottom: 4px;
  }
  .hwp-name .pass { color: #bb9af7; text-shadow: 0 0 14px rgba(187,154,247,0.55); }
  .hwp-sub {
    font-family: 'Padauk', sans-serif; font-size: 12.5px;
    color: rgba(255,255,255,0.6); margin-bottom: 18px;
  }

  .hwp-price {
    padding: 16px 14px; border-radius: 16px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.13);
    border-top: 1px solid rgba(255,255,255,0.26);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    margin-bottom: 14px;
  }
  .hwp-old {
    font-family: 'Oxanium', sans-serif; font-size: 15px; font-weight: 600;
    color: rgba(255,255,255,0.42);
    text-decoration: line-through; text-decoration-color: rgba(255,120,120,0.85);
    letter-spacing: 1px;
  }
  .hwp-new {
    font-family: 'Oxanium', sans-serif; font-weight: 800; font-size: 40px;
    line-height: 1.1; color: #fff; letter-spacing: 1px;
    text-shadow: 0 0 18px rgba(255,255,255,0.32); margin: 2px 0 9px;
  }
  .hwp-new span { font-size: 22px; font-weight: 700; opacity: 0.85; }
  .hwp-save {
    display: inline-flex; align-items: center; gap: 5px;
    font-family: 'Padauk', sans-serif; font-weight: 700; font-size: 12.5px;
    color: #5fe07a; background: rgba(95,224,122,0.12);
    border: 1px solid rgba(95,224,122,0.4);
    padding: 5px 13px; border-radius: 100px;
    text-shadow: 0 0 8px rgba(95,224,122,0.4);
  }

  /* CTA button → "Use Discount" (applies WELCOME400, opens weekly pass / login) */
  .hwp-cta {
    width: 100%;
    font-family: 'Oxanium', sans-serif; font-weight: 800; font-size: 16px;
    letter-spacing: 0.5px;
    color: #fff; padding: 15px; border-radius: 14px; cursor: pointer;
    border: 1px solid rgba(187,154,247,0.55);
    border-top: 1px solid rgba(255,255,255,0.45);
    background: linear-gradient(135deg, rgba(157,124,216,0.45), rgba(125,207,255,0.28));
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.28);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
    margin-bottom: 4px;
    display: flex; flex-direction: column; align-items: center; gap: 2px;
  }
  .hwp-cta small {
    font-family: 'Oxanium', monospace; font-weight: 700; font-size: 11px;
    letter-spacing: 2px; color: rgba(255,255,255,0.75);
  }
  .hwp-cta:active { transform: scale(0.96); }

  .hwp-footer-brand {
    font-family: 'Oxanium', sans-serif; font-weight: 800; font-size: 13px;
    letter-spacing: 1px; margin-top: 14px;
    background: linear-gradient(95deg, #bb9af7, #7dcfff, #bb9af7);
    background-size: 200% auto;
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: hwpShine 4s linear infinite;
  }
  @keyframes hwpShine { 0%{background-position:0% center} 100%{background-position:200% center} }

/* ==== style L47655 ==== */
#hsa-seo-links .hsa-seo-chip{display:block;padding:5px 4px;border-radius:9px;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.4);font-size:9.5px;font-weight:600;text-decoration:none;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
    #hsa-seo-links .hsa-seo-chip:active{background:rgba(255,255,255,0.09);color:rgba(255,255,255,0.7);}
/* ==== style L47658 ==== */
body.hsa-on-vpn #hsa-footer{ display:none !important; }
/* ==== style L47671 ==== */

    
.hsa-fixed-font,
.hsa-fixed-font *,
body.hsa-admin-bg .hsa-fixed-font,
body.hsa-admin-bg .hsa-fixed-font *,
body[class*="hsa-theme-"] .hsa-fixed-font,
body[class*="hsa-theme-"] .hsa-fixed-font * {
    font-family: var(--hsa-ff-font, 'Bebas Neue'), 'Oswald', 'Impact', sans-serif !important;
    font-weight: var(--hsa-ff-weight, 700) !important;
    letter-spacing: var(--hsa-ff-tracking, 2px) !important;
    text-transform: var(--hsa-ff-case, uppercase) !important;
    font-style: var(--hsa-ff-style, normal) !important;
}
.hsa-fixed-font a {
    transition: color 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease;
    display: inline-block;
}
.hsa-fixed-font a:hover {
    color: rgba(255,255,255,0.95) !important;
    text-shadow: 0 0 14px rgba(180,220,255,0.7);
    transform: translateY(-1px);
}


body.ff-style-1  { --hsa-ff-font: 'Bebas Neue';      --hsa-ff-weight: 700; --hsa-ff-tracking: 2px;    --hsa-ff-case: uppercase; --hsa-ff-style: normal;  }
body.ff-style-2  { --hsa-ff-font: 'Cinzel';          --hsa-ff-weight: 700; --hsa-ff-tracking: 1.5px;  --hsa-ff-case: none;      --hsa-ff-style: normal;  }
body.ff-style-3  { --hsa-ff-font: 'Orbitron';        --hsa-ff-weight: 700; --hsa-ff-tracking: 2.5px;  --hsa-ff-case: uppercase; --hsa-ff-style: normal;  }
body.ff-style-4  { --hsa-ff-font: 'Playfair Display';--hsa-ff-weight: 800; --hsa-ff-tracking: 0.5px;  --hsa-ff-case: none;      --hsa-ff-style: italic;  }
body.ff-style-5  { --hsa-ff-font: 'Russo One';       --hsa-ff-weight: 400; --hsa-ff-tracking: 1.5px;  --hsa-ff-case: uppercase; --hsa-ff-style: normal;  }
body.ff-style-6  { --hsa-ff-font: 'Audiowide';       --hsa-ff-weight: 400; --hsa-ff-tracking: 1.8px;  --hsa-ff-case: uppercase; --hsa-ff-style: normal;  }
body.ff-style-7  { --hsa-ff-font: 'Black Ops One';   --hsa-ff-weight: 400; --hsa-ff-tracking: 2px;    --hsa-ff-case: uppercase; --hsa-ff-style: normal;  }
body.ff-style-8  { --hsa-ff-font: 'Press Start 2P';  --hsa-ff-weight: 400; --hsa-ff-tracking: 1px;    --hsa-ff-case: uppercase; --hsa-ff-style: normal;  }
body.ff-style-9  { --hsa-ff-font: 'Anton';           --hsa-ff-weight: 400; --hsa-ff-tracking: 1.8px;  --hsa-ff-case: uppercase; --hsa-ff-style: normal;  }
body.ff-style-10 { --hsa-ff-font: 'Major Mono Display';--hsa-ff-weight:400; --hsa-ff-tracking: 2px;   --hsa-ff-case: uppercase; --hsa-ff-style: normal;  }
.hsa-modal-overlay {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(15,15,25,0.25);
    backdrop-filter:blur(20px) saturate(180%);
    -webkit-backdrop-filter:blur(20px) saturate(180%);
    z-index:99999;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.hsa-modal-box {
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(28px) saturate(180%);
    -webkit-backdrop-filter:blur(28px) saturate(180%);
    max-width:640px;
    width:100%;
    max-height:80vh;
    overflow-y:auto;
    padding:28px 24px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,0.22);
    color:rgba(255,255,255,0.95);
    position:relative;
    box-shadow:0 20px 60px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.25);
}
.hsa-modal-close {
    position:absolute;
    top:14px;
    right:14px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
    color:rgba(255,255,255,0.7);
    width:32px;
    height:32px;
    border-radius:10px;
    cursor:pointer;
    font-size:18px;
    line-height:1;
}
.hsa-modal-box h2 {
    color:rgba(255,255,255,0.95);
    margin:0 0 16px;
    font-size:20px;
    font-weight:700;
}
.hsa-modal-box h3 {
    color:rgba(255,255,255,0.9);
    font-size:15px;
    margin:20px 0 8px;
    font-weight:700;
}
.hsa-modal-box p,
.hsa-modal-box li {
    line-height:1.8;
    color:rgba(255,255,255,0.7);
    font-size:14px;
}
.hsa-modal-box strong { color:rgba(255,255,255,0.95); font-weight:700; }
.hsa-modal-box ul { padding-left:20px; margin:0; }
.hsa-modal-box a { color:rgba(255,255,255,0.85); text-decoration:underline; }

/* ==== style hsa2-style-v7 ==== */

/* hide old dynamic tab strips on home */
#hsa-final-tabs { display: none !important; }
.hsa2-hidden-tabbar { display: none !important; }

#hsa2-wrap { width: 90%; max-width: 360px; margin: 4px auto 18px auto; font-family: "JetBrains Mono", ui-monospace, monospace; }
.hsa2-row { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10px; align-items: stretch; }
.hsa2-box { position: relative; overflow: hidden; cursor: pointer; border-radius: 16px; border: 1px solid rgba(255,255,255,.10); box-shadow: 0 16px 30px rgba(0,0,0,.55); transition: transform .15s ease; }
.hsa2-box:active { transform: scale(.97); }

/* ---- MY PTS : Y2K / cyberpunk ---- */
.hsa2-mypts {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 14px 16px;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0px, rgba(255,255,255,.04) 1px, transparent 1px, transparent 4px),
    linear-gradient(135deg, #1d0540 0%, #061634 55%, #001d33 100%);
  border: 1px solid rgba(0,240,255,.38);
  box-shadow: inset 0 0 20px rgba(255,43,214,.12), 0 0 16px rgba(0,240,255,.20), 0 16px 30px rgba(0,0,0,.55);
}
.hsa2-mypts::before, .hsa2-mypts::after { content: ""; position: absolute; top: 12%; bottom: 12%; width: 3px; border-radius: 3px; }
.hsa2-mypts::before { left: 6px;  background: linear-gradient(#00f0ff,#0066ff); box-shadow: 0 0 10px #00f0ff; }
.hsa2-mypts::after  { right: 6px; background: linear-gradient(#ff2bd6,#a020f0); box-shadow: 0 0 10px #ff2bd6; }
.hsa2-mypts .lbl  { font-size: 10px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: #ff6bdf; text-shadow: 0 0 8px rgba(255,43,214,.7); }
.hsa2-mypts .num  { font-size: 28px; font-weight: 900; line-height: 1; color: #aef6ff; text-shadow: 0 0 14px rgba(0,240,255,.85), 0 0 2px #fff; }
.hsa2-mypts .unit { font-size: 10px; font-weight: 700; letter-spacing: 2px; color: #7df9ff; text-shadow: 0 0 6px rgba(0,240,255,.6); }

/* ---- GIFT CARD : floating slideshow ---- */
.hsa2-gc { background: #0a0e1c; }
.hsa2-gc-view { width: 100%; aspect-ratio: 500 / 280; overflow: hidden; position: relative; }
.hsa2-gc-track { display: flex; height: 100%; transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.hsa2-gc-slide { flex: 0 0 100%; height: 100%; }
.hsa2-gc-slide img { width: 100%; height: 100%; object-fit: contain; padding: 14px; box-sizing: border-box; display: block; background: linear-gradient(135deg,#1a2030,#0a0e1c); }
.hsa2-gc-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 6px 8px; display: flex; justify-content: space-between; align-items: flex-end; gap: 6px; }
.hsa2-gc-cap-box { background: rgba(0,0,0,.72); border: 1px solid rgba(255,255,255,.14); border-radius: 8px; padding: 4px 9px; max-width: 78%; }
.hsa2-gc-cap-name { font-size: 10.5px; font-weight: 800; letter-spacing: .5px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hsa2-gc-cap-stock { font-size: 10px; font-weight: 900; color: #3cff7a; text-shadow: 0 0 6px rgba(60,255,122,.5); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hsa2-gc-dots { display: flex; gap: 4px; padding-bottom: 3px; }
.hsa2-gc-dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.3); }
.hsa2-gc-dot.on { background: #ffd27a; }
.hsa2-gc-openbadge { position: absolute; top: 7px; right: 7px; z-index: 2; display: flex; align-items: center; gap: 3px; background: #12161f; border: 1px solid rgba(255,255,255,.15); border-radius: 5px; padding: 3px 8px 3px 9px; font-size: 9.5px; font-weight: 800; color: #eef3fa; letter-spacing: .3px; }
.hsa2-gc-openbadge i { font-size: 8px; color: #ffd27a; }

/* ---- PREMIUM : plain dark glass, no color, no emoji ---- */
.hsa2-prem { position: relative; overflow: hidden; margin-top: 9px; padding: 10px 12px; border-radius: 11px; cursor: pointer; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #eef3fa; text-shadow: 0 1px 2px rgba(0,0,0,.55); background: rgba(12,17,28,.72); border: 1px solid rgba(255,255,255,.20); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transition: transform .15s ease; }
.hsa2-prem:active { transform: scale(.98); }

/* ---- My Pts page (overlay) ---- */

/* home-box mini countdown clock (inside the My Pts home box) */
.hsa2-mypts .hsa2-clock { margin-top:4px; font-size:9px; font-weight:700; letter-spacing:1px; line-height:1.25; text-align:center; font-family:"JetBrains Mono", ui-monospace, monospace; }
.hsa2-mypts .hsa2-clock .ct-lbl { font-size:7px; letter-spacing:1.5px; text-transform:uppercase; color:#ff8be0; text-shadow:0 0 6px rgba(255,43,214,.7); display:block; margin-bottom:1px; }
.hsa2-mypts .hsa2-clock .ct-time { font-size:12px; font-weight:900; color:#7df9ff; text-shadow:0 0 10px rgba(0,240,255,.9),0 0 2px #fff; font-variant-numeric:tabular-nums; letter-spacing:1px; animation:hsa2-clockpulse 2s ease-in-out infinite; }
.hsa2-mypts .hsa2-clock.ready .ct-lbl { color:#8effc4; text-shadow:0 0 6px rgba(0,255,140,.7); }
.hsa2-mypts .hsa2-clock.ready .ct-time { font-size:11px; color:#8effc4; text-shadow:0 0 10px rgba(0,255,140,.9); animation:hsa2-readyblink 1.1s steps(2,start) infinite; }
@keyframes hsa2-clockpulse { 0%,100%{opacity:1;} 50%{opacity:.72;} }
@keyframes hsa2-readyblink { 0%,100%{opacity:1;} 50%{opacity:.35;} }

/* premium bar moving sheen */
.hsa2-prem::after { content:""; position:absolute; top:0; left:-60%; width:55%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent); transform:skewX(-18deg); pointer-events:none; animation:hsa2-sheen 3.8s ease-in-out infinite; }
@keyframes hsa2-sheen { 0%{left:-60%;} 55%{left:130%;} 100%{left:130%;} }

/* ════════════════════════════════════════════════════════════
   MY POINTS PAGE — 10 selectable themes via [data-mp="1..10"]
   ════════════════════════════════════════════════════════════ */
#hsa2-mypts-view {
  --mp-bg1:#11052a; --mp-bg2:#060a14;
  --mp-card1:#1d0540; --mp-card2:#001d33;
  --mp-accent:#00f0ff; --mp-accent2:#ff2bd6;
  --mp-num:#aef6ff; --mp-lbl:#ff6bdf;
  --mp-glass:rgba(255,255,255,0.05); --mp-border:rgba(255,255,255,0.12);
  --mp-text:#eef3fa; --mp-dim:#9fb0c7;
  --mp-glow:rgba(0,240,255,0.45); --mp-glow2:rgba(255,43,214,0.45); --mp-edge:rgba(0,240,255,0.32);
  --mp-font:"JetBrains Mono", ui-monospace, monospace;
  position: fixed; top:0; left:0; right:0; bottom:0;
  width:100vw; height:100vh; height:100dvh; min-height:100dvh;
  z-index:2000000; display:none; flex-direction:column;
  font-family:var(--mp-font);
  background:var(--mp-bg2);
  background-image:radial-gradient(120% 80% at 50% 0%, var(--mp-bg1) 0%, var(--mp-bg2) 70%);
  padding:16px 14px 50px; overflow-y:auto; -webkit-overflow-scrolling:touch;
  box-sizing:border-box; isolation:isolate;
}
#hsa2-mypts-view.open { display:flex; }
body.hsa2-mp-lock { overflow:hidden !important; }

/* ---- theme palettes ---- */
#hsa2-mypts-view[data-mp="1"]{ --mp-bg1:#11052a;--mp-bg2:#060a14;--mp-card1:#1d0540;--mp-card2:#001d33;--mp-accent:#00f0ff;--mp-accent2:#ff2bd6;--mp-num:#aef6ff;--mp-lbl:#ff6bdf;--mp-glow:rgba(0,240,255,0.6);--mp-glow2:rgba(255,43,214,0.5);--mp-edge:rgba(0,240,255,0.38); } /* Cyberpunk neon */
#hsa2-mypts-view[data-mp="2"]{ --mp-bg1:#0a1f1a;--mp-bg2:#03100c;--mp-card1:#0d3b2e;--mp-card2:#042018;--mp-accent:#34ffb0;--mp-accent2:#a8ff60;--mp-num:#c6ffe6;--mp-lbl:#6fffc4;--mp-glow:rgba(52,255,176,0.55);--mp-glow2:rgba(168,255,96,0.45);--mp-edge:rgba(52,255,176,0.36); --mp-font:"Outfit","Segoe UI",sans-serif; } /* Emerald */
#hsa2-mypts-view[data-mp="3"]{ --mp-bg1:#1a0e2e;--mp-bg2:#0a0414;--mp-card1:#2a1145;--mp-card2:#140827;--mp-accent:#c08bff;--mp-accent2:#ff8be0;--mp-num:#e9d6ff;--mp-lbl:#d3a4ff;--mp-glow:rgba(192,139,255,0.55);--mp-glow2:rgba(255,139,224,0.45);--mp-edge:rgba(192,139,255,0.36); --mp-font:"Outfit","Segoe UI",sans-serif; } /* Royal violet */
#hsa2-mypts-view[data-mp="4"]{ --mp-bg1:#2a1205;--mp-bg2:#140803;--mp-card1:#3d1f08;--mp-card2:#21120a;--mp-accent:#ffb347;--mp-accent2:#ff6b6b;--mp-num:#ffe6c2;--mp-lbl:#ffd27a;--mp-glow:rgba(255,179,71,0.55);--mp-glow2:rgba(255,107,107,0.45);--mp-edge:rgba(255,179,71,0.36); --mp-font:"Outfit","Segoe UI",sans-serif; } /* Sunset gold */
#hsa2-mypts-view[data-mp="5"]{ --mp-bg1:#04141f;--mp-bg2:#020a10;--mp-card1:#062436;--mp-card2:#03141f;--mp-accent:#4fc3ff;--mp-accent2:#7df9ff;--mp-num:#cfeeff;--mp-lbl:#8fd4ff;--mp-glow:rgba(79,195,255,0.55);--mp-glow2:rgba(125,249,255,0.45);--mp-edge:rgba(79,195,255,0.36); --mp-font:"Outfit","Segoe UI",sans-serif; } /* Deep ocean */
#hsa2-mypts-view[data-mp="6"]{ --mp-bg1:#1c0510;--mp-bg2:#0d0207;--mp-card1:#2e0820;--mp-card2:#180412;--mp-accent:#ff5e8a;--mp-accent2:#ff9bd0;--mp-num:#ffd6e6;--mp-lbl:#ff9bbd;--mp-glow:rgba(255,94,138,0.55);--mp-glow2:rgba(255,155,208,0.45);--mp-edge:rgba(255,94,138,0.36); --mp-font:"Outfit","Segoe UI",sans-serif; } /* Rose */
#hsa2-mypts-view[data-mp="7"]{ --mp-bg1:#0c0c12;--mp-bg2:#050507;--mp-card1:#16161f;--mp-card2:#0b0b10;--mp-accent:#e8e8ff;--mp-accent2:#b0b0d0;--mp-num:#ffffff;--mp-lbl:#c8c8e0;--mp-glass:rgba(255,255,255,0.04);--mp-border:rgba(255,255,255,0.10);--mp-glow:rgba(232,232,255,0.4);--mp-glow2:rgba(176,176,208,0.35);--mp-edge:rgba(255,255,255,0.22); --mp-font:"Outfit","Segoe UI",sans-serif; } /* Monochrome */
#hsa2-mypts-view[data-mp="8"]{ --mp-bg1:#001a14;--mp-bg2:#000d0a;--mp-card1:#003328;--mp-card2:#001a14;--mp-accent:#00ffaa;--mp-accent2:#00d4ff;--mp-num:#aaffe0;--mp-lbl:#5cffce;--mp-glow:rgba(0,255,170,0.6);--mp-glow2:rgba(0,212,255,0.45);--mp-edge:rgba(0,255,170,0.38); } /* Matrix */
#hsa2-mypts-view[data-mp="9"]{ --mp-bg1:#1a1500;--mp-bg2:#0c0a00;--mp-card1:#2e2500;--mp-card2:#1a1500;--mp-accent:#ffd700;--mp-accent2:#ffaa00;--mp-num:#fff3c2;--mp-lbl:#ffe08a;--mp-glow:rgba(255,215,0,0.55);--mp-glow2:rgba(255,170,0,0.45);--mp-edge:rgba(255,215,0,0.4); --mp-font:"Outfit","Segoe UI",sans-serif; } /* Luxe gold */
#hsa2-mypts-view[data-mp="10"]{ --mp-bg1:#0e0a24;--mp-bg2:#06040f;--mp-card1:#181142;--mp-card2:#0c0826;--mp-accent:#7c6bff;--mp-accent2:#4fd4ff;--mp-num:#d6d0ff;--mp-lbl:#a99bff;--mp-glow:rgba(124,107,255,0.55);--mp-glow2:rgba(79,212,255,0.45);--mp-edge:rgba(124,107,255,0.36); --mp-font:"Outfit","Segoe UI",sans-serif; } /* Indigo aurora */

/* ---- header ---- */
.hsa2-mp-head { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.hsa2-mp-back { width:36px; height:36px; border-radius:11px; cursor:pointer; display:flex; align-items:center; justify-content:center; background:var(--mp-glass); border:1px solid var(--mp-border); color:#fff; font-size:15px; }
.hsa2-mp-title { font-size:15px; font-weight:800; letter-spacing:1px; color:#fff; flex:1; }
.hsa2-mp-theme { display:flex; align-items:center; gap:6px; cursor:pointer; padding:8px 12px; border-radius:11px; background:var(--mp-glass); border:1px solid var(--mp-edge); color:var(--mp-accent); font-family:"JetBrains Mono", ui-monospace, monospace; font-size:12px; font-weight:900; letter-spacing:.5px; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 0 12px var(--mp-glow); transition:transform .15s; }
.hsa2-mp-theme:active { transform:scale(.94); }
.hsa2-mp-theme i { font-size:12px; }

/* ---- balance card (COMPACT) ---- */
.hsa2-mp-card {
  position:relative; overflow:hidden; flex-shrink:0; border-radius:18px; padding:16px 16px 20px; text-align:center;
  background:linear-gradient(135deg, var(--mp-card1) 0%, var(--mp-card2) 100%);
  border:1px solid var(--mp-edge);
  box-shadow:inset 0 0 22px var(--mp-glow2), 0 10px 28px rgba(0,0,0,.45);
}
.hsa2-mp-card::before { content:""; position:absolute; top:-40%; left:-30%; width:80%; height:160%; background:radial-gradient(circle, var(--mp-glow), transparent 70%); opacity:.4; pointer-events:none; }
.hsa2-mp-card .lbl { font-size:9.5px; letter-spacing:2.5px; color:var(--mp-lbl); text-transform:uppercase; text-shadow:0 0 8px var(--mp-glow2); position:relative; }
.hsa2-mp-card .num { font-size:34px; font-weight:900; color:var(--mp-num); margin:2px 0 0; line-height:1; text-shadow:0 0 16px var(--mp-glow); position:relative; font-variant-numeric:tabular-nums; }
.hsa2-mp-card .unit { font-size:10px; color:var(--mp-accent); letter-spacing:2px; margin-top:1px; position:relative; }
.hsa2-mp-refresh { position:absolute; top:12px; right:12px; width:28px; height:28px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.07); border:1px solid var(--mp-border); color:var(--mp-accent); font-size:12px; cursor:pointer; z-index:2; }

/* claim button */
.hsa2-mp-claim {
  position:relative; z-index:1; margin-top:14px; width:100%; padding:13px; border-radius:13px; cursor:pointer;
  font-family:inherit; font-size:13px; font-weight:800; letter-spacing:.5px; color:#04121e; border:none;
  background:linear-gradient(90deg, var(--mp-accent), var(--mp-accent2));
  box-shadow:0 6px 18px var(--mp-glow);
}
.hsa2-mp-claim:active { transform:scale(.98); }
.hsa2-mp-claim.done { background:rgba(255,255,255,.06); color:var(--mp-dim); box-shadow:none; cursor:not-allowed; border:1px solid var(--mp-border); }
.hsa2-mp-claim.loading { opacity:.7; cursor:progress; }

/* inline countdown under button — small, no big block */
.hsa2-mp-clock-big { margin-top:10px; display:flex; flex-wrap:nowrap; white-space:nowrap; align-items:center; justify-content:center; gap:7px; font-family:var(--mp-font); }
.hsa2-mp-clock-big .ct-lbl { font-size:9px; letter-spacing:1.5px; text-transform:uppercase; color:var(--mp-lbl); opacity:.85; }
.hsa2-mp-clock-big .ct-time { font-size:14px; font-weight:900; color:var(--mp-accent); text-shadow:0 0 10px var(--mp-glow); font-variant-numeric:tabular-nums; letter-spacing:1px; }
.hsa2-mp-clock-big.ready .ct-lbl { color:#8effc4; }
.hsa2-mp-clock-big.ready .ct-time { font-size:13px; color:#8effc4; }
.hsa2-mp-streak { margin-top:8px; font-size:10px; letter-spacing:.5px; color:var(--mp-lbl); }

/* section heading */
.hsa2-mp-sec-h { display:flex; align-items:center; gap:8px; margin:20px 4px 10px; font-size:10.5px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--mp-dim); }
.hsa2-mp-sec-h i { color:var(--mp-accent); text-shadow:0 0 8px var(--mp-glow); }

/* glass cards */
.hsa2-glass { position:relative; overflow:hidden; border-radius:14px; margin-bottom:9px; background:var(--mp-glass); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border:1px solid var(--mp-border); box-shadow:0 8px 22px rgba(0,0,0,0.32); }

/* ---- coupon card WITH IMAGE ---- */
.hsa2-cpn { padding:0; display:flex; align-items:center; gap:0; min-height:74px; }
.hsa2-cpn-img { flex:0 0 64px; width:64px; height:64px; margin:8px 0 8px 10px; border-radius:12px; position:relative; background:transparent; overflow:hidden; }
.hsa2-cpn-img img { width:100%; height:100%; object-fit:contain; display:block; }
.hsa2-cpn-body { flex:1; min-width:0; display:flex; align-items:center; gap:10px; padding:12px 12px 12px 13px; }
.hsa2-cpn-info { flex:1; min-width:0; }
.hsa2-cpn-title { font-size:13px; font-weight:800; color:var(--mp-num); letter-spacing:.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hsa2-cpn-disc { font-size:13px; color:var(--mp-lbl); margin-top:3px; font-weight:900; letter-spacing:.2px; text-shadow:0 0 8px var(--mp-glow2); }
.hsa2-cpn-right { display:flex; flex-direction:column; align-items:stretch; gap:5px; min-width:92px; }
.hsa2-cpn-code { font-family:"JetBrains Mono", ui-monospace, monospace; font-size:12.5px; font-weight:900; letter-spacing:1px; color:var(--mp-accent); text-align:center; padding:7px 8px; border-radius:9px; background:rgba(255,255,255,0.05); border:1px dashed var(--mp-border); text-shadow:0 0 8px var(--mp-glow); }
.hsa2-cpn-copy { cursor:pointer; font-size:9.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--mp-num); text-align:center; padding:6px 8px; border-radius:9px; background:rgba(255,255,255,0.04); border:1px solid var(--mp-border); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); transition:.15s; }
.hsa2-cpn-copy:active { transform:scale(.96); }
.hsa2-cpn-copy.copied { color:#bfeed0; border-color:rgba(150,240,190,.5); }

/* ---- history rows — compact, NO height cap (fills naturally) ---- */
.hsa2-glass.hsa2-hist { margin-bottom:6px; border-radius:11px; }
.hsa2-hist { padding:9px 11px; display:flex; align-items:center; gap:10px; }
.hsa2-hist-ic { width:28px; height:28px; flex:0 0 28px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:11px; background:rgba(255,255,255,0.05); border:1px solid var(--mp-border); }
.hsa2-hist-ic.plus { color:#8effc4; }
.hsa2-hist-ic.minus { color:#ff9bbd; }
.hsa2-hist-mid { flex:1; min-width:0; }
.hsa2-hist-reason { font-size:11.5px; color:var(--mp-text); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hsa2-hist-time { font-size:9.5px; color:var(--mp-dim); margin-top:1px; }
.hsa2-hist-amt { font-size:13px; font-weight:900; font-family:"JetBrains Mono", ui-monospace, monospace; }
.hsa2-hist-amt.plus { color:#8effc4; }
.hsa2-hist-amt.minus { color:#ff9bbd; }
.hsa2-mp-empty { padding:20px 10px; text-align:center; font-size:11px; color:var(--mp-dim); }
.hsa2-mp-loading { padding:18px; text-align:center; color:var(--mp-accent); }
.hsa2-mp-note { margin:12px 2px 4px; text-align:center; font-size:10.5px; color:var(--mp-dim); line-height:1.6; opacity:.8; }

.hsa2-mp-histbox { padding-right:2px; }
.hsa2-mp-histbox[hidden] { display:none; }

.hsa2-mp-tabs { display:flex; gap:6px; margin:20px 4px 10px; }
.hsa2-mp-tab { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; padding:11px 8px; border-radius:11px; cursor:pointer; font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--mp-dim); background:var(--mp-glass); border:1px solid var(--mp-border); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); transition:.15s; }
.hsa2-mp-tab i { font-size:11px; }
.hsa2-mp-tab:active { transform:scale(.97); }
.hsa2-mp-tab.active { color:#04121e; background:linear-gradient(90deg, var(--mp-accent), var(--mp-accent2)); border-color:transparent; box-shadow:0 4px 14px var(--mp-glow); }
.hsa2-mp-tab.active i { color:#04121e; }
.hsa2-mp-histbox::-webkit-scrollbar { width:5px; }
.hsa2-mp-histbox::-webkit-scrollbar-thumb { background:var(--mp-edge); border-radius:8px; }
.hsa2-mp-histbox::-webkit-scrollbar-track { background:transparent; }

/* ==== style hsa-deal-themes ==== */


body[data-hsa-deal-theme] #hsa-deals-strip .hsa-deal-card,
body[data-hsa-game-deal-theme] #hsa-game-deals-strip .hsa-deal-card {
  backdrop-filter: blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
  border-radius: 15px !important;
}
body[data-hsa-deal-theme] #hsa-deals-strip .hsa-deal-off,
body[data-hsa-game-deal-theme] #hsa-game-deals-strip .hsa-deal-off {
  backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important;
}

/* ===== GIFT CARD strip — theme 9 · Ice Crystal (Exo 2) ===== */
body[data-hsa-deal-theme="9"] #hsa-deals-strip, body[data-hsa-deal-theme="9"] #hsa-deals-strip * { font-family:"Exo 2",sans-serif !important; }
body[data-hsa-deal-theme="9"] #hsa-deals-strip .hsa-deals-title { color:#eaf6ff !important; text-shadow:0 0 14px rgba(186,230,253,.8) !important; }
body[data-hsa-deal-theme="9"] #hsa-deals-strip .hsa-deals-dot { background:#bae6fd !important; box-shadow:0 0 14px #bae6fd !important; }
body[data-hsa-deal-theme="9"] #hsa-deals-strip .hsa-deal-card { background:linear-gradient(180deg,rgba(186,230,253,.16),rgba(125,211,252,.10)) !important; border:1px solid rgba(210,240,255,.40) !important; box-shadow:0 8px 32px rgba(125,211,252,.28),inset 0 1px 0 rgba(255,255,255,.34) !important; }
body[data-hsa-deal-theme="9"] #hsa-deals-strip .hsa-deal-off { background:linear-gradient(135deg,rgba(224,242,254,.92),rgba(125,211,252,.92)) !important; color:#08263b !important; }
body[data-hsa-deal-theme="9"] #hsa-deals-strip .hsa-deal-region { color:#bae6fd !important; }
body[data-hsa-deal-theme="9"] #hsa-deals-strip .hsa-deal-final { color:#eaf6ff !important; text-shadow:0 0 14px rgba(186,230,253,.9) !important; }
body[data-hsa-deal-theme="9"] #hsa-deals-strip .hsa-deal-save { color:#7dd3fc !important; }


body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip, body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip * { font-family:"Rajdhani",sans-serif !important; }
body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip .hsa-deals-title { color:#a5e0fc !important; text-shadow:0 0 14px rgba(56,189,248,.7) !important; }
body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip .hsa-deals-dot { background:#38bdf8 !important; box-shadow:0 0 14px #38bdf8 !important; }
body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip .hsa-deal-card { background:linear-gradient(180deg,rgba(56,189,248,.15),rgba(3,105,161,.12)) !important; border:1px solid rgba(125,211,252,.34) !important; box-shadow:0 8px 32px rgba(14,116,200,.32),inset 0 1px 0 rgba(255,255,255,.25) !important; }
body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip .hsa-deal-off { background:linear-gradient(135deg,rgba(56,189,248,.9),rgba(3,105,161,.9)) !important; }
body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip .hsa-deal-region { color:#67e8f9 !important; }
body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip .hsa-deal-final { color:#bfe9ff !important; text-shadow:0 0 14px rgba(56,189,248,.8) !important; }
body[data-hsa-game-deal-theme="5"] #hsa-game-deals-strip .hsa-deal-save { color:#22d3ee !important; }

/* ==== style hsa-pc-fit-fix-v2 ==== */

/* PC (≥1024px) — My Pts beside Live Purchases, slideshow removed. Mobile untouched */
@media (min-width: 1024px) {
  #hsa-pc-toprow {
    display: flex !important; gap: 20px !important; align-items: stretch !important;
    justify-content: flex-start !important; width: 100% !important; margin: 0 0 28px 0 !important; height: 150px !important;
  }
  #hsa-pc-toprow .live-wrap {
    flex: 1 1 58% !important; max-width: none !important; width: auto !important; margin: 0 !important;
    display: flex !important; flex-direction: column !important;
  }
  #hsa-pc-toprow .live-wrap .live-feed-container { height: auto !important; flex: 1 1 auto !important; min-height: 0 !important; }
  #hsa-pc-toprow #hsa2-wrap { flex: 1 1 42% !important; max-width: none !important; width: auto !important; margin: 0 !important; }

  
  #home-view > #hsa-pc-toprow { margin: 70px 0 28px 0 !important; }

  
  #hsa-pc-toprow .live-wrap,
  #hsa-pc-toprow .hsa2-mypts {
    background: rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
  }

  
  #hsa-cat-tabs .hsa-cat-l { white-space: nowrap !important; }

  /* My Pts only — gift-card slideshow hidden, compact box */
  #hsa2-wrap .hsa2-row { grid-template-columns: 1fr !important; grid-auto-rows: auto !important; gap: 0 !important; height: 100% !important; }
  #hsa2-wrap .hsa2-gc { display: none !important; }
  #hsa2-wrap .hsa2-mypts { height: 100% !important; min-height: 0 !important; padding: 14px 16px !important; gap: 4px !important; justify-content: center !important; }
  #hsa2-wrap .hsa2-mypts .lbl  { font-size: 12px !important; letter-spacing: 2.5px !important; }
  #hsa2-wrap .hsa2-mypts .num  { font-size: 40px !important; }
  #hsa2-wrap .hsa2-mypts .unit { font-size: 11px !important; letter-spacing: 2px !important; }
  #hsa2-wrap .hsa2-mypts .hsa2-clock { margin-top: 8px !important; }
  #hsa2-wrap .hsa2-mypts .hsa2-clock .ct-lbl  { font-size: 9px !important; }
  #hsa2-wrap .hsa2-mypts .hsa2-clock .ct-time { font-size: 16px !important; }
}

/* ==== style hsa-pc-fit-fix-v3 ==== */

@media (min-width: 1024px) {

  /* 1) TOP BAR (header) — pure glass 14px blur */
  header, body[class] header {
    background: rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(8px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(140%) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-bottom: 1px solid rgba(255,255,255,0.14) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
    left: calc(var(--pc-side-w,248px) + 116px) !important;   /* ← shorten knob (left) */
    right: calc(var(--pc-gap,40px) + 60px) !important;        /* ← shorten knob (right) */
  }

  
  #hsa-deals-strip, #hsa-game-deals-strip { width: 100% !important; max-width: 100% !important; margin: 0 0 30px 0 !important; }
  #hsa-deals-strip .hsa-deals-head .hsa-deals-title,
  #hsa-game-deals-strip .hsa-deals-head .hsa-deals-title { font-size: 17px !important; }
  #hsa-deals-strip .hsa-deals-head .hsa-deals-ico,
  #hsa-game-deals-strip .hsa-deals-head .hsa-deals-ico { width: 18px !important; height: 18px !important; }
  #hsa-deals-strip .hsa-deals-scroll,
  #hsa-game-deals-strip .hsa-deals-scroll {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important; overflow: visible !important; padding: 2px !important;
  }
  #hsa-deals-strip .hsa-deal-card,
  #hsa-game-deals-strip .hsa-deal-card {
    flex: none !important; width: auto !important;
    transition: transform .2s, box-shadow .2s !important;
  }
  #hsa-deals-strip .hsa-deal-card:hover,
  #hsa-game-deals-strip .hsa-deal-card:hover {
    transform: translateY(-5px) !important; box-shadow: 0 16px 34px rgba(0,0,0,.6) !important;
  }
  #hsa-deals-strip .hsa-deal-body, #hsa-game-deals-strip .hsa-deal-body { padding: 10px 11px 12px !important; }
  #hsa-deals-strip .hsa-deal-name, #hsa-game-deals-strip .hsa-deal-name { font-size: 12.5px !important; min-height: 32px !important; }
  #hsa-deals-strip .hsa-deal-final, #hsa-game-deals-strip .hsa-deal-final { font-size: 15px !important; }
  #hsa-deals-strip .hsa-deal-orig, #hsa-game-deals-strip .hsa-deal-orig { font-size: 11px !important; }
  #hsa-deals-strip .hsa-deal-region, #hsa-game-deals-strip .hsa-deal-region { font-size: 10px !important; }
  #hsa-deals-strip .hsa-deal-save, #hsa-game-deals-strip .hsa-deal-save { font-size: 10px !important; }
  #hsa-deals-strip .hsa-deal-off, #hsa-game-deals-strip .hsa-deal-off { font-size: 11px !important; }

  
  #hsa-review-section {
    max-width: 1320px !important; width: 100% !important;
    margin: 40px auto 46px auto !important;
    padding: 0 40px 0 calc(var(--pc-side-w, 248px) + 56px) !important;
    box-sizing: border-box !important;
  }
  #hsa-review-section .hsa-rv-heading h2 { font-size: 26px !important; }
  #hsa-review-section .hsa-rv-heading p { font-size: 13px !important; }
  #hsa-review-section .hsa-rv-heading { text-align: center !important; }
  #hsa-review-section .hsa-rv-carousel-wrap { max-width: 760px !important; margin: 0 auto 16px auto !important; }
  #hsa-review-section .hsa-rv-dots { justify-content: center !important; }
  #hsa-review-section .hsa-rv-dots { display: flex !important; justify-content: center !important; }
  #hsa-review-section .hsa-rv-card { padding: 26px 30px !important; }
  #hsa-review-section .hsa-rv-name { font-size: 17px !important; }
  #hsa-review-section .hsa-rv-text { font-size: 16px !important; line-height: 1.6 !important; }
  #hsa-review-section .hsa-rv-product { font-size: 13px !important; }
  #hsa-review-section .hsa-rv-date { font-size: 11px !important; }
  #hsa-review-section .hsa-rv-stars { font-size: 14px !important; }
  #hsa-review-section .hsa-rv-avatar { width: 46px !important; height: 46px !important; }
}

/* ==== style hsa-search-style ==== */

@media (min-width: 1024px) { #hsa-search-btn { display: inline-flex !important; } }
#hsa-search-btn { display: none; width: 34px; height: 34px; border-radius: 50%; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.16); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: var(--accent,#00eaff); transition: background .2s, transform .2s; }
#hsa-search-btn:hover { background: rgba(255,255,255,0.12); transform: scale(1.06); }
#hsa-search-overlay { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,0.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); display: none; align-items: flex-start; justify-content: center; padding: 90px 16px 16px; }
#hsa-search-overlay.open { display: flex; }
#hsa-search-panel { width: 100%; max-width: 600px; background: rgba(20,24,34,0.72); backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter: blur(24px) saturate(150%); border: 1px solid rgba(255,255,255,0.16); border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,0.6); font-family: 'JetBrains Mono', ui-monospace, monospace; }
#hsa-search-top { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,0.10); }
#hsa-search-top > i { color: var(--accent,#00eaff); font-size: 16px; }
#hsa-search-input { flex: 1; background: transparent; border: none; outline: none; color: #fff; font-size: 15px; font-family: inherit; }
#hsa-search-input::placeholder { color: rgba(255,255,255,0.4); }
#hsa-search-close { color: rgba(255,255,255,0.6); cursor: pointer; font-size: 18px; padding: 4px; }
#hsa-search-close:hover { color: #fff; }
#hsa-search-hint { padding: 10px 18px 4px; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.4); }
#hsa-search-results { max-height: 56vh; overflow-y: auto; padding: 6px 10px 12px; }
.hsa-sr-item { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 12px; cursor: pointer; transition: background .15s; }
.hsa-sr-item:hover { background: rgba(255,255,255,0.07); }
.hsa-sr-ic { position: relative; width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; background: rgba(255,255,255,0.06); display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--accent,#00eaff); overflow: hidden; }
.hsa-sr-ic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 3px; box-sizing: border-box; }
.hsa-sr-txt { flex: 1; min-width: 0; }
.hsa-sr-name { font-size: 14px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hsa-sr-sub { font-size: 11px; color: rgba(255,255,255,0.5); margin-top: 2px; }
.hsa-sr-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; flex-shrink: 0; }
.hsa-sr-price { font-size: 13px; font-weight: 800; color: #aef6ff; white-space: nowrap; text-shadow: 0 0 8px rgba(0,240,255,.4); }
.hsa-sr-tag { font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 3px 8px; border-radius: 20px; background: rgba(0,240,255,0.12); color: #7df9ff; flex-shrink: 0; }
.hsa-sr-empty { text-align: center; color: rgba(255,255,255,0.4); font-size: 12px; padding: 30px 10px; }

/* ==== style hsa-adm-search-style ==== */

#hsa-adm-search{
  position:fixed; top:0; left:0; width:100%; height:100%;
  z-index:2147483000; display:none;
  align-items:flex-start; justify-content:center;
  padding:92px 16px 24px; box-sizing:border-box;
  background:rgba(6,9,18,0.22); /* blocks
+ dims the page behind; nothing behind is tappable */
  opacity:0; transition:opacity .22s ease;
}
#hsa-adm-search.open{ display:flex; opacity:1; }
#hsa-adm-wrap{
  width:100%; max-width:480px; position:relative; pointer-events:auto;
  transform:translateY(-10px); transition:transform .28s cubic-bezier(.2,.9,.3,1.1);
  font-family:'Poppins','Segoe UI',sans-serif;
}
#hsa-adm-search.open #hsa-adm-wrap{ transform:translateY(0); }
/* Close (×) — sits in its OWN row above the input bar (outside it), always tappable */
#hsa-adm-top{ display:flex; justify-content:flex-end; margin-bottom:9px; pointer-events:auto; }
#hsa-adm-close{
  width:34px; height:34px; border-radius:50%; padding:0; cursor:pointer; pointer-events:auto;
  display:flex; align-items:center; justify-content:center;
  color:#ff9d3c; font-size:15px; line-height:1;
  background:rgba(48,28,12,0.62); border:1px solid rgba(255,140,40,0.6);
  backdrop-filter:blur(12px) saturate(180%); -webkit-backdrop-filter:blur(12px) saturate(180%);
  box-shadow:0 6px 16px rgba(0,0,0,0.45), 0 0 12px rgba(255,140,40,0.3), inset 0 1px 0 rgba(255,200,150,0.25);
  transition:transform .12s, background .15s, color .15s;
}
#hsa-adm-close:active{ transform:scale(.88); background:rgba(255,120,30,0.7); color:#fff; }
/* 🔥 HEAT / FPS FIX — pause animated content behind the glass while modal open */
body.hsa-adm-open .atk-ticker-track,
body.hsa-adm-open .atk-ticker-static,
body.hsa-adm-open [class*="marquee"],
body.hsa-adm-open .live-feed-container,
body.hsa-adm-open .live-feed{ animation-play-state:paused !important; }

/* Search input bar — clear glossy liquid glass (Tokyo Night-style dark navy, bright edges) */
#hsa-adm-bar{
  display:flex; align-items:center; gap:12px;
  padding:15px 16px; border-radius:18px;
  background:linear-gradient(160deg, rgba(30,42,72,0.42), rgba(12,16,30,0.5));
  backdrop-filter:blur(16px) saturate(185%);
  -webkit-backdrop-filter:blur(16px) saturate(185%);
  border:1px solid rgba(255,255,255,0.13);
  box-shadow:0 12px 30px rgba(0,0,0,0.5),
             inset 0 1px 0 rgba(255,255,255,0.32),
             inset 0 -1px 0 rgba(0,0,0,0.25),
             inset 0 0 30px rgba(120,160,255,0.05);
  position:relative; overflow:hidden;
  --gx:50%; --gy:0%;  
}

#hsa-adm-bar::before, #hsa-adm-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:2;
  padding:1.6px;
  background:
    radial-gradient(160px 160px at var(--gx) var(--gy),
      rgba(255,255,255,1), rgba(255,255,255,0.55) 40%, rgba(255,255,255,0) 72%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:1; transition:none;
}
#hsa-adm-bar > .hsa-adm-mag{ color:rgba(255,255,255,0.72); font-size:15px; flex-shrink:0; }
#hsa-adm-input{
  flex:1; min-width:0; border:none; outline:none; background:transparent;
  font-family:inherit; font-size:14.5px; font-weight:500; color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,0.35);
}
#hsa-adm-input::placeholder{ color:rgba(255,255,255,0.45); font-weight:500; }
#hsa-adm-kbd{
  display:flex; align-items:center; gap:5px; flex-shrink:0;
  font-size:11px; color:rgba(255,255,255,0.55); font-weight:600;
}
#hsa-adm-kbd .k{
  background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.28);
  border-radius:6px; padding:2px 6px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
  line-height:1; color:#fff;
}
#hsa-adm-badge{
  display:none !important;
  position:absolute; top:-9px; right:14px;
  font-size:8.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  color:#fff; background:linear-gradient(135deg,#ff5b8d,#b5387a);
  padding:3px 9px; border-radius:20px;
  box-shadow:0 3px 8px rgba(181,56,122,0.5);
}

/* Suggestions card — spaced below, same glass */
#hsa-adm-clear{
  display:none; flex-shrink:0; width:22px; height:22px; border-radius:50%;
  border:1px solid rgba(255,255,255,0.22); background:rgba(255,255,255,0.12);
  color:rgba(255,255,255,0.85); font-size:11px; cursor:pointer; padding:0;
  align-items:center; justify-content:center; line-height:1; transition:background .15s,transform .1s;
}
#hsa-adm-clear.show{ display:flex; }
#hsa-adm-clear:active{ transform:scale(.85); background:rgba(255,255,255,0.22); }
#hsa-adm-card{
  margin-top:14px; border-radius:18px; padding:8px;
  contain:layout style;
  background:linear-gradient(160deg, rgba(30,42,72,0.42), rgba(12,16,30,0.5));
  backdrop-filter:blur(16px) saturate(185%);
  -webkit-backdrop-filter:blur(16px) saturate(185%);
  border:1px solid rgba(255,255,255,0.13);
  box-shadow:0 14px 34px rgba(0,0,0,0.5),
             inset 0 1px 0 rgba(255,255,255,0.32),
             inset 0 -1px 0 rgba(0,0,0,0.25),
             inset 0 0 30px rgba(120,160,255,0.05);
  max-height:52vh; overflow-y:auto;
  position:relative;
  --gx:50%; --gy:0%;
}
#hsa-adm-card::-webkit-scrollbar{ width:5px; }
#hsa-adm-card::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.25); border-radius:20px; }
.hsa-adm-hint{
  font-size:9.5px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase;
  color:rgba(255,255,255,0.5); padding:8px 12px 6px;
}
.hsa-adm-row{
  display:flex; align-items:center; gap:12px;
  padding:12px 14px; border-radius:11px; cursor:pointer;
  transition:background .14s;
}
.hsa-adm-row:hover,.hsa-adm-row:active{ background:rgba(255,255,255,0.10); }
.hsa-adm-thumb{
  width:34px; height:34px; border-radius:9px; flex-shrink:0; overflow:hidden;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.7); font-size:15px;
}
.hsa-adm-thumb{ position:relative; }
.hsa-adm-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:3px; box-sizing:border-box; }
.hsa-adm-letter{ font-weight:800; font-size:15px; color:rgba(255,255,255,0.92); }
.hsa-adm-txt{ flex:1; min-width:0; }
.hsa-adm-name{ font-size:13.5px; font-weight:600; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 2px rgba(0,0,0,0.4); }
.hsa-adm-sub{ font-size:10.5px; color:rgba(255,255,255,0.55); margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hsa-adm-right{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.hsa-adm-price{ font-size:12px; font-weight:800; color:#8affc0; white-space:nowrap; text-shadow:0 0 8px rgba(60,220,150,0.35); }
.hsa-adm-dots{ color:rgba(255,255,255,0.45); font-size:14px; letter-spacing:1px; }
.hsa-adm-go{
  width:26px; height:26px; border-radius:8px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.75); font-size:11px;
  background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.16);
}
.hsa-adm-row:hover .hsa-adm-go{ color:#fff; background:linear-gradient(135deg,#6d7bff,#4b57c8); border-color:transparent; }
.hsa-adm-empty{ text-align:center; color:rgba(255,255,255,0.5); font-size:12px; padding:26px 10px; }
/* override the app's global cyan input styling -> neutral white text + faint white glow */
#hsa-adm-input, #hsa-adm-input:focus{
  color:#fff !important; -webkit-text-fill-color:#fff !important; caret-color:#fff !important;
  background:transparent !important; border:none !important; box-shadow:none !important; outline:none !important;
  text-shadow:0 1px 2px rgba(0,0,0,0.35) !important; letter-spacing:normal !important; font-weight:500 !important;
}
#hsa-adm-input::placeholder{ color:rgba(255,255,255,0.38) !important; text-shadow:0 0 3px rgba(255,255,255,0.25) !important; font-weight:400 !important; }
#hsa-adm-bar:focus-within{
  border-color:rgba(255,255,255,0.35) !important;
  box-shadow:0 12px 30px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.30), 0 0 0 1px rgba(255,255,255,0.10), 0 0 12px rgba(255,255,255,0.12) !important;
}
/* Pokemon theme force-disables backdrop-blur — give clear dark glass backing.
   The ::before edge specular highlight still renders (it's a gradient, not a blur). */
/* Pokémon theme disables backdrop-blur → see-through bg looks messy.
   Use a solid dark glass (mimics Tokyo Night's clean dark look) so content behind doesn't bleed through. */
body.hsa-pkmn #hsa-adm-bar,
body.hsa-pkmn #hsa-adm-card{
  background:linear-gradient(160deg, rgba(18,24,40,0.97), rgba(10,13,24,0.98)) !important;
  border-color:rgba(255,255,255,0.12) !important;
  box-shadow:0 14px 40px rgba(0,0,0,0.6),
             inset 0 1px 0 rgba(255,255,255,0.14),
             inset 0 0 30px rgba(120,160,255,0.05) !important;
}
body.hsa-pkmn #hsa-adm-close{
  background:linear-gradient(160deg, rgba(46,30,14,0.85), rgba(28,18,8,0.9)) !important;
  border-color:rgba(255,140,40,0.5) !important;
}

/* ==== style hsa-ssm-style ==== */

#hsa-ssm{ position:fixed; inset:0; z-index:2147483601; display:none; opacity:0;
  flex-direction:column; background:radial-gradient(130% 90% at 50% 0%, rgba(20,26,46,.96) 0%, rgba(6,10,20,.98) 72%);
  -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px);
  font-family:"JetBrains Mono", ui-monospace, monospace; transition:opacity .22s ease; }
#hsa-ssm.open{ display:flex; opacity:1; }

body.hsa-pkmn #hsa-ssm{ -webkit-backdrop-filter:blur(22px) !important; backdrop-filter:blur(22px) !important;
  position:fixed !important; z-index:2147483601 !important; }
#hsa-ssm *{ box-sizing:border-box; }
#hsa-ssm-top{ display:flex; align-items:center; gap:12px; padding:16px 16px 10px; flex:0 0 auto; }
#hsa-ssm-top .t-ic{ width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,234,255,.22), rgba(120,90,255,.16)); color:#00eaff; font-size:15px;
  box-shadow:0 4px 14px rgba(0,234,255,.22); }
#hsa-ssm-top .t-tt{ flex:1; }
#hsa-ssm-top .t-tt .t1{ color:#fff; font-weight:900; font-size:15px; letter-spacing:.3px; }
#hsa-ssm-top .t-tt .t2{ color:rgba(255,255,255,.55); font-size:11px; }
#hsa-ssm-close{ width:34px; height:34px; border-radius:10px; border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06); color:#fff; font-size:15px; cursor:pointer; flex:0 0 auto; }
#hsa-ssm-tabs{ display:flex; gap:6px; padding:0 16px 10px; flex:0 0 auto; }
#hsa-ssm-tabs .tb{ flex:1; text-align:center; padding:9px 0; border-radius:10px; font-size:12px; font-weight:800;
  color:rgba(255,255,255,.6); background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); cursor:pointer; }
#hsa-ssm-tabs .tb.on{ color:#00eaff; background:rgba(0,234,255,.14); border-color:rgba(0,234,255,.4); }
#hsa-ssm-body{ flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:0 14px 120px; }
.hsa-ssm-sec{ display:none; }
.hsa-ssm-sec.on{ display:block; }
.hsa-ssm-searchbar{ position:relative; margin:2px 0 12px; }
#hsa-ssm-catq{ width:100%; padding:11px 12px 11px 36px; border-radius:12px; border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05); color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:13px; outline:none; }
#hsa-ssm-catq:focus{ border-color:rgba(0,234,255,.5) !important; box-shadow:0 0 0 3px rgba(0,234,255,.12) !important; }
.hsa-ssm-searchbar .mag{ position:absolute; left:12px; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.4); font-size:13px; }
.hsa-ssm-row{ display:flex; align-items:center; gap:11px; padding:10px 11px; margin-bottom:8px; border-radius:13px;
  background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); }
.hsa-ssm-row.hidden-it{ opacity:.45; }
.hsa-ssm-thumb{ width:40px; height:40px; border-radius:10px; flex:0 0 auto; overflow:hidden; display:flex;
  align-items:center; justify-content:center; background:rgba(0,0,0,.35); color:#00eaff; font-size:16px; }
.hsa-ssm-thumb img{ width:100%; height:100%; object-fit:cover; }
.hsa-ssm-txt{ flex:1; min-width:0; }
.hsa-ssm-name{ color:#fff; font-weight:800; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hsa-ssm-sub{ color:rgba(255,255,255,.5); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hsa-ssm-badge{ font-size:9px; font-weight:900; padding:2px 6px; border-radius:6px; margin-left:6px; }
.hsa-ssm-badge.game{ background:rgba(0,234,255,.16); color:#00eaff; }
.hsa-ssm-badge.gc{ background:rgba(255,193,45,.16); color:#ffc12d; }
.hsa-ssm-badge.social{ background:rgba(120,90,255,.18); color:#a98bff; }
.hsa-ssm-act{ flex:0 0 auto; display:flex; align-items:center; gap:6px; }
.hsa-ssm-btn{ width:32px; height:32px; border-radius:9px; border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06); color:#fff; font-size:12px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.hsa-ssm-btn.add{ color:#39ff14; border-color:rgba(57,255,20,.4); }
.hsa-ssm-btn.rem{ color:#ff4d6d; border-color:rgba(255,77,109,.4); }
.hsa-ssm-btn:disabled{ opacity:.35; cursor:default; }
.hsa-ssm-secnote{ color:rgba(255,255,255,.45); font-size:11px; margin:4px 2px 12px; line-height:1.5; }
.hsa-ssm-empty{ text-align:center; color:rgba(255,255,255,.4); font-size:12px; padding:30px 0; }
/* needle picker inline */
.hsa-ssm-needle{ margin-top:8px; }
.hsa-ssm-needle select{ width:100%; padding:8px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.4); color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:12px; }
/* footer save bar */
#hsa-ssm-foot{ position:absolute; left:0; right:0; bottom:0; padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  display:flex; gap:10px; background:linear-gradient(to top, rgba(6,10,20,.98), rgba(6,10,20,.6) 70%, transparent);
  flex:0 0 auto; }
#hsa-ssm-reset{ flex:0 0 auto; padding:0 14px; height:46px; border-radius:13px; border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06); color:rgba(255,255,255,.7); font-size:12px; font-weight:800; cursor:pointer; }
#hsa-ssm-save{ flex:1; height:46px; border-radius:13px; border:none; cursor:pointer; font-size:14px; font-weight:900; color:#001018;
  background:linear-gradient(135deg, #00eaff, #38bdff); box-shadow:0 6px 20px rgba(0,234,255,.35); }
#hsa-ssm-save:disabled{ opacity:.6; }
#hsa-ssm-msg{ text-align:center; font-size:12px; padding:2px 16px 8px; min-height:16px; }

/* ==== style hsa-title-freeze-final ==== */

/* ① Title box — motion freeze */
#id-title-text, #id-title-text *,
.id-card .id-header span,
.gc-inst-title, .gc-inst-title *,
.hsa-final-title, .hsa-final-title *{
    animation: none !important; -webkit-animation: none !important;
    transform: none !important; transition: none !important;
    text-indent: 0 !important; letter-spacing: normal !important;
}

.gc-instructions, .gc-instructions::before, .gc-instructions::after,
.hsa-final-wrap, .hsa-final-page,
.hsa-final-page::before, .hsa-final-page::after,
.hsa-final-head, .hsa-final-head::before, .hsa-final-head::after,
.hsa-final-head-top,
.ffy-how-btn, .ffy-how-btn *, .ffy-jelly-wrap, .ffy-jelly{
    animation: none !important; -webkit-animation: none !important;
    transform: none !important; transition: none !important;
}

.gc-inst-title{
    white-space: nowrap !important;    
}
.hsa-final-head-top{
    align-items: flex-start !important;
    min-height: 54px !important;       
}
.hsa-final-title{
    max-width: 60% !important;         
    white-space: normal !important;
}

/* ==== style hsa-purchased-badge-fix ==== */


.gc-rev-rating-row{
    flex-wrap: wrap !important;
}
.gc-rev-rating-row > div:last-child{
    flex-basis: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

/* ==== style L53328 ==== */

  /* ══ HSA Social Boost — Termius "Hacker Blue" theme ══ */
  #sbm-toast{position:absolute;top:80px;left:50%;transform:translateX(-50%) translateY(-12px);z-index:60;max-width:84%;background:rgba(20,28,44,.96);color:#eaf2fb;font-size:13px;font-weight:600;padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:84%}
  #sbm-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  #sbm-confirm{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(13px) saturate(160%);backdrop-filter:blur(13px) saturate(160%)}
  #sbm-confirm.show{display:flex}
  #sbm-confirm .sbm-cf-box{width:100%;max-width:300px;background:rgba(20,28,44,.55);-webkit-backdrop-filter:blur(13px) saturate(160%);backdrop-filter:blur(13px) saturate(160%);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:22px 20px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.15)}
  #sbm-confirm .sbm-cf-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:12px}
  #sbm-confirm .sbm-cf-msg{font-size:13.5px;color:rgba(255,255,255,.82);line-height:1.6;margin-bottom:20px}
  #sbm-confirm .sbm-cf-btns{display:flex;gap:10px}
  #sbm-confirm .sbm-cf-yes,#sbm-confirm .sbm-cf-no{flex:1;padding:11px;border-radius:11px;font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.18);transition:.15s;font-family:inherit}
  #sbm-confirm .sbm-cf-yes{background:rgba(255,255,255,.14);color:#fff}
  #sbm-confirm .sbm-cf-yes:active{background:rgba(255,255,255,.22)}
  #sbm-confirm .sbm-cf-no{background:rgba(255,255,255,.04);color:rgba(255,255,255,.7)}
  #sbm-confirm .sbm-cf-no:active{background:rgba(255,255,255,.1)}
  #sbm-overlay{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;height:100dvh !important;min-height:100vh !important;z-index:2147483600 !important;background:#0a0e1a !important;display:none;flex-direction:column;overflow:hidden;font-family:inherit;margin:0 !important;transform:none !important;animation:none !important;inset:0 !important}
  
  #sbm-overlay::after{content:"";position:fixed !important;left:0;right:0;top:0;bottom:-50vh;background:#0a0e1a;z-index:-1;pointer-events:none}
  #sbm-overlay .sbm-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
  html.sbm-active{overflow:hidden !important;filter:none !important;-webkit-filter:none !important;transform:none !important}
  html.sbm-active body{overflow:hidden !important}
  html.sbm-active body{background:#0a0e1a !important}
  html.sbm-killbg body.hsa-pkmn::before, html.sbm-killbg body.hsa-pkmn::after{display:none !important;background:none !important}
  html.sbm-killbg body.hsa-pkmn{background:#0a0e1a !important;background-attachment:scroll !important}
  html.sbm-active body.hsa-pkmn{background:#0a0e1a !important;background-attachment:scroll !important}
  html.sbm-active body.hsa-pkmn::before,html.sbm-active body.hsa-pkmn::after{display:none !important}
  html.sbm-active body{filter:none !important;-webkit-filter:none !important}
  #sbm-overlay.sbm-open{display:flex !important}
  
  html.sbm-active body, html.sbm-active body.hsa-pkmn, html.sbm-active body.hsa-solid-mode{filter:none !important;-webkit-filter:none !important;transform:none !important;perspective:none !important}
  /* any theme (pokemon/solid/tokyo) — force overlay fullscreen, no clip/transform */
  body.hsa-pkmn #sbm-overlay,body.hsa-solid-mode #sbm-overlay,html body #sbm-overlay,html body.hsa-pkmn > #sbm-overlay{position:fixed !important;inset:0 !important;z-index:2147483600 !important;transform:none !important;filter:none !important;animation:none !important;background:#0a0e1a !important}
  #sbm-overlay *{animation:none !important;box-sizing:border-box}
  /* keep overlay readable in pokemon theme (no pixel font, allow blur) */
  body.hsa-pkmn #sbm-overlay, body.hsa-pkmn #sbm-overlay *{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;letter-spacing:normal !important}
  body.hsa-pkmn #sbm-overlay .sbm-back, body.hsa-pkmn #sbm-overlay .sbm-paste, body.hsa-pkmn #sbm-overlay .sbm-tog-btn, body.hsa-pkmn #sbm-overlay .sbm-cat{-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important}
  .sbm-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;flex-shrink:0;border-bottom:1px solid rgba(56,189,248,.18);background:linear-gradient(180deg,rgba(31,156,255,.10),transparent)}
  .sbm-back{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);color:#cfe3ff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .sbm-title{font-size:20px;font-weight:900;color:#fff;flex:1;text-shadow:0 0 18px rgba(56,189,248,.5)}
  .sbm-bal{font-size:13px;font-weight:800;color:#38bdf8;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.32);padding:6px 12px;border-radius:20px;white-space:nowrap}
  .sbm-body{flex:1;overflow-y:auto;padding:16px 16px 120px;-webkit-overflow-scrolling:touch}
  /* platform icons — each keeps its brand colour always */
  .sbm-plats{display:flex;gap:8px;overflow-x:auto;padding:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:14px;margin-bottom:16px;scrollbar-width:none}
  .sbm-plats::-webkit-scrollbar{display:none}
  .sbm-plat{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(40,55,90,.4),rgba(25,38,68,.3));border:1px solid rgba(120,180,255,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;transition:.18s;opacity:.6;filter:grayscale(.25)}
  .sbm-plat:active{transform:scale(.92)}
  .sbm-plat img{width:22px !important;height:22px !important}
  .sbm-plat:active{transform:scale(.93)}
  .sbm-plat .fab{transition:.18s}
  .sbm-plat.sbm-tg .fab{color:#29b6f6}
  .sbm-plat.sbm-tt .fab{color:#e5e5e5}
  .sbm-plat.sbm-fb .fab{color:#1877F2}
  .sbm-plat.sbm-ig .fab{color:#E1306C}
  .sbm-plat.sbm-yt .fab{color:#FF0000}
  .sbm-plat.sbm-tw .fab{color:#9146FF}
  .sbm-plat.sbm-th .fab{color:#e5e5e5}
  .sbm-plat.active{opacity:1;filter:none;background:linear-gradient(135deg,rgba(56,189,248,.32),rgba(0,230,118,.14));border:2px solid #38bdf8;box-shadow:0 0 20px rgba(56,189,248,.6),0 0 8px rgba(56,189,248,.4),inset 0 1px 2px rgba(255,255,255,.25);transform:translateY(-3px) scale(1.1)}
  .sbm-plat.active::after{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:18px;height:3px;border-radius:3px;background:#38bdf8;box-shadow:0 0 8px rgba(56,189,248,.8)}
  /* category — pure glass, text only, bright text when active */
  .sbm-cats{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none;flex-wrap:wrap}
  .sbm-cats::-webkit-scrollbar{display:none}
  .sbm-cat{flex:0 0 auto;padding:11px 17px;border-radius:11px;background:linear-gradient(135deg,rgba(40,55,90,.55),rgba(25,38,68,.45));border:1px solid rgba(120,180,255,.22);color:#aebfd6;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.18s;box-shadow:inset 0 1px 1px rgba(255,255,255,.06),0 2px 6px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .sbm-cat:active{transform:scale(.95)}
  .sbm-cat.active{background:linear-gradient(135deg,rgba(56,189,248,.28),rgba(56,189,248,.12));border-color:#38bdf8;color:#ffffff;font-weight:800;box-shadow:0 0 16px rgba(56,189,248,.4),inset 0 1px 2px rgba(255,255,255,.18);transform:translateY(-1px)}
  .sbm-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px}
  .sbm-warn{display:flex;gap:10px;align-items:flex-start;background:rgba(255,165,0,.08);border:1px solid rgba(255,165,0,.28);border-radius:12px;padding:12px;margin-bottom:16px;font-size:12px;color:#ffcc80;line-height:1.5}
  .sbm-warn i{margin-top:2px;color:#ffb74d}
  .sbm-label{font-size:13px;font-weight:800;color:#dce8f5;margin:0 0 8px 2px;display:flex;align-items:center;gap:6px}
  .sbm-label i{color:#38bdf8}
  .sbm-label .fa-fire{color:#ff7a3d}
  .sbm-label .fa-link{color:#38bdf8}
  .sbm-label .fa-hashtag{color:#00e676}
  /* service card list */
  .sbm-svc-list{max-height:340px;overflow-y:auto;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}
  .sbm-svc-card{background:rgba(255,255,255,.025);border:1.5px solid rgba(255,255,255,.09);border-radius:12px;padding:13px 14px;cursor:pointer;transition:.15s}
  .sbm-svc-card:active{transform:scale(.99)}
  .sbm-svc-card.sel{border-color:transparent;background:rgba(56,189,248,.07);position:relative}
  .sbm-svc-card.sel::before{content:"";position:absolute;inset:0;border-radius:12px;padding:1.5px;background:linear-gradient(120deg,#ff9100,#ffd54a,#ff5ec7,#ff9100);background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sbmBorderFlow 3s linear infinite;pointer-events:none}
  @keyframes sbmBorderFlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}
  .sbm-svc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
  .sbm-svc-name{font-size:13.5px;font-weight:700;color:#e8f0fa;line-height:1.3;flex:1}
  .sbm-svc-card.sel .sbm-svc-name{color:#ffb74a}
  .sbm-svc-rate{font-size:12px;font-weight:800;color:#00e676;white-space:nowrap}
  .sbm-svc-meta{font-size:10.5px;color:#7d8ba0;margin-top:5px;display:flex;gap:10px;flex-wrap:wrap}
  .sbm-svc-desc{font-size:11px;color:#9cc6a8;line-height:1.6;margin-top:7px;padding-top:7px;border-top:1px dashed rgba(56,189,248,.16);display:none;background:rgba(120,200,140,.045);border-radius:8px;padding:8px 10px}
  .sbm-svc-card.sel .sbm-svc-desc{display:block}
  .sbm-svc-rule{display:none;font-size:11px;color:#ffb86b;line-height:1.55;margin-top:7px;background:rgba(255,150,60,.07);border:1px solid rgba(255,150,60,.22);border-radius:8px;padding:8px 10px;align-items:flex-start;gap:6px}
  .sbm-svc-rule i{margin-right:5px;opacity:.85}
  .sbm-svc-card.sel .sbm-svc-rule{display:flex}
  .sbm-svc-empty{text-align:center;color:#7d8ba0;padding:24px 0;font-size:13px}
  .fb-slow-warn{
    display:none; margin:0 0 12px; padding:13px 15px; border-radius:14px;
    background:linear-gradient(135deg,rgba(255,159,10,.16),rgba(255,159,10,.05));
    border:1px solid rgba(255,159,10,.38);
    color:#ffd9a0; font-size:12.5px; line-height:1.8;
  }
  .fb-slow-warn b{ color:#ffb84d; }
  .fb-slow-warn .fb-swap{
    display:inline-block; margin-top:9px; padding:8px 16px;
    background:linear-gradient(135deg,#16a34a,#22c55e); color:#fff; border:none;
    border-radius:999px; font-size:12px; font-weight:700; cursor:pointer;
    box-shadow:0 3px 10px rgba(22,163,74,.35); transition:.15s;
  }
  .fb-slow-warn .fb-swap:hover{ filter:brightness(1.1); }
  .fb-slow-warn .fb-swap:active{ transform:scale(.95); }
  .sbm-link-wrap{position:relative;margin-bottom:16px}
  .sbm-input{width:100%;box-sizing:border-box;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#eaf2fb;padding:14px;font-size:14px;outline:none}
  #sbm-overlay .sbm-input, body.hsa-pkmn #sbm-overlay .sbm-input{color:#eaf2fb !important;-webkit-text-fill-color:#eaf2fb !important;text-shadow:none !important;filter:none !important}
  .sbm-input:focus{border-color:rgba(56,189,248,.6)}
  .sbm-link-wrap .sbm-input{padding-right:96px}
  /* paste — pure glass, text only */
  .sbm-paste{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);color:#cfe3ff;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .sbm-paste i{color:#38bdf8}
  .sbm-qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
  .sbm-qty-row .sbm-input{flex:1}
  .sbm-qchips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;margin-bottom:16px}
  .sbm-qchip{flex:1;min-width:54px;padding:9px 4px;border-radius:10px;background:linear-gradient(135deg,rgba(255,210,90,.13),rgba(0,230,150,.09));border:1px solid rgba(255,220,120,.30);color:#ffe6a0;font-size:13px;font-weight:800;cursor:pointer;transition:.15s;font-family:inherit;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 2px 8px rgba(255,200,80,.10);text-shadow:0 0 8px rgba(255,210,90,.35)}
  .sbm-qchip:active{background:linear-gradient(135deg,rgba(255,210,90,.26),rgba(0,230,150,.18));transform:scale(.96)}
  .sbm-price{font-size:24px;font-weight:900;color:#38bdf8;white-space:nowrap;text-shadow:0 0 16px rgba(56,189,248,.4)}
  .sbm-minmax{font-size:11px;color:#7d8ba0;margin:0 0 16px 2px;display:none}
  /* submit — pure glass, text only, no fill */
  .sbm-submit{width:100%;background:linear-gradient(135deg,rgba(255,210,90,.14),rgba(0,230,150,.10));color:#ffe6a0;border:1px solid rgba(255,220,120,.45);padding:17px;border-radius:14px;font-size:15px;font-weight:900;cursor:pointer;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 3px 14px rgba(255,200,80,.14);text-shadow:0 0 12px rgba(255,210,90,.45);transition:.18s}
  .sbm-submit:active{transform:scale(.98);background:rgba(56,189,248,.12)}
  .sbm-submit:disabled{opacity:.5;cursor:not-allowed}
  /* history */
  .sbm-hist-item{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px 30px 13px 13px;margin-bottom:10px;display:flex;gap:12px;align-items:center;cursor:pointer;transition:.16s;overflow:hidden}
  .sbm-hist-item:active{transform:scale(.985)}
  .sbm-hist-item:hover{border-color:rgba(56,189,248,.32);background:linear-gradient(135deg,rgba(56,189,248,.06),rgba(255,255,255,.02))}
  .sbm-hist-ico{flex:0 0 auto;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(124,214,255,.10) 45%,rgba(0,230,118,.14));border:1px solid rgba(120,200,255,.38);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -2px 6px rgba(0,0,0,.25),0 2px 8px rgba(56,189,248,.18);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);display:flex;align-items:center;justify-content:center;font-size:18px}
  .sbm-hist-mid{flex:1;min-width:0}
  .sbm-hist-name{font-size:13.5px;font-weight:700;color:#e8f0fa;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sbm-hist-time{font-size:11px;color:#7d8ba0;margin-top:4px;display:flex;align-items:center;gap:4px}
  .sbm-hist-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
  .sbm-hist-price{font-weight:800;color:#38bdf8;font-size:14px;white-space:nowrap}
  .sbm-hist-arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.22);font-size:12px;transition:.16s}
  .sbm-hist-item:hover .sbm-hist-arrow{color:rgba(56,189,248,.6);right:8px}
  .sbm-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.3px}
  .sbm-b-wait{background:rgba(255,180,0,.13);color:#ffce5a;border:1px solid rgba(255,180,0,.32)}
  .sbm-b-proc{background:rgba(56,189,248,.13);color:#7fd6ff;border:1px solid rgba(56,189,248,.38)}
  .sbm-b-ok{background:rgba(0,230,118,.13);color:#5cf08a;border:1px solid rgba(0,230,118,.35)}
  .sbm-b-err{background:rgba(255,60,60,.13);color:#ff7a7a;border:1px solid rgba(255,60,60,.32)}
  .sbm-spin,#sbm-overlay .sbm-spin,#sbm-det-overlay .sbm-spin{display:inline-block;animation:sbmSpin 1s linear infinite !important}
  #sbm-overlay .sbm-svc-card.sel::before{animation:sbmBorderFlow 3s linear infinite !important}
  @keyframes sbmSpin{to{transform:rotate(360deg)}}
  .sbm-empty{text-align:center;color:#7d8ba0;padding:40px 0;font-size:14px}
  /* 🔥 provider badges + recommend tab + cancel btn */
  .sbm-cat.sbm-cat-rec{background:linear-gradient(135deg,rgba(255,193,7,.14),rgba(255,152,0,.08));border-color:rgba(255,193,7,.5);color:#ffd54a}
  .sbm-cat.sbm-cat-rec.active{background:linear-gradient(135deg,rgba(255,193,7,.28),rgba(255,152,0,.16));border-color:#ffc107;color:#fff3c4;box-shadow:0 0 14px rgba(255,193,7,.35)}
  .sbm-prov{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.3px}
  .sbm-prov-us{background:rgba(56,189,248,.14);border:1px solid rgba(56,189,248,.5);color:#7fd6ff}
  .sbm-prov-id{background:rgba(124,140,160,.12);border:1px solid rgba(124,140,160,.35);color:#9fb0c4}
  .sbm-svc-id{color:#6b7a90;font-size:10px}
  .sbm-cancel-btn{margin-top:14px;width:100%;box-sizing:border-box;text-align:center;background:rgba(255,90,90,.08);color:#ff9b9b;border:1px solid rgba(255,90,90,.45);padding:13px;border-radius:12px;font-weight:800;font-size:13px;cursor:pointer}
  .sbm-cancel-btn:disabled{opacity:.5;cursor:not-allowed}
  /* 🔥 provider row (Recommend / Indo) + search */
  .sbm-provrow{display:flex;gap:10px;margin-bottom:12px}
  .sbm-prov-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 10px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#8da3bd;font-size:13px;font-weight:800;cursor:pointer;letter-spacing:.3px;transition:.18s}
  .sbm-prov-tab .sbm-pt-ico{font-size:14px}
  .sbm-prov-tab.rec.active{background:linear-gradient(135deg,rgba(255,193,7,.22),rgba(255,152,0,.1));border-color:#ffc107;color:#ffe08a;box-shadow:0 0 16px rgba(255,193,7,.3)}
  .sbm-prov-tab.indo.active{background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(56,189,248,.06));border-color:rgba(56,189,248,.7);color:#9fe6ff;box-shadow:0 0 16px rgba(56,189,248,.28)}
  .sbm-searchrow{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:0 15px;height:46px;width:100%;max-width:280px;border-radius:12px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.4);box-shadow:0 0 14px rgba(56,189,248,.1),inset 0 1px 1px rgba(255,255,255,.05);box-sizing:border-box}
  
  .sbm-search-dd{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;max-height:340px;overflow-y:auto;background:rgba(13,22,40,.98);border:1px solid rgba(120,180,255,.3);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none}
  .sbm-search-dd.show{display:block}
  .sbm-dd-item{padding:11px 13px;border-bottom:1px solid rgba(120,180,255,.1);cursor:pointer;transition:.15s}
  .sbm-dd-item:last-child{border-bottom:none}
  .sbm-dd-item:hover,.sbm-dd-item:active{background:rgba(56,189,248,.12)}
  .sbm-dd-name{font-size:12.5px;color:#e8f1ff;font-weight:600;line-height:1.35;margin-bottom:4px}
  .sbm-dd-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#8da3bd}
  .sbm-dd-rate{color:#7df0a8;font-weight:700}
  .sbm-dd-id{color:#9cb3cc}
  .sbm-dd-empty{padding:16px;text-align:center;color:#8da3bd;font-size:12px}
  .sbm-search-ico{flex:0 0 auto;color:#38bdf8;font-size:13px;line-height:1;display:flex;align-items:center}
  .sbm-search-input{flex:1 1 auto;min-width:0;width:100%;-webkit-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;background:transparent !important;border:none !important;border-radius:0 !important;outline:none;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;text-shadow:none !important;font-size:13px;padding:0;line-height:44px;font-family:inherit;filter:none !important}
  .sbm-search-input::placeholder{color:#5f6f85;-webkit-text-fill-color:#5f6f85;text-shadow:none !important}
  .sbm-search-clear{flex:0 0 auto;display:none;align-items:center;justify-content:center;width:22px;height:22px;background:rgba(120,180,255,.12);border:none;border-radius:50%;color:#9cb3cc;cursor:pointer;font-size:11px;padding:0}
  .sbm-search-clear.show{display:flex}
  /* order/history toggle — pure glass */
  .sbm-tog{display:flex;gap:8px;margin-bottom:16px}
  .sbm-tog-btn{position:relative;flex:1;padding:13px 11px;border-radius:12px;background:linear-gradient(135deg,rgba(20,30,55,.6),rgba(10,16,30,.5));border:1px solid rgba(120,180,255,.18);color:#8da3bd;font-size:13px;font-weight:800;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;overflow:hidden;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);box-shadow:inset 0 1px 1px rgba(255,255,255,.06);transition:.2s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
  .sbm-tog-btn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.25),transparent);transition:.2s}
  .sbm-tog-btn.active{background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(0,230,118,.06));border-color:rgba(56,189,248,.7);color:#9fe6ff;text-shadow:0 0 12px rgba(56,189,248,.6);box-shadow:inset 0 1px 1px rgba(255,255,255,.14),0 0 18px rgba(56,189,248,.3),0 0 4px rgba(56,189,248,.4)}
  .sbm-tog-btn.active::after{height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#00e676,transparent)}

/* ==== style L54689 ==== */

  /* game keys slide — steam blue */
  .hsa-ads-gk{background:linear-gradient(120deg,rgba(8,22,40,.9),rgba(20,50,90,.7) 55%,rgba(8,22,40,.9)) !important;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:1.5px solid rgba(102,192,244,.4) !important}
  .hsa-ads-gk .hsa-ads-kick{color:#66c0f4 !important}
  .hsa-ads-gk .hsa-logo-box img{object-fit:contain !important;padding:4px !important;box-sizing:border-box !important}
  /* social slide colour — hacker-blue glass for the ads banner */
  .hsa-ads-social{background:linear-gradient(120deg,rgba(8,20,40,.85),rgba(12,40,72,.65) 55%,rgba(8,20,40,.85)) !important;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:1.5px solid rgba(56,189,248,.34) !important}
  .hsa-ads-social .hsa-ads-kick{color:#7fd6ff !important}
  .hsa-ads-social .hsa-ads-bolt{color:#9fdcff !important;background:rgba(56,189,248,.14) !important;border-color:rgba(56,189,248,.42) !important;box-shadow:0 0 14px rgba(56,189,248,.38) !important}
  .hsa-ads-social .hsa-pay-chip{color:#cfe3ff !important;background:rgba(56,189,248,.12) !important;border-color:rgba(56,189,248,.32) !important}
  .hsa-ads-social .hsa-ads-247{border-color:rgba(56,189,248,.55) !important;background:rgba(56,189,248,.10) !important;box-shadow:0 0 12px rgba(56,189,248,.30) !important}
  .hsa-ads-social .hsa-ads-247 i,.hsa-ads-social .hsa-247-num{color:#9fdcff !important}
  .hsa-ads-social .hsa-ads-support,.hsa-ads-social .hsa-ads-support i{color:#cfe3ff !important}
  .hsa-ads-social .hsa-logo-box img{object-fit:contain !important;padding:3px !important;box-sizing:border-box !important;transform:none !important}

/* ==== style L54832 ==== */

  #hsa-sup-launcher{
    /* 💬 (2026-08) ညာဘက်မှာ ထားတော့ checkout bar ရဲ့ points/discount စာကို ကွယ်နေလို့ ဘယ်ဘက်ကို ရွှေ့
       (scroll-top ခလုတ်က left:20px bottom:95px မှာရှိလို့ အပေါ်ကပ်ထား) */
    position:fixed; left:20px; right:auto; bottom:150px; z-index:2147483000;
    width:42px; height:42px; border-radius:50%; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg, rgba(255,50,50,0.3) 0%, rgba(255,50,50,0.05) 50%, rgba(50,0,0,0.4) 100%);
    border:1px solid rgba(255,77,77,0.5);
    box-shadow:0 5px 15px rgba(255,50,50,0.2), inset 0 2px 4px rgba(255,255,255,0.5), inset 0 -2px 4px rgba(100,0,0,0.4);
    backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
    color:#fff; font-size:18px; transition:transform .18s ease, box-shadow .18s;
    -webkit-tap-highlight-color:transparent;
  }
  #hsa-sup-launcher:active{ transform:scale(.9); }
  #hsa-sup-launcher .hsa-sup-badge{
    position:absolute; top:-3px; right:-3px; min-width:20px; height:20px; padding:0 5px;
    border-radius:10px; background:#ff2d55; color:#fff; font-size:11px; font-weight:800;
    display:none; align-items:center; justify-content:center; box-shadow:0 0 0 2px #0a0e17;
    font-family:sans-serif;
  }
  #hsa-sup-launcher.has-unread{ animation:hsaSupPulse 1.6s infinite; }
  @keyframes hsaSupPulse{
    0%{ box-shadow:0 5px 15px rgba(255,50,50,0.2), 0 0 0 0 rgba(255,45,85,.55); }
    70%{ box-shadow:0 5px 15px rgba(255,50,50,0.2), 0 0 0 12px rgba(255,45,85,0); }
    100%{ box-shadow:0 5px 15px rgba(255,50,50,0.2), 0 0 0 0 rgba(255,45,85,0); }
  }

  #hsa-sup-overlay{
    position:fixed; inset:0; z-index:2147483000; background:transparent;
    display:none; opacity:0; transition:opacity .2s ease; pointer-events:none;
  }
  #hsa-sup-overlay.open{ display:block; opacity:1; }
  #hsa-sup-panel{
    position:fixed; right:16px; bottom:95px; z-index:2147483001;
    width:370px; max-width:calc(100vw - 24px); height:560px; max-height:calc(100vh - 130px);
    background:rgba(13,18,28,.55); backdrop-filter:blur(15px) saturate(160%); -webkit-backdrop-filter:blur(15px) saturate(160%);
    border:1px solid rgba(0,212,255,.35); border-radius:20px; overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(0,212,255,.1) inset, inset 0 1px 0 rgba(255,255,255,.12);
    display:none; flex-direction:column;
    font-family:inherit; transform-origin:bottom right;
  }
  #hsa-sup-panel.open{ display:flex; animation:hsaSupIn .22s ease; }
  @keyframes hsaSupIn{ from{ opacity:0; transform:translateY(14px) scale(.96);} to{opacity:1; transform:none;} }

  .hsa-sup-head{
    padding:13px 14px; display:flex; align-items:center; gap:10px;
    background:linear-gradient(135deg,rgba(0,212,255,.16),rgba(0,102,255,.10));
    border-bottom:1px solid rgba(0,212,255,.2); flex:none;
  }
  .hsa-sup-head .hsa-av{
    width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,#00d4ff,#0066ff);
    display:flex; align-items:center; justify-content:center; color:#fff; font-size:17px; flex:none;
  }
  .hsa-sup-head .hsa-tt{ flex:1; min-width:0; }
  .hsa-sup-head .hsa-tt b{ color:#fff; font-size:14px; display:block; }
  .hsa-sup-head .hsa-tt small{ color:#7fe3ff; font-size:11px; display:flex; align-items:center; gap:5px; }
  .hsa-sup-head .hsa-tt small .dot{ width:7px; height:7px; border-radius:50%; background:#2ecc71; box-shadow:0 0 6px #2ecc71; }
  .hsa-sup-head .hsa-ic{ width:34px; height:34px; border-radius:9px; border:none; background:rgba(255,255,255,.08);
    color:#cfe9ff; cursor:pointer; font-size:14px; display:flex; align-items:center; justify-content:center; }
  .hsa-sup-head .hsa-ic:active{ transform:scale(.9); }

  .hsa-sup-body{ flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:9px; }
  .hsa-sup-body::-webkit-scrollbar{ width:5px; } .hsa-sup-body::-webkit-scrollbar-thumb{ background:rgba(0,212,255,.3); border-radius:3px; }

  .hsa-ord-card{
    background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
    border-radius:12px; padding:10px 12px; font-size:12px; color:#cfd8e3; flex:none;
    display:flex; align-items:center; gap:10px; margin-bottom:3px;
  }
  .hsa-ord-card .oi{ font-size:18px; flex:none; }
  .hsa-ord-card .ot{ flex:1; min-width:0; }
  .hsa-ord-card .ot .nm{ color:#fff; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .hsa-ord-card .ot .mt{ color:#8a9bb0; font-size:10.5px; }
  .hsa-ord-pill{ font-size:10px; font-weight:800; padding:3px 9px; border-radius:20px; text-transform:uppercase; flex:none; }

  .hsa-msg{ max-width:80%; padding:9px 12px; border-radius:14px; font-size:13.5px; line-height:1.5;
    word-wrap:break-word; position:relative; color:#fff; }
  .hsa-msg.me{ align-self:flex-end; background:linear-gradient(135deg,#e0457b,#c01f5e); border-bottom-right-radius:5px; }
  .hsa-msg.them{ align-self:flex-start; background:rgba(255,255,255,.09); border-bottom-left-radius:5px; }
  .hsa-msg img{ max-width:100%; border-radius:10px; margin-top:2px; display:block; cursor:pointer; }
  .hsa-msg .meta{ display:flex; align-items:center; gap:5px; justify-content:flex-end;
    font-size:10px; color:rgba(255,255,255,.7); margin-top:3px; }
  .hsa-msg .meta .tick.read{ color:#7fdbff; }
  .hsa-ai-tag{ font-size:9.5px; color:#9fe0ff; opacity:.85; margin-bottom:2px; display:block; }
  .hsa-admin-tag{ color:#ffd34a; font-weight:800; letter-spacing:.5px; opacity:1; text-shadow:0 0 6px rgba(255,200,60,.4); }
  .hsa-typing-dots{ display:flex; gap:6px; align-items:center; padding:2px 0; }
  .hsa-typing-dots i{ font-size:14px; color:#7fe3ff; animation:hsaTypeBounce 1.2s infinite ease-in-out; }
  .hsa-typing-dots i:nth-child(2){ animation-delay:.2s; }
  .hsa-typing-dots i:nth-child(3){ animation-delay:.4s; }
  @keyframes hsaTypeBounce{ 0%,60%,100%{ transform:translateY(0); opacity:.5; } 30%{ transform:translateY(-6px); opacity:1; } }
  .hsa-typing-letters{ display:flex; gap:5px; align-items:center; padding:2px 1px; }
  .hsa-typing-letters span{ font-size:15px; font-weight:800; line-height:1; color:#7fe3ff; display:inline-block; text-shadow:0 0 8px rgba(0,212,255,.45); animation:hsaTypeBounce 1.2s infinite ease-in-out; }
  .hsa-typing-letters span:nth-child(2){ animation-delay:.2s; }
  .hsa-typing-letters span:nth-child(3){ animation-delay:.4s; }

  .hsa-sup-foot{ padding:10px 12px; border-top:1px solid rgba(255,255,255,.08); display:flex; align-items:flex-end; gap:8px; flex:none;
    background:rgba(0,0,0,.2); }
  .hsa-sup-foot textarea{ flex:1; resize:none; max-height:90px; min-height:24px; background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12); border-radius:20px; color:#fff; padding:10px 16px; font-size:14px;
    font-family:inherit; outline:none; line-height:1.45; box-sizing:border-box; }
  .hsa-sup-foot textarea::placeholder{ color:#6d7d90; }
  #hsa-sup-input:focus{ outline:none; border-color:transparent; }
  #hsa-sup-input:disabled{ cursor:not-allowed; }
  .hsa-fbtn.send.hsa-stop{ background:rgba(255,255,255,.14) !important; backdrop-filter:blur(12px) saturate(150%); -webkit-backdrop-filter:blur(12px) saturate(150%); color:#eaf6ff !important; box-shadow:0 1px 3px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.2) !important; }
  .hsa-inwrap{ position:relative; flex:1; display:flex; min-width:0; }
  .hsa-inwrap textarea{ flex:1; width:100%; }
  .hsa-inwrap::before{ content:""; position:absolute; inset:0; border-radius:20px; padding:2px;
    background:linear-gradient(115deg,#ff2d55,#ff5e9a,#a855f7,#7c5cff,#22b6ff,#00e5d0,#a855f7,#ff2d55);
    background-size:280% 100%;
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor;
    mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite:exclude;
    opacity:0; transition:opacity .25s ease; pointer-events:none; animation:hsaSiri 3.5s linear infinite; }
  .hsa-inwrap:focus-within::before{ opacity:1; }
  @keyframes hsaSiri{ to{ background-position:280% 0; } }
  .hsa-fbtn{ width:44px; height:44px; flex:none; border-radius:50%; cursor:pointer; color:#fff; font-size:16px;
    display:flex; align-items:center; justify-content:center; transition:transform .15s;
    background:linear-gradient(160deg, rgba(255,255,255,.24), rgba(255,255,255,.06));
    backdrop-filter:blur(12px) saturate(160%); -webkit-backdrop-filter:blur(12px) saturate(160%);
    border:1px solid rgba(255,255,255,.45); }
  .hsa-fbtn:active{ transform:scale(.9); }
  .hsa-fbtn.att{ box-shadow:inset 0 1px 1px rgba(255,255,255,.6), inset 0 -3px 7px rgba(255,255,255,.12), 0 0 15px 2px rgba(255,70,95,.6), 0 0 0 1px rgba(255,95,120,.45); }
  .hsa-fbtn.send{ box-shadow:inset 0 1px 1px rgba(255,255,255,.6), inset 0 -3px 7px rgba(255,255,255,.12), 0 0 15px 2px rgba(0,160,255,.65), 0 0 0 1px rgba(90,185,255,.5); }
  .hsa-prev{ display:none; padding:7px 12px; border-top:1px solid rgba(255,255,255,.06); align-items:center; gap:8px; flex:none; }
  .hsa-prev img{ width:40px; height:40px; border-radius:8px; object-fit:cover; }
  .hsa-prev .x{ margin-left:auto; color:#ff6b81; cursor:pointer; font-size:14px; }

  .hsa-empty{ margin:auto; text-align:center; color:#6d7d90; font-size:12.5px; padding:20px; }
  .hsa-sugg-wrap{ padding:6px 4px 2px; }
  .hsa-sugg-title{ font-size:11px; color:#7fe3ff; margin-bottom:8px; display:flex; align-items:center; gap:6px; opacity:.9; }
  .hsa-sugg-chips{ display:flex; flex-wrap:nowrap; gap:8px; overflow-x:auto; overflow-y:hidden;
    padding:2px 2px 6px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .hsa-sugg-chips::-webkit-scrollbar{ display:none; }
  .hsa-sugg-chip{ font-family:inherit; font-size:12px; color:#eaf6ff; flex:0 0 auto; white-space:nowrap;
    background:rgba(255,255,255,.12); backdrop-filter:blur(12px) saturate(150%); -webkit-backdrop-filter:blur(12px) saturate(150%);
    border:none; border-radius:14px; padding:8px 14px; cursor:pointer;
    box-shadow:0 1px 3px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.18);
    transition:background .15s, transform .12s; -webkit-tap-highlight-color:transparent; line-height:1.2; }
  .hsa-sugg-chip:hover{ background:rgba(255,255,255,.2); }
  .hsa-sugg-chip:active{ transform:scale(.94); background:rgba(255,255,255,.26); }
  .hsa-empty i{ font-size:34px; color:rgba(0,212,255,.35); display:block; margin-bottom:10px; }

  /* admin inbox */
  .hsa-conv{ display:flex; align-items:center; gap:11px; padding:11px 12px; border-radius:12px; cursor:pointer;
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); transition:.15s; flex:none; }
  .hsa-conv:active{ transform:scale(.98); } .hsa-conv:hover{ background:rgba(0,212,255,.06); }
  .hsa-conv .cav{ width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#2b3a52,#1a2436);
    display:flex; align-items:center; justify-content:center; color:#9fe0ff; font-size:16px; flex:none; }
  .hsa-conv .cb{ flex:1; min-width:0; } .hsa-conv .cb .cn{ color:#fff; font-size:13.5px; font-weight:700;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .hsa-conv .cb .cp{ color:#8a9bb0; font-size:11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .hsa-conv .cr{ display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex:none; }
  .hsa-conv .cr .ct{ color:#6d7d90; font-size:10px; }
  .hsa-conv .cr .cu{ min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#ff2d55; color:#fff;
    font-size:10.5px; font-weight:800; display:none; align-items:center; justify-content:center; }

  .hsa-ai-bar{ flex:none; padding:8px 12px; display:flex; align-items:center; gap:6px; font-size:11px; color:#9fb3c8; flex-wrap:nowrap; white-space:nowrap; overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.06); background:rgba(0,0,0,.15); }
  .hsa-ai-bar .sw{ margin-left:auto; width:38px; height:21px; border-radius:11px; background:#3a4659; position:relative; cursor:pointer; transition:.2s; }
  .hsa-ai-bar .sw::after{ content:""; position:absolute; top:2px; left:2px; width:17px; height:17px; border-radius:50%; background:#fff; transition:.2s; }
  .hsa-ai-bar .sw.on{ background:#00c853; } .hsa-ai-bar .sw.on::after{ left:19px; }

  #hsa-sup-lightbox{ position:fixed; inset:0; z-index:2147483002; background:rgba(0,0,0,.92); display:none;
    align-items:center; justify-content:center; padding:20px; }
  #hsa-sup-lightbox img{ max-width:100%; max-height:100%; border-radius:10px; }
  #hsa-sup-lightbox .lx{ position:absolute; top:18px; right:20px; color:#fff; font-size:26px; cursor:pointer; }

  @media (max-width:480px){
    #hsa-sup-panel{ right:18px; left:18px; width:auto; top:48px; bottom:22px; height:auto; max-height:none; border-radius:22px; }
    #hsa-sup-launcher{ left:16px; right:auto; bottom:148px; }
  }

/* ==== style L55623 ==== */

@font-face{ font-family:'Aka07'; src:url(data:font/woff2;base64,d09GMgABAAAAAErkABEAAAAA0hQAAEqCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoEmG4QiHMkIBmAAgTgIUgmcDBEICoKEPIHKWAE2AiQDiBwLhBAABCAFhnAHmhkMgTIb9rEH2LiLZ9AdkFDqPuWiAnbsBXAesJKOu9cOjvMeJwTXMPj/PylBiozVdHDpBgMUfH0Bdbm6w66q4Y0edAZ79PAULJ2o2aM4RlTFHkB48ybIuW0kg3xcKWS7nUJbtb3SnaPi0FoL8x0oyK1WFAU5osJnOsOLVtzJZbkS8mfxRz9xhJt2kMeKOP9DS3szvfEmN+mXpWq+f/Mn1dY5k/9K+fbMKzqdksJaFoFxix11Zl4fnt/mn3PvA0HRXjT7USEuOqyMYRU/E1xlugxheJrOfxfXizR3l6SaSxqxtmkaa5pUqaTq6G9LhaIt0BbTCuwjBQaFCeKbM/AJzD465n/45hQZ6BigJUVkTnU/Uf3YZ88eACt258KKNDlCyUKSU8TCJzaO1YHPuV9v/unUe/9aX+NCdOpMKZR2yuybnFoZdVP+svn6tt3XLtytgA4EDn8i2zJXmbmTxl3CRZ/KbpP2QGCzCA3I+kpy77vMkZ38zNjFI4IyWFISHW/vbcufgFLL0uufYeGOvdkkJSDvpuWkiA0Av9P/0KlJ4gQCJCxsWXYHFxLca4j50uv6y5jflh/GH5hn6WuN0mljLj/0AkwBbZnGYBNniApfavkIkxP5oiiKoijK/9SV3kBRASnwlB/22AE6cEhLh6AflG59W9RX1OqqJx9bKjo7rU2lw0uvd8rfsp0y0ZsdiHZYRqCGMsexHDyRehSe/NvrdpamH1K4rXYS4fO0IA8xsNaNhZq+jsvBr/SaPqjeqgA0/Z3jDRwOHVAQI9P/fll7O5dXTciHGCQuCTMPssWpne7ZfVwuTciveocQc/Om49Y2VbgQHTiEj1GBhP9tlOIb9YXxH/7/O1PzTnKzYM7H4CAN4GAAQ2uXVag4QA12Ew9gxDv/pivb/0cS4ZzAMePQeYsuCedclH498yf8+f/PgEYj2JGEFiTYfaw2SQL2CZwYjcIgJG3U7uWAL+KQVxuB3cwlcAzV7dq5CimUzrWLyuUVpYvymvpcnd26qAoXpZ95+Lxp28NJCaacSPd33eDfAosizACD1+/U/MRaugPD4koj2ttjODwCW/8zENBH1GGbuENqHmJARBF77blm5jZFg/Vsh4RExHzPj/+0ZfrT4Y6KiDgiqiqu8YzR3d3P3WPNsrlXk65nWVBQBhiaFJU8cyoI0Dl8n9ALwDJkVE2qUYfqNZKaeFZq1kJqhdC2n9qZJHznf5jtwV4ncNIZnHUDnW7httu4gzu4iwd4iMd4gid4imd4jq7hVhJ/pyhUQUZNNQQC7Ol58F588EdAowBgs9EURXoDa+Fkg3XobpCIzCxkyWmkom70J6vEMLDXFn3Qj/REG7kYRwYRYYqMS2LWNj8iHTfBQRhZw8T9F9f9WEKN5Z2eh74X0hB+vlXbai+2oWUP5Hts9Lv/x5kReANARvQIVlt0R6g9q/FZwgsSQNTYUZUoa/yvrF4DUmu12kmnnHYGOQoUIlyCREkyZcuVr0CR75CW2XIrrbXBRpvstJuNhOML968+eb6TKNEo9oIK/RlyWXIFQW2gX0B/nEp/+wej0hkMfkTQM5CVGATC7wPnR9i5C20YNIOy9Hf80FyyiDB8iaSwo7m5OCYSH92aEesDz+iOxOj/B24AQmaNRMLDyCgf1HW4cS2P8/zs37A/md6igycf9+tUXgPggkBNQ8uegz6UoqggtKLFihMPWP8fdOLMBYATVwJCImISUjAZOT2DREYApAPYcaSHUdMwMQMgYA6Ltba6qNMDvCCJOnpQSS0NtNPNbEYwiTksY0MKYkxLfsyfsQQkozEdq8GGAORAC3BgBS6QSQBRpJADFRp9MGBymsugPILFPOu85jOYIQmYAMMwCsfBRtgJe+xmP4c5zmnOc5nrTDXNfWaY6dO+bNSPzPK81/3aBPiJsYQACQhXv56q5h7nBJe4/cPzzvqBF/0+IeWT3qwh2cPNjdSPokqJHSZNgcuaQxuBsrscmkfGZEFSydNpeSAv5wt1azbfEqO+D77JROKO6TbgDiIHUcDpBsWMotEuGr13HA0v9t49j6WW32cRe/wpHI8Cj50ns2Igk3pU5QzqZb9N1lxa9DpaN2uy2IVNhFeB18mbPRNm2WyfI/PsvDfnj93jzpwkRi7Oj914YGUIuBThcoAUn4HP12Fsp4vdSOuK0mpqukQxpP85ONrXm9Xb/eeD8Mvxm/mDnwjh/QnpiSODImqgQmfcTiq4+OoyzXnO6vSTnuMchcmhVwfSL5g6G1fC2DMSI4x8NJ56fhFP7CkpHPjokL9lWwseqIMZKvceknU+QHE22uy8YQzBzHWyLnnzkadlvrzlmq7kno5/Vgj646werRfnkquEFePnC3k2PrPptVg42bXWqwSIzApV8PERASpKhMDb/i5KiYyP/bV/itKiwEdR2kXwMxlo4FsyMjbZ/T5FS12ukt2Ba3MGPnNNehZDX0vIx+/3yhOyQ2f7oj9dgWqkpC51OEvlaRRBjPYrTia+FVK+HSVrwm7ftCpaSN/n99X4qlB0v06steivb874+cvq55ER0uZyUlqnhJBTyB3rQEwjocrMRgF+2ClRlhWcAbZi+ifPrOZt9fxjt8WRfLlwCri41NkHrw4uO7MfbRZrp5tw08oYBou5VRxU4Cru+D3OcTyO8PxdvpyE07J48Dr4QLWcnNfLeEVcqCisegPvuq67e2/zYSQxJrE4P6mUXZ62zG22EsGB0+inuQ0JaZROFzuh7REtyuoaGnpUP43xPtFZuNN1nY35/tT/Df84ZHEjWRoX6pHN0qDTmCJMipAVRnCtMIWTrjNaUIgSonLIDSSJeWZyEwAdolMxKSNsMXoNCkbVu+feUGMDOhU1G+o37g8ynb7je1JksdPv7NHYxfeY4avwLOHIcQ79a5INdKfpJiQrUlJ9hqVH3fq8/cJTqDpFGocm2osjjXbr4+jjpH4TZ7msP+LrfesBz9bEYOseT5rcUgNl2luU2xym2e73tll4+0YMUqY7+0XwCQkIReTqbkerBEQsyb1WwwYQ3m/Mt7iFQJYqjX3Nj5JVyAaZlMZqkS0sQydDE3N5wNRryUOP0CBb5JxOX9gIz04eiWFEtvM81COyKroksvD85LEeLgYU005EmVSfcbyMGFMsyPoyX3prRB0CJTYU+07q1E/igKeLk+12D3zGkbSTzmdxFUssb1meMPlZqXpaP03PBBbMr36m5yGAMpu8F5ufRM4n+tmf3suT2RHx3q9VXtnwdrPsbQwK+LV996avX8CLCAn4F4fzYq+9WHaUU3MkJ0nKUw1Xw9SIPiOX/H+aML4hHYb+4ZJL9Icv4yAPlsGdGqQ81Rg1c1ZmGyguDhjeTIAiW0BcCcjpgIMOdSTGWi+azVfZMscNZX3vwF2GVu1Ntxgt55sO3yKsSCfE8i5au3mvDW3j/X2lj/h5/yIsKUUl0ze+M+Ja/q8MyNAfIwD1JAIAAxXQggRgBHbgAj7c8CGICOJIIYsCyqihiXZo0BlS1u2K0qK0m/YSfc4RUZicVPBF7rvDIwlM4IX4E6sVlNUGDtjDftrO5CIPmGWb73IJSWQ5sg7ZiuyRDDSYjfPPEbHsZvS5r2KSaqVgW0iljXUehiExeBKVwebxR9VtrwEMhxzX/BDcN4DTz0AUaj+pRTP5LqPDhAYkpMpJxZpU3pBC7R6j1WL/Wns6rK/GpOip1nYBal25rNWF21l8rFupTWabma0NZCkI0oFgyxFiBcKsRLhViLAakdYgxlrEWoc46xFvAxJsRKJNSLIZybYgxVak2oY025FuBzLsRKZdyLIbubg/SnQAsILNrgyAVSG2R31iJ5IsG6A1kT5qj5L7qILxUMgKE3JrJ6cEcjKFnYn55DTlQ2eMESfBQ6zxCGs9tus8xcj1nnV6rBFl8xgB7bZiHoE7Bb1BnIpVaqFnErmJlD5yGbBJCvUqv8u3LPH4KvvtJTrZQ/IBWKODBdUOoYHw0acCNgL0DIVZ85vdzBAsVJgI8ZKlvGenSZchS4485Xdmm2HrTdt2zg1I18WDIpMXg8neUTUN1pU3jJum1Y0wGYqMfO87m1Gl2/4tOrPosMIqq62xznqbbbHVNtvtsAvb3k73wdDVMN7IqxGq5kocqryy1KquLYfFqvrrIXCPF8dmv+7s7dwxaNfivrS5MMvMYAnnkJlJmsMT08YaQHbjJoaldyuqtupM2oV91buS8Eut5qxi4Zz3znU+HQxpfiNmGCuFfFlR8AxwCA3vxNCdyEmk0btixIpTqNRDPMLj32OK1cdd1KiNWFqQB0sNlreh22AXZ8jE60tgnHytcV+J12uU6UU/geM0v4m491S/DYMQzW25yvQb2V50em1PaRy1LXQ8XNu2dKuMXZui+DcVmviSI6TbrV9o/yrVV1baYuaWBlw6j34iPHnAIRgLRvSxhjQSdRhxch4Xjjh6mhvBlUXlSDr3Cuko4iLk6CLRfHW1UtXcSdQoanBYOw2HzKfH1rpjnLgkLG2+vRzQytHqJ1iTcdiYFI4BEyji0yx/wcZxcaH7B9XpI4Ei4c+rE52a2vxE9JgDTCaLU2Y6pu/iDRJRxKEqTUCb1+u9C+cf3nnja3Vl1dLNC7h8L8PLnnX1H4FKDNRiYScVVCiaCIuYHCvJKwqveqJUVpJ3BO+KUPnLH34o0HoEe88hWcXBVDhSBDALqsy+DYqS1pXbkUo1N5WuKqqbbqdrdK1urzsEe534g6MkdTPg7tRVdSV37flunrFB70C4HicjjYSIWDWjkxfxaooHyp2s6eIuTqmcDTfpbN3XxMFUzGneT7HosNwKK62y2hprrbPeBhttstkWW22z3Q477ToViJMEThE4TeAMgU5iK/Ee92pYINa63txhY2e0HpzGidH/jNnKagcGSKnJzOAMMqnPugaoATO8tjYSg+lcJTtqJRVNOKUKAEX7p/OXj0ziYaY0kONAQYEfnXhx8hTKAf3rLi1sBQbWgcwHQAD4JE1AjxSKnxexRybcg8QkL9H9XkKKvxzx2GUgL5Zn5uWhClWhajQm+sq6dfbYkLvNRtDTdrl9gbfKi+fZURhV/ngkOjtw9sSxtH82c9vQZldXVZYBHODM1/KLt+GT+v/1/4EeXo4bibQlllrI24WARdkB8WBAn7bWYa3IA2z2+rjdlX2lZF22N+h4x50Z5JL1KGrbY/mm9XDpSn0QPfdDBZYvkLe5TPPul+d8wfglTJGeP5NYvGSBFV8ncmCsJXpNlMqgQ7hIg6uIwTBPKxKIFVvRANpjY3ircH3miBBcJsO+y1E1JeHOEciVhP3YEq6POlIhaXBsHB9YbHLnjXqnByglietyMefZkxA98ofa6UhaBpBkOPP01NYLtEQ4X4MW/C8Q0q8ujiIdToY0997SMN367ZuSTXolfHRdI8nq5xqxdv2iyBCNLWOUkG0+bkzHHOB/AqZIV7EEHBIUGtJQB8EtwdIMqi2zkBg5J0RPPNHdPbGyYpCrp9bP4oUME8rDXNDwRbWNSuyqhgA9RmqK04oUGIJgsQUtmmrRUkemzljb2pcrmnZvI+DxbB0ccqS3avRAbyZJnqOkO2uaP5HC/389z+N6REibPmyYuKVe1CqY3Hki5uGRZdpbRQu0WXaI+BuwRFudgGhbJJIcpsTfJq3dHLIBpZM9Ti4gfLHyeyjJCkYY5Ady0NkDlA7daxtBwLVGlMobC2IXvZdgQVyXWgWt1f2o4pkNDBdMLGfSMKc6aKsUUY/OdjdEtgXwkGYJx6KHjKFpemvE6mtbMYNMKtf5zR+tKDErgFCGSzXxBVOdqggJnzAZNuAblNaZDhcQvqZWoc+A9GlUfCOQabNY3vEZfgb6lOIoRwrI9W/65e2jbuzsyj2hQkbZ/q6SzUYRF0ffVbc4MZczJyjTiMcCGrbRbEcfoRZKV2g/KndW2mWUaugA4WPhkqjMcEwJvJrBa9n48qAZIXcZEJPo2OGIzx+2PIosMtzxzKrDkJ46CiXJDuG8OO0hv7hROOccAdQxE5esWj3+LRdPtKJGRvmyYiHnMChyBJQ4A5Q5ABWOgipnghpngTrHQMDZK3qQMOyWZl7e8YKa+GPQtE3OPlG9dv8uPqg/c/9NWYiCz83tJy6nRwQWM2EDhrAJBbagwDYUGEGBZ1DgORQYQ4EdKLALpW8INJELRsmBxYy+lFnftwre6bDr+sZwKT4rO2FKJgDGCGpM4oyM8NlTUuMEMBUPsew1rne8PXGyyzTmh/6tGstmdsqBtm8OfDIgskABE+xFh4ldJVv8rEifIARg6DeZyfOYN3lKlkCDsRkmUTp+E1Vcob7TVFyz+IgdfFv6BpkE/Qz1ECJqDZqBxXQ11ige4Q/M5JuurltHnL/5GpO3INIsnOpgR4HczDyUd+myPExDBZq0hqXsAqib9dFUZK4Q+GlqSU9u/DHI9dBk8XS9rG7CXeMQqcVpyiiMRdlvaZj0xMWpBjC0QsrYLgqkxEg0THgZeYNR0DVDklGcMUKHIxJLBWHbDCioABEHDV4JUotxRuIQIUnDGTEyaUIdI1LR0/a9SwjUTprAlGbGUn8w6NApI0Cto2C2H2kErUSHtymLPPM1GrFGPlKopwGhbpo4bnELI3rTttNLQaMa+84LhdrpNxpWOhl1l31tJhA/cmZbPH2BfsNsqUejdR5HVbqWvHzeLbMx8amJrDknnYJbb3n0NXDnKZSmq21nWrMk0WTNMYLrBtLdVE0BMCP5ItoAXYcLGtQyI6b3BrLTQ1xr3mP7djHuzMg0NJ1dvpEZY7tNp1V1wc0VaFs6h9wS29ZOK6VkFLYFvK3m+7+/QwNduaE3LHfe3Bm4i4xwUeeKlHtesknB/f0hPRTUGKVWcZr/ASJb5/1S0kN02QcYPtzPRFOTimCyqSkHGMFUU9OKYLr5n6F1GcAQZmaoWU0wO9ScC5C5oeY1wfzwWSCaYV44mRYVwWJTSw4wkqWmvIvAx1xf9Rgav8nl3wQB4QbCAEGhgpsgJPxCtab4xpMbhnwPek18g+5wOIhGWF/I4GAl0qCRFkR56Ir2EMQsx7eNw1j3tzDO/S2LB+EGE6QbSPQQJHkIkpfD8wZT3J4w1e0J09yeMF0CkOEhyPSQZEG9AWa7DTDHbYC5bgPMkwDkewgKPOwr7P/tsMG9+X+aff5WhBw28+WUAisrG/z2ROP9p/HKxDmz9sdWDxC2fz0AYwcAYhTgd3j3P/DRAQAAeAXAW6Hf0YMFgVRdxksxQYkqTZwu4ZF2EDveXpoJjSW5gQQXlmZ11SNJIVZKdZy0x2QGd0wBtasMra57FPYa3GWksel9FC627uydCcXFoEIVqlLw7MsQs7UbCzuzDsmkxZ2HiuxW3BSRQnpHwSeeM875OYdCIcMFgC0FC8/yQZmLiueVOQAIBaAqcMwoRzJWdJyCF3Pws6JZlNKxB7U2V7rT1KGylQJWdXSmoDMFuxx4CkzgPkQFyYte0cs2awXdrdfCDsRVIQSfUngIcQ4CT/jUpfGDga+sOad904+sw7OH+2TxRtJPSZmvXeVuaNxhUTY9d+O43GFzrtLjjYenyyet/d5WbovRQbkXvOmxfq4slDIfz7O6lAkllKe48tIOY8y0wAx0l8Gb4x8UJ5MtfzDqsPsOdW4Ea9YaDxlt2QfFGcOM2fCTZaeYxnd9ZU05jUzmBw/3yURCMJ0uYqKZuvZvvwKlchVWn1BjyFbuB0GSgGdBs5Y6fez2emEQKIX8GBShAMWbnvRwWNx5+FAPksQ/vCZiAac9W0w5XUQm12DMvx5Tofg5+sqc0++I5EdA+p5XT5zDhTQhkvMBzWKKVqSEGE7tMXKvcK6PGRVFiIIiKetIEqURIZRopOaNRHYeQAXtFAlQE9mADjVCR5ipWaL9KV9TJkbAcRxWB+2bvPUR0A4CsnI6F1tmbSTndJUzpIti2mOMk2JrMbWzRekaTdkR4X1EKqkvEGYwnNI4gITcbrRCIGlItGmQwiG6S0qmiW/lz+EtKIWClEfmq52mD/cBxWDGDvWZykhJIfl+MI/4WSJS+lCQn+Kn3egPDnJSNutE4mdCRuWuCkWVtbF04Evw7RJOmCO5WWoERV8HGByaY1qhVdPIwzBg5vGxkiwkzFDcwtxbQL85XBQD5PSyXoGnAV3C6XUkR+5asHzSnRIy6R9BSWSXICB17pk7xUxgiTc+MRZWx7XJX3/oAarkEyy4lxjQg0gO0JJTqag/zi7+WFlQLATNjBtedg7oFSPZSPuOMLNuyDOz4UZuV9vgi/GjAyqo8iCbtYOMEW4b0z6KlvD2RoA+pJCRF0M1dIuRzT5BO58iFcYugfaMKAIeafjArleJYiFAwELJTGhLyYToDQjb2QC0sd3GRehc0A9WnLwDIDPz9bJCcWMLIzAfy3V+uw8f8lbtlzqOryOB7iI9rpFdz+6+QOgZhk6fGnQppLi/Rz2KqP2ozErWu9EqkY4HZVGFlpwQy+iSKEYVigscBqHdgQL3sq7XnoMYKiD0D/LGTd/Wi/glTuCR99boO6pC7gzAm7R7vw4e2DL5+AOVmU4DtGoSvmScMxQh1Mr7BhH6BOT2FFQe+soMf+gNYWSW0SeEry5H2khRzPlhSGDLPnkKKASHdDd1vhSXy/ptJA996QLJHTHuEZKaX3UnSIW4mL0V7yFQdyqHAxEU7rFMHu3kAdCHtuMJxTGyGul7dGdnf6bdddqtefTm/WOIXO7v5lekA5yw0zlTAcLIXbGIHioP1B54qroeEpkAN99DfaKd5AkPASAaidIDKU3ezUmaepS6Kg0OthSvM73R6q6UF/VEMu+dHW1PCYFRVOlQkpkQpJAQxwpaa2HH36AUhUGIhBFXcJxQE2FgS8zK+qxQSVVIVxzqBTSGKFSf7B82FS3pNObNOG9ojm5lmMPoh9QLprhSSJk5Si1gId2jwELYXtKshlY0hJvvZvvp/dHZFBDC4/A+KPq5SzNnbGwnH4LNKvQ1jgkHhr6JJtFiHCl956bADikTk5K94lfEqGMJfP8G0DdRKj9g4Qeb6qpixIxDkvamrEsEaIoa5Z/IsDs8F9RZYssRea7op0hO3k7EBey5OaBiBF2Qom7YzmAUkeeM42nqJE9Oso0QqPg6aA839bHUVnxHj9J0FXELb/a4zWawJCndTAvW6fGDpZszpHjnVLUA+4KgDbUSrTcc7RC95LZiqlr3pwi+xAayXcFoR7sgV0pmhJikfYYyzkBzDjz7AF1Aoag3hFICeSFJHRFFwE6MPMylKRsL9ZEOppMQXDEU6Gtuqvgpd7LwEbSaptEpdY1r1Y9fiItPFLi5iC6wUWqKiIB7eXuh4vWR8balDAZmDQI907hYQF+nfFIrOQ20tYfh8SFszgX7ZWYpJRw7SZmeJfQBejFtcjwW0ND2f3fax6B3iErQyfEZ0pKHqLXOSKllY2KKyx9FZ0YL/aDfFNv6kPHsTRwXbyBAxBsKhQghoz+X4RMsr0A/a2/oMPWVOj8NjTDz/hDs9WiKuDDJWdwaKt78KFPdfmrl9w6WxiRFLARZHAEOIr8ocxENIeB50v/ojT5sm2DfeK+wRJJV+lwzJJTPEnbYVgdWEx8Q6FZCpm+/2KSvPpvENm8dF1rDm8/DZHGgSWyQetwn48j8ZvcostYh5gPOz7CEvvm3IbL2FO17DSkRVtiARHC+uzCEogq4D8GK9LXUIbKiHAyrW4TV3xHt9RmzHH+B7wOfk94GDiDNdH0RJQGBQZZxvPiQ/iGA3xvm7tjjD8EHC91lGiSV6Q5SQLhnAQiySLAo8Ars4dD+NHxkWR1D0PQdj/Ny7s9v5p9nw7OU01NQZBoDfTSrZMRLHGE26FPHWxshYkLGe2AQjUFtQROfZTugZDJKlFqjWWj7SMPIERzxSX6JcDP2u8PRnvhwo+4dg9WDjEwGLCslddMddvdTumlzgvRzBNp7cbStM4SZ/nWULFejNgyBGOehbdiOVmyI1FqGPNBgpGPb8G4VhrB8h2ajmzDxHAerTRuHFhVX9h7krtST7P9Rz8LEODNGd1+lkfFmtPTElRtaBfyuehrU4g6ACxMpMWcj9bPEqNqtawuPDWBU4bmLrluFy7EdWph54T6e6ma5/hxPdptDGxBKD6fcczrls0EXewAt3VgDle1ULD88ejG3P/m9ds5iNh8YQdWbEGkwn8+W+4rvGCPpKc0i/n2hdovOzg2tanV8LBmP40tFSvqzxzeiPyfAnkH2OQf0TG0r4qfTRDd7OBYb9+Wu3sjh9dZN3Hfwe/pvB2iPPQUcUE1JG+P3kRhh7+0Sc9kefXsb2uDQPHxpbSIFBVK/hDvduBqhrrYX/IZRe0/doPZSogKUJQKidnCi75mBtGVZeZYcqxvDPKgRYVdiWBiVeG48U2uRs0vnAYt3DJsP7en5KqKj3d0ZODFGKPmBz8N+4/qPrAPT1ZL2FxiZsqNAlC3RlOP3q/ZaVFrJB2FB5+LGspNX+UmwyLAxT74oArqTgmEXDLEkyYs/O9KQKtowwAInAGf4DMo9onMboAWyfWRApmcB+zzObt6YH6CFRXWzCceR+/MDBvZTOr3vPoauClbKXQ0INBVVfL2F550u3tl7tHc+muNReANw7T7njSHkLljW4aaeXFgwGuaXsrWEjcTWVSQsp+X3YQU6s+NWnPhGwSmlHNizGE04xiAuPPiSHOAlb2X+3sMbxkdpJYt1fh7WN+40n/FI9xE3pFcNdyDlo8w5wK4Xa0iSS1Eyg16SYzM21pfP6KEy/7L6c2D+QpvNNXq99Ob6s+hcIPdg3UtIe9ItX0DmwkSpdDn3EXJwHVukxLlSD/tC4WtiKVv2hdpbV2WFHSGxoJAtdtbdE1ocq9IkhIms13Uzotczu3v+1xzRG5H8C0EMZRV+is88pWPgsoqB7sESvc12tElJ42DOWS47XqSqLKY9OnL4UMaLZIUXUrFMHVoqobpjsHsuxAjLDAWNmrDRlID0bsSQcGArNKhd4QWT7VmIdYROHbEaFE/EDV8A5HDkweWm+XiuGksA0GxURlhETqJMRbTB54tl++irxltORMQAF1kfEM3PHrFVNeV5mWxGvjHQvawqa5mzjF2tmmxrw8bjCZYIPYjuqYoVesOGnrWB6ZR2VegqmCXlFjSteV2uiciEwyOL+cn0xn0vKHLsiYntCdoXAuL1hdmFkrf6Kp/qvx2DbNwwRrA89HX75pZIwufbaXy9+S4Bpi++6xNzR/Apt9evd9a2R0NzZ/ZHvZi9ofH6AkKkNUystC3CsL+B79HH7i0lD+N/Hq8RM0/M53LrvQVRX15TK95YxR6fd4ov0Y4v4Ff4ZXeGvNg+VdJaKRLeIdZEx1SMKMIHaos2atX3uC5lRswrg9obEHtz3lksGNXbEgMj4rse8ffwbQV22OVSkiblJRAics6yrWWddg8zsVegHnlW0vNEZpky1m1l7g769viicGCbRXYoidovTwYDjT43/DXV/biqnT5XZpQ1JJG66fxSIUWZEBtuDzQ8mLlKgThLchyQmpn4/9gK343G74MVVNgv08PofqcXQec0je6PRlVb9Lj2WK6M3WT5EM5FZIHbwHK0kEiNfvBGXfGTYL3VvkjkQNPYT2s3JZjfuofqcs0Wv7b2yWX3Xeb12r0DoOu0sWYUsACsL0vXcwU0Wvlp+QFwYf0M2GXH7UqiDYTFQIILVi11u7KWuzOectaMIs7O1LBkCA6YAx5RtIlpcfjjLuEV4pVhhpTmRWTcXM+wIleVHcVG+xfiqPg4p+HsfWmzPXpRmndQIhzAsiP0nUkqJJ+Xc3E5cnaOU8xiOdQPHyAjAoq9QAUXNTRy1QvFoutUkz8Ho60JtIEIeS7GQnxKUgXwBzPgiW+SwHWmsyI94Rr96MKwATFpnhXBUL2W7IGAAXMjJFjCHzq5ZnTLIEbHZ7J+wCxtxBl4v9bcx9qn1upTxnunT0uABeqxtkhl7TlkG414Iqgn1esjnUPT1B/6szrQe2q1aF4BErj90xLunWWSOSvvxdXuKQ+f40zdSyZLwCCehXdo+/IOGYAhm8mgkMojLuUB7VpyL6aL8tQlDQlFePRibr9WsFP62JXWYALSHzkjawvLM2tgSY+yqf0gxTQ77fRCBi1qGyzB5NLFQzoMdQuqbre6E9R4Mg+psL6ieEIC0zy72hhydH3ZPrq90NrPUBOfEabgVCJARSFIp2R8jB3fvTglHjsgR9tbZ6BrbL/tqQ12ab0mdsAeEdI4IRznziQfljhHzbH1vp/ABwoa2+BaeGiMjdiUn2YZsAnclaHEMtPHkD5H+zxJSdFvSIfQ42+GWoPRm4tXzX69CmqVbL7wGLVLT+QHVFob7GfxYwTkxPpswNeeeEqL1AvN5SfRBZh7C9os39SuVdxcI/abYVhxnFE63yGm6Q87EQFuL14xd37kYYmCVJzlRwnfUEZrFj7L+W1cWd+nrOfgN4MRykfOW9Y3DOVUpuSWjZXVoqS1irDmTurwtMROVrTs3FVFPpUjN/ZFBhnyOTE7yGZ0TlA4o+eA+9GSZlUj+q7kxeL6dXNkImWdT3DyGXAoSp19sCXZGndX6M+TgnxN2fKyoL2YoXB2w90BLd7mNS6nqxfpgFIN992fAMddlrVhZjxBFbR9GOjOsgzM7RFsz8jXeFJdcUdq1tSrvBQJldtBVUj+tQ72MuSnxCE+tihgPalwRIxu/LNijtZ5SbuDihWmmMe6VavSjs+iu6XGrsmaXMmPz/8flNDv2xlAKEm0jSiC/ojn2mfyRSW0oNWwHfd5mCK65GK0oHwYJU8IOV7JnV3JRKxailnPVpvxSt5m+Z/1tlH296knOjTif3xYp51E166rEaYY2RirdnG082FFe80aSLNDhXtRutX+1Fitkai1Iq7/7uqBrP/f1ErPa2iliuszVRbeVdTdao48vBXHV9WBrqR42ySs5lFZUznJv2vYxO3sL//LV2iwYMz/MhVrxekaj3u3xllWKnJkBaiywFX+zgpyi5jyXaSV9R/tPOdxubGLpVfYkFOxMITfpvmunD8Ungy7h3rO9STIA5QeSiqlheKgqK2UVKrWTDHbWWRtp0RtlWokVrWELNH6xRqpRSsBxydbmefylzPPtTLOAWEvKwNIrbzqTFYIkdh4DWSlW9Rbo0HeJFGl6mFmVbfyTQLxQD0lyi2GJn69tFfc21S6f8lUVwMV3adDhVq1SPCkc48mzHmcKureQEjxmX2naT4l9mc0Qhc8atqrzeTcTtF2bSQm+c1+gLsL60CoERROBwWNoUaoYPVE0YNKcV7kQaVQuC3qMxxTFEfdxVHFy79R2BhqGJsK6qCTBRROYUQ90WGKiOquDo0CyDvV1ZxTVnFlZ9xqBfKYy6WLF8+rGZC/+/kZM5fJd/NZ3Cbx8kjed26/077mAI/v5/FtfF527GC5OZ95rhXM6fsNYdOsjdQyWiBAY1HTqUYZdT+VDZL7UPZZW/2Ji2xUFs1adJspCtDYKLASQkUzpZJQYwJteg59emOCNDRLGiq6Yq+0VYI4XXd7XXt3dXdHXUc3iJ7RXp3G85M99A1LzyHANlr9UzXY3E63BjCenrhTjnlP3slj8MGrnYx0d0ZLMOhOOZCCH+JgS0a6m1FFds4uVg0ptzvqi10WUBeyyMVNRzdXg4FOr6G/9ZXQuS1MPqy4CCfn38lZiSocX7be/xOLcl9OAUtEugbCIbu+fgHhZZdE/oXkkRCO87XD0fXrxC9EXK3nXbm465eFhHpAn/JrvHDqqnsFioLNf/fNrZnr65TIVfk1gN//5XEDqBgi3hXhyqhVBNO0hiax/Dt51HcrVFt+M2qqZkFAq0ryuwK3usiK1x16E8GYkjW/Q5fkTQq2BPyupGqiyVRoNyhNWKHDANihL+TirkYba9pr9nZpEYgaW0hoQnRLgLon7dSFpF7/e1a9/RAgNOiQqXMIikUSlaxKppKI4nZVJVpiFyU6FWJE1ihDxAp8HEhj24aglnRfStIRp8+VfrNTKn/Drk8EhDRX5oKOH6PtetSIFTqyuxYmcKhpzeCaB2uG1oAjTWsH164JsK7+zIhzD63tyr0doYKYvKiW2YerRW9QNwUDMCUg3ZQh2S6qmn24WQXiGrre6Dr3RtcbIGZKlWi7ZFNGupSSDm8KUt8QVc8+3BIVq2oGLhAvZBXmjhEWoXHJb8wsSHWKOGsUujjfex2Fs2CGfOd50L25G2h2rNkwb8OjDRvmrXknPS3sdmcnE+8VujzBUNrStGDIY4/RfE2qVSv8L6T1Uvhb/ExDZUHDs4aKggZufUVhQxXCqF9wLl/2aw/E2PUR+WwFpiyRRKTBKED87rt9SqfiwrffNSEjMaWx1I9p0tjSvSrCZxRy4oxMUrJxhpgK3E8NeTneVFHqfvIUYZnckZVVntI1Nu2whcUz8A4lv+8wyAzG98HkH/GtNQ2dDa01vQ8ZPiX6jivBOt+qc32EKoD7Kdo7nQhMV9BlZMq+5ErLfEtFsmFhp2k+HJVOi16tRCfDMr/iD0xB8/kHocUgbfL4eLBwYRttNY7c/hSEFKfVyHOn0tpGTmkw9MysbF7QOLOih0qceMOVYllsTclmciWZOP6oBHCse7L7/D/ns4HP/wFHn/Isk+CHsUUoTvdpepYM3JiA+lYo/TL628A3b1/a6uD33H04NPjoeb/6zPtXwRX6ILS4p3uWrFBxGlWAtMnGuKFP3SvyyHmuFY+H4homOyDeEJWR0vbPYikq6wifCylMMmcIAke7Jlt0R6HdQTmbzFz1vHOyWb/n1z1BOYvCWgXI5N7Wxoauxtam3qo5U5sauxqmNs6BatLuWudb76aVlb954H6qOLpNue3onvHurrGxnZoHKJbmJYI4QYWM197YUlfTgbIc5W5rbDEz/z3z/hSw7HRhRnh4eLb6KnA/1bw5IlwxTGRSsaOr9sxHP+/Z8P94RysyoUScGw5s6QYfjkUn0gWPIvu1mZzXXNquDcQgbXKG0Q8Anbv/lY2l+5QYIDy9TvOxsMEt3VsGUBy4n3Z7rZkpcHKm1dud2jCtZo5i7rSaBkB4WiOUz+rWCgNkQWCONlcuqvzk+pIaqVZaswQcJu5+URqTNYXMCZE5oQjT952XYaHnX/OVsFkegZrtKaCmxJTteRFStkdyH/NCJF4o53FTnRJQ3v67Z86xJzNEsatyZ31O/D131vxYcdORx3O6Tz+dKYybV9T9Penzku6VsBAQns5QN5du7iUtL97crJl+OnZtB3d793Zux1rw7whQNZbfEv/TNCePLhByMRbNVzQL1KjzWuJ+nBYS0AUiHaYEByisHUWIvPeKVivTaq/MUSBFLDoQPfVi5SfuePjMXDC6hXmwSKWbQ/k/n8Z4pTdBVcSRA/jZokduUZrIvehRDvvEdEtzkBi0NmedZ4OBzLcyASIuE2oXeGtfiHtBTN+MuatForhxhLXtjDsdeQf/x6sQNBHvhIxJHpPzLX5utKQHZYhV3wInp/0gaZnflJGbGW4OZueELeFPCF0Cha9to4ahTlRPairUz9SJATYYOllWlJlZmlmUWXZyIY6s0t5QlaZ6iasQHKC/h3Mzgyb/MuLB2VyfUtBE/CRsCWXnBL9z5Luu0DDUAH2cVZRdFluWJGXZkCd/aiD+Cspac6GND+rMggmGx0dSx9xAATN6DQuVUYOZofyibQpVFDpdRulYo0TCMe0xAP09yDOFLOFPic0Cpa9jSkWw8BPP8Y9mEz1xxHNpplB2XnobyeODErW3UbfHmwceogafSvv8MQNg9WT7Y7+XJNPewh63g7Rt1d3VnVvyGKIahigPbMa6a7pnb2jvGt4BbKuVCDk5GSRx2xO6h3ape155vbtr99nZmt39/z2CfW+5IGmxr83fTfg0A8v7mfRzjmYJtPGPjsfe33iat7HHH8AVRN6oEKSFo8PenOAf7QbDS1AjHZxZHSrIKooUJctDzYibYqrxBgj2cE6Fxw/ZQ3rgXEptpskSzr65zSA9Kyds8g+RupVHFVSvj5CovYVVGtz5/yEb7Y4a4X6k7CYO+U0hbuS8zXPMHKTyAv7NBkmLvQr1XMLKHk02LYCjeg/w/gAmK7gcCv9Jv6ZMEuEmnE38fiGO7OZwSLxvl2hKhcWShHHjP2uUCMjDAquViNzCe+O3YnhWz2oczRqRH0CUqHJ1YX5uKB1Y+tufeL1EmfYm9qR9sWe9tYn4SaY25M8JAmJ/De+X7Cnvkol/Tnm38hde9fi0GobAKmDUgAHi4oFKwS+pSe+OkEZSz+QdnkJLok05nOc+M0QaSXo39Sm/sn+gRILn2/fuJY/Y9+a7xIA49k5P18pjbeolY2WksrEl6mkrD3d3jX3Qhe4yp7cSWy3pu1BA7K8UMGoKz/9F6V5y/j+Tgurj61TpGaZQ+RolYtfeOMVn1YIhcTGULU71R+0o2EAj0PoOqPA1oISYKUkLKKv+H0inv4MqQdw33Gu3HSmhQFpuda8CscgtjMysY4SobdpMRUBuQRS91bmBtLDLcesaF2wvqFtbB0a7FH65RcXorcnxp4VSHA+vcXHutQcOV9ifllPTy1BZ5AFFJiH0NWFPFnhI3kRnVW1QCGwpUTbFnfAuKqeqXyGyhlU22cv13JDN06v9VX983KVxxthh2obOnxDzjA5vIgiQQf/0jo2kxv43p6/4fJuGV1pVC8hr6PzKp10tH6TajfipHsa6wbMI2HQbrxmpR0Vfq0qf/kMeDTfSNAO8F2TsaP5RYB28+jDK5Mty7fZq/4wfwdWm0UTjhPEIDMcOtsm6y7srayt7ynuqartWlueUg/5qn69ieGSZz1teht585RXKTGUVQBCZ2zH3l63l1eX3tgpzAhc8Gc2hAVOZ0BBIgMdgQvwOZb/4YPq0LRnDewooXtY75wS2LH0oPqTPsvPPvcPyUgr3DISaw0sHIuHQymX+SHkk0LgKm4ojkQH9T9yMwT2FkaKB4QyYCPk4hq6YclxX4fUT7DE/qmicfwt1vfsPaz/NhMBwINwsal5FA6CLUBjxL1sZCkcGloZV4n9/MaxqHuffxHiWmYoemLsyUPK+SIKytQ3dzSaYe8Ge4YwWrc/uhzwVyh3xBHgMTggYyoQmaU3g/WJbGE31Y4zdT/BW5ITtHnmBElYVwhpX4UBRpHDPoHsOMRCJFDcVujS6QmAtydHnK/6XP6rBdpEBZj/+o97h5vAmW7zWX5eX8YVDvBLXnD+4ZUXQQpcguGJL0EmB1r3ifCF9CgJb7CFY7UiyIvoARpEtkCOqUPQGpeNedul/S2KnMvQbsG2hvyr9TCPz4V6plCq/O0dgUpu64m2vqzBm89oj9jp7yEttmRx1tB0eg0dwNsGsgEltYuNjeH4hmEmshqtXS0dhV/3oIpbFCUK4s8rtwzaTeBozhk9RxoqeQAT1ZM29snEpFzAYEIPBO4coW0uB0p8rcxOaBT1Tv92RAGkrRfjPQPp1tLdrjV8Yw8+Y1KbALEEzycEzth+N6t68fwRcqIKl3288+AVi9WHx/P6wl+ivpc/hMXgKg6FKktqinvkrKJXyVl3ntg4kRfuXkXrtR+CbEm7Ylh5pTa2Qv89QqZXRU1hsGTv2Uh+6pHCwThQFCiYEotqsq9w87l2Xiy9on1e4nC9uGCrayOu7HkOQslmoVhZWRr8vr2h1FYGQmZ/ZPhCpteVxbLYCjgMtGijJYNy0r/B2RtA2uoSe7+nC3uAiOyyQgPJRAtGZ+UXTluBSgo1gui17l3/21/7Oheu93mDXWl6yKShfmbuyMXrJaho/rl69doNj5dD8QjC6+H/OS5ivB9wS9Ifzcvjo1b93DOQh32y1OI7kDMVVGSB/eZzgrnuMBaej6v7k07QKX2cWeOaHx+BLXqKH3kMh/6t3MG0A+34a8f2sHHW9ODrCzvqVrn8RA/xQUXjXNIcG9hSOfHfj260BbXOVtpljn6nT1qH/amfExp/c1bZ/2/pfiJQPDkhRIfPRfASini9+LBZ+LKTKpJAI44W15R8c7EPCMora9BunHckCLe0rMjx4jtxVndGP3TxxQP3rkfKKyTQ9WdNd3rHGx+v+uNshhTd+BpUA9qnEAP2ZtE0LbPV8baRl7HRyOjCybUhuk3TEvZ3hTa2uAuvuA0uvGt/gTq/vDCgfHZcERPZU0niMp3b7znf2wfjSiQ9HY04j6CRAzexlAd+ixT1Xl74pZYC6UfgBewJMeQsegx9aJ048D8AzFxPUgeY46zZlIQOzsuRBfTsIrF9O5Yr/JoAQgwGxdwgN+QpIVS+/i6qITvz4eRtHT9+6+UdZPOuGABbcY8XL/ty8la7n2E8c0zt1x4edePwrb0Vb7CfABxeW4zdNAkCG/OodjJ1s1jijjCUlBJI0xTsW1Cn3e2QUBMjD5qn1OvrLhqGEVHyg2WqxNg/gaLlQvl6kgFHWlZ9KE94+FlU/S1eREy6sXkJQyHp+MvvcmQoBV5ZnFs1ux1MThgbNFvOg5Gt7SvjC+LKHD9yz7c1jeziJC7TND3UVOjyuvMfg49AyhoX+CveFLDOOovoxJrb+elv4oRb8dWSrVsXmL0eBGepW9fDTV5jUpgF8DL8akwEpruX8O2XDQLgBts+1tzTC2CRIBDWCgEgBq1k33xexLbjVRKtXLtaTL7Mzl74qxDN6cM4bn3MpyN0m91z5SeuOEAwf0HdGH95M1YmWuw0+DkSEXYwtZitTLAUk3N2kDeuF02dGla0KzycA4DSjEkL6ZlIoxBatjxX8/Af1FcUhUZRMy3rwmai3x+DBR0dsh1ojo7jHMNzjsDl6vFMxXSfkxU/x0Q1aUCEQJYtqiwnAm9sm5z1h45r9jYsZDAhMRd9XQcL8nzYgtvJr2/pv0jo8przL4IPWzz/clgl9Crr+XZj7dfro260Bf31OYzMYNCaDTS7y0P6SYtIrNxVKxeXbEmy4ecWnvGJtXdOntt2jEHA4TGoPRUDprmUWZyJ6FBi1MRqjWqVXoSZNTDRmnY/zOWwml8Pn3GUWZ6F6hM+NjYnmYj13+gYoOiYWAp8mqMRvfaOLf7yfosKvfhASSYgrbsXGXdlCTLjnpZKNQhJZaKWQ+BiR7IEAYBAEQQAyQYBAJAICkUeESBhKIGswMqVeTSZ9xCFB05cBIqmeuekuCQIQELEhwpPxFb1KPgQJ/rVVOllueBpWsCEKje6lUqHabCqzT9NaSKfme9evWxfO9zEKN5DFGxgFRRkRD40JhR0FrBjAorcEft/2T7+hf93Gm/8BT9L7OMP7iSvpadCMRJDxidpUZ4pvwsopnH9T5H+LpVT5H7NiwH58MHrylshzXRffP/SJ4P5xikaxU6SUaVg3PxN1d+rTdCNDFptlaESXpt/cYrPZWkDaNsbixv2acazJ3DslEPi8fyh5Ob0M00PzwkMzP/O6RUpJkGsydZZg/ODgM3ky+y+CNQu98bV9z7smchdI2edQio1sNlkSsZlMtnTBhVz/rr7ntfHewjzoa7TZFXjxbzwm+hCWUjxpHXAsRm50VIx3k9Lo8xl/d3QC9gM1Q3pHw+aoOWwzh21hAxvFe6flDX7M1g2zaD8s0e+aJU/Q8TUas0YjSNCpv2fwSAKhQiTRHjCPUCHI1bjIzeoDf4NDPRI5q+6OKCidQfSpjHw1XEtlLu9qz00ZmBeJft+PCOlMYfr3rBq5YWM2KFgbWz9VeJPqVMvcGl0QRB05YNZKRApJNI/xvVoXL+T7Z4qvS5DP2rVE/wONNbzOjsXCHXlpSNo14iNqGv79dqlnAPkUyk+D/xjb5lj1ZfFVOahhfVgwVoQTrL/B2Q/gURmoW/fd+v2rG2y6vKAO8giuiij7CXNPFmpG2drY+GHQ1v8zz5mosjtRKak7Ww8pCUuNdptfvJqNC1HDsKJOr+ozWEyXmtpzLy6COGelJW08zqMNXBuApTKY1s7an45JYZjCvsyq7VoFw5LSpj0hr0YqraWymqTXP5jLwbdZtL6DpwuiGAdYsFTe1ic3T0iXvn+6/i4sk0hKYZk5i+5KWJqe0TRJ5cTjhKnUPtal8w726YO1dElb2/X3pNI2qut4Yd40WCal0voOXursY+0/2AbLYFlQvBBp4bjBFTxNv+/BOyorwvOLIMlnXKfmiVqlqN7VueHk6GkrNskQA6SWqSEDCi/dQtNznDf2GtyGvaeT9abcbL3NeQOMZr/9YH+yLWn0kt6NT1x32JwXJ3Ah5bspDfmwQ/srJrrIJ9PvcF1obe37zI8+A4PJuEs3ctHOxqkrltJUOBeFMQRHqEtXUHGO/eIw7sKHJ5w65wRY9Mxu1OlchgT7vgEdnz0mIgo/49ymK2i3OWni01x6SXspky24yZUiUbqof/h3bCdH4lNkCiQKsXLeFUIiC0dlVq66OahLThgCtz9CneonmIB/7ZpE/OHVfZdzhvA0fPSi05p0ah89UL93InneI+PzMhnMTGMCoGSfvrLcYcRxJW6090zoXLqhU1aj2MYLsk0M6UQ91jDw8qQ2dAfCO8En029zkpDyStXtbwYVx4YdQr6H2il9bWDIq0uO74oE5teJiWIyVzAX8rLYiBRhh1UP6yxQfaluYJ893j6avI5sXE57Ffi2NmxiMDd7eXU0tn+qGrRUws8lUeX3ZilNalMdHH3Usob/pJzGwQ85TRQicx9XvE6mkSrFNEY3k85CPYzXaFNJJIhImkofY5AhAkQfowtjWZ+xatm7cT7gzL3KK6OPczD05cs+scoXjzAMe9TTxuaj4GtyRN4RJVCbs8S0/Ww9ez9ttpxvNq+YY0wxbplqMptbPnkAwzYpTG9QcZHofrtSgEhWMcns23QbE5SY2nseoRj66GVUXNTLlwMwzji9lj7GEJOIEH0LXRTL/piDVdLHGJkIi84o7meKFbBW3ifmnGQRKREKwgdnaEZd0sSwXsDeEoQG1nFu05X02xyv5HbPn0unMtnCBzwZhuhVNBfZcWFU5xb9rAdb/4vG29LjUng8kuCejKfi0lQC6RdA5KVlJbEErySXMdhJzpmcRPZqaRyDGUhLCTNYKdk0r5D3uVTEoXFf8sQkSMHjpQRirUzV689OOYG6zBroVd91nrpopkE0sBT85TuyTfuwomrUjqkwjLei0JVocdThqXidw4IIH8kgjGfHEBRhePB8p8WZj6d+Nw3gYPfAE0zNc2AvqgarQTdYPdDdazWk5hQbHXUNdQ5/2sh4gH7k7mIqBVgyrhA1XXdakk7duiIWpSpFnJL1d9VKzUDHNDLr7wbrOkx4EY3/jFIRyeVbE8mWpIuNYvYXf/6NXz5omjqdxSxrbRViPYO4Wzd63WFxnhrVufGRiSRL0sj6Sk3MKZX6W0yNKEEFz2l2jt66LBKncG7TyZQLArTOO+74gU0S7781ggbAoYHRBBbzq44/yj/TUZkicVfiLaPPvfYmsX4HeBty6pynhvFUfOSCg62jLV9KQ/QIJqsvIfrS5TQd235hny5VtxecJjjxpIlX9W5834XP2RcRA1cNR6k8Mu4jqUxcSHFe2Ie78b3ZW1g8GkQ9UACSlyl4ahkG5ALsghyzz8STT+3Vu/V7LyWxUgQMVoBKsTA4XK6e47h0Qv+0nDgF9OLURIsjX5eKT3FYVMJ/NYYhduwzTGEHAd3IRYfZeermW2JRilLELll/F8MSBxmCC1De2hRE/NbNiSSzHkg+gsXBkhCDGS4utnn1SRdHDG58En2kAttPrhNqzaAIoe1eQdNz7dcndG79vlPgnWUsQ8S684wUPrPTGqGRORwyrTiw4ZpUUJAfx6PTud4Wv1IRaEYROd1sotNRfpcuVkQnDLH1Z2Dp5JnoIi5bQi22jl+TCH35sSfTGHnNRQplYYuJK6ObzDLA/E1QfjXQqS6HGgg2cP7fs1kx64wKmHObnQfYaXibeXBIguDdXVaLdX9rFr+v6pj6GMguXWGqvTq77qtZ+VmVo8XNdj0xLbS2qxsvY93K7Ri8YSBIUcsjCvtC/88m4HuT54kE5rzO9ABGIl4eb3dIEDzGlhCfEG3HQ6zWqo3qjYXB8tOC3FdRnSG9PKvu8Z1v1XUvo9beUZbeO9CorPtD7CbXoSnQuLLMaRljmYahrUvIqqy6tj2AUYdpvJlQVhOqdPAUG32yTaOwnibT/M4otnfoLeahy/mvTJ8YyPX+9b0fAV3Frpz3f6vFLZxD0Dxo/2NqHgYvZ4HamUIo64N383OWkc+7zuSFrbqnGJ/KpEfBS0ItxUnXAJxwfuD61YBumzapvZGmc3fvA0Yar54h1batiJXZ8uRN+n/gU5tx4KSngauEGdnxpM3gCCH30Smaq0fVWEo/g3q3uVWp2NHWlkF9mm7ZkFn11YKoAryyMPXvjc5MK5rSqayQ58cJA0IIjJXw53vKIHwaVNAaZGHphF8nhFoqxyF3B+CAuQRxrZMupVvhmxVPjuy15HO2couPAFEWs/geJk8u5VPoBWQSQx5FGqBGiARAIEaoS0hEiABRZ5PoCOMEJZfZL6YCaiODkwFI/UyF/Nw5loB17qxcIT/W0EKhysG4YHUqElVORmizks+Ld2Bt+3V7ga9S51Uyb37nPRRD7z0VRQknJwdgnJ2UWvowlUskQulfoNmx7It0aSV9hGJFWBRqUf8OsYInE8jEnOM0AqmQgjB5iYMYEpRWHyyTc6n7QaXWMrIArYfmljNoNFsfjS8lqiRT+KxBBpEcIMs5rOqmKwq54splWC1NvqYKOaufmkebQyNWCy6Dz7cIzJRe1f73SIZayJFeV5YDoPk+0VZAF4uEDIwIWSxZwJ5IoItltazLdIY2qoozyfRgPn/gKgIpzBd0KW8UQctAvsgHaFSIFi2+WGbrK9fVuROuWqvqBNesgQOLDifegIb57xEzL/eceZNehKnEP34OnwKy0yG8yrfJ2bdYEJmsya12VVhWNSuIj9n5Cfk5cEHY2HHnKwvngsy3AzfNzEW6PtuWoW/N4Lz1vO3QluLi0cK5q+klMldRyZFKddaFaV3+c9Xq1mnp5z+brS7r4uM/iqx5Ijbubjt0VmsKkfMvv0e9NoHYTULGFxCFGQBxHYI4C9j1qhRIckJF6fE2hddW6AOAT/wPVOrP5qMMtpRdW4C3eqjhyqsAXLwTfh6Ay9fa4q4a67g6uzYjLQFzVvrEi7YXUH8bNXR5nRF9fBjZxwcMJgFk6ZNsvJt/eJQIqpo0oHKh96F37dTnWjMFcMk2bzpF78hndT6v+Mt2gzu9Ghp0aeGaCY6x6JXdIEf75FHd84FXcfCevvKKr+lz3esF8GaZGQa5KxWvVNDWJfwwFB+kBY/CkVpcUuRBfZI/YMjWKdDouTqBb5CZSqbONGsPzGiEpHxD1iIqsbsaMhGceguU0v4gykk4gKHe5zMULtmhV04Dt4DmS6/nV19m1MDaPDAfhf3QUbUf+NJf8LK7rcoup3ynDfUt4o38oGNfykHRiAzrnXzoJtN9ko/aC7GdzCEyR53OHUhuwpu+YahrXLLCKzONR6AvuGCavsIlxIvPsn3XmFOHf82bXVyAe8BfIMcL3FNXcqN4Dnb8cpE32n0ZOSD8TQ5RXbp2cRfhbza9nFESejgGf2hLNmyREyn3wmbylQ+d+6RvwzYDoKOpYrYVgjVEYRzcRovlfMAc+n82CJqVluElDTEM2nCmMhqfw1X91TfCrF6mOsWjBDo1xQW8D3Q9BqtvwCioIt4dfBpMVBLNsNYRQfgjjdDxgA/IE2h+vlioRCwkEOo9Ltr1SMfMOrbe1QlYx0KutVraA/a2fQfYBitMoUfteYCchg76Kmvl6mFZRoJ9ENZvKqwh7Wx5kz+DTQRwDKS1s1VazEV2rmhm8hwQ7r0DgX04ygUAIIxVoBi4jQQfh9MxktitBeADVAs58WkRNKJapE/Mb1H0dLBFJcLWFjWPJLdoaDK+RUuf4hYHQSlp0SnJ+cHuplUehvyLCCQ+/5r9+fITRS9OgzehzIzMbFCoevH0coTylsDbUu9BeQUJooewSJJ4V+itxSie2EtvukVfKyMHn1BBlrIdaA1/pRgSjOQfJOTGTQyMl6y02R6rU2SK7og3T2+BjxdOEVSFowzxThYZGIogzFrFa9DMeZgxp5rp1fN/4CI/wjFePxjMCg/l7cnlW9Q3QzQxPklYBr+SKK6e4Huaf8AlwcVCQQIb0lBJ8NBsE0H+NvsLIu9d4qfEgIMt9S07ExsHI9PowSSW7o5lZ5ZkKRo1GzmDNpZ7nyRGYqvBGDPnZPE+EidKScr99Z9hjFhj1zgQJyKEgofwUt7zCsZb1JHgQiPieNyLtiRBbuVGElmVfVmRRzmQdTlxRLF5JavJa6nlXtJ5MC97z+ybSR8Cgqo9HNnMPrKyD7dMLHSkRvjoOCZB+JkA4UiccKQ9GAkUzph9T7zwSpIwArI3s7CybQ7OPyxZCpdUbmk8BhlsiKGGGW6EkUYZbYyxxhlvgokmmWyKqaaZboaZZpltjrnmmW+BhRbZaJNf/M/sX//JVekOLBGUVKiimnbUUEt7OlBHRzrRmS7kU0AhRRRTQilhyiingkpGUUWEKDGqqaGW0YxhLOMYzwTqiFNPw7V4MHBBUlE13dPL28fXzx8IAkOgMDgCiUJjsDg8gUgiU6g0OoPJYnO4PL5AKBJLpDK5QqlSa7Q6vcFoMlusNrvD6XJ7vLx9fBEUwwmSohmW4wVRkhVV06FhWrbjen4wM3sDFyQVVdMN07KdehMxAAAAAABg8QAIkoqqG6ZlO/W2MHBF1XTDtGyn3iYDFyQ7EBERERUxKv5cBL499Dq3cgrb8N8MFfJrepBEK+nyOyqLtkkcZrm0VokGu7eGl8xb5qXtsW3hqZJk6Z1sr88U5wiyhe0E0MbLxJPYXrzk3vJsJfIy8DbwknpLvfQWc+NnMAi695GYJLtMPPHMz4WLQ+nJqqQGlNbnhA0C9PWfHRUYU1lNvGgP119fZxZePjkakKFkzeyNC2mckYicUfKiY1pzpZJVHDEUSQkECHM/+XpYy9k7+czF7chyc/5/LsSAQEIspBJ7UW5JENZhGoCSLM1TDUvJn5yvjBQT95rBYbYl80SvfCTiwSWRy91or2yiMgZt5Zi1atuq3TO/75Uj9c1J1lbKsg4WA9tK3L1rH2mljWrBcVz5pxjsCtvrUsxSmsP0csuNCqdTnPpHiQazbKF1yMn2k4Sg2YoN6LKdsXr6nJ9tZy2n+nHb8YDJ0ugzD7CZ0hWbKRPKpckuObsz1x078CVWScFaFaJ1Eb+zo6BMlcs6TbzhqD9IFWSTF/vn6MkGPBvcNPwQCwSApXeQQ2DMV7T1wsy/MEsunsa/vH93D/9Cdif/iXoTwFuIof8Faq5G2O8fEilSdS3tyRUMCggOI3B4CPLiNWsHJAx91+ay82F/JtRXe7CUi7stDGUKhl7sM319n7CcpWG3v+trEAF6mP6/hsJXE5zestA28BaK3xE99QNdqoaGngY=) format('woff2'); font-weight:400 700; font-display:swap; }
#hsa-font-bar{ flex:none; padding:8px 12px; display:flex; align-items:center; gap:8px; font-size:11px; color:#9fb3c8; border-bottom:1px solid rgba(255,255,255,.06); background:rgba(0,0,0,.12); }
#hsa-font-bar .lbl{ font-weight:800; color:#7fe3ff; font-size:14px; flex:none; }
#hsa-font-bar select{ flex:1; min-width:0; background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:7px 9px; font-size:12px; outline:none; }
#hsa-font-bar button{ flex:none; border:none; cursor:pointer; color:#fff; border-radius:10px; width:36px; height:32px; font-size:13px; background:linear-gradient(135deg,#00d4ff,#0066ff); display:flex; align-items:center; justify-content:center; }
#hsa-font-bar button:active{ transform:scale(.92); }

/* ==== style L55854 ==== */

/* 🌐 Language: nav flag circle (bulge look, theme-independent) */
.nav-lang-circle {
    width: 26px; height: 26px; border-radius: 50%; overflow: hidden; position: relative;
    border: 2px solid rgba(255,255,255,0.25);
    box-shadow: 0 2px 6px rgba(0,0,0,0.5);
    flex-shrink: 0;
}
.nav-lang-circle svg { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.nav-lang-circle::after {
    content: ""; position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
    background: radial-gradient(circle at 32% 26%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.10) 42%, rgba(0,0,0,0.28) 100%);
}
.nav-tab.active .nav-lang-circle { border-color: var(--accent); box-shadow: 0 0 8px var(--accent); }

/* 🌐 Language chooser popup */
#lang-popup {
    position: fixed; top: 72px; right: 15px; width: 210px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(35px); -webkit-backdrop-filter: blur(35px);
    border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 18px;
    padding: 8px; display: none; flex-direction: column; gap: 6px;
    z-index: 999; box-shadow: 0 15px 40px rgba(0,0,0,0.6), inset 0 0 10px rgba(255,255,255,0.05);
    opacity: 0; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-origin: bottom center; transform: scale(0.9);
}
#lang-popup.show { transform: scale(1); opacity: 1; display: flex !important; }
.lang-opt {
    display: flex; align-items: center; gap: 12px; color: #fff; font-size: 13px; font-weight: 800;
    padding: 12px 14px; border-radius: 12px; cursor: pointer; transition: 0.2s;
    background: rgba(0,0,0,0.2); border: 1px solid transparent; white-space: nowrap;
}
.lang-opt:active { transform: scale(0.96); }
.lang-opt .lang-check { color: transparent; font-size: 15px; }
.lang-opt.active { border-color: var(--accent); background: rgba(0, 242, 255, 0.08); }
.lang-opt.active .lang-check { color: var(--accent); filter: drop-shadow(0 0 4px var(--accent)); }
.lang-flag-rect { width: 30px; height: 20px; border-radius: 4px; overflow: hidden; flex-shrink: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.4); }


body.hsa-mm .nav-tab span,
body.hsa-mm .nav-center-btn span { white-space: nowrap; font-size: 9.5px; line-height: 1.5; letter-spacing: 0; }
body.hsa-mm .btn-close-checkout { white-space: nowrap; line-height: 1.6; }
body.hsa-mm .more-item { line-height: 1.7; }
body.hsa-mm .sec-title { line-height: 1.7; }
body.hsa-mm .feed-item-name { line-height: 1.6; }
body.hsa-mm .qty-pill,
body.hsa-mm .qty-row { line-height: 1.5; }
body.hsa-mm button { line-height: 1.5; }
body.hsa-mm .lang-opt,
body.hsa-mm .swal2-title,
body.hsa-mm .swal2-html-container { line-height: 1.7 !important; }

/* ==== style L56275 ==== */

  .gs-c{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;cursor:pointer;transition:.15s;}
  .gs-c:active{transform:scale(.96);border-color:rgba(212,162,76,.5);}
  .gs-ci{width:100%;aspect-ratio:1.35;object-fit:cover;background:#151a24;display:block;}
  .gs-cb{padding:9px 10px;}
  .gs-cn{font-size:11.5px;font-weight:700;color:#e8f2ff;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px;}
  .gs-cp{font-size:12px;font-weight:900;color:#39ff14;margin-top:5px;}
  .gs-cf{position:absolute;top:6px;right:6px;font-size:15px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7));}
  .gs-cw{position:relative;}
  .gs-tab{flex:0 0 auto;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#9fb0c5;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;}
  .gs-tab.on{background:rgba(212,162,76,.16);border-color:#d4a24c;color:#d4a24c;}
  .gs-seg-b{flex:1;text-align:center;padding:9px 6px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#9fb0c5;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.15s;}
  .gs-seg-b.on{background:linear-gradient(135deg,rgba(212,162,76,.22),rgba(212,162,76,.1));border-color:#d4a24c;color:#f0c775;}
  .gs-seg-b:active{transform:scale(.96);}
  .gs-i{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:11px 12px;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .gs-in{font-size:12px;color:#cfd8e6;line-height:1.4;flex:1;min-width:0;}
  .gs-ip{font-size:13px;font-weight:900;color:#39ff14;white-space:nowrap;}
  .gs-ib{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;color:#fff;border-radius:8px;padding:7px 13px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;}
  .gs-ib:active{transform:scale(.93);}
  .gs-nt{background:rgba(255,159,10,.09);border:1px solid rgba(255,159,10,.28);border-radius:10px;padding:9px 11px;margin-bottom:11px;font-size:11px;color:#ffb84d;line-height:1.55;}
  @media(min-width:520px){ #gs-grid{grid-template-columns:repeat(3,1fr);} }

/* ==== style L57265 ==== */

  .sc-r{padding:10px 12px;border-radius:10px;font-size:11.5px;line-height:1.6;}
  .sc-r-ok{background:rgba(57,255,20,.1);border:1px solid rgba(57,255,20,.35);color:#7df0a8;}
  .sc-r-p{background:rgba(255,159,10,.1);border:1px solid rgba(255,159,10,.35);color:#ffb84d;}
  .sc-r-e{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);color:#ff9a9a;}
  .sc-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;gap:11px;cursor:pointer;transition:.15s;}
  .sc-card:active{transform:scale(.98);border-color:rgba(212,162,76,.45);background:rgba(212,162,76,.06);}
  .sc-img{width:40px;height:40px;border-radius:9px;object-fit:cover;flex:0 0 40px;background:#1a1f2b;}
  .sc-nm{font-size:12.5px;font-weight:700;color:#e8f2ff;line-height:1.35;}
  .sc-mt{font-size:10px;color:#7d8ba0;margin-top:2px;}
  .sc-pr{font-size:11.5px;font-weight:900;color:#39ff14;white-space:nowrap;}
  .sc-d{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 11px;margin-bottom:6px;}
  .sc-d-n{font-size:11.5px;color:#cfd8e6;line-height:1.4;}
  .sc-d-m{display:flex;justify-content:space-between;align-items:center;margin-top:5px;gap:8px;}
  .sc-d-c{font-size:10px;color:#7d8ba0;font-family:monospace;}
  .sc-d-p{font-size:12px;font-weight:900;color:#39ff14;}
  .sc-tb{background:rgba(212,162,76,.16);border:1px solid rgba(212,162,76,.45);color:#d4a24c;border-radius:7px;padding:5px 10px;font-size:10px;font-weight:800;cursor:pointer;}
  .sc-fl{background:rgba(0,242,255,.07);border:1px solid rgba(0,242,255,.25);border-radius:9px;padding:8px 10px;margin-bottom:10px;font-size:11px;color:#9fdcff;}

/* ==== style L57606 ==== */
#hsa-ic .ic-card:not(.in){opacity:.14 !important;transform:translateY(16px) scale(.97) !important;}
/* ==== style L57757 ==== */


body.ic-zen .ic-hide,
body.ic-zen #floating-support-btn,
body.ic-zen #hsa-bug-fab,
body.ic-zen #hsa-rv-admin-fab,
body.ic-zen #hsa-theme-icon,
body.ic-zen #ht-theme-btn,
body.ic-zen #lottie-theme-icon,
body.ic-zen #support-popup-menu,
body.ic-zen nav,
body.ic-zen #bottom-nav,
body.ic-zen .bottom-nav,
body.ic-zen .nav-tab,
body.ic-zen #hsa-tg-fab,
body.ic-zen [class*="tg-float"],
body.ic-zen [id*="tg-float"],
body.ic-zen [class*="pokeball"],
body.ic-zen [id*="pokeball"],
body.ic-zen [class*="pkmn-ball"],
body.ic-zen [id*="pkmn-ball"],
body.ic-zen .nav-center,
body.ic-zen #nav-center,
body.ic-zen [class*="nav-fab"],
body.ic-zen [id*="nav-fab"]{
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .3s ease !important;
}
body.ic-zen #floating-support-btn,
body.ic-zen #support-popup-menu{
  opacity:0 !important;
  pointer-events:none !important;
}
body.ic-zen #ic-top{
  display:flex !important;
  opacity:1 !important;
  pointer-events:auto !important;
  z-index:2147483647 !important;
}
#ic-top{
  position:fixed !important;
  left:50% !important; right:auto !important;
  bottom:22px !important;
  transform:translateX(-50%) !important;
  width:42px; height:42px; border-radius:50%;
  background:rgba(20,20,26,.55);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  color:rgba(255,255,255,.8); font-size:14px;
  display:none; align-items:center; justify-content:center;
  cursor:pointer; z-index:2147483647 !important;
  box-shadow:0 4px 16px rgba(0,0,0,.35);
  opacity:0; transition:opacity .3s ease;
}
body.ic-zen #ic-top{ display:flex !important; opacity:.55 !important; }
body.ic-zen #ic-top:active{ opacity:1 !important; transform:translateX(-50%) scale(.9) !important; }
body.hsa-pkmn #ic-top{
  background:rgba(255,214,10,.5) !important;
  border:2px solid rgba(26,36,86,.5) !important;
  color:rgba(26,36,86,.9) !important;
  box-shadow:0 3px 0 rgba(26,36,86,.4) !important;
}

/* home မဟုတ်တဲ့ page တွေမှာ လုံးဝမပေါ်ရ (JS chk() က 2s တစ်ခါပဲ run လို့ CSS နဲ့ပါ ချက်ချင်းဖုံး) */
body.hsa-not-home #hsa-ic{ display:none !important; }
#hsa-ic{
  max-width:460px;
  margin:-70px auto 20px;
  padding:0 26px;
  position:relative;
  z-index:1;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
#hsa-ic *{ box-sizing:border-box; }

.ic-head{ margin-bottom:14px; }
.ic-eyebrow{
  font-size:9px; font-weight:900; letter-spacing:1.8px;
  color:rgba(255,255,255,.35); margin-bottom:6px;
}
.ic-h2{
  font-size:19px; font-weight:800; color:#fff;
  margin:0; letter-spacing:-.3px; line-height:1.3;
}

.ic-card{
  position:relative;
  background:#0d0d10;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.028) 0%, transparent 45%),
    radial-gradient(circle at 85% 75%, rgba(255,255,255,.02) 0%, transparent 40%);
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding:18px 17px 17px;
  margin-bottom:12px;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(0,0,0,.4);

  opacity:0;
  transform:translateY(30px);
  will-change:opacity, transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translate3d(0,30px,0);
  transition:opacity .9s cubic-bezier(.25,.1,.25,1), transform .9s cubic-bezier(.16,1,.3,1);
}
.ic-card.in{ transform:translate3d(0,0,0) !important; }
.ic-card.in{ opacity:1; transform:translateY(0); }

.ic-card:not(.in){
  opacity:.14;
  transform:translateY(16px) scale(.97);
}


.ic-card::before{
  content:"";
  position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");
  opacity:.35;
  pointer-events:none;
}
.ic-card > *{ position:relative; z-index:1; }

.ic-ico{
  width:36px; height:36px;
  border-radius:10px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.11);
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  font-size:13px;
  margin-bottom:13px;
}
.ic-card h3{
  font-size:15px; font-weight:800; color:#fff;
  margin:0 0 7px; letter-spacing:-.2px; line-height:1.35;
}
.ic-card p{
  font-size:12px; line-height:1.75;
  color:rgba(255,255,255,.58);
  margin:0;
}

.ic-gold{
  border-color:rgba(240,185,11,.25) !important;
}
.ic-gold .ic-ico{
  background:rgba(240,185,11,.12) !important;
  border-color:rgba(240,185,11,.35) !important;
  color:#f0b90b !important;
}
.ic-new{ border-color:rgba(57,255,20,.2) !important; }
.ic-new .ic-ico{
  background:rgba(57,255,20,.1) !important;
  border-color:rgba(57,255,20,.3) !important;
  color:#39ff14 !important;
}
.ic-num::after{
  content:attr(data-n);
  position:absolute; top:14px; right:15px;
  font-size:32px; font-weight:900;
  color:rgba(255,255,255,.07);
  line-height:1; z-index:0;
}
.ic-btns{ display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
.ic-btn{
  padding:7px 13px; border-radius:9px; cursor:pointer;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
  color:#fff; font-size:11.5px; font-weight:700;
  font-family:inherit; display:inline-flex; align-items:center; gap:6px;
}
.ic-btn:active{ transform:scale(.94); background:rgba(255,255,255,.13); }
body.hsa-pkmn #hsa-ic .ic-btn{
  background:linear-gradient(180deg,#ffe066,#ffc700) !important;
  border:2px solid #1a2456 !important;
  color:#1a2456 !important;
  font-weight:900 !important;
  box-shadow:0 2.5px 0 #1a2456 !important;
}
.ic-flags{
  display:flex; flex-wrap:wrap; gap:4px; margin-top:11px;
}
.ic-flags span{
  padding:3px 7px; border-radius:6px; font-size:9.5px; font-weight:700;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09);
  color:rgba(255,255,255,.65);
}
.ic-card code{
  background:rgba(255,255,255,.08); padding:1px 5px; border-radius:4px;
  font-size:11px; font-family:ui-monospace,monospace; color:#9fdcff;
}
body.hsa-pkmn #hsa-ic .ic-num::after{ color:rgba(255,255,255,.09) !important; }
body.hsa-pkmn #hsa-ic .ic-flags span{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:rgba(255,255,255,.7) !important;
}

/* 🔴 Pokémon theme — black card + 3D border */
body.hsa-pkmn #hsa-ic .ic-h2{
  color:#fff !important;
  text-shadow:2px 2px 0 #1a2456, -1px -1px 0 #1a2456, 1px -1px 0 #1a2456, -1px 1px 0 #1a2456;
}
body.hsa-pkmn #hsa-ic .ic-eyebrow{ color:rgba(255,255,255,.75) !important; text-shadow:1px 1px 0 rgba(20,30,80,.6); }
body.hsa-pkmn #hsa-ic .ic-card{
  background:#0d0d10 !important;
  border:3px solid #1a2456 !important;
  border-radius:18px !important;
  box-shadow:0 5px 0 #1a2456, 0 9px 18px rgba(20,30,80,.35) !important;
}
body.hsa-pkmn #hsa-ic .ic-card h3{ color:#fff !important; font-weight:900 !important; }
body.hsa-pkmn #hsa-ic .ic-card p{ color:rgba(255,255,255,.62) !important; }
body.hsa-pkmn #hsa-ic .ic-ico{
  background:linear-gradient(180deg,#ffe066,#ffc700) !important;
  border:2.5px solid #1a2456 !important;
  border-radius:11px !important;
  color:#1a2456 !important;
  box-shadow:0 3px 0 #1a2456 !important;
}
body.hsa-pkmn #hsa-ic .ic-gold{
  border-color:#b8860b !important;
  box-shadow:0 5px 0 #b8860b, 0 9px 18px rgba(184,134,11,.32) !important;
}
body.hsa-pkmn #hsa-ic .ic-gold .ic-ico{
  background:linear-gradient(180deg,#f0b90b,#d49b00) !important;
  border-color:#b8860b !important;
  box-shadow:0 3px 0 #b8860b !important;
  color:#fff !important;
}

/* ==== style L58077 ==== */

  #wallet-view{ padding-bottom:170px !important; }
  #wallet-view.view-section{ min-height:auto !important; }

/* ==== style L58101 ==== */

/* Compact mobile grid (small icons, 2-4 columns) — scoped to <1024px so it stops fighting with the desktop poster-card layout further down the file */
@media (max-width: 1023px) {

body #gc-cat-view .gc-profile-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body #gc-cat-view .gc-profile-grid .gc-big-cat {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 14px 8px !important;
  text-align: center !important;
  min-height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body #gc-cat-view .gc-profile-grid .gc-big-cat.bw-card,
body #gc-cat-view .gc-profile-grid .gc-profile-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body #gc-cat-view .gc-profile-grid .gc-big-cat:active {
  background: transparent !important;
  transform: scale(0.96) !important;
}
body #gc-cat-view .gc-profile-grid .gc-cat-icon {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  margin: 0 auto 10px auto !important;
  border-radius: 14px !important;
  font-size: 42px !important;
  background: rgba(0,0,0,0.2) !important;
  overflow: hidden !important;
  flex: 0 0 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
body #gc-cat-view .gc-profile-grid .gc-cat-icon img {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  display: block !important;
}
body #gc-cat-view .gc-profile-grid .gc-cat-info { width: 100% !important; flex: none !important; }
body #gc-cat-view .gc-profile-grid .gc-cat-title { font-size: 12px !important; font-weight: 800 !important; margin: 0 !important; line-height: 1.3 !important; }
body #gc-cat-view .gc-profile-grid .gc-cat-sub { display: none !important; }
body #gc-cat-view .gc-profile-grid .gc-big-cat > i.fa-chevron-right,
body #gc-cat-view .gc-profile-grid .gc-big-cat > i.fas.fa-chevron-right { display: none !important; }
body.hsa-pkmn #gc-cat-view .gc-profile-grid .gc-big-cat {
  background: var(--pk-white) !important;
  border: 3px solid var(--pk-ink) !important;
  border-radius: 6px !important;
  box-shadow: 4px 4px 0 0 var(--pk-ink-2) !important;
}
body.hsa-pkmn #gc-cat-view .gc-profile-grid .gc-cat-title { color: var(--pk-ink) !important; }
body.hsa-pkmn #gc-cat-view .gc-profile-grid .gc-cat-icon { background: transparent !important; }
@media (max-width: 400px) {
  body #gc-cat-view .gc-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


#gc-cat-view .gc-profile-grid .new-gc-icon,
body #gc-cat-view .new-gc-card .new-gc-icon {
  width: 72px !important; height: 72px !important;
  min-width: 72px !important; min-height: 72px !important;
  max-width: 72px !important; max-height: 72px !important;
  border-radius: 14px !important; overflow: hidden !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  margin: 0 auto 10px auto !important; padding: 0 !important; font-size: 44px !important;
  flex: 0 0 72px !important;
}
#gc-cat-view .gc-profile-grid .new-gc-icon img,
body #gc-cat-view .new-gc-card .new-gc-icon img {
  width: 72px !important; height: 72px !important;
  max-width: 72px !important; max-height: 72px !important;
  min-width: 0 !important; min-height: 0 !important;
  object-fit: cover !important; border-radius: 14px !important; display: block !important;
}
body.hsa-pkmn #gc-cat-view .gc-profile-grid .new-gc-icon { background: transparent !important; }
}

/* ==== style L58205 ==== */


#gc-items-container .gc-item-title {
  font-size: 22px !important;
  font-weight: 900 !important;
  width: auto !important;
  min-width: 70px !important;
  padding: 8px 18px !important;
  background: rgba(0,0,0,0.55) !important;
  color: #ffd700 !important;
  border: 1.5px solid rgba(255,215,0,0.5) !important;
  letter-spacing: 0.5px !important;
}
#gc-items-container .gc-item-title img,
#gc-items-container .gc-item-title .gc-title-icon {
  display: none !important;
}

body.hsa-pkmn #gc-items-container .gc-item-title {
  background: var(--pk-white) !important;
  color: var(--pk-ink) !important;
  border: 2px solid var(--pk-ink) !important;
  box-shadow: 2px 2px 0 0 var(--pk-ink-2) !important;
  font-size: 22px !important;
}

body.light-mode #gc-items-container .gc-item-title {
  background: rgba(255,255,255,0.9) !important;
  color: #1c1c1e !important;
  border: 1.5px solid rgba(0,0,0,0.2) !important;
  font-size: 22px !important;
}

/* ==== style L58346 ==== */

/* 🎮 Razer region card — Pokemon theme */
body.hsa-pkmn #razer-region-grid > div {
  background: var(--pk-white) !important;
  border: 3px solid var(--pk-ink) !important;
  border-radius: 6px !important;
  box-shadow: 4px 4px 0 0 var(--pk-ink-2) !important;
}
body.hsa-pkmn #razer-region-grid > div div[style*="color:#fff"],
body.hsa-pkmn #razer-region-grid > div div[style*="color: #fff"] {
  color: var(--pk-ink) !important;
}
body.hsa-pkmn #razer-cat-count { color: var(--pk-ink) !important; }

/* ==== style L59233 ==== */


#gk3-q, #gk3-plat, #gk3-region {
    background: #fff !important; color: #161616 !important; -webkit-text-fill-color: #161616 !important;
    text-shadow: none !important; border: 2px solid #2b2b2b !important; letter-spacing: normal !important;
}
#gk3-q::placeholder { color: rgba(22,22,22,0.45) !important; text-shadow: none !important; }
body.hsa-pkmn #gk3-q, body.hsa-pkmn #gk3-plat, body.hsa-pkmn #gk3-region {
    border-color: #ee1515 !important;
}
#gk3-q:focus, #gk3-plat:focus, #gk3-region:focus {
    background: #fff !important; border-color: rgba(130,130,160,0.55) !important;
    box-shadow: 0 0 0 3px rgba(130,130,180,0.18) !important; color: #161616 !important; outline: none !important;
}
body.hsa-pkmn #gk3-q:focus, body.hsa-pkmn #gk3-plat:focus, body.hsa-pkmn #gk3-region:focus {
    border-color: #ee1515 !important; box-shadow: 0 0 0 3px rgba(238,21,21,0.22) !important;
}
#gk3-fav { color: #161616 !important; }
#gk3-fav-star { transition: transform 0.15s ease; }
#gk3-fav:active #gk3-fav-star { transform: scale(1.3); }
#gk3-plat, #gk3-region {
    -webkit-appearance: none !important; appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23555' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
    background-repeat: no-repeat !important; background-position: right 10px center !important;
    padding-right: 26px !important;
}

/* ==== style hsa-gk-avail-css ==== */

#gkav-modal{display:none;position:fixed;inset:0;z-index:2147483602;background:rgba(3,6,12,.7);align-items:center;justify-content:center;padding:18px;}
#gkav-box{width:100%;max-width:430px;max-height:82vh;display:flex;flex-direction:column;border-radius:18px;
  background:rgba(11,18,32,.97);border:1px solid rgba(125,211,252,.32);color:#eaf2fb;
  box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 24px rgba(0,234,255,.1);padding:16px 16px 12px;}
#gkav-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;}
#gkav-tt{font-size:15px;font-weight:900;color:#fff;}
#gkav-x{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);border-radius:9px;width:27px;height:27px;font-size:12px;cursor:pointer;color:#cfd8e3;flex:none;}
#gkav-reg{font-size:11.5px;font-weight:800;color:#7dd3fc;margin-bottom:9px;}
#gkav-tabs{display:flex;gap:6px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:4px;margin-bottom:9px;}
.gkav-tab{flex:1;border:none;border-radius:8px;background:none;color:#9fb6cd;font-size:12.5px;font-weight:800;padding:8px 0;cursor:pointer;font-family:inherit;}
.gkav-tab.on{background:rgba(255,255,255,.12);color:#fff;}
#gkav-q{width:100%;box-sizing:border-box;background:rgba(0,0,0,.32);border:1.4px solid rgba(125,211,252,.35);border-radius:10px;
  padding:9px 12px;font-size:16px;font-weight:600;color:#fff;outline:none;font-family:inherit;margin-bottom:9px;}
#gkav-q::placeholder{color:#5d7189;font-size:13px;}
#gkav-list{flex:1;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(0,0,0,.22);overscroll-behavior:contain;}
.gkav-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#dfe9f5;}
.gkav-row img{width:20px;height:14px;object-fit:cover;border-radius:2.5px;flex:none;}
.gkav-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gkav-iso{color:#7b8fa5;font-weight:800;font-size:11.5px;width:26px;text-align:right;flex:none;}
.gkav-st{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:900;flex:none;}
.gkav-st.bad{background:rgba(255,80,90,.15);color:#ff6b6b;}
.gkav-st.ok{background:rgba(65,219,134,.15);color:#41db86;}
#gkav-note{font-size:10.5px;color:#7b8fa5;line-height:1.7;margin-top:9px;}

/* ==== style L60875 ==== */


@keyframes gcMarquee {
  0%, 20% { transform: translateX(0); }
  80%, 100% { transform: translateX(var(--gc-mq-dist, 0px)); }
}
body.hsa-v-gc-cat-view { background: #0a0e16 !important; }
body.hsa-v-gc-cat-view #hsa-footer,
body.hsa-v-gc-cat-view header { display: none !important; }
#hsa-cat-tabs, #hsa-final-tabs { display: none !important; }
body.hsa-v-gc-cat-view #gc-cat-view.view-section,
#gc-cat-view.view-section {
  background: #0a0e16 !important;
}
/* Compact mobile 4-col grid — scoped to <1024px so it stops fighting with the desktop poster-card layout */
@media (max-width: 1023px) {
body.hsa-v-gc-cat-view #gc-cat-view .gc-profile-grid,
#gc-cat-view .gc-profile-grid.gc-profile-grid.gc-profile-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
body.hsa-v-gc-cat-view #gc-cat-view .gc-profile-grid .gc-cat-icon,
#gc-cat-view .gc-profile-grid .gc-cat-icon.gc-cat-icon,
#gc-cat-view .gc-profile-grid .new-gc-icon.new-gc-icon {
  width: 52px !important; height: 52px !important;
  max-width: 52px !important; max-height: 52px !important;
  min-width: 52px !important; min-height: 52px !important;
  flex: 0 0 52px !important;
  background: rgba(0,0,0,0.06) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 0 0 3px rgba(125,211,252,0.12), 0 4px 10px rgba(0,0,0,0.4) !important;
}
#gc-cat-view .gc-profile-grid .gc-cat-icon img.gc-cat-icon,
#gc-cat-view .gc-profile-grid .gc-cat-icon img,
#gc-cat-view .gc-profile-grid .new-gc-icon img {
  width: 52px !important; height: 52px !important;
  max-width: 52px !important; max-height: 52px !important;
}
#gc-cat-view .gc-profile-grid .gc-cat-title.gc-cat-title {
  font-size: 9.5px !important;
  color: #fff !important;
  background: rgba(0,0,0,0.4) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  padding: 3px 6px !important;
  display: inline-block !important;
  margin-top: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
body.hsa-v-gc-cat-view #gc-cat-view .gc-profile-grid .gc-big-cat,
#gc-cat-view .gc-profile-grid .gc-big-cat.gc-big-cat.gc-big-cat {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px 4px !important;
}
} /* end @media (max-width: 1023px) compact grid */
/* 📱 Mobile "Big" view toggle — 2-per-row poster cards (note icon only readable/shown here) */
@media (max-width: 1023px) {
  /* kill the base .gc-big-cat transition so Grid/Big mode switches snap instantly instead of animating over 0.2s */
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid,
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid .gc-big-cat,
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid .gc-cat-icon,
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid .gc-cat-title {
    transition: none !important;
  }
  /* specificity note: legacy compact-grid rules above use id (#gc-cat-view) + repeated-class tricks
     (e.g. #gc-cat-view .gc-profile-grid.gc-profile-grid.gc-profile-grid) to force-win the cascade —
     ".gc-view-big.gc-view-big" here matches/exceeds that so this actually overrides them instead of losing silently. */
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big.gc-view-big {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big.gc-view-big .gc-big-cat {
    flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important;
    text-align: center !important; padding: 0 0 10px !important; overflow: hidden !important;
    background: rgba(255,255,255,0.05) !important; border: none !important; box-shadow: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-radius: 14px !important;
  }
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big.gc-view-big .gc-cat-icon {
    width: 100% !important; height: 148px !important; max-width: none !important; max-height: none !important; min-width: 0 !important; min-height: 0 !important;
    border-radius: 14px 14px 0 0 !important; box-sizing: border-box !important;
    padding: 0 !important; margin: 0 0 8px !important; background: transparent !important; border: none !important; box-shadow: none !important;
    display: block !important; flex: none !important;
  }
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big.gc-view-big .gc-cat-icon img {
    width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;
    min-width: 0 !important; min-height: 0 !important; object-fit: cover !important; border-radius: 0 !important;
    padding: 0 !important; margin: 0 !important; display: block !important; flex: none !important;
  }
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big.gc-view-big .gc-cat-title {
    background: transparent !important; border: none !important; padding: 0 8px !important;
    font-size: 13px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
    display: block !important; margin-top: 0 !important; color: #fff !important;
  }
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big.gc-view-big .gc-cat-sub { display: none !important; }
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big.gc-view-big .gc-cat-price { padding: 0 8px !important; display: block !important; }
  #gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big.gc-view-big .fa-chevron-right { display: none !important; }
  #gc-cat-view#gc-cat-view .gc-profile-grid:not(.gc-view-big) .gc-note-icon { display: none !important; }
}

/* ==== style L62379 ==== */

/* Gift Card page — used to be forced transparent for all Glass themes (body.hsa-admin-bg #gc-cat-view{background:transparent!important}) so the animated orb behind it always bled through. Force it solid black instead, like it used to look under Pokemon. */
body.hsa-admin-bg:not(.hsa-pkmn) #gc-cat-view,
body.hsa-admin-bg:not(.hsa-pkmn) #gc-checkout-view {
    background: #0a0e16 !important;
}
/* #gc-cat-view's own box doesn't always reach the full scrollable height (padding/height edge cases),
   leaving a gap past its bottom edge where the fixed, always-viewport-covering .hsa-scene orb still peeks through.
   Simplest robust fix: just hide the orb entirely while this page is open, instead of chasing height math. */
body.hsa-v-gc-cat-view .hsa-scene,
body.hsa-v-gc-checkout-view .hsa-scene {
    display: none !important;
}
/* Gift Card grid — desktop/wide webview: big poster-style cards (5 per row), matching reseller sites like FazerCards, instead of the cramped small-icon list.
   Root cause of the earlier attempt not working: an existing rule (#gc-cat-view div[style*="flex-direction: column"]:has(.gc-big-cat)) has much
   higher specificity (ID + :has() + attr selector) than a plain ".gc-profile-grid" rule, so it always won regardless of source order.
   Fixing it by matching that SAME selector, and widening the whole page (was capped at max-width:760px) so 5 real-size cards actually fit. */
@media (min-width: 1024px) {
    #gc-cat-view {
        max-width: 1300px !important;
    }
    #gc-cat-view > div[style*="max-width: 340px"],
    #gc-cat-view > div:first-child {
        max-width: 1260px !important;
    }
    #gc-cat-view div[style*="flex-direction: column"]:has(.gc-big-cat),
    #gc-cat-view div[style*="flex-direction:column"]:has(.gc-big-cat),
    #gc-cat-view .gc-profile-grid {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
    #gc-cat-view .gc-big-cat {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 0 0 12px !important;
        text-align: center !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: rgba(255,255,255,0.04) !important;
        border-radius: 14px !important;
    }
    #gc-cat-view .gc-big-cat .gc-cat-icon{
        width: 100% !important; height: 128px !important;
        border-radius: 14px 14px 0 0 !important; margin: 0 0 10px !important;
        background: transparent !important;
        font-size: 40px !important;
    }
    #gc-cat-view .gc-big-cat .gc-cat-icon img{
        width: 100% !important; height: 100% !important; object-fit: cover !important; padding: 0 !important; box-sizing: border-box !important;
    }
    #gc-cat-view .gc-big-cat .gc-cat-info{ padding: 0 12px !important; width: auto !important; }
    #gc-cat-view .gc-cat-title { font-size: 13px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; max-width: 100% !important; }
    #gc-cat-view .gc-big-cat .fa-chevron-right,
    #gc-cat-view .gc-big-cat > i.fa-chevron-right,
    #gc-cat-view .gc-big-cat > i.fas.fa-chevron-right { display:none !important; }
    #gc-cat-view .gc-cat-stock {
        display: inline-block !important; font-size: 10.5px !important; font-weight: 800 !important;
        color: #3cff7a !important; background: rgba(60,255,122,0.12) !important; border: 1px solid rgba(60,255,122,0.3) !important;
        border-radius: 6px !important; padding: 2px 7px !important; margin-top: 4px !important;
    }
}
@media (max-width: 1023px) {
    #gc-cat-view .gc-cat-stock { display: none !important; }
}
/* HSA STORE header / bottom-nav — iOS "Liquid Glass" style. A colorful gradient is baked in (not just backdrop-filter) so it still looks like colorful glass even on browsers/webviews with weak or no backdrop-filter support. */
body.hsa-admin-bg:not(.hsa-pkmn) header{
    background:
        linear-gradient(100deg, rgba(0,242,255,0.16), rgba(255,45,166,0.14) 45%, rgba(120,80,255,0.16) 100%),
        rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(10px) saturate(200%) contrast(105%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(200%) contrast(105%) !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
body.hsa-admin-bg:not(.hsa-pkmn) .bottom-nav{
    background:
        linear-gradient(100deg, rgba(0,242,255,0.16), rgba(255,45,166,0.14) 45%, rgba(120,80,255,0.16) 100%),
        rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(10px) saturate(200%) contrast(105%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(200%) contrast(105%) !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
/* Game poster cards — a bit of white edge tint (static, no blur/animation so it doesn't cost extra FPS) */
body.hsa-admin-bg:not(.hsa-pkmn) .game-card{
    border: 1px solid rgba(255,255,255,0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 4px 14px rgba(0,0,0,0.25) !important;
}
/* Vaporwave — lighter film-grain blend (mix-blend-mode over an animated layer is a real per-frame GPU cost) */
body.hsa-admin-bg.hsa-theme-4 .hsa-grain{ opacity: 0.04 !important; }

/* ==== style hsa-card-price-glow ==== */

/* 🎀 Card ဈေးနှုန်း — Price Manager "အရင်း" pink-glow style (2026-07 user request)
   discount အဟောင်း (strikethrough) နဲ့ discount အသစ် (green) ကတော့ မူလအတိုင်း */
.p-price, .p-price-normal {
    color: #ffffff !important;
    text-shadow: 0 0 10px #ff007f, 0 0 20px #ff007f !important;
}
.p-price .p-price-old { color: #ff4444 !important; text-shadow: none !important; }
.p-price .p-price-new { text-shadow: 0 0 8px rgba(57, 255, 20, 0.4) !important; }
/* item နာမည် — No.9 ဖြူသန့် glow မပါ (2026-07 user ရွေးချယ်ချက်) */
.product-item .p-name {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}
/* card ထောက်ရင် — အဖြူရောင်ဘောင်ထူထူ (2026-07 user request) */
.product-item.selected {
    border: 2.5px solid rgba(255, 255, 255, 0.92) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18), 0 6px 18px rgba(0, 0, 0, 0.45) !important;
    transform: translateY(-2px) !important;
}
/* ⚡ FPS — card တစ်ခုပြောင်းရင် တစ် page လုံး ပြန်မဆွဲအောင် containment (2026-07) */
.product-item { contain: layout style; }
/* 🚫 NEW/HOT blink badge တွေ — အရင်က ဖြုတ်ပြီးသားလို့ ထင်ထားပေမယ့် injector code ကျန်နေလို့
   ပြန်ပေါ်နေတာ — အကုန် အပြီးဖျောက် (2026-07 user request) */
.gc-new, .hs-tab-cnt { display: none !important; }
/* 🆕 New Games tab ရဲ့ count ကိုတော့ ပြ — blink မပါ (battery/FPS မထိအောင်) — 2026-08 user request */
.hs-tab[data-tab="new"] .hs-tab-cnt { display: flex !important; animation: none !important; box-shadow: none !important; }
/* game card နာမည် — theme ရဲ့ gradient-text (text-fill transparent) ကို override (2026-07) */
.gm-mrv .game-info, .gm-akend .game-info, .gm-gsauto .game-info, .gm-nte .game-info, .gm-dfx .game-info, .gm-hbr .game-info, .gm-wuwa .game-info, .gm-dnmsea .game-info, .gm-dnmtw .game-info, .gm-ragorigin .game-info,
.gm-zzzru .game-info, .gm-zzzus .game-info {
    background-image: none !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    animation: none !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}
/* game title — mini app နဲ့တူတဲ့ Y2K box · စာနှစ်ထပ် ကပ်ကပ် (2026-07 user request) */
#product-view #view-title {
    font-family: 'Orbitron', 'Rajdhani', sans-serif !important;
    display: table !important;
    margin: 0 auto 16px !important;
    padding: 8px 24px !important;
    border: 1.5px solid rgba(0, 234, 255, 0.5) !important;
    border-radius: 10px !important;
    font-weight: 900 !important;
    font-size: 17px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    /* ယခင် pink/cyan နှစ်ထပ် offset shadow က စာဝါးပြီး ဖတ်ရခက် (user report 2026-08) —
       glow အနုလေးပဲထားပြီး စာလုံးကြည်အောင် */
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.85), 0 0 14px rgba(0, 234, 255, 0.35) !important;
    background: rgba(10, 16, 30, 0.55) !important;
    /* theme (vaporwave စတာ) တွေရဲ့ gradient text-fill + background-clip:text က ဒီ box ရဲ့
       background နဲ့ ရောပြီး စာလုံး ပျောက်/ဝါးစေတယ် — solid ဖြူ အတင်းပြန်ထား */
    -webkit-text-fill-color: #ffffff !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    filter: none !important;
    box-shadow: inset 0 0 12px rgba(0, 234, 255, 0.12) !important;
}
/* region tab ရွေးထားချိန် — အပြာ solid အစား အဖြူ (2026-07 user request) */
.region-tab.active {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #0a1020 !important;
    border-color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: none !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.25) !important;
}
/* game title — Y2K box · စာနှစ်ထပ် ကပ်ကပ်လေး (Rubik Glitch font ရဲ့ ဝေးဝေးကွဲတာ မသုံး) (2026-07) */
#product-view #view-title {
    font-family: 'Orbitron', 'Rajdhani', sans-serif !important;
    display: table !important;
    margin: 0 auto 16px !important;
    padding: 8px 24px !important;
    border: 1.5px solid rgba(0, 234, 255, 0.5) !important;
    border-radius: 10px !important;
    font-weight: 900 !important;
    font-size: 17px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    /* ယခင် pink/cyan နှစ်ထပ် offset shadow က စာဝါးပြီး ဖတ်ရခက် (user report 2026-08) —
       glow အနုလေးပဲထားပြီး စာလုံးကြည်အောင် */
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.85), 0 0 14px rgba(0, 234, 255, 0.35) !important;
    background: rgba(10, 16, 30, 0.55) !important;
    /* theme (vaporwave စတာ) တွေရဲ့ gradient text-fill + background-clip:text က ဒီ box ရဲ့
       background နဲ့ ရောပြီး စာလုံး ပျောက်/ဝါးစေတယ် — solid ဖြူ အတင်းပြန်ထား */
    -webkit-text-fill-color: #ffffff !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    filter: none !important;
    box-shadow: inset 0 0 12px rgba(0, 234, 255, 0.12) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    /* 🔒 title က Enter Player ID card ပေါ် စာလုံးမအုပ်အောင် — box ထဲပဲ ကန့်၊ ကြားအကွာအဝေးပေး */
    position: relative !important; z-index: 3 !important;
    margin: 0 auto 14px !important;
    max-width: 92vw !important; white-space: nowrap !important;
    overflow: hidden !important; text-overflow: ellipsis !important;
}
/* ⚡ PERF — ဖုန်း screen မှာ backdrop blur အကုန်ပိတ် (header/nav ပဲ ပေါ့ပေါ့ချန်) — fps/အပူ အကြီးဆုံးသက်သာ (2026-07) */
@media (max-width: 820px) {
    /* ⚡ probe နဲ့တွေ့တဲ့ heavy always-on blur layer တွေပဲ ပိတ် — modal/popup တွေ blur ပြန်ထား
       (2026-07: global ပိတ်ထားတုန်းက modal တွေ ကြည်လွန်းပြီး ဖတ်မရလို့ user ပြောလို့ ပြန်ညှိ) */
    .gkp-slide, .gkp-order-btn, .gc-fav, .hsa-ads-slide, .live-wrap, .hsa-rv-card,
    .product-item, .gc-item, .id-card, .atk-ticker {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    .hsa-flip-char, #logo, #spin-a, .spin-a, .pulse-dot,
    #hsa2-clock-time, .hs-tab-cnt, .gc-new {
        animation: none !important;
    }
}
/* ⚡ PERF MODE — product/gift card page တွေမှာ glass blur (backdrop-filter) ပိတ် — fps တက်အောင် (2026-07)
   အမြင်: မှန်ဝါးဝါး effect မရှိတော့ဘဲ အလွှာတွေ ပိုကြည်သွားမယ်၊ layout/အရောင် မပြောင်းဘူး */

/* ==== style hsa-steamkey-css ==== */

#steamkey-view .sk-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;margin-bottom:16px;}
#steamkey-view .sk-poster{width:100%;max-height:280px;object-fit:cover;border-radius:12px;display:block;background:#0d1420;}
#steamkey-view .sk-name{font-size:16px;font-weight:900;color:#fff;margin:12px 2px 4px;line-height:1.4;}
#steamkey-view .sk-buyrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 4px;}
#steamkey-view .sk-price{font-size:17px;font-weight:900;color:#fff;text-shadow:0 0 6px #ff007f;background:rgba(255,0,127,.08);border:1px solid rgba(255,0,127,.4);border-radius:8px;padding:6px 14px;white-space:nowrap;}
#steamkey-view .sk-buy{flex:none;border:none;border-radius:11px;background:linear-gradient(135deg,#00b3cc,#0077e6);color:#fff;font-size:14px;font-weight:900;letter-spacing:.5px;padding:12px 26px;cursor:pointer;box-shadow:0 6px 16px rgba(0,150,220,.35);}
#steamkey-view .sk-sec{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 13px;margin-top:10px;background:rgba(0,0,0,.22);}
#steamkey-view .sk-sec .h{font-size:12px;font-weight:900;color:#00eaff;letter-spacing:.6px;margin-bottom:7px;text-transform:uppercase;}
#steamkey-view .sk-sec .b{font-size:12.5px;color:#cfd6e0;line-height:1.8;}
#steamkey-view .sk-kv{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
#steamkey-view .sk-tag{font-size:11px;font-weight:800;color:#eaf6ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:4px 10px;}
#steamkey-view .sk-tag b{color:#00eaff;}
#steamkey-view .sk-2col{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width: 560px){ #steamkey-view .sk-2col{grid-template-columns:1fr 1fr;} }
/* steamkey page မှာ customer reviews / အောက်ခြေ section ကြီးတွေ မပေါ်စေနဲ့ (view အပေါ် gap ကြီးမဖြစ်အောင်) */
body.hsa-v-steamkey-view #hsa-review-section,
body.hsa-v-steamkey-view #hsa-ic,
body.hsa-v-steamkey-view #hsa-footer,
body.hsa-v-steamkey-view #hsa-seo-links,
body.hsa-v-steamkey-view #content-area { display: none !important; }
#steamkey-view .sk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#steamkey-view .sk-gcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:13px;overflow:hidden;cursor:pointer;}
#steamkey-view .sk-gcard img{width:100%;height:92px;object-fit:cover;display:block;background:#0d1420;}
#steamkey-view .sk-gname{font-size:11.5px;font-weight:800;color:#fff;line-height:1.45;padding:7px 8px 3px;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;}
#steamkey-view .sk-gprice{font-size:12px;font-weight:900;color:#fff;text-shadow:0 0 6px #ff007f;padding:0 8px 9px;}
#steamkey-view .sk-gcard{position:relative;}
#steamkey-view .sk-favb{position:absolute;top:6px;left:6px;z-index:3;background:rgba(255,0,127,.85);color:#fff;font-size:9px;font-weight:900;letter-spacing:.5px;padding:2px 7px;border-radius:6px;}
#steamkey-view .sk-postwrap{position:relative;}
#steamkey-view .sk-pback{position:absolute;top:10px;left:10px;z-index:3;background:rgba(8,12,22,.78);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12.5px;font-weight:900;padding:8px 14px;border-radius:10px;cursor:pointer;}
#steamkey-view .sk-pfav{position:absolute;top:52px;left:10px;z-index:3;background:rgba(8,12,22,.78);border:1px solid rgba(255,255,255,.25);color:#ff8ad8;font-size:12px;font-weight:900;padding:8px 14px;border-radius:10px;cursor:pointer;}
#steamkey-view .sk-pfav.on{background:rgba(255,0,127,.85);color:#fff;border-color:rgba(255,0,127,.9);}
/* ── BUY bottom sheet (gift card modal နဲ့ လုံးဝမတူ — အောက်ကတက်လာတဲ့ sheet) ── */
#sk-buy-ov{position:fixed;inset:0;z-index:2147483200;background:rgba(4,7,13,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s;display:flex;align-items:flex-end;justify-content:center;}
#sk-buy-ov.on{opacity:1;pointer-events:auto;}
#sk-buy-sh{width:100%;max-width:520px;box-sizing:border-box;background:rgba(13,20,33,.97);border:1px solid rgba(255,255,255,.14);border-bottom:none;border-radius:20px 20px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.85,.25,1);}
#sk-buy-ov.on #sk-buy-sh{transform:translateY(0);}
.sk-sh-name{font-size:14.5px;font-weight:900;color:#fff;margin:6px 0 12px;line-height:1.4;}
.sk-sh-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13px;color:#8fa6bd;font-weight:700;}
.sk-qbtn{width:32px;height:32px;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:15px;font-weight:900;cursor:pointer;}
.sk-meth{display:flex;gap:8px;margin:10px 0 4px;}
.sk-meth-b{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#9fb0c4;font-size:12px;font-weight:800;text-align:center;cursor:pointer;}
.sk-meth-b.on{border-color:#00eaff;background:rgba(0,234,255,.1);color:#fff;}
#sk-email{width:100%;box-sizing:border-box;background:rgba(0,0,0,.4);border:1px solid rgba(0,234,255,.35);color:#fff;padding:11px;border-radius:10px;font-size:13px;outline:none;margin-top:8px;display:block;}
#sk-buy-go{width:100%;margin-top:14px;padding:15px;border:none;border-radius:13px;background:linear-gradient(135deg,#00b3cc,#0077e6);color:#fff;font-size:15px;font-weight:900;letter-spacing:.4px;cursor:pointer;box-shadow:0 8px 20px rgba(0,150,220,.35);}

/* ==== style hsa-nskey-css ==== */

#nskey-view .nsk-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;margin-bottom:16px;}
#nskey-view .nsk-poster{width:100%;max-height:280px;object-fit:cover;border-radius:12px;display:block;background:#0d1420;}
#nskey-view .nsk-name{font-size:16px;font-weight:900;color:#fff;margin:12px 2px 4px;line-height:1.4;}
#nskey-view .nsk-buyrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 4px;}
#nskey-view .nsk-price{font-size:17px;font-weight:900;color:#fff;text-shadow:0 0 6px #e60012;background:rgba(230,0,18,.1);border:1px solid rgba(230,0,18,.45);border-radius:8px;padding:6px 14px;white-space:nowrap;}
#nskey-view .nsk-buy{flex:none;border:none;border-radius:11px;background:linear-gradient(135deg,#e60012,#b3000e);color:#fff;font-size:14px;font-weight:900;letter-spacing:.5px;padding:12px 26px;cursor:pointer;box-shadow:0 6px 16px rgba(230,0,18,.35);}
#nskey-view .nsk-sec{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 13px;margin-top:10px;background:rgba(0,0,0,.22);}
#nskey-view .nsk-sec .h{font-size:12px;font-weight:900;color:#ff6b76;letter-spacing:.6px;margin-bottom:7px;text-transform:uppercase;}
#nskey-view .nsk-sec .b{font-size:12.5px;color:#cfd6e0;line-height:1.8;}
#nskey-view .nsk-kv{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
#nskey-view .nsk-tag{font-size:11px;font-weight:800;color:#eaf6ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:4px 10px;}
#nskey-view .nsk-tag b{color:#ff8a92;}
#nskey-view .nsk-2col{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width: 560px){ #nskey-view .nsk-2col{grid-template-columns:1fr 1fr;} }
body.hsa-v-nskey-view #hsa-review-section,
body.hsa-v-nskey-view #hsa-ic,
body.hsa-v-nskey-view #hsa-footer,
body.hsa-v-nskey-view #hsa-seo-links,
body.hsa-v-nskey-view #content-area { display: none !important; }
#nsk-searchbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
#nsk-tabs{display:flex;gap:8px;margin-bottom:10px;}
#nsk-plats{display:flex;gap:7px;overflow-x:auto;padding-bottom:8px;margin-bottom:4px;scrollbar-width:none;}
#nsk-plats::-webkit-scrollbar{display:none;}
#nskey-view .nsk-pl{flex:0 0 auto;font-size:11px;font-weight:800;padding:6px 11px;border-radius:9px;border:1.5px solid #232d3d;background:#141b28;color:#8fa1b6;cursor:pointer;white-space:nowrap;}
#nskey-view .nsk-pl b{color:#6d8098;font-weight:800;margin-left:3px;}
#nskey-view .nsk-pl.on{border-color:#e60012;background:rgba(230,0,18,.16);color:#fff;}
#nskey-view .nsk-pl.on b{color:#ff9aa2;}
#nskey-view .nsk-tab{flex:1;text-align:center;font-size:12.5px;font-weight:800;padding:10px 8px;border-radius:11px;border:1.5px solid #232d3d;background:#141b28;color:#8fa1b6;cursor:pointer;}
#nskey-view .nsk-tab.on{border-color:#e60012;background:rgba(230,0,18,.16);color:#fff;}
#nsk-q{flex:1;min-width:0;background:rgba(0,0,0,.4);border:1px solid rgba(230,0,18,.35);color:#fff;padding:11px 13px;border-radius:11px;font-size:13px;outline:none;}
#nsk-q::placeholder{color:#8fa6bd;opacity:1;}
#nsk-count{font-size:11px;font-weight:800;color:#8fa6bd;white-space:nowrap;}
#nskey-view .nsk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#nskey-view .nsk-gcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:13px;overflow:hidden;cursor:pointer;position:relative;}
#nskey-view .nsk-gcard img{width:100%;height:92px;object-fit:cover;display:block;background:#0d1420;}
#nskey-view .nsk-letter{width:100%;height:92px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#1e2a44,#0d1420);text-shadow:0 2px 10px rgba(0,0,0,.6);}
#nskey-view .nsk-gname{font-size:11.5px;font-weight:800;color:#fff;line-height:1.45;padding:7px 8px 3px;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;}
#nskey-view .nsk-gprice{font-size:12px;font-weight:900;color:#fff;text-shadow:0 0 6px #e60012;padding:0 8px 9px;}
#nskey-view .nsk-rgb{position:absolute;top:6px;right:6px;z-index:3;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:9px;font-weight:900;letter-spacing:.5px;padding:2px 7px;border-radius:6px;}
#nskey-view .nsk-rgb img{display:block;width:24px;height:16px;object-fit:cover;border-radius:3px;}
#nskey-view .nsk-rgb.glb{display:flex;align-items:center;gap:4px;padding:3px 7px 3px 4px;line-height:1;}
#nskey-view .nsk-rgb.glb img{width:16px;height:16px;border-radius:50%;}
#nskey-view .nsk-rgb.glb span{font-size:9px;font-weight:900;letter-spacing:.3px;}
#nskey-view .nsk-rgb:has(img){padding:3px;line-height:0;}
#nskey-view .nsk-rel{margin-top:12px;}
#nskey-view .nsk-rel-h{font-size:12px;font-weight:900;color:#ff6b76;letter-spacing:.6px;margin:0 2px 8px;text-transform:uppercase;}
#nskey-view .nsk-rel-sc{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;}
#nskey-view .nsk-rel-c{flex:0 0 132px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;}
#nskey-view .nsk-rel-c img.cov{width:100%;height:70px;object-fit:cover;display:block;background:#0d1420;}
#nskey-view .nsk-rel-c .lt{width:100%;height:70px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff;background:linear-gradient(135deg,#1e2a44,#0d1420);}
#nskey-view .nsk-rel-c .rg{display:flex;align-items:center;gap:5px;padding:6px 8px 2px;font-size:10.5px;font-weight:800;color:#cfd6e0;}
#nskey-view .nsk-rel-c .rg img{width:20px;height:14px;object-fit:cover;border-radius:2px;}
#nskey-view .nsk-rel-c .pr{font-size:12px;font-weight:900;color:#fff;text-shadow:0 0 6px #e60012;padding:0 8px 8px;}
#nskey-view .nsk-rel-c .sv{position:absolute;top:5px;right:5px;background:#00c853;color:#04140a;font-size:9px;font-weight:900;padding:2px 6px;border-radius:6px;}
#nskey-view .nsk-rel-c .up{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);color:#ff9aa2;font-size:9px;font-weight:900;padding:2px 6px;border-radius:6px;}
#nskey-view .nsk-more{width:100%;margin-top:14px;padding:13px;border:1px solid rgba(230,0,18,.45);border-radius:12px;background:rgba(230,0,18,.08);color:#ffd7da;font-size:13px;font-weight:900;cursor:pointer;}
#nskey-view .nsk-postwrap{position:relative;}
#nskey-view .nsk-bigletter{width:100%;height:170px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:900;color:#fff;background:linear-gradient(135deg,#1e2a44,#0d1420);text-shadow:0 3px 14px rgba(0,0,0,.6);}
#nskey-view .nsk-pfav{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11.5px;font-weight:800;padding:6px 12px;border-radius:9px;cursor:pointer;}
#nskey-view .nsk-pfav.on{background:rgba(255,0,127,.85);border-color:rgba(255,0,127,.9);}
#nskey-view .nsk-accb{position:absolute;top:68px;left:6px;z-index:4;background:rgba(120,80,255,.9);color:#fff;font-size:8.5px;font-weight:900;letter-spacing:.5px;padding:2px 6px;border-radius:5px;}
#nskey-view .nsk-favb{position:absolute;top:6px;left:6px;z-index:4;width:26px;height:26px;border-radius:8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#nskey-view .nsk-favb.on{background:rgba(255,0,127,.85);border-color:rgba(255,0,127,.9);}
#nskey-view .nsk-pback{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11.5px;font-weight:800;padding:6px 12px;border-radius:9px;cursor:pointer;}
#nsk-buy-ov{position:fixed;inset:0;z-index:2147482000;background:rgba(4,7,13,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s;display:flex;align-items:flex-end;justify-content:center;}
#nsk-buy-ov.on{opacity:1;pointer-events:auto;}
#nsk-buy-sh{width:100%;max-width:520px;box-sizing:border-box;background:rgba(13,20,33,.97);border:1px solid rgba(255,255,255,.14);border-bottom:none;border-radius:20px 20px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.85,.25,1);max-height:85vh;overflow-y:auto;}
#nsk-buy-ov.on #nsk-buy-sh{transform:translateY(0);}
.nsk-sh-name{font-size:14px;font-weight:900;color:#fff;line-height:1.5;margin-bottom:8px;}
.nsk-sh-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.1);font-size:12.5px;color:#9fb0c4;font-weight:700;}
.nsk-qbtn{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:17px;font-weight:900;cursor:pointer;}
.nsk-meth{display:flex;gap:8px;margin:10px 0 4px;}
.nsk-meth-b{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#9fb0c4;font-size:12px;font-weight:800;text-align:center;cursor:pointer;}
.nsk-meth-b.on{border-color:#e60012;background:rgba(230,0,18,.12);color:#fff;}
#nsk-email{width:100%;box-sizing:border-box;background:rgba(0,0,0,.4);border:1px solid rgba(230,0,18,.35);color:#fff;padding:11px;border-radius:10px;font-size:13px;outline:none;margin-top:8px;display:block;}
#nsk-buy-go{width:100%;margin-top:14px;padding:15px;border:none;border-radius:13px;background:linear-gradient(135deg,#e60012,#b3000e);color:#fff;font-size:15px;font-weight:900;letter-spacing:.4px;cursor:pointer;box-shadow:0 8px 20px rgba(230,0,18,.35);}

/* ==== style hsa-vpnperf-css ==== */

/* 🔋 VPN page — ဖုန်းပူတာ/battery ကုန်တာ လျှော့ဖို့ animation · blur အားလုံး ဖြုတ် */
#vpn-view *, #vpn-view *::before, #vpn-view *::after{
  animation: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#vpn-view *{ transition-duration: .15s !important; }
#vpn-view [style*="blur"], #vpn-view .glass, #vpn-view .liq-sunk-box{
  filter: none !important;
}
#vpn-view .jump-char, #vpn-view .robot-char{ animation: none !important; display:inline; }
.pixel-bug, .pixel-bug-svg, .pixel-bug-trail, .bug-surprise-icon,
[class*="pixel-bug"], [id*="pixel-bug"], [id^="freebug"], [id*="bug-"],
#vpn-free-pause-btn, .free-bug, [class*="free-bug"], [id*="free-bug"],
#vpn-view canvas, #vpn-view .bug, #vpn-view [class*="bug"], #vpn-view [id*="bug"],
/* 🚫 Minecraft creeper အကောင် ၂ ကောင် (#mc-creeper-a / #mc-creeper-b) */
.mc-creeper, [class*="mc-creeper"], [id*="mc-creeper"],
.gb-creeper, [class*="gb-creeper"], [id*="gb-creeper"]{ display:none !important; }
/* creeper ထိလို့ ပြောင်းသွားတဲ့ စာလုံး effect တွေလည်း ပိတ် */
.creeper-touched{ color:inherit !important; text-shadow:none !important; transform:none !important; }
.creeper-stat-glow{ animation:none !important; }
/* VPN page မှာ store ရဲ့ SEO link · footer · review မပေါ်ရ */
body.hsa-v-vpn-view #hsa-seo-links,
body.hsa-v-vpn-view #hsa-footer,
body.hsa-v-vpn-view #hsa-review-section,
body.hsa-v-vpn-view #hsa-keydeals,
body.hsa-v-vpn-view #hsa-ic,
body.hsa-v-vpn-view .bottom-nav,
body.hsa-v-vpn-view #hsa-sup-launcher{ display:none !important; }
#vpn-view{ position:relative; z-index:20; background:#070b14; min-height:100vh; }
/* 👥 Users claim — အဖြူအမည်း solid လေးထောင့်ကွက် (VPN card အောက်) */
#vpn-view .vpn-claim-stat{
  display:block; width:100%; box-sizing:border-box; margin:14px 0 0; padding:13px 12px;
  background:#ffffff; color:#000000; border:2px solid #000000; border-radius:0;
  font-family:ui-monospace,Menlo,Consolas,monospace; font-size:12px; font-weight:800;
  letter-spacing:1px; text-align:center; cursor:pointer; user-select:none;
  box-shadow:4px 4px 0 #000000; transition:transform .08s ease, box-shadow .08s ease;
}
#vpn-view .vpn-claim-stat *{ -webkit-text-fill-color:currentColor !important; }
#vpn-view .vpn-claim-stat{ -webkit-text-fill-color:#000 !important; }
#vpn-view .vpn-claim-stat b{ color:#000; font-size:16px; }
#vpn-view .vpn-claim-stat:active{ transform:translate(3px,3px); box-shadow:1px 1px 0 #000; }

/* 👥 Users claim — အောက်ကနေ တက်လာတဲ့ bottom sheet */
#vcs-bd{ position:fixed; inset:0; z-index:2147482000; background:rgba(0,0,0,.55);
  opacity:0; pointer-events:none; transition:opacity .22s ease; }
#vcs-bd.on{ opacity:1; pointer-events:auto; }
#vcs-sheet{ position:fixed; left:0; right:0; bottom:0; z-index:2147482001;
  background:#ffffff; color:#111; border-radius:16px 16px 0 0;
  transform:translateY(102%); transition:transform .28s cubic-bezier(.22,.8,.28,1);
  max-height:78vh; display:flex; flex-direction:column;
  font-family:ui-monospace,Menlo,Consolas,monospace; box-shadow:0 -8px 32px rgba(0,0,0,.5); }
#vcs-sheet.on{ transform:translateY(0); }
#vcs-sheet *{ -webkit-text-fill-color:currentColor !important; }
#vcs-grip{ width:42px; height:4px; border-radius:3px; background:#d0d0d0; margin:9px auto 4px; flex:0 0 auto; }
#vcs-head{ padding:6px 16px 10px; border-bottom:2px solid #000; flex:0 0 auto; }
#vcs-head .t{ font-size:14px; font-weight:900; letter-spacing:1px; color:#000; }
#vcs-head .s{ font-size:11px; color:#666; margin-top:3px; }
#vcs-body{ overflow-y:auto; -webkit-overflow-scrolling:touch; padding:8px 12px 4px; flex:1 1 auto; }
.vcs-row{ display:flex; align-items:center; gap:10px; padding:10px 8px; border-bottom:1px solid #e6e6e6; }
.vcs-av{ flex:0 0 auto; width:34px; height:34px; border:2px solid #000; background:#fff; color:#000;
  display:flex; align-items:center; justify-content:center; font-weight:900; font-size:14px; }
.vcs-mid{ flex:1 1 auto; min-width:0; }
.vcs-nm{ font-size:13px; font-weight:800; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vcs-sub{ font-size:10.5px; color:#666; margin-top:2px; }
.vcs-cnt{ flex:0 0 auto; border:2px solid #000; background:#000; color:#fff;
  font-size:11px; font-weight:900; padding:5px 9px; }
.vcs-cnt *{ -webkit-text-fill-color:#fff !important; }
#vcs-foot{ padding:10px 12px calc(12px + env(safe-area-inset-bottom)); flex:0 0 auto; border-top:2px solid #000; }
#vcs-foot button{ width:100%; padding:13px; border:2px solid #000; background:#000; color:#fff;
  font-family:inherit; font-size:13px; font-weight:900; letter-spacing:1px; border-radius:0; cursor:pointer; }
/* ── speed test card ── */
#vsp-card{ width:92%; max-width:440px; margin:14px auto 24px; background:rgba(12,18,28,.9);
  border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:14px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
#vsp-card .h{ font-size:10.5px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase;
  color:#7e8ea3; margin-bottom:11px; }
#vsp-card .g{ display:grid; grid-template-columns:1fr 1fr; gap:9px; }
#vsp-card .s{ background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.09);
  border-radius:11px; padding:10px; text-align:center; }
#vsp-card .s .k{ font-size:9px; letter-spacing:.8px; text-transform:uppercase; color:#7e8ea3; }
#vsp-card .s .v{ font-size:18px; font-weight:800; color:#fff; margin-top:3px; }
#vsp-btn{ width:100%; margin-top:11px; padding:13px; border:0; border-radius:12px;
  background:#1f6feb; color:#fff; font-size:14px; font-weight:800; cursor:pointer; font-family:inherit; }
#vsp-btn:disabled{ opacity:.5; }

/* ==== style hsa-vpn2-css ==== */

/* page ဖွင့်ထားချိန် — store ရဲ့ ဘာမှ မပေါ်ရ */
body.v2-open header,
body.v2-open .bottom-nav,
body.v2-open #hsa-footer,
body.v2-open #hsa-review-section,
body.v2-open #hsa-sup-launcher,
body.v2-open #hsa-sup-panel,
body.v2-open #hsa-sup-overlay,
body.v2-open #checkout-bar,
body.v2-open #more-popup,
body.v2-open #hsa-theme-icon,
body.v2-open #hsa-theme-panel,
body.v2-open #bg-style-toggle,
body.v2-open #hsa-points-badge,
body.v2-open #hsa-fps-badge,
body.v2-open #hsa-bug-fab,
body.v2-open #hsa-ns-fab,
body.v2-open #hsa-keydeals,
body.v2-open #hsa-dw,
body.v2-open #hsa-dw-bd,
body.v2-open #android-scrollbar-track,
body.v2-open .live-wrap,
body.v2-open .view-section:not(#vpn2-view){ display:none !important; }
/* ⚠️ support ခလုပ်က JS ကနေ inline display:flex ထည့်တာမို့ specificity မြှင့်ရတယ် */
html body.v2-open #hsa-sup-launcher,
html body.v2-open #hsa-sup-launcher.has-unread,
html body.v2-open .hsa-sup-badge{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; }
body.v2-open{ background:#0b0e14 !important; overflow-x:hidden; }
body.v2-open::before, body.v2-open::after{ display:none !important; }

#vpn2-view{ display:none !important; position:relative; z-index:5; min-height:100vh;
  background:#0b0e14; color:#e8edf4; font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  padding:0 0 40px; }
#vpn2-view *{ box-sizing:border-box; }
.v2-wrap{ width:100%; max-width:520px; margin:0 auto; padding:0 14px; }
.v2-top{ display:flex; align-items:center; gap:10px; padding:16px 2px 14px; }
.v2-top .b{ width:34px; height:34px; border-radius:10px; background:#151b26; border:1px solid #222c3c;
  display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:16px; color:#9fb0c6; flex:none; }
.v2-top h1{ font-size:17px; font-weight:800; margin:0; letter-spacing:.3px; }
.v2-top .sub{ font-size:11px; color:#6b7a90; margin-top:1px; }
.v2-card{ background:#111823; border:1px solid #1e2837; border-radius:14px; padding:14px; margin-bottom:12px; }
.v2-lbl{ font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#6b7a90; margin-bottom:9px; }

/* usage */
.v2-usenum{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:9px; }
.v2-usenum b{ font-size:26px; font-weight:800; color:#fff; letter-spacing:-.5px; }
.v2-usenum span{ font-size:12px; color:#7b8b a0; color:#7b8ba0; }
.v2-usenum .pct{ font-size:14px; font-weight:800; }
.v2-bar{ height:9px; border-radius:6px; background:#1b2433; overflow:hidden; }
.v2-bar i{ display:block; height:100%; width:0; border-radius:6px; background:#2f9e5e; transition:width .35s ease; }
.v2-bar i.warn{ background:#d99a2b; } .v2-bar i.hi{ background:#d9432b; }
.v2-hint{ font-size:11.5px; color:#7b8ba0; margin-top:9px; line-height:1.65; }

/* key */
.v2-keybox{ background:#0a0f17; border:1px solid #1e2837; border-radius:10px; padding:11px 12px;
  font-family:ui-monospace,"JetBrains Mono",monospace; font-size:11px; color:#8fe3b5;
  word-break:break-all; line-height:1.6; max-height:96px; overflow:auto; }
.v2-btn{ width:100%; border:0; border-radius:12px; padding:14px; font-size:14.5px; font-weight:800;
  cursor:pointer; font-family:inherit; margin-top:11px; }
.v2-btn.p{ background:#2f6fed; color:#fff; }
.v2-btn.g{ background:#1b2433; color:#cfe0f5; border:1px solid #263349; }
.v2-btn:disabled{ opacity:.45; cursor:not-allowed; }
.v2-row2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.v2-stat{ background:#0a0f17; border:1px solid #1e2837; border-radius:10px; padding:10px 11px; text-align:center; }
.v2-stat .k{ font-size:9.5px; letter-spacing:.8px; text-transform:uppercase; color:#6b7a90; }
.v2-stat .v{ font-size:17px; font-weight:800; color:#fff; margin-top:3px; }
.v2-note{ font-size:11.5px; line-height:1.8; color:#8fa0b6; background:#0f1a12; border:1px solid #1d3327;
  border-radius:10px; padding:10px 12px; margin-top:10px; }
.v2-note.warn{ background:#1c1509; border-color:#3a2c10; color:#d9b478; }
.v2-note.err{ background:#1e1011; border-color:#3d1c1e; color:#e08b8b; }
.v2-steps{ font-size:12px; color:#8fa0b6; line-height:2; padding-left:2px; }
.v2-steps b{ color:#cfe0f5; }

/* ==== style hsa-keydeals-css ==== */

/* 🎯 Home — Load More အောက်က Key Deals section ၄ ခု (owner ရွေးထားတဲ့ UI #4 · Wide Banner) */
#hsa-keydeals{width:90%;max-width:340px;margin:0 auto;font-family:"JetBrains Mono",ui-monospace,monospace;}
#hsa-keydeals .kd-sec{margin:0 0 22px;}
#hsa-keydeals .kd-sec.kd-off{display:none;}
#hsa-keydeals .kd-head{display:flex;align-items:center;gap:7px;margin:0 2px 11px;cursor:pointer;}
#hsa-keydeals .kd-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;animation:hsa-deals-pulse 1.8s ease-in-out infinite;}
#hsa-keydeals .kd-t{font-size:13px;font-weight:900;letter-spacing:.4px;}
#hsa-keydeals .kd-all{margin-left:auto;font-size:10.5px;font-weight:800;color:#8b949e;white-space:nowrap;}
#hsa-keydeals .kd-row{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
#hsa-keydeals .kd-row::-webkit-scrollbar{height:0;display:none;}
#hsa-keydeals .kd-c{flex:0 0 200px;position:relative;border-radius:14px;overflow:hidden;cursor:pointer;background:#0d1420;}
#hsa-keydeals .kd-c .f{position:absolute;top:7px;right:7px;height:13px;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.8);z-index:3;}
#hsa-keydeals .kd-sk{flex:0 0 200px;height:96px;border-radius:14px;background:rgba(255,255,255,.05);}
/* ── UI #3 · Neon Border ── */
#hsa-keydeals.kd-v3 .kd-c{height:96px;display:block;border:1.5px solid var(--kdac,#4aa3ff);box-shadow:0 0 14px -2px var(--kdac,#4aa3ff);}
#hsa-keydeals.kd-v3 .kd-c img.bg{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85) saturate(1.15);}
#hsa-keydeals.kd-v3 .kd-c .side{position:absolute;left:9px;right:9px;bottom:7px;}
#hsa-keydeals.kd-v3 .kd-c .n{font-size:11.5px;font-weight:900;color:#fff;line-height:1.25;margin-bottom:4px;text-shadow:0 2px 5px #000,0 0 12px #000;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#hsa-keydeals.kd-v3 .kd-c .p{display:inline-block;font-size:12.5px;font-weight:900;color:#fff;background:var(--kdac,#4aa3ff);padding:1px 8px;border-radius:6px;}
/* ── UI #4 · Side Panel ── */
#hsa-keydeals.kd-v4 .kd-c{height:100px;display:flex;border:1px solid rgba(255,255,255,.12);}
#hsa-keydeals.kd-v4 .kd-c img.bg{width:96px;height:100%;object-fit:cover;display:block;flex:none;}
#hsa-keydeals.kd-v4 .kd-c .side{flex:1;min-width:0;padding:9px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(16,26,43,.75),#101a2b);}
#hsa-keydeals.kd-v4 .kd-c .n{font-size:11px;font-weight:900;color:#fff;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#hsa-keydeals.kd-v4 .kd-c .p{font-size:13px;font-weight:900;color:#39ff8a;margin-top:6px;}
/* ── UI #5 · Glass Pill ── */
#hsa-keydeals.kd-v5 .kd-c{height:110px;display:block;border:1px solid rgba(255,255,255,.12);}
#hsa-keydeals.kd-v5 .kd-c img.bg{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.02) contrast(1.05);}
#hsa-keydeals.kd-v5 .kd-c .side{position:absolute;top:7px;left:7px;right:7px;bottom:7px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;}
#hsa-keydeals.kd-v5 .kd-c .n{max-width:100%;font-size:10.5px;font-weight:900;color:#fff;line-height:1.25;background:rgba(6,10,20,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:5px 8px;border-radius:9px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#hsa-keydeals.kd-v5 .kd-c .p{font-size:12px;font-weight:900;color:#07130a;background:#39ff8a;padding:3px 10px;border-radius:20px;}
@media (min-width:1024px){
  #hsa-keydeals{width:100%;max-width:100%;}
  #hsa-keydeals .kd-t{font-size:17px;}
  #hsa-keydeals .kd-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;overflow:visible;padding:2px;}
  #hsa-keydeals .kd-c{flex:none;width:auto;transition:transform .2s,box-shadow .2s;}
  #hsa-keydeals.kd-v3 .kd-c{height:130px;}
  #hsa-keydeals.kd-v4 .kd-c{height:120px;}
  #hsa-keydeals.kd-v4 .kd-c img.bg{width:120px;}
  #hsa-keydeals.kd-v5 .kd-c{height:140px;}
  #hsa-keydeals .kd-c:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(0,0,0,.6);}
  #hsa-keydeals .kd-c:nth-child(6){display:none;}
}

/* ==== style hsa-keycats-css ==== */

/* 🎨 Wide Banner (owner ရွေးထားတဲ့ UI #4) */
.hsa-keycats{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.hsa-keycats::-webkit-scrollbar{display:none;}
.hsa-kc{flex:0 0 auto;width:148px;height:74px;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;border:2px solid transparent;background:#0d1420;}
.hsa-kc img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.55);}
.hsa-kc > span{position:absolute;left:9px;right:9px;bottom:8px;font-size:11.5px;font-weight:900;color:#fff;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.9);}
.hsa-kc .n{position:absolute;top:7px;right:7px;font-size:9px;font-weight:900;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);padding:2px 6px;border-radius:20px;}
.hsa-kc.on{border-color:#e60012;}
.hsa-kc.on img{filter:brightness(.78);}

/* ==== style hsa-adm-tools-css ==== */

#hsa-ns-fab{position:fixed;left:10px;bottom:150px;z-index:99990;width:40px;height:40px;border-radius:50%;background:rgba(15,20,32,.92);border:1px solid rgba(255,213,74,.5);color:#ffd54a;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.5);}
#hsa-ns-panel{position:fixed;left:10px;bottom:198px;z-index:99991;background:rgba(12,17,28,.96);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px;display:none;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.6);}
#hsa-ns-panel.open{display:flex;}
.hsa-ns-opt{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);cursor:pointer;white-space:nowrap;}
.hsa-ns-opt.on{border-color:#ffd54a;background:rgba(255,213,74,.12);}
.hsa-ns-opt b{color:#8fa6bd;font-size:11px;min-width:16px;}
.hsa-ns-demo{font-size:12.5px;font-weight:900;}
.hsa-adm-profit{margin-top:6px;padding:2px 8px;border:1px dashed rgba(255,213,74,.55);border-radius:6px;background:rgba(255,213,74,.07);font-size:10px;font-weight:800;color:#ffd54a;display:flex;gap:5px;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;}
#hsa-adm-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(4,7,13,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s;display:flex;align-items:flex-end;justify-content:center;}
#hsa-adm-ov.on{opacity:1;pointer-events:auto;}
#hsa-adm-sh{width:100%;max-width:520px;box-sizing:border-box;background:rgba(13,20,33,.97);border:1px solid rgba(255,255,255,.14);border-bottom:none;border-radius:20px 20px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.85,.25,1);max-height:85vh;overflow-y:auto;box-shadow:0 -14px 44px rgba(0,0,0,.55);}
#hsa-adm-ov.on #hsa-adm-sh{transform:translateY(0);}
.hsa-adm-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:12.5px;}
.hsa-adm-row .k{color:#8fa6bd;font-weight:700;}
.hsa-adm-row .v{color:#fff;font-weight:900;}
.hsa-adm-input{flex:1;background:rgba(0,0,0,.4);border:1px solid rgba(0,242,255,.4);color:#fff;padding:11px;border-radius:10px;font-size:15px;font-weight:900;text-align:center;outline:none;width:100%;box-sizing:border-box;}
.hsa-adm-save{background:#00f2ff;color:#04121a;border:none;padding:11px 18px;border-radius:10px;font-weight:900;font-size:13px;cursor:pointer;}
.hsa-adm-pts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.hsa-adm-ptsbox{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;font-size:11px;color:#cfd6e0;}
.hsa-adm-ptsbox .h{font-weight:900;margin-bottom:4px;}
.hsa-adm-ptsbox .l{display:flex;justify-content:space-between;padding:2px 0;}

/* ==== style hsa-compact ==== */

/* 📐 Compact (2026-08 user request) — mlbb/pubg/wallet page တွေ scroll နည်းအောင် အပေါ်အောက် နေရာချုံ့ */
@media (max-width: 820px){
  #content-area { padding: 62px 0 78px !important; }
  .back-nav { margin: 6px 0 10px 0 !important; padding: 8px 14px 8px 11px !important; }
  #view-title { margin: 0 auto 12px auto !important; padding: 6px 20px !important; font-size: 16px !important; }
  .id-card { padding: 8px 10px !important; margin-bottom: 10px !important; }
  .id-header { margin-bottom: 8px !important; }
  #normal-inputs { margin-bottom: 8px !important; }
  .action-row { margin-bottom: 6px !important; height: 38px !important; }
  #ign-display { margin-top: 4px !important; min-height: 14px !important; }
  .region-bar { margin-bottom: 10px !important; padding-bottom: 5px !important; }
  #cpn-feed-line { margin: 0 auto 8px auto !important; padding: 3px 10px !important; }
  .cat-header { margin: 8px 0 8px 0 !important; padding: 5px 11px !important; }
  .product-list { padding-bottom: 14px !important; }
  .product-grid { gap: 11px !important; }
  .wallet-wrap { padding: 12px 12px !important; margin-top: 6px !important; }
}

/* ==== style hsa-gcat-tabs-css ==== */

/* 🌆 Cyberpunk SCANLINE category tabs (owner ရွေးထားတဲ့ UI 3) — 2026-08 */
#hsa-gcat-tabs{display:flex !important;visibility:visible !important;gap:2px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;height:46px;min-height:46px;max-height:46px;box-sizing:border-box;touch-action:pan-x;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding:10px 12px 0;margin:0 0 4px;
  border-bottom:1px solid rgba(0,240,255,.14);-webkit-overflow-scrolling:touch}
#hsa-gcat-tabs::-webkit-scrollbar{display:none}
#hsa-gcat-tabs b{flex:0 0 auto;position:relative;padding:11px 13px 12px;cursor:pointer;
  font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;
  color:#5d7186;transition:.2s;white-space:nowrap;-webkit-text-fill-color:currentColor}
#hsa-gcat-tabs b::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:0;transition:.25s}
#hsa-gcat-tabs b.on{color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.75)}
#hsa-gcat-tabs b.on::after{opacity:1;box-shadow:0 0 12px #00f0ff,0 0 22px #00f0ff}
#hsa-gcat-count{padding:9px 14px 2px;font-size:10.5px;font-weight:800;letter-spacing:1.4px;
  color:#5d7186;text-transform:uppercase}

/* ==== style hsa-perf-3col ==== */

/* ⚡ FPS — ads slide တွေရဲ့ backdrop blur 13px က frame တိုင်း ပြန်တွက်ရလို့ အရမ်းလေး။
   5px ချလိုက် (cost က radius နှစ်ထပ်ကိန်းနဲ့ တက်တာမို့ ~7 ဆ သက်သာ)၊ အမြင်က သိပ်မကွာ (2026-08) */
.hsa-ads-slide{-webkit-backdrop-filter:blur(5px) !important;backdrop-filter:blur(5px) !important;
  contain:layout paint style;}
#hsa-ads-track,#hsa-ads-wrap,#hsa-spr-wrap,#hsa-spr-track{contain:layout paint style;}
/* marquee ကို ကိုယ်ပိုင် GPU layer ပေး — ဘေးက element တွေ ပြန်ဆွဲစရာ မလိုတော့ဘူး */
.hsa-spr-marquee{will-change:transform;backface-visibility:hidden;}
.hsa-spr-marquee.hsa-spr-off{animation-play-state:paused !important;}


/* 🏎️ Scroll ချောအောင် (Android WebView) — 2026-08
   ၁. content-visibility:auto → မမြင်ရသေးတဲ့ card တွေကို render မလုပ်တော့ (scroll ရဲ့ အဓိက ဝန်)
   ၂. contain → card တစ်ခုချင်း သီးသန့်ခွဲ၊ တစ်ခု ပြောင်းရင် ကျန်တာ ပြန်မတွက်
   ၃. drop-shadow blur 8px→4px (cost က radius နှစ်ထပ်ကိန်းနဲ့ တက်တယ်) */
/* ⚠️ content-visibility:auto ပြန်ဖြုတ် — iOS မှာ scroll ဆွဲနေစဉ် poster တွေ အမည်းဖြစ်ပြီး
   ရပ်မှ ပေါ်တဲ့ ပြဿနာရဲ့ တိုက်ရိုက်အကြောင်းရင်း ဖြစ်နေလို့ (user report 2026-08) */
.game-grid .game-card,.hs-search-grid .game-card{
  contain:layout paint style;}

/* 🔥 Idle FPS / ဖုန်းပူ — Vaporwave (theme 4) မှာ screen အပြည့် blur glow layer ၂ ခု
   အမြဲလှုပ်နေတာနဲ့ film grain (mix-blend-mode) က frame တိုင်း GPU ကုန်လို့ —
   glow ကို static ထား (ပုံပျက်မသွား၊ မလှုပ်တော့တာပဲ) + grain ပိတ် */
body.hsa-admin-bg.hsa-theme-4 .hsa-scene::before,
body.hsa-admin-bg.hsa-theme-4 .hsa-scene::after{animation:none !important;}
body.hsa-admin-bg.hsa-theme-4 .hsa-grain{display:none !important;}

/* card ticker marquee — မမြင်ရတဲ့ card ရဲ့ ticker တွေ animation ရပ်ထား */
.atk-ticker-track.atk-off{animation-play-state:paused !important;}

.p-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.55)) !important;}
.game-grid,.product-grid{contain:layout style;}

/* ==== style hsa-lite-css ==== */

/* ═══ ⚡ HSA LITE UI (admin beta) — performance-first glass ═══
   ပန်းတိုင်: ဘယ်လောက် scroll ဆွဲဆွဲ မထစ် / ဖုန်းမပူ / အကြာကြီးထားလည်း အေးနေမယ်။
   နည်းလမ်း:
   ၁) backdrop-filter (GPU blur) ကို site တစ်ခုလုံး ပိတ် — ဖုန်းပူခြင်းရဲ့ အဓိကတရားခံ။
      glass အသွင်ကို translucent surface + ဖြူဖျော့ border + အပေါ်စည်း inset highlight နဲ့ ဖော်တယ်
      (Bento site သုံးတဲ့နည်း — GPU မကုန်ဘဲ ဖန်သားပုံပေါက်တယ်)
   ၂) text-shadow neon glow အကုန်ပိတ် — စာလုံးတိုင်း frame တိုင်း glow ပြန်ဆွဲနေတာ paint ဈေးကြီး
   ၃) fullscreen animated glow / grain / vignette layer တွေ ပိတ် — static gradient တစ်လွှာပဲ
   ၄) card shadow ကို blur radius သေးသေးပဲထား (radius ကြီးလေ paint ဈေးကြီးလေ)
   ၅) အလှ animation တွေ (logo လှည့်, pulse dot) ရပ် — GPU idle ဖြစ်စေ */
body.hsa-lite.hsa-lite.hsa-lite{background:#0e1117 !important;background-image:radial-gradient(120% 90% at 50% -10%,#1b2233 0%,#0e1117 58%) !important;}
body.hsa-lite.hsa-lite.hsa-lite .hsa-scene,
body.hsa-lite.hsa-lite.hsa-lite .hsa-grain,
body.hsa-lite.hsa-lite.hsa-lite .hsa-vignette{display:none !important;}
body.hsa-lite.hsa-lite.hsa-lite *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;text-shadow:none !important;}
body.hsa-lite.hsa-lite.hsa-lite .logo .spin-a{animation:none !important;color:#7fd4ff !important;-webkit-text-fill-color:#7fd4ff !important;}
body.hsa-lite.hsa-lite.hsa-lite .pulse-dot{animation:none !important;}
/* ── ဖန်သားမျက်နှာပြင်များ (blur မဲ့ glass) ── */
body.hsa-lite.hsa-lite.hsa-lite header{background:linear-gradient(180deg,rgba(42,52,72,.85),rgba(30,37,52,.82)) !important;border-bottom:1px solid rgba(255,255,255,.13) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;}
body.hsa-lite.hsa-lite.hsa-lite .bottom-nav{background:linear-gradient(180deg,rgba(42,52,72,.88),rgba(30,37,52,.86)) !important;border:1px solid rgba(255,255,255,.13) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px rgba(0,0,0,.35) !important;}
body.hsa-lite.hsa-lite.hsa-lite .game-card{background:linear-gradient(180deg,rgba(34,42,60,.85) 0%,rgba(20,25,35,.8) 100%) !important;border:1px solid rgba(255,255,255,.11) !important;border-radius:18px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 16px rgba(0,0,0,.35) !important;animation:none !important;}
body.hsa-lite.hsa-lite.hsa-lite .game-img-box{position:relative !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:none !important;border-radius:14px !important;}
/* poster ပေါ်က ဖန်သားအလင်းသန်း — static gradient တစ်လွှာ (paint တစ်ခါပဲ၊ FPS မထိ) */
body.hsa-lite.hsa-lite.hsa-lite .game-img-box::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(165deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 34%,transparent 55%);pointer-events:none;}
body.hsa-lite.hsa-lite.hsa-lite .game-info{background-image:none !important;-webkit-text-fill-color:#f2f5f9 !important;color:#f2f5f9 !important;animation:none !important;}
body.hsa-lite.hsa-lite.hsa-lite .balance-pill{background:rgba(20,25,35,.78) !important;border:1px solid rgba(255,255,255,.12) !important;color:#f2f5f9 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;}
body.hsa-lite.hsa-lite.hsa-lite .live-wrap{background:rgba(20,25,35,.78) !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;}
body.hsa-lite.hsa-lite.hsa-lite .atk-ticker{background:rgba(18,23,33,.85) !important;border:1px solid rgba(255,255,255,.1) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;}
body.hsa-lite.hsa-lite.hsa-lite .minimal-popup-container,
body.hsa-lite.hsa-lite.hsa-lite #external-popup{background:rgba(16,20,28,.96) !important;border:1px solid rgba(255,255,255,.11) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.5) !important;}
body.hsa-lite.hsa-lite.hsa-lite .minimal-glass-item{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.09) !important;}
body.hsa-lite.hsa-lite.hsa-lite .glass-support-btn{background:rgba(18,23,33,.85) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 5px 12px rgba(0,0,0,.4) !important;}
/* ── tabs: glow မပါတဲ့ အဖြူ + accent underline ── */
body.hsa-lite.hsa-lite.hsa-lite #hsa-gcat-tabs{border-bottom:1px solid rgba(255,255,255,.09) !important;}
body.hsa-lite.hsa-lite.hsa-lite #hsa-gcat-tabs b{color:rgba(242,245,249,.45) !important;}
body.hsa-lite.hsa-lite.hsa-lite #hsa-gcat-tabs b.on{color:#7fd4ff !important;}
body.hsa-lite.hsa-lite.hsa-lite #hsa-gcat-tabs b.on::after{background:linear-gradient(90deg,transparent,#7fd4ff,transparent) !important;box-shadow:none !important;}
/* ── modal (ဖွင့်ချိန်မှာလည်း blur မရှိ — universal rule က ဖျက်ပြီးသား၊ surface ပဲပြန်ချ) ── */
body.hsa-lite.hsa-lite.hsa-lite .sc-modal{background:rgba(16,20,28,.97) !important;}
/* ── ✨ polish pass (2026-08) ── */
/* Home tab pills (Games Top-Up / New Games / Favorites) */
body.hsa-lite.hsa-lite.hsa-lite .hs-tab{background:rgba(20,25,35,.78) !important;border:1px solid rgba(255,255,255,.1) !important;color:rgba(242,245,249,.75) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;}
body.hsa-lite.hsa-lite.hsa-lite .hs-tab.active{background:rgba(127,212,255,.12) !important;border:1px solid rgba(127,212,255,.45) !important;color:#7fd4ff !important;}
/* Load More ခလုတ် — အဖြူတောက်တောက်အစား glass */
body.hsa-lite.hsa-lite.hsa-lite #hs-more{background:rgba(20,25,35,.85) !important;border:1px solid rgba(127,212,255,.4) !important;color:#7fd4ff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;}
/* NEW badge — accent တစ်ရောင်တည်း */
body.hsa-lite.hsa-lite.hsa-lite .gc-new{background:#7fd4ff !important;color:#0e1117 !important;box-shadow:none !important;animation:none !important;}
/* input / select — ဖန်သားတစ်သွေးတည်း */
body.hsa-lite.hsa-lite.hsa-lite input,
body.hsa-lite.hsa-lite.hsa-lite select,
body.hsa-lite.hsa-lite.hsa-lite textarea{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.13) !important;color:#f2f5f9 !important;}
/* card နှိပ်ချိန် နူးညံ့တဲ့ တုံ့ပြန်မှု (transform က compositor-only မို့ ဈေးမကြီး) */
body.hsa-lite.hsa-lite.hsa-lite .game-card{transition:transform .12s ease !important;}
body.hsa-lite.hsa-lite.hsa-lite .game-card:active{transform:scale(.97) !important;}
/* More drawer / sheet မျက်နှာပြင် */
body.hsa-lite.hsa-lite.hsa-lite .hsa-dw-i{background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.08) !important;color:#f2f5f9 !important;}
body.hsa-lite.hsa-lite.hsa-lite .hsa-dw-lbl{color:rgba(242,245,249,.45) !important;}
/* product page item card (gc-item) — game-card နဲ့ တစ်သွေးတည်း၊ အလင်းမြှင့်ထား (user request) */
body.hsa-lite.hsa-lite.hsa-lite .gc-item{background:linear-gradient(180deg,rgba(48,58,80,.88) 0%,rgba(32,40,56,.84) 100%) !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 10px rgba(0,0,0,.3) !important;}
body.hsa-lite.hsa-lite.hsa-lite .gc-item *{color:#f2f5f9;}
/* product page denom card (.product-item) — အလင်းမြှင့် (user: မှောင်နေတယ်) */
body.hsa-lite.hsa-lite.hsa-lite .product-item{background:linear-gradient(180deg,rgba(48,58,80,.9) 0%,rgba(32,40,56,.86) 100%) !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 10px rgba(0,0,0,.3) !important;}
body.hsa-lite.hsa-lite.hsa-lite .product-item.selected{background:rgba(127,212,255,.16) !important;border-color:#7fd4ff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(127,212,255,.35) !important;}
/* checkout bar / ဝယ်ခလုတ်တန်း — blur ဖြုတ်ထားလို့ surface အထူပေး */
body.hsa-lite.hsa-lite.hsa-lite #checkout-bar{background:rgba(16,20,28,.96) !important;border-top:1px solid rgba(255,255,255,.1) !important;}

/* ==== style hsa-buy-modal-bg ==== */

/* 🖼️ Buy modal — Julian art (self-host /simg/) · specificity ကို solid-mode / sc-confirm-popup /
   matcha rule တွေထက် နိုင်အောင် တင်ထား (အရင်က ရိုးရိုး .swal2-popup မို့ အမြဲရှုံးနေတာ) */
body.mlbb-page-active #hsa-final-mini-modal .hsa-final-modal-dialog,
body.mlbb-page-active .swal2-popup,
body.mlbb-page-active.hsa-solid-mode .swal2-popup,
body.mlbb-page-active .swal2-popup.sc-confirm-popup,
body.mlbb-page-active .swal2-popup.gc-matcha-popup,
body.mlbb-page-active.hsa-solid-mode .swal2-popup.gc-glass-panel{
  background: linear-gradient(rgba(10,12,22,.72), rgba(10,12,22,.88)), url('/simg/julian-mlbb.png?o=2') center/cover no-repeat !important;
}

/* ==== style hsa-steamcis-css ==== */

#steamcis-page{position:fixed;inset:0;z-index:2147483601;display:none;overflow-y:auto;overflow-x:hidden;
  background:#070b14;color:#eaf2fb;font-family:'Poppins',system-ui,sans-serif;
  -webkit-text-size-adjust:100%;touch-action:pan-y;overscroll-behavior:contain;}
#steamcis-page::before{content:"";position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(60% 36% at 12% 0%,rgba(255,60,190,.16),transparent 70%),
             radial-gradient(56% 32% at 88% 2%,rgba(0,210,255,.15),transparent 70%),
             radial-gradient(70% 44% at 50% 100%,rgba(140,80,255,.12),transparent 74%);}
#steamcis-page .scis-wrap{position:relative;width:100%;max-width:560px;margin-left:auto;margin-right:auto;
  padding:12px 22px calc(14px + env(safe-area-inset-bottom,0px));
  min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;}
#steamcis-page .scis-card,#steamcis-page .scis-note,#steamcis-page .scis-top{max-width:100%;box-sizing:border-box;}
#steamcis-page .scis-grow{flex:1;}
#steamcis-page .scis-note{border-radius:14px;margin-bottom:8px;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
  border:1px solid rgba(255,214,107,.35);}
#steamcis-page .scis-note-h{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;
  background:none;border:none;color:#ffd66b;font-size:12.5px;font-weight:800;
  padding:9px 14px;cursor:pointer;font-family:inherit;text-align:left;}
#steamcis-page #scis-note-b{display:none;padding:2px 14px 12px;font-size:12px;color:#c7d3e0;line-height:2;}
#steamcis-page #scis-note-b b{color:#fff;}
#steamcis-page .scis-top{display:flex;gap:11px;align-items:center;border-radius:16px;padding:10px 13px;margin-bottom:8px;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));
  border:1px solid rgba(125,211,252,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 22px rgba(0,234,255,.08),0 10px 28px rgba(0,0,0,.35);
  backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);}
#steamcis-page .scis-back{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);border-radius:10px;
  width:32px;height:32px;font-size:15px;cursor:pointer;color:#fff;flex:none;}
#steamcis-page .scis-h1{font-size:17.5px;font-weight:900;color:#fff;text-shadow:0 0 14px rgba(0,234,255,.35);}
#steamcis-page .scis-row1{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;position:relative;}
#steamcis-page .scis-logo{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.1);
  border:1px solid rgba(125,211,252,.5);color:#7dd3fc;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;
  box-shadow:0 0 12px rgba(0,234,255,.25);}
#steamcis-page .scis-ct{font-size:14.5px;font-weight:800;color:#fff;}
#steamcis-page .scis-cs{font-size:11.5px;color:#9fb6cd;margin-top:2px;line-height:1.55;}
#steamcis-page .scis-hint{font-size:11px;color:#7b8fa5;margin-top:5px;}
#steamcis-page .scis-card{border-radius:16px;padding:12px 14px;margin-bottom:8px;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 28px rgba(0,0,0,.35);
  backdrop-filter:blur(8px) saturate(1.15);-webkit-backdrop-filter:blur(8px) saturate(1.15);}
#steamcis-page .scis-info{border:1.5px solid rgba(255,214,107,.8);background:rgba(255,200,80,.14);color:#ffd66b;
  border-radius:999px;width:26px;height:26px;font-size:13px;font-weight:900;cursor:pointer;line-height:1;padding:0;
  box-shadow:0 0 10px rgba(255,200,80,.3);}
#steamcis-page #scis-login-tip{display:none;position:absolute;right:-4px;top:28px;z-index:6;width:min(250px,72vw);
  background:rgba(8,14,26,.97);color:#eaf2fb;border:1px solid rgba(125,211,252,.4);
  font-size:12px;font-weight:600;border-radius:11px;padding:9px 12px;line-height:1.9;text-align:left;
  box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 16px rgba(0,234,255,.15);}
#steamcis-page .scis-rates{border:1.4px solid rgba(125,211,252,.75);background:rgba(255,255,255,.05);color:#7dd3fc;
  font-weight:800;font-size:11.5px;border-radius:999px;padding:6px 11px;cursor:pointer;white-space:nowrap;}
#steamcis-page #scis-rates-tip{display:none;position:absolute;right:0;top:38px;z-index:5;
  background:rgba(8,14,26,.96);color:#eaf2fb;border:1px solid rgba(125,211,252,.4);
  font-size:12px;font-weight:700;border-radius:11px;padding:9px 12px;line-height:1.8;white-space:nowrap;
  box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 16px rgba(0,234,255,.15);}
#steamcis-page .scis-lb{font-size:12.5px;font-weight:800;color:#9fb6cd;margin:10px 0 5px;}
#steamcis-page .scis-lbrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
#steamcis-page #scis-min{font-size:10.5px;font-weight:600;color:#7b8fa5;white-space:nowrap;}
#steamcis-page .scis-in{width:100%;box-sizing:border-box;background:rgba(0,0,0,.32);border:1.4px solid rgba(125,211,252,.4);
  border-radius:10px;padding:9px 12px;font-size:16px;font-weight:700;color:#fff;outline:none;font-family:inherit;}
#steamcis-page .scis-in:focus{border-color:rgba(240,171,252,.85);box-shadow:0 0 14px rgba(240,171,252,.3);}
#steamcis-page .scis-in::placeholder{color:#5d7189;font-size:14px;}
#steamcis-page .scis-curs{display:flex;gap:6px;}
#steamcis-page .scis-cur{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;border:1.4px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.05);border-radius:10px;padding:8px 0;font-size:12.5px;font-weight:800;color:#fff;cursor:pointer;}
#steamcis-page .scis-cur img{width:18px;height:12px;object-fit:cover;border-radius:2.5px;}
#steamcis-page .scis-cur.on{border-color:rgba(125,211,252,.9);background:rgba(0,234,255,.12);
  box-shadow:0 0 12px rgba(0,234,255,.3);}
#steamcis-page .scis-sr{display:flex;justify-content:space-between;align-items:center;border-radius:11px;
  background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);
  padding:11px 13px;margin-bottom:8px;font-size:13.5px;color:#9fb6cd;font-weight:600;}
#steamcis-page .scis-sr b{color:#fff;font-weight:800;}
#steamcis-page .scis-buy{width:100%;border:1px solid rgba(255,255,255,.85);border-radius:13px;
  background:#fff;color:#0a0e1a;font-size:15px;
  font-weight:900;letter-spacing:.4px;padding:13px;margin-top:4px;cursor:pointer;font-family:inherit;
  box-shadow:0 0 16px rgba(255,255,255,.18),0 6px 18px rgba(0,0,0,.35);}
#steamcis-page .scis-buy:active{transform:scale(.98);}
#steamcis-page .scis-modal{display:none;position:fixed;inset:0;background:rgba(3,6,12,.72);z-index:20;
  align-items:flex-end;justify-content:center;}
#steamcis-page .scis-mbox{position:relative;width:100%;max-width:620px;border-radius:20px 20px 0 0;
  background:rgba(11,18,32,.96);border:1px solid rgba(125,211,252,.3);border-bottom:none;
  padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px));text-align:center;
  box-shadow:0 -14px 44px rgba(0,0,0,.6),0 0 24px rgba(0,234,255,.1);}
#steamcis-page .scis-x{position:absolute;top:11px;right:13px;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.07);border-radius:9px;width:27px;height:27px;font-size:12px;cursor:pointer;color:#cfd8e3;}
#steamcis-page .scis-mic{width:56px;height:56px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900;}
#steamcis-page .scis-mic.bad{background:rgba(255,80,90,.14);color:#ff6b6b;border:2px solid rgba(255,107,107,.5);box-shadow:0 0 18px rgba(255,80,90,.25);}
#steamcis-page .scis-mic.ok{background:rgba(65,219,134,.14);color:#41db86;border:2px solid rgba(65,219,134,.5);box-shadow:0 0 18px rgba(65,219,134,.25);}
#steamcis-page .scis-mt{font-size:15.5px;font-weight:900;color:#fff;margin-bottom:6px;}
#steamcis-page .scis-mm{font-size:14px;color:#b9c7d8;line-height:1.8;margin-bottom:14px;white-space:pre-line;}
#steamcis-page .scis-mb{width:100%;border:1px solid rgba(255,255,255,.85);border-radius:12px;
  background:#fff;color:#0a0e1a;font-size:14.5px;
  font-weight:900;padding:13px;cursor:pointer;font-family:inherit;
  box-shadow:0 0 14px rgba(255,255,255,.16),0 6px 16px rgba(0,0,0,.35);}
#steamcis-page .scis-spin{width:36px;height:36px;border-radius:50%;margin:2px auto 14px;
  border:3.5px solid rgba(125,211,252,.22);border-top-color:#7dd3fc;animation:scisspin 1s linear infinite;}
@keyframes scisspin{to{transform:rotate(360deg);}}
#steamcis-page .scis-bar{height:4px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:2px;}
#steamcis-page .scis-bar i{display:block;height:100%;width:40%;border-radius:99px;
  background:linear-gradient(90deg,#00b4ff,#8c50ff);animation:scisbar 1.2s ease-in-out infinite;}
@keyframes scisbar{0%{transform:translateX(-110%);}100%{transform:translateX(290%);}}
#steamcis-page .scis-rvt{border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;margin:8px 0 14px;text-align:left;background:rgba(0,0,0,.25);}
#steamcis-page .scis-rvr{display:flex;justify-content:space-between;padding:9px 13px;font-size:13px;color:#9fb6cd;border-bottom:1px solid rgba(255,255,255,.08);}
#steamcis-page .scis-rvr b{color:#fff;}
#steamcis-page .scis-rvr.pay{background:rgba(0,234,255,.08);border-bottom:none;}
#steamcis-page .scis-rvr.pay b{color:#7dffb2;}

/* ==== style hsa-proc-css ==== */

/* ═══ ORDER PROCESSING SHEET v2 — compact glass (no color) ═══ */
#hsa-proc-ov { position:fixed; inset:0; z-index:2147483000; background:rgba(0,0,0,.45); opacity:0;
  pointer-events:none; transition:opacity .25s; }
#hsa-proc-ov.on { opacity:1; pointer-events:auto; }
#hsa-proc-sheet { position:fixed; left:0; right:0; bottom:0; z-index:2147483001; max-width:430px; margin:0 auto;
  background:rgba(255,255,255,.09); border:1.5px solid rgba(255,255,255,.30); border-bottom:0;
  border-radius:20px 20px 0 0; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  box-shadow:0 -10px 40px rgba(0,0,0,.45); padding:10px 14px 14px;
  transform:translateY(105%); transition:transform .3s cubic-bezier(.2,.8,.25,1); }
#hsa-proc-sheet.on { transform:translateY(0); }
#hsa-proc-sheet .hp-grab { width:38px; height:4px; border-radius:4px; background:rgba(255,255,255,.4); margin:0 auto 8px; }
#hsa-proc-sheet .hp-item { text-align:center; font-size:12.5px; font-weight:900; color:#fff; margin-bottom:8px;
  text-shadow:0 0 12px rgba(255,255,255,.3); }
#hsa-proc-sheet .hp-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:5px; }
#hsa-proc-sheet .hp-cell { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22);
  border-radius:9px; padding:5px 8px; }
#hsa-proc-sheet .hp-k { font-size:8px; font-weight:800; letter-spacing:.5px; color:rgba(255,255,255,.6); text-transform:uppercase; }
#hsa-proc-sheet .hp-v { font-size:10.5px; font-weight:800; color:#fff; margin-top:1px; word-break:break-all; }
#hsa-proc-sheet .hp-barwrap { height:4px; border-radius:6px; background:rgba(255,255,255,.14); overflow:hidden; margin:10px 0 8px; }
#hsa-proc-sheet .hp-bar { height:100%; width:36%; border-radius:6px;
  background:linear-gradient(90deg, #00eaff, #38bdf8, #8b5cf6);
  box-shadow:0 0 10px rgba(0,234,255,.6);
  animation:hpSlide 1.15s linear infinite; }
@keyframes hpSlide { 0%{ transform:translateX(-110%);} 100%{ transform:translateX(390%);} }
#hsa-proc-sheet .hp-bar.done { animation:none; width:100%; background:linear-gradient(90deg, #00eaff, #38bdf8); box-shadow:0 0 12px rgba(0,234,255,.65); }
#hsa-proc-sheet .hp-bar.fail { animation:none; width:100%; background:linear-gradient(90deg, #ef4444, #f97316); box-shadow:0 0 12px rgba(239,68,68,.6); }
/* horizontal steps */
#hsa-proc-sheet .hp-steps { display:flex; gap:6px; }
#hsa-proc-sheet .hp-step { flex:1; display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:7px 4px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); }
#hsa-proc-sheet .hp-dot { width:20px; height:20px; border-radius:50%; display:flex; align-items:center;
  justify-content:center; font-size:9px; background:rgba(255,255,255,.10); border:1.5px solid rgba(255,255,255,.35); color:rgba(255,255,255,.55); }
#hsa-proc-sheet .hp-step.act { border-color:rgba(255,255,255,.45); }
#hsa-proc-sheet .hp-step.act .hp-dot { color:#fff; border-color:#fff; box-shadow:0 0 10px rgba(255,255,255,.5); }
#hsa-proc-sheet .hp-step.ok .hp-dot { background:rgba(255,255,255,.92); border-color:#fff; color:#111; }
#hsa-proc-sheet .hp-step.bad .hp-dot { background:rgba(255,255,255,.25); border-color:#fff; color:#fff; }
#hsa-proc-sheet .hp-sl { font-size:9.5px; font-weight:800; color:rgba(255,255,255,.75); text-align:center; line-height:1.3; }
#hsa-proc-sheet .hp-step.act .hp-sl, #hsa-proc-sheet .hp-step.ok .hp-sl { color:#fff; }
#hsa-proc-wait { display:none; margin-top:8px; padding:7px 11px; border-radius:10px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.28);
  font-size:10.5px; font-weight:700; color:#fff; line-height:1.55; }
#hsa-proc-result { display:none; margin-top:9px; text-align:center; }
#hsa-proc-result .hp-check { width:38px; height:38px; border-radius:50%; margin:0 auto 5px; display:flex;
  align-items:center; justify-content:center; font-size:17px; color:#111;
  background:rgba(255,255,255,.95); box-shadow:0 0 22px rgba(255,255,255,.55); }
#hsa-proc-result .hp-rt { font-size:13.5px; font-weight:900; color:#fff; letter-spacing:1px; }
#hsa-proc-result .hp-rs { font-size:10px; font-weight:700; color:rgba(255,255,255,.7); margin-top:2px; }
#hsa-proc-tx { display:none; width:100%; margin-top:10px; padding:11px; border-radius:12px; cursor:pointer;
  background:rgba(255,255,255,.12); border:1.5px solid rgba(255,255,255,.4); color:#fff;
  font-size:12.5px; font-weight:900; letter-spacing:1.5px; font-family:inherit;
  text-shadow:0 0 10px rgba(255,255,255,.4); }
#hsa-testui-btn { display:block; width:92%; max-width:330px; margin:0 auto 12px; padding:9px; border-radius:12px;
  background:rgba(255,255,255,.07); border:1.5px dashed rgba(255,255,255,.45); color:#fff;
  font-size:12px; font-weight:900; letter-spacing:1px; text-align:center; cursor:pointer; }

/* ==== style hsa-nte-tuto-css ==== */

/* NTE — cover / bonus / tutorial (တစ်ကန့်စီ သီးသန့် · 2026-08) */
#hsa-nte-cover { width:95%; max-width:340px; margin:0 auto 15px; }
#hsa-nte-cover img { width:100%; height:150px; object-fit:cover; object-position:center 18%;
  border-radius:14px; display:block; border:1px solid rgba(255,255,255,.22); }
#hsa-nte-bonus { width:95%; max-width:340px; margin:0 auto 15px; }
/* Account Login Info card — First Top-Up Bonus box နဲ့ width တူ (mini app လို, 2026-08) */
#login-fields-card { width:95% !important; max-width:340px !important; margin-left:auto !important; margin-right:auto !important; }
#hsa-nte-tuto { width:100%; max-width:100%; margin:10px 0 0; overflow:hidden; }
#hsa-nte-bonus .ntt-bonus { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.16);
  border-radius:14px; padding:11px 13px; text-align:left; }
#hsa-nte-bonus .ntt-bt { font-size:12.5px; font-weight:900; color:#fff; margin-bottom:2px; }
#hsa-nte-bonus .ntt-bs { font-size:10.5px; font-weight:700; color:#9adcf0; margin-bottom:8px; }
#hsa-nte-bonus .ntt-brow { display:flex; justify-content:space-between; align-items:center; padding:6px 2px;
  border-top:1px dashed rgba(255,255,255,.12); font-size:11.5px; font-weight:700; color:#dfe8f2; }
#hsa-nte-bonus .ntt-brow b { color:#39d7ff; font-weight:900; }
#hsa-nte-tuto .ntt-title { font-size:12.5px; font-weight:900; color:#c4b5fd; margin-bottom:8px; text-align:left; }
#hsa-nte-tuto .ntt-row { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding-bottom:6px; scrollbar-width:none; }
#hsa-nte-tuto .ntt-row::-webkit-scrollbar { display:none; }
#hsa-nte-tuto .ntt-card { flex:none; width:82%; scroll-snap-align:start; background:rgba(255,255,255,.05);
  border:1px solid rgba(168,85,247,.45); border-radius:14px; overflow:hidden; }
#hsa-nte-tuto .ntt-card img { width:100%; display:block; }
#hsa-nte-tuto .ntt-cap { padding:9px 11px; font-size:11.5px; font-weight:700; color:#dfe8f2; line-height:1.65; text-align:left; }
#hsa-nte-tuto .ntt-cap b { color:#39d7ff; }
#hsa-nte-tuto .ntt-hint { margin-top:4px; font-size:10.5px; color:#7d8fa5; font-weight:700; text-align:center; }

/* ==== style hsa-title-wrap-css ==== */

/* game title ရှည်ရင် (NTE Auto Via Login စတာ) နောက်ကြောင်းချ — ဘေးမထွက်၊ page မဆွဲရ (2026-08) */
#product-view #view-title, #view-title {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    max-width: 92vw !important;
    line-height: 1.35 !important;
}
/* page ကြီး ဘေးတိုက် ဆွဲလို့ လုံးဝမရအောင် */
html, body { overflow-x: hidden !important; }

/* ==== style hsa-gc-bw-css ==== */

/* 🌙 Gift card page (#gc-cat-view) — dark calm UI (owner 2026-09-07 "dark ဆန် · ခရမ်းနု + matcha ပါ")
   bg #101216 · card #191c23 · border ခရမ်းနု rgba(185,167,245,.38) · စာ #f3f4f6 · matcha #9fd18b (ဈေး/active/NEW) · glow/blur/animation မရှိ
   specificity: ရှိပြီးသား rule တွေက id ၃ ထပ် + !important မို့ id ၄ ထပ် */
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view{background:#101216 !important;color:#f3f4f6 !important;padding-top:calc(22px + env(safe-area-inset-top,0px)) !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view *{animation:none !important;transition:none !important;text-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;filter:none !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .back-nav{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;color:#f3f4f6 !important;border-radius:10px !important;font-weight:800 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-search-wrap{padding:6px 0 10px !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-search-wrap > div:first-child > div:first-child{color:#f3f4f6 !important;font-size:20px !important;font-weight:800 !important;letter-spacing:-.2px}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-count-sub{color:#9fd18b !important;font-weight:700 !important;font-size:12px !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-search-input{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;color:#f3f4f6 !important;-webkit-text-fill-color:#f3f4f6 !important;border-radius:12px !important;font-weight:600 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-search-input::placeholder{color:#8b90a0 !important;-webkit-text-fill-color:#8b90a0 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-search-input:focus{border-color:#9fd18b !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-search-wrap .fa-search{color:#8b90a0 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-fav-toggle-btn,html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-view-toggle-btn{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;color:#f3f4f6 !important;border-radius:12px !important;font-weight:800 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-fav-toggle-btn i,html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view #gc-view-toggle-btn i{color:#c9bcff !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-cat-tab{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;color:#d5d8e0 !important;border-radius:999px !important;font-weight:700 !important;padding:6px 13px !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-cat-tab.on{background:#9fd18b !important;border-color:#9fd18b !important;color:#0f1a0c !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-cat-tab i{color:inherit !important}
/* card */
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid{gap:10px !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid .gc-big-cat{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;border-radius:16px !important;overflow:hidden !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid .gc-big-cat:active{background:#22252e !important;transform:none !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-cat-icon{background:#23262e !important;border:0 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-cat-title{color:#f3f4f6 !important;font-weight:800 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-cat-sub{color:#9aa0ad !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-cat-price,html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-big-cat .gc-cat-info div[style*="7dd3fc"]{color:#9fd18b !important;font-weight:800 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-cat-stock{color:#0f1a0c !important;background:#9fd18b !important;border:1px solid #9fd18b !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-new{background:#9fd18b !important;color:#0f1a0c !important;border:0 !important;border-radius:6px !important;font-weight:800 !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-note-icon{background:#191c23 !important;color:#c9bcff !important;border:1px solid rgba(185,167,245,.55) !important;width:24px !important;height:24px !important;font-size:10px !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-note-icon i{color:#c9bcff !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-fav{color:#5c6070 !important;opacity:1}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-fav.on,html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-fav.fas.on{color:#9fd18b !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-mq-inner{animation:none !important;transform:none !important}
/* sold ticker (marquee 88 ခု — ဖုန်းပူ) — ဒီ page မှာ မပြ */
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .atk-ticker{display:none !important}
/* Big mode — ပုံ အမြင့် 118 · title အဖြူ */
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big .gc-cat-icon{height:118px !important;background:#23262e !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-profile-grid.gc-view-big .gc-cat-title{color:#f3f4f6 !important;font-size:12.5px !important}
/* favorites / search region tiles */
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-fav-item,html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-item{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;color:#f3f4f6 !important;border-radius:14px !important}
html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-fav-item *,html body #gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .gc-item *{color:#f3f4f6 !important}

/* ==== style hsa-atkbw-css ==== */

/* 🔧 (owner 2026-09-26) `.atk-modal .atk-row *{font-family:Outfit !important}` က FA icon (gift · gem) ကို box ဖြစ်စေလို့ icon font ပြန်ပေး */
html body .atk-modal-overlay .atk-modal .atk-row i.fa-solid, html body .atk-modal-overlay .atk-modal .atk-row i.fas, html body .atk-modal-overlay .atk-modal .atk-row i.fa,
html body .atk-modal-overlay .atk-modal .atk-row-expand i.fa-solid, html body .atk-modal-overlay .atk-modal .atk-row-expand i.fas, html body .atk-modal-overlay .atk-modal .atk-row-expand i.fa{font-family:"Font Awesome 6 Free" !important;font-weight:900 !important}
html body .atk-modal-overlay .atk-modal .atk-row i.fa-regular, html body .atk-modal-overlay .atk-modal .atk-row i.far{font-family:"Font Awesome 6 Free" !important;font-weight:400 !important}
html body .atk-modal-overlay .atk-modal .atk-row i.fa-brands, html body .atk-modal-overlay .atk-modal .atk-row i.fab{font-family:"Font Awesome 6 Brands" !important;font-weight:400 !important}
/* 🏆 Top Buyers modal (website) — BG အဖြူ · စာ အမည်း · tab ရှင်းရှင်း · blur/animation မရှိ · style picker (1/4) ဖြုတ် (owner 2026-09-07) */
html body .atk-modal-overlay.atk-modal-overlay{background:rgba(0,0,0,.55) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal{background:#fff !important;color:#111 !important;border:1px solid #e2dcff !important;border-radius:18px !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 18px 50px rgba(0,0,0,.45) !important;padding:14px 14px 16px !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal *{animation:none !important;transition:none !important;text-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;filter:none !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-style-picker{display:none !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-modal-close{background:#111 !important;color:#fff !important;border:0 !important;border-radius:50% !important;width:30px !important;height:30px !important;line-height:30px !important;font-size:13px !important;text-align:center !important;top:12px !important;right:12px !important;box-shadow:none !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-modal-head{border:0 !important;background:transparent !important;padding:0 0 8px !important;margin:0 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-modal-title,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-modal-title *{color:#111 !important;font-size:16px !important;font-weight:800 !important;background:transparent !important;-webkit-text-fill-color:#111 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-tabs{display:flex !important;gap:6px !important;background:transparent !important;border:0 !important;padding:0 0 10px !important;margin:0 !important;overflow-x:auto !important;scrollbar-width:none}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-tab{flex:0 0 auto !important;background:#f3f4f6 !important;color:#374151 !important;border:1px solid #e5e7eb !important;border-radius:999px !important;padding:7px 12px !important;font-size:12px !important;font-weight:800 !important;box-shadow:none !important;transform:none !important;-webkit-text-fill-color:#374151 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-tab i{color:inherit !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-tab.atk-tab-active{background:#111 !important;color:#fff !important;border-color:#111 !important;-webkit-text-fill-color:#fff !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-modal-body{background:transparent !important;color:#111 !important;padding:0 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row{background:#f7f7f9 !important;border:1px solid #ececf1 !important;border-radius:12px !important;box-shadow:none !important;color:#111 !important;padding:10px 12px !important;margin:0 0 8px !important;gap:10px !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row:active{background:#eef0f4 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-rank{background:#111 !important;color:#fff !important;border:0 !important;box-shadow:none !important;font-weight:900 !important;width:34px !important;height:34px !important;min-width:34px !important;border-radius:50% !important;font-size:13px !important;-webkit-text-fill-color:#fff !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-rank.r1{background:#111 !important;outline:2px solid #9fd18b !important;outline-offset:2px !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-rank img{border:0 !important;box-shadow:none !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-name,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-name > span:first-child{color:#111 !important;font-size:13.5px !important;font-weight:800 !important;-webkit-text-fill-color:#111 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-name span:not(:first-child),html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-name .atk-tag,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-name i{color:#4b5563 !important;background:#fff !important;border:1px solid #d9d3f5 !important;border-radius:6px !important;font-size:9.5px !important;padding:1px 6px !important;font-weight:800 !important;-webkit-text-fill-color:#4b5563 !important;box-shadow:none !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-sub{color:#6b7280 !important;font-size:11px !important;-webkit-text-fill-color:#6b7280 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-amt{color:#2f6b22 !important;font-size:13.5px !important;font-weight:900 !important;-webkit-text-fill-color:#2f6b22 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-cnt{color:#6b7280 !important;font-size:11px !important;-webkit-text-fill-color:#6b7280 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-earn-pts,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-earn-pts *{color:#5f9350 !important;background:transparent !important;border:0 !important;font-size:11px !important;font-weight:800 !important;-webkit-text-fill-color:#5f9350 !important;box-shadow:none !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-expand{background:#fff !important;border:1px solid #ececf1 !important;border-radius:10px !important;color:#374151 !important;margin:-4px 0 8px !important;padding:6px 10px !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-item-line,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-item-line *{color:#374151 !important;font-size:11px !important;-webkit-text-fill-color:#374151 !important;background:transparent !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-item-line .ila{color:#2f6b22 !important;font-weight:800 !important;-webkit-text-fill-color:#2f6b22 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-empty,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-modal-body > div > div:not(.atk-row):not(.atk-row-expand){color:#374151 !important;-webkit-text-fill-color:#374151 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal button:not(.atk-tab){background:#111 !important;color:#fff !important;border:0 !important;border-radius:10px !important;box-shadow:none !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal ::-webkit-scrollbar{display:none}
/* gift card checkout ကနေ ဖွင့်ရင် Coupons tab မလို (owner 2026-09-07) */
html body.hsa-v-gc-checkout-view .atk-modal-overlay .atk-modal .atk-tab:nth-of-type(4),html body.hsa-v-gc-checkout-view .atk-modal-overlay .atk-modal .atk-tab:last-of-type{display:none !important}
/* tab/head sticky (scroll ချိန် row က tab ကို မဖုံး) · row ထဲ ခရမ်းနု အကွက် (inset) · rank/name နှိပ်ရင် profile */
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal{display:flex !important;flex-direction:column !important;overflow:hidden !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-modal-head,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-tabs{position:sticky !important;top:0 !important;z-index:5 !important;background:#fff !important;flex:0 0 auto !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-modal-body{flex:1 1 auto !important;overflow-y:auto !important;min-height:0 !important;padding-top:2px !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-today-row{background:#f7f7f9 !important;border:1px solid #d9d3f5 !important;box-shadow:inset 0 0 0 3px rgba(185,167,245,.22) !important;border-radius:12px !important;padding:10px 12px !important;margin:0 0 8px !important;display:flex !important;align-items:center !important;gap:10px !important;color:#111 !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-rank[data-uid]:not([data-uid=""]),html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-row-name{cursor:pointer}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-rank[data-uid]:not([data-uid=""]){outline:2px solid rgba(185,167,245,.9) !important;outline-offset:2px !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-rank.r1[data-uid]{outline-color:#9fd18b !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-today-when{color:#6b7280 !important;font-size:10px !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-today-footer,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-today-footer *{color:#374151 !important;background:#f3f4f6 !important;border-radius:10px;font-size:11px !important}
html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-gc-badge,html body .atk-modal-overlay .atk-modal.atk-modal.atk-modal .atk-grp-x{color:#4b5563 !important;background:#fff !important;border:1px solid #d9d3f5 !important;border-radius:6px !important;font-size:9.5px !important;padding:1px 6px !important;-webkit-text-fill-color:#4b5563 !important}

/* ==== style hsa-gcc-css ==== */

/* 🌙 Gift card checkout page (#gc-checkout-view · website) — calm dark (owner 2026-09-07)
   cover ဖြုတ် · profile row သေး · note/warning ကျဉ်း · item card = logo + flag + $ + Ks + stock + sold ticker · glow/blur မရှိ
   specificity: id ၄ ထပ် */
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view{background:#101216 !important;padding-top:calc(16px + env(safe-area-inset-top,0px)) !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view *:not(.atk-ticker-track):not(.atk-ticker-item):not(.atk-ticker-dot){animation:none !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view *{transition:none !important;text-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;filter:none !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .back-nav{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;color:#f3f4f6 !important;border-radius:10px !important;font-weight:800 !important;margin-bottom:10px !important}
/* profile card — cover မရှိ · row */
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-profile-card{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;border-radius:16px !important;margin-bottom:10px !important;overflow:hidden !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-cover{display:none !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-profile-info{margin-top:0 !important;padding:12px !important;align-items:center !important;gap:12px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-profile-img{width:56px !important;height:56px !important;border:2px solid rgba(185,167,245,.5) !important;background:#fff !important;flex:0 0 56px !important;border-radius:14px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-profile-text{margin:0 !important;padding:0 !important;min-width:0 !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view #gc-dynamic-name{background:transparent !important;border:0 !important;padding:0 !important;color:#f3f4f6 !important;font-size:15px !important;font-weight:800 !important;line-height:1.3 !important;display:block !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-badges{margin-top:6px !important;flex-wrap:wrap !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-badge{background:transparent !important;border:1px solid rgba(185,167,245,.45) !important;color:#c9bcff !important;font-size:10px !important;padding:3px 8px !important;border-radius:999px !important;font-weight:700 !important}
/* how to order · warning · note */
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-instructions{background:#191c23 !important;border:1px solid rgba(185,167,245,.38) !important;border-radius:14px !important;padding:10px 12px !important;margin-bottom:10px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-inst-title{color:#f3f4f6 !important;font-size:13px !important;font-weight:800 !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view #gc-robotic-msg{background:#191c23 !important;border:1px solid rgba(185,167,245,.3) !important;color:#9aa0ad !important;font-size:9.5px !important;letter-spacing:.5px !important;padding:5px 10px !important;margin:0 0 8px !important;border-radius:8px !important;text-align:center !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view #gc-robotic-msg *{color:#9aa0ad !important;font-size:9.5px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-note{background:#191c23 !important;border:1px solid rgba(185,167,245,.3) !important;border-radius:12px !important;padding:8px 10px !important;margin:0 0 10px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-note .x2-note-h{color:#9fd18b !important;font-size:11px !important;margin:0 0 3px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-note .x2-note-b{color:#b9bec9 !important;font-size:11px !important;line-height:1.5 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-note.open .x2-note-b{display:block !important;-webkit-line-clamp:unset !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-note .gcc-more{color:#c9bcff !important;font-size:10.5px !important;font-weight:800 !important;margin-top:4px !important;cursor:pointer}
/* items */
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-items-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-items-grid{--gcc-bg:#191c23;--gcc-fg:#f3f4f6;--gcc-fg2:rgba(243,244,246,.72);--gcc-acc:#9fd18b;--gcc-pill:rgba(255,255,255,.07);--gcc-line:rgba(255,255,255,.16)}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item{background:var(--gcc-bg) !important;border:1px solid var(--gcc-line) !important;border-radius:16px !important;padding:10px 10px 10px !important;align-items:stretch !important;text-align:left !important;overflow:hidden !important;min-height:0 !important;gap:6px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item:active,html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item.selected{transform:none !important;border-color:var(--gcc-acc) !important;opacity:.92}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item > div[style*="position: absolute"]:not(.atk-ticker),html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item > img[style*="position: absolute"]{display:none !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-skel{background:#191c23 !important;border:1px solid rgba(185,167,245,.25) !important;border-radius:16px !important;padding:12px !important;display:flex;flex-direction:column;gap:8px;min-height:120px}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-skel .a{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.08)}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-skel .b{height:14px;border-radius:7px;background:rgba(255,255,255,.07);width:70%}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-skel .b.w{width:55%;background:rgba(159,209,139,.14)}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-skel .b.s{width:40%;height:11px}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-skel-t{grid-column:1/-1;text-align:center;color:#9aa0ad !important;font-size:11px;font-weight:700;padding:6px 0 2px}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item > .atk-ticker{display:none !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-stat{display:flex;gap:6px;align-items:center;justify-content:space-between;background:#111 !important;border:1px solid rgba(255,255,255,.35) !important;border-radius:10px;padding:5px 10px;font-size:10.5px;font-weight:800;color:#fff !important;order:-1;box-sizing:border-box;cursor:pointer;letter-spacing:.3px}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-stat b{font-weight:900;color:#fff !important;font-size:12px}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-stat i{color:#fff !important;font-size:10px;opacity:.8}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;order:-2}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-head img.l{width:30px;height:30px;border-radius:8px;object-fit:cover;background:#fff;border:1px solid var(--gcc-line)}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gcc-head img.f{width:24px;height:17px;border-radius:3px;object-fit:cover}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item-title{background:var(--gcc-pill) !important;border:1px solid var(--gcc-line) !important;border-radius:10px !important;transform:none !important;color:var(--gcc-fg) !important;font-size:17px !important;font-weight:800 !important;padding:6px 10px !important;margin:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;justify-content:flex-start !important;text-align:left !important;white-space:normal !important;letter-spacing:-.2px}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item-price{background:var(--gcc-pill) !important;border:1px solid var(--gcc-line) !important;border-radius:10px !important;color:var(--gcc-acc) !important;font-size:14px !important;font-weight:800 !important;padding:6px 10px !important;margin:0 !important;min-width:0 !important;box-sizing:border-box !important;justify-content:flex-start !important;text-align:left !important;width:100% !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item-stock{margin:0 !important;background:var(--gcc-pill) !important;color:var(--gcc-acc) !important;border:1px solid var(--gcc-line) !important;font-size:10px !important;padding:4px 10px !important;border-radius:10px !important;align-self:stretch !important;text-align:left !important;box-sizing:border-box !important}
/* sold ticker — ထိပ်မှာ · အသေး · glow corner မရှိ */
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item > .atk-ticker{order:-1 !important;margin:0 !important;position:relative !important;left:auto !important;bottom:auto !important;transform:none !important;opacity:1 !important;background:var(--gcc-pill) !important;border:1px solid var(--gcc-line) !important;border-radius:10px !important;padding:5px 10px !important;font-size:10px !important;color:var(--gcc-fg2) !important;max-width:100% !important;width:100% !important;box-sizing:border-box !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .atk-ticker *{color:var(--gcc-fg2) !important;font-size:10px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .atk-ticker b,html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .atk-amt{color:var(--gcc-fg) !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item .atk-ticker *{background:transparent !important;border:0 !important;box-shadow:none !important;height:auto !important;min-height:0 !important;line-height:1.3 !important;text-shadow:none !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item .atk-ticker::before,html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item .atk-ticker::after,html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item .atk-ticker-track::before,html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item .atk-ticker-track::after{display:none !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-item .atk-ticker{overflow:hidden !important;white-space:nowrap !important;text-align:left !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view #gc-robotic-msg *{background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;letter-spacing:.4px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .hsa-cp-corner-l,html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .hsa-cp-corner-r,html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .atk-cyberpunk-red{display:none !important}
/* description / reviews */
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-desc-box{background:#191c23 !important;border:1px solid rgba(185,167,245,.3) !important;border-radius:14px !important}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view .gc-desc-title{color:#f3f4f6 !important;font-size:14px !important}

/* ==== style hsa-wdp-compact-css ==== */

/* Weekly Pass fail sheet — အရှည် 30% လျှော့ (owner 2026-09-07): 10/10 ပုံ အကျဉ်း · စာ သေး · padding သေး */
html body #hp-wdp{padding:8px !important;margin:8px 0 2px !important}
html body #hp-wdp img{width:66% !important;margin:0 auto 6px !important;display:block !important}
html body #hp-wdp > div{font-size:11px !important;line-height:1.45 !important}
html body #hp-wdp > div[onclick]{padding:5px !important;margin-top:6px !important;font-size:11px !important}

/* ==== style hsa-feed-flag-css ==== */
.feed-flag{width:16px;height:11px;border-radius:2px;object-fit:cover;vertical-align:-1px;margin-right:5px;border:1px solid rgba(255,255,255,.25)}
/* ==== style hsa-noti-bw-css ==== */
.hsa-noti-bw{display:flex;flex-direction:column;gap:6px}.hsa-noti-bw .ln{background:#fff;color:#111;border-radius:9px;padding:9px 12px;font-size:13px;line-height:1.65;font-weight:600;text-shadow:none;text-align:left;text-transform:none;letter-spacing:0}.hsa-noti-bw .ln.b{padding-left:26px;position:relative}.hsa-noti-bw .ln.b:before{content:"";position:absolute;left:12px;top:17px;width:6px;height:6px;border-radius:50%;background:#111}.noti-text-content:has(.hsa-noti-bw){text-shadow:none!important;text-align:left!important;color:#111!important}
/* ==== style hsa-card-m2-css ==== */

/* 🪟 game card ဘေးဘောင် — ပုံစံ "Double rim" (owner 2026-09-04): ကြည် glass tint · အပြင် rim + 4px အတွင်း rim · blur/animation အသစ် မပါ */
html body div.game-card.game-card{background:rgba(22,18,40,.4) !important;border:1px solid rgba(255,255,255,.3) !important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 10px 26px rgba(0,0,0,.4) !important;position:relative}
html body div.game-card.game-card::before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:16px;border:1px solid rgba(255,255,255,.16);pointer-events:none;z-index:3}
html.is-android body div.game-card.game-card{border:1px solid rgba(255,255,255,.3) !important}

/* ==== style hsa-bw-chat-css ==== */

/* ⬛⬜ APK Support Chat — အဖြူအမည်း monochrome · blur 0 · animation 0 · transition 0 (owner 2026-08-24)
   layout: fixed flex column (header / scroll body / input bar) — keyboard တက်ချိန် ခုန်တာ မရှိ */
#hsa-bw-chat{display:none;position:fixed;inset:0;z-index:2147483604;background:#ffffff;
  flex-direction:column;font-family:system-ui,-apple-system,sans-serif;
  touch-action:pan-y;overscroll-behavior:contain;-webkit-text-size-adjust:100%;}
#hsa-bw-chat *{box-sizing:border-box;}
#bwc-head{flex:none;display:flex;align-items:center;gap:12px;background:#000;color:#fff;
  padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top,0px));}
#bwc-back{flex:none;width:34px;height:34px;border:1.5px solid #fff;background:none;color:#fff;
  border-radius:9px;font-size:16px;cursor:pointer;line-height:1;}
#bwc-title{flex:1;min-width:0;}
#bwc-title b{display:block;font-size:15.5px;font-weight:800;}
#bwc-title small{display:block;font-size:11px;color:#bbb;margin-top:1px;}
#bwc-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#fff;
  padding:12px 12px 6px;-webkit-overflow-scrolling:touch;}
.bwc-msg{max-width:82%;margin:0 0 8px;padding:9px 12px;border-radius:14px;
  font-size:14.5px;line-height:1.65;word-break:break-word;white-space:pre-wrap;}
.bwc-msg.me{margin-left:auto;background:#000;color:#fff;border-bottom-right-radius:4px;}
.bwc-msg.them{margin-right:auto;background:#f1f1f1;color:#000;border:1px solid #e3e3e3;border-bottom-left-radius:4px;}
.bwc-msg img{max-width:100%;border-radius:9px;display:block;margin-bottom:4px;}
.bwc-meta{font-size:10px;margin-top:3px;opacity:.55;}
.bwc-msg a.bwc-a{color:inherit;text-decoration:underline;font-weight:800;word-break:break-all;}
.bwc-row{display:flex;align-items:flex-end;gap:6px;margin:0 0 8px;}
.bwc-row.me{flex-direction:row-reverse;}
.bwc-row .bwc-msg{margin:0;}
.bwc-av{width:26px;height:26px;border-radius:50%;flex:none;overflow:hidden;border:1.5px solid #000;background:#fff;color:#000;
  font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;}
.bwc-av img{width:100%;height:100%;object-fit:cover;display:block;}
.bwc-row.me .bwc-av{border-color:#000;background:#000;color:#fff;}
.bwc-who{font-size:9.5px;font-weight:900;margin-bottom:3px;letter-spacing:.2px;opacity:.8;}

.bwc-msg.me .bwc-meta{text-align:right;}
.bwc-day{text-align:center;font-size:10.5px;color:#999;margin:10px 0 8px;}
#bwc-empty{text-align:center;color:#888;font-size:13px;padding:40px 20px;line-height:2;}
#bwc-foot{flex:none;display:flex;align-items:flex-end;gap:8px;background:#fff;border-top:1.5px solid #000;
  padding:9px 10px;padding-bottom:calc(9px + env(safe-area-inset-bottom,0px));}
#bwc-att{flex:none;width:40px;height:40px;border:1.5px solid #000;background:#fff;color:#000;
  border-radius:11px;font-size:16px;cursor:pointer;line-height:1;}
#bwc-in{flex:1;min-width:0;border:1.5px solid #000;border-radius:11px;background:#fff;color:#000;
  font-size:16px;line-height:1.45;padding:9px 12px;outline:none;resize:none;max-height:96px;
  font-family:inherit;}
#bwc-send{flex:none;width:52px;height:40px;border:none;background:#000;color:#fff;
  border-radius:11px;font-size:15px;font-weight:800;cursor:pointer;line-height:1;}
#bwc-send:disabled{opacity:.35;}
#bwc-chips{flex:none;display:flex;gap:7px;overflow-x:auto;padding:8px 10px 2px;background:#fff;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;}
#bwc-chips::-webkit-scrollbar{display:none;}
.bwc-chip{flex:none;border:1.5px solid #000;background:#fff;color:#000;border-radius:999px;
  padding:7px 13px;font-size:12.5px;font-weight:700;cursor:pointer;line-height:1;white-space:nowrap;font-family:inherit;}
.bwc-chip:active{background:#000;color:#fff;}
#bwc-badge{display:none;margin-left:7px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:#e5484d;color:#fff;font-size:10.5px;font-weight:900;line-height:18px;text-align:center;
  vertical-align:middle;}
#bwc-badge.on{display:inline-block;}
#bwc-badge2{display:none;position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 5px;
  border-radius:10px;background:#e5484d;color:#fff;font-size:10.5px;font-weight:900;line-height:19px;
  text-align:center;border:2px solid #0b0f17;box-sizing:content-box;}
#bwc-badge2.on{display:block;}
.bwc-day{align-self:center;margin:4px 0 12px;padding:4px 12px;border:1.5px solid #000;border-radius:20px;
  background:#fff;color:#000;font-size:10.5px;font-weight:800;letter-spacing:.3px;}
#bwc-toast{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);z-index:12;
  background:#000;color:#fff;border:2px solid #fff;border-radius:11px;padding:9px 16px;
  font-size:12px;font-weight:800;display:none;max-width:80%;text-align:center;}
#bwc-toast.on{display:block;}
#bwc-jump{position:absolute;right:14px;bottom:118px;z-index:11;display:none;
  width:38px;height:38px;border-radius:50%;border:2px solid #000;background:#fff;color:#000;
  font-size:16px;font-weight:900;cursor:pointer;line-height:1;font-family:inherit;}
#bwc-jump.on{display:block;}
.bwc-msg.failed{border:1.5px dashed #e5484d;}
.bwc-retry{margin-top:6px;font-size:10.5px;font-weight:800;color:#e5484d;}
.bwc-navwrap{margin:0 0 11px;}
.bwc-nav{border:2px solid #000;background:#000;color:#fff;border-radius:12px;
  padding:11px 15px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit;max-width:88%;}
.bwc-nav:active{background:#fff;color:#000;}
.bwc-nav.alt{background:#fff;color:#000;margin-top:8px;}
.bwc-nav.alt:active{background:#000;color:#fff;}
.bwc-linkhint{font-size:11.5px;font-weight:700;color:#444;margin:0 2px 7px;line-height:1.5;}
.bwc-linkrow{display:flex;align-items:stretch;gap:7px;max-width:100%;}
.bwc-link{flex:1;min-width:0;border:1.5px solid #000;border-radius:10px;padding:9px 11px;
  font-size:11.5px;font-weight:700;color:#000;background:#fff;overflow-x:auto;white-space:nowrap;
  -webkit-overflow-scrolling:touch;line-height:1.7;}
.bwc-copy{flex:none;border:2px solid #000;background:#000;color:#fff;border-radius:10px;
  padding:9px 15px;font-size:11.5px;font-weight:800;cursor:pointer;font-family:inherit;}
.bwc-copy:active{background:#fff;color:#000;}
#bwc-sheet-bg{display:none;position:fixed;inset:0;z-index:2147483605;background:rgba(0,0,0,.45);}
#bwc-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483606;background:#fff;
  border-top:2px solid #000;border-radius:18px 18px 0 0;max-height:72%;
  display:flex;flex-direction:column;transform:translateY(105%);transition:transform .22s ease;
  padding-bottom:env(safe-area-inset-bottom,0px);}
#bwc-sheet.on{transform:translateY(0);}
#bwc-sheet-hd{flex:none;display:flex;align-items:center;justify-content:space-between;
  padding:13px 14px 9px;border-bottom:1.5px solid #000;}
#bwc-sheet-hd b{font-size:14.5px;color:#000;}
#bwc-sheet-x{width:30px;height:30px;border:1.5px solid #000;background:#fff;color:#000;
  border-radius:9px;font-size:13px;cursor:pointer;line-height:1;}
#bwc-sheet-sc{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px 16px;
  -webkit-overflow-scrolling:touch;}
.bwc-sec{font-size:11.5px;font-weight:800;color:#666;margin:10px 2px 7px;letter-spacing:.4px;}
.bwc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;}
.bwc-gi{border:1.5px solid #000;background:#fff;color:#000;border-radius:10px;
  padding:10px 2px;font-size:11px;font-weight:700;cursor:pointer;line-height:1.35;
  font-family:inherit;overflow:hidden;text-overflow:ellipsis;}
.bwc-gi:active{background:#000;color:#fff;}
/* Telegram Stars / Premium — မြင်သာအောင် Telegram အပြာ (owner 2026-08-24) */
.bwc-gi.tg{background:#229ED9;border-color:#229ED9;color:#fff;}
.bwc-gi.tg:active{background:#0f7fb3;border-color:#0f7fb3;color:#fff;}
#bwc-lightbox{display:none;position:fixed;inset:0;z-index:2147483605;background:#000;
  align-items:center;justify-content:center;padding:14px;}
#bwc-lightbox img{max-width:100%;max-height:100%;object-fit:contain;}
#bwc-lb-x{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;width:36px;height:36px;
  border:1.5px solid #fff;background:#000;color:#fff;border-radius:10px;font-size:15px;cursor:pointer;line-height:1;}
.bwc-msg.me .bwc-up{font-size:10px;opacity:.7;}

/* ==== style hsa-web-chat-extra ==== */

/* website — chat ဖွင့်ထားချိန် floating launcher/scroll-top/fab တွေ ဖျောက် (chat က APK လို အဖြူအမည်း · owner 2026-08-25) */
html.hsa-bw-open #hsa-sup-launcher, html.hsa-bw-open #scroll-top-btn, html.hsa-bw-open #hsa-back-app,
html.hsa-bw-open .hsa-fbtn, html.hsa-bw-open #floating-menu-container{display:none !important;}
#hsa-bw-chat{font-family:system-ui,-apple-system,"Noto Sans Myanmar",sans-serif;}

/* ==== style hsa-bnote-css ==== */

/* note icon — စာအုပ်ပုံ · ticker နဲ့ မကပ်အောင် ညာဘက်အောက် (owner 2026-09-01) */
.bundle-note{position:absolute;top:38px;left:8px;font-size:22px;z-index:6;
  color:rgba(255,255,255,.92);text-shadow:0 1px 5px rgba(0,0,0,.75);cursor:pointer;transition:.2s;}
.bundle-note:active{transform:scale(.9);}
/* Clash of Clans "$X Bundle" — "!" အဝိုင်း icon (owner 2026-09-07) · html body .product-item:has(.card-top.stat) rule ကို အနိုင်ယူဖို့ specificity မြှင့် */
html body .product-item .bundle-note.coc-any.coc-any.coc-any,.bundle-note.coc-any{top:5px !important;left:7px !important;right:auto !important;font-style:normal;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:10px !important;font-weight:900;line-height:15px;width:15px;height:15px;text-align:center;border-radius:50%;background:#ff3b30;color:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.6);text-shadow:none;z-index:7;}
#bnote-mask{position:fixed;inset:0;z-index:2147483100;background:rgba(0,0,0,.55);
  opacity:0;pointer-events:none;transition:opacity .22s ease;}
#bnote-mask.on{opacity:1;pointer-events:auto;}
#bnote-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483101;
  transform:translateY(102%);transition:transform .26s cubic-bezier(.22,.8,.3,1);
  background:#fff;border-top:1px solid #e2e5ea;
  border-radius:20px 20px 0 0;box-shadow:0 -12px 34px rgba(0,0,0,.45);
  padding:9px 14px calc(16px + env(safe-area-inset-bottom)) 14px;
  max-height:78vh;overflow-y:auto;text-align:left;}
#bnote-sheet.on{transform:translateY(0);}
#bnote-sheet .bn-grab{width:36px;height:4px;border-radius:4px;background:#d7dbe0;margin:0 auto 12px;}
#bnote-sheet .bn-top{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;}
#bnote-sheet .bn-rank{min-width:30px;height:30px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;font-size:11px;font-weight:900;letter-spacing:.5px;
  background:#111 !important;border:none !important;color:#fff !important;}
#bnote-sheet .bn-h{font-size:14px;font-weight:900;color:#111;line-height:1.35;}
#bnote-sheet .bn-sub{font-size:10.5px;color:#7b838d;margin-top:2px;line-height:1.5;}
#bnote-sheet .bn-x{margin-left:auto;background:#f1f2f4;border:1px solid #e0e3e7;
  color:#333;border-radius:50%;width:27px;height:27px;min-width:27px;font-size:12px;cursor:pointer;}
#bnote-sheet .bn-stats{display:flex;gap:7px;margin-bottom:10px;}
#bnote-sheet .bn-st{flex:1;background:#f5f6f8;border:1px solid #e2e5ea;
  border-radius:11px;padding:9px 5px;text-align:center;}
#bnote-sheet .bn-st b{display:block;font-size:16px;font-weight:900;line-height:1.15;color:#111 !important;}
#bnote-sheet .bn-st span{display:block;font-size:9px;color:#7b838d;margin-top:3px;letter-spacing:.2px;}
#bnote-sheet .bn-line{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;margin-bottom:6px;
  background:#f7f8f9;border:1px solid #e6e8ec;border-radius:10px;
  font-size:11.5px;color:#33383f;line-height:1.6;}
#bnote-sheet .bn-line i{color:#111;font-size:11px;margin-top:3px;}
#bnote-sheet .bn-line.warn{background:#f1f2f4;border-color:#d7dbe0;color:#111;font-weight:700;}
#bnote-sheet .bn-foot{margin-top:9px;font-size:10px;color:#8a919a;line-height:1.65;}

/* ==== style hsa-bc-css ==== */

/* Support HSA — admin broadcast (owner 2026-09-02) */
#bwc-pin{display:none;flex:none;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;
  background:#fff;border-bottom:1.5px solid #000;}
#bwc-pin.on{display:flex;}
#bwc-pin .pav{width:36px;height:36px;flex:none;border-radius:50%;border:1.5px solid #000;
  object-fit:cover;background:#fff;display:block;}
#bwc-pin .ptt{flex:1;min-width:0;}
#bwc-pin .ptt b{display:block;font-size:14px;color:#000;line-height:1.3;}
#bwc-pin .ptt small{display:block;font-size:11.5px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bwc-pin .pinlbl{flex:none;font-size:9.5px;font-weight:800;color:#000;border:1.5px solid #000;
  border-radius:6px;padding:1px 5px;margin-left:4px;}
#bwc-pin .pn{flex:none;display:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;
  background:#ff2d55;color:#fff;font-size:11px;font-weight:800;align-items:center;justify-content:center;}
#bwc-pin .pn.on{display:flex;}
.hsa-bc-inline{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:9px 11px;border-radius:13px;
  cursor:pointer;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.42);}
.hsa-bc-inline .av{width:32px;height:32px;flex:none;border-radius:50%;object-fit:cover;display:block;
  border:1px solid rgba(0,212,255,.5);background:rgba(0,212,255,.16);}
.hsa-bc-inline .tt{flex:1;min-width:0;}
.hsa-bc-inline .tt b{display:block;font-size:12.5px;color:#eaf6ff;font-weight:800;}
.hsa-bc-inline .tt b i{display:inline-block;font-style:normal;background:#00d4ff;color:#04121a;font-size:8px;
  font-weight:900;padding:1px 5px;border-radius:5px;margin-left:5px;vertical-align:middle;}
.hsa-bc-inline .tt small{display:block;font-size:11px;color:#9fb3c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hsa-bc-inline .n{flex:none;min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:#ff2d55;
  color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;}

#hsa-bc-page{display:none;position:fixed;inset:0;z-index:2147483607;background:#fff;
  flex-direction:column;font-family:system-ui,-apple-system,"Noto Sans Myanmar",sans-serif;}
#hsa-bc-page.on{display:flex;}
#bc-head{flex:none;display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1.5px solid #000;background:#fff;}
#bc-head button{width:34px;height:34px;flex:none;border:1.5px solid #000;background:#fff;color:#000;
  border-radius:9px;font-size:17px;line-height:1;cursor:pointer;}
#bc-head .tt b{display:block;font-size:15px;color:#000;}
#bc-head .tt small{display:block;font-size:11px;color:#555;}
#bc-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 20px;background:#fff;}
.bc-item{max-width:88%;margin:0 auto 14px 0;border:1.5px solid #000;border-radius:14px;padding:10px 12px;background:#fff;}
.bc-item img{display:block;max-width:100%;border-radius:10px;border:1.5px solid #000;margin-bottom:8px;cursor:pointer;}
.bc-item .tx{font-size:14px;color:#000;line-height:1.75;white-space:pre-wrap;word-break:break-word;}
.bc-item .mt{margin-top:7px;font-size:10.5px;color:#666;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.bc-item .del{border:1.5px solid #000;background:#fff;color:#000;border-radius:7px;font-size:10.5px;
  font-weight:800;padding:2px 7px;cursor:pointer;}
.bc-row{display:flex;gap:9px;align-items:flex-start;max-width:92%;margin:0 auto 16px 0;}
.bc-av{width:34px;height:34px;flex:none;border-radius:50%;border:1.5px solid #000;object-fit:cover;background:#fff;}
.bc-col{flex:1;min-width:0;}
.bc-nm{font-size:11.5px;font-weight:900;color:#000;margin:0 0 4px 2px;letter-spacing:.2px;}
.bc-item{max-width:100%;margin:0;}
.bc-heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;
  font-size:56px;pointer-events:none;z-index:9;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;}
.bc-heart.pop{animation:bcHeartPop .75s ease forwards;}
@keyframes bcHeartPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}
  60%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-52%) scale(1)}}
.bc-act{display:flex;align-items:center;gap:7px;margin-top:9px;position:relative;flex-wrap:wrap;}
.bc-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:15px;cursor:pointer;
  border:1.5px solid #000;background:#fff;font-size:15px;line-height:1.1;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",sans-serif;
  -webkit-tap-highlight-color:transparent;transition:transform .12s;}
.bc-chip:active{transform:scale(.9);}
.bc-chip.on{background:#000;}
.bc-chip i{font-style:normal;font-size:11.5px;font-weight:900;color:#000;font-family:system-ui,sans-serif;}
.bc-chip.on i{color:#fff;}
.bc-hb{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;
  border-radius:15px;cursor:pointer;border:1.5px solid #000;background:#fff;font-size:15px;line-height:1;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",sans-serif;
  -webkit-tap-highlight-color:transparent;transition:transform .12s;flex:none;}
.bc-hb:active{transform:scale(.9);}
.bc-pick{position:absolute;right:0;bottom:38px;display:none;gap:5px;padding:7px 9px;border-radius:20px;
  background:#fff;border:1.5px solid #000;box-shadow:0 6px 20px rgba(0,0,0,.28);z-index:12;
  flex-wrap:nowrap;overflow-x:auto;max-width:min(88vw,330px);scrollbar-width:none;}
.bc-pick::-webkit-scrollbar{display:none;}
.bc-pick.on{display:flex;animation:bcPickIn .16s ease;}
@keyframes bcPickIn{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
.bc-pick s{flex:none;text-decoration:none;font-size:24px;line-height:1.1;cursor:pointer;padding:2px 3px;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",sans-serif;
  transition:transform .12s;-webkit-tap-highlight-color:transparent;}
.bc-pick s:active{transform:scale(1.25);}
.bc-pick s.on{transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(0,0,0,.45));}
/* 💬 Telegram လို comment bar */
.bc-cbar{display:flex;align-items:center;gap:9px;margin-top:9px;padding:9px 11px;cursor:pointer;
  border-top:1.5px solid #000;-webkit-tap-highlight-color:transparent;}
.bc-cbar:active{background:#f4f5f7;}
.bc-avs{display:flex;flex:none;}
.bc-avs span{width:24px;height:24px;border-radius:50%;border:1.5px solid #fff;overflow:hidden;
  display:flex;align-items:center;justify-content:center;background:#111;color:#fff;
  font-size:10.5px;font-weight:900;margin-left:-8px;font-family:system-ui,sans-serif;}
.bc-avs span:first-child{margin-left:0;}
.bc-avs span img{width:100%;height:100%;object-fit:cover;display:block;}
.bc-cbar b{flex:1;min-width:0;font-size:13.5px;font-weight:800;color:#000;}
.bc-cbar em{flex:none;font-style:normal;font-size:17px;color:#000;line-height:1;}
/* 💬 comment စာမျက်နှာ သီးသန့် */
#hsa-bcc-page{display:none;position:fixed;inset:0;z-index:2147483609;background:#fff;
  flex-direction:column;font-family:system-ui,-apple-system,"Noto Sans Myanmar",sans-serif;}
#hsa-bcc-page.on{display:flex;}
#bcc-head{flex:none;display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1.5px solid #000;background:#fff;}
#bcc-head button{width:34px;height:34px;flex:none;border:1.5px solid #000;background:#fff;color:#000;
  border-radius:9px;font-size:17px;line-height:1;cursor:pointer;}
#bcc-head b{font-size:15px;color:#000;}
#bcc-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 18px;background:#fff;}
#bcc-foot{flex:none;display:flex;gap:7px;align-items:flex-end;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  border-top:1.5px solid #000;background:#fff;}
#bcc-in{flex:1;min-width:0;resize:none;max-height:96px;border:1.5px solid #000;border-radius:11px;
  padding:9px 11px;font-size:13.5px;color:#000;background:#fff;font-family:inherit;line-height:1.6;outline:none;}
#bcc-send{flex:none;height:38px;padding:0 14px;border:1.5px solid #000;background:#000;color:#fff;
  border-radius:11px;font-size:13px;font-weight:800;cursor:pointer;}
.bc-c{display:flex;gap:8px;margin-bottom:11px;align-items:flex-start;}
.bc-c .cav{width:32px;height:32px;flex:none;border-radius:50%;overflow:hidden;background:#111;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;font-family:system-ui,sans-serif;}
.bc-c .cav img{width:100%;height:100%;object-fit:cover;display:block;}
.bc-c .cbod{flex:1;min-width:0;background:#f4f5f7;border:1px solid #e2e5ea;border-radius:13px;padding:8px 11px;}
.bc-c .cnm{font-size:11.5px;font-weight:900;color:#000;margin-bottom:2px;}
.bc-c .cnm em{font-style:normal;font-size:8.5px;font-weight:800;color:#7b838d;margin-left:5px;}
.bc-c .ctx{font-size:13.5px;color:#111;line-height:1.7;white-space:pre-wrap;word-break:break-word;}
.bc-c .cmt-t{font-size:9.5px;color:#8a919a;margin-top:4px;}
.bc-cmenu{position:fixed;inset:0;z-index:2147483612;background:rgba(0,0,0,.35);display:none;
  align-items:flex-end;justify-content:center;}
.bc-cmenu.on{display:flex;}
.bc-cmenu > div{width:100%;max-width:420px;background:#fff;border-radius:18px 18px 0 0;
  padding:10px 14px calc(16px + env(safe-area-inset-bottom,0px));border-top:1.5px solid #000;}
.bc-cmenu b{display:block;padding:13px 6px;font-size:14px;font-weight:800;color:#000;cursor:pointer;
  border-bottom:1px solid #eef0f2;}
.bc-cmenu b:last-child{border-bottom:0;color:#7b838d;}
#bc-head .bc-hav{width:34px;height:34px;border-radius:50%;border:1.5px solid #000;object-fit:cover;flex:none;}
#bc-empty{text-align:center;color:#666;font-size:13px;padding:44px 16px;line-height:1.9;}
#bc-foot{flex:none;display:none;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  border-top:1.5px solid #000;background:#fff;align-items:flex-end;}
#bc-foot.on{display:flex;}
#bc-foot button{flex:none;height:38px;min-width:42px;border:1.5px solid #000;background:#fff;color:#000;
  border-radius:10px;font-size:14px;font-weight:800;cursor:pointer;padding:0 12px;}
#bc-in{flex:1;min-width:0;resize:none;max-height:110px;border:1.5px solid #000;border-radius:10px;
  padding:9px 11px;font-size:14px;color:#000;background:#fff;font-family:inherit;line-height:1.6;outline:none;}
#bc-prev{display:none;align-items:center;gap:8px;padding:8px 12px;border-top:1.5px solid #000;background:#fff;}
#bc-prev.on{display:flex;}
#bc-prev img{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1.5px solid #000;}
#bc-prev button{border:1.5px solid #000;background:#fff;color:#000;border-radius:7px;font-size:11px;
  font-weight:800;padding:3px 8px;cursor:pointer;}

/* ==== style hsa-bccool-css ==== */

/* ⏱ ကြေညာချက် page — ဖတ်ဖို့ ၁၀ စက္ကန့် (owner 2026-09-10)
   စာတွေကို မဖုံးရ — အောက်ဆုံးမှာ တစ်တန်းတည်း (overlay မဟုတ်) · animation မထည့် (ဖုန်းပူ စည်းကမ်း) */
#bc-cool{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 14px calc(11px + env(safe-area-inset-bottom,0px));
  border-top:1.5px solid #000;background:#fff;color:#000;
  font-size:12.5px;font-weight:800;line-height:1.6;text-align:center}
#bc-cool b{flex:none;min-width:27px;height:27px;border-radius:50%;border:1.5px solid #000;
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-variant-numeric:tabular-nums}
#bc-cool.ok{background:#000;color:#fff;border-top-color:#000}
#bc-cool.hit{background:#000;color:#fff}
#bc-cool.hit b{border-color:#fff}

/* ==== style hsa-gc-code-css ==== */

/* 🎟️ Gift card redeem code — processing sheet ထဲမှာ ပြ (owner 2026-08-17) */
#hp-gccode{display:none;margin-top:9px;padding:11px 12px;border-radius:12px;background:rgba(0,0,0,.42);
           border:1px dashed rgba(255,255,255,.32);}
#hp-gccode .ck{font-size:9.5px;font-weight:800;letter-spacing:1px;color:#8fa3bd;margin-bottom:5px;}
#hp-gccode .cv{display:flex;align-items:center;gap:9px;}
#hp-gccode .cd{flex:1;min-width:0;font-family:'Courier New',monospace;font-size:14px;font-weight:700;color:#7fe9ff;
               word-break:break-all;line-height:1.45;}
#hp-gccode .cb{flex:none;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;
               background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#eaf2fb;cursor:pointer;font-size:12px;
               -webkit-tap-highlight-color:transparent;}
#hp-gccode .cb:active{transform:scale(.92);}

/* ==== style hsa-imgzoom-css ==== */

#hsa-imgzoom{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:18px}
#hsa-imgzoom.on{display:flex}
#hsa-imgzoom img{max-width:min(72vw,300px);max-height:52vh;width:auto;height:auto;border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.6);object-fit:contain;background:#111}
#hsa-imgzoom .x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer}

/* ==== style hsa-lastbuy-css ==== */

/* 🧾 My Orders strip — UI 1 (owner ရွေး 2026-08-27) · animation မထည့် (ဖုန်းပူ စည်းကမ်း) */
#hsa-lastbuy{margin:0 0 14px}
body #hsa-lastbuy{width:90%;max-width:340px;margin:-10px auto 22px auto}
#hsa-lastbuy .hlb-head{display:flex;align-items:center;gap:6px;margin:0 2px 8px}
#hsa-lastbuy .hlb-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;color:#eaf2fb;letter-spacing:.5px;text-transform:uppercase;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:4px 10px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
#hsa-lastbuy .hlb-dot{width:5px;height:5px;border-radius:1px;background:#a78bfa;flex:none;box-shadow:0 0 6px rgba(167,139,250,.8);animation:hlbBlink 1.5s ease-in-out infinite}
@keyframes hlbBlink{0%,100%{opacity:1}50%{opacity:.2}}
/* ⚠️ idle pauser (hsa-anim-pause-js) က ဒီ dot ကို မရပ်ရ — owner လိုချင်တာ (2026-08-27) */
#hsa-lastbuy .hlb-dot{will-change:opacity}
/* ⚡ low-power/perf mode က animation အားလုံး ရပ်ထားလို့ ဒီ dot ကိုပဲ ခွင့်ပြု (owner 2026-08-27) */
html body.low-power #hsa-lastbuy .hlb-dot, html body.perf-mode-on #hsa-lastbuy .hlb-dot,
html body #hsa-lastbuy .hlb-dot{animation:hlbBlink 1.5s ease-in-out infinite !important;animation-play-state:running !important;opacity:1}
#hsa-lastbuy .hlb-all{margin-left:auto;font-size:15px;font-weight:900;color:#00eaff;cursor:pointer;line-height:1;padding:0 4px}
#hsa-lastbuy .hlb-row{display:flex;gap:8px;overflow-x:auto;padding:1px 2px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#hsa-lastbuy .hlb-row::-webkit-scrollbar{display:none}
#hsa-lastbuy .hlb-c{flex:0 0 auto;width:140px;display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:7px;cursor:pointer;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
#hsa-lastbuy .hlb-c:active{transform:scale(.97)}
#hsa-lastbuy .hlb-c img{width:32px;height:32px;border-radius:7px;object-fit:cover;flex:none;background:rgba(255,255,255,.06)}
#hsa-lastbuy .hlb-n{font-size:9.5px;font-weight:800;color:#fff;line-height:1.25;max-height:24px;overflow:hidden}
#hsa-lastbuy .hlb-m{display:flex;align-items:center;gap:5px;margin-top:2px}
#hsa-lastbuy .hlb-p{font-size:9.5px;font-weight:900;color:#ffd54a}
#hsa-lastbuy .hlb-pts{width:32px;height:32px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.30)}
#hsa-lastbuy .hlb-pts span{font-family:'Orbitron','Michroma','Rajdhani',ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:900;line-height:1;letter-spacing:-1px;background:linear-gradient(175deg,#ffffff 0%,#dfe9ff 34%,#9fb6d8 52%,#f4f8ff 68%,#c3d2e8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
#hsa-lastbuy .hlb-s{font-size:8px;font-weight:900;padding:1px 5px;border-radius:4px;white-space:nowrap}
#hsa-lastbuy .hlb-pair{flex:0 0 auto;display:flex;flex-direction:column;gap:3px}
#hsa-lastbuy .hlb-pair-row{display:flex;align-items:center;gap:5px}
/* 💜 မြှား + ချိတ်လိုင်း ခရမ်းရောင် · လိုင်းပေါ် အလင်းစက် transform နဲ့ပဲ ရွေ့ (layout/paint မရှိ · GPU layer တစ်ခုတည်း — ဖုန်း မပူ) (owner 2026-09-03) */
/* iOS purple (#bf5af2) · မြှားလေး နှိပ်မှ PTS card ဘေးကို slide (width/opacity transition — tap မှပဲ) · ပိတ်ထားချိန် မြှား မသိမသာ pulse (owner 2026-09-03) */
#hsa-lastbuy .hlb-arw{color:#bf5af2;font-size:18px;font-weight:900;flex:0 0 auto;opacity:.9;padding:0 3px;cursor:pointer;line-height:1;will-change:opacity,transform;transition:transform .25s ease}
#hsa-lastbuy .hlb-pair2:not(.open) .hlb-arw{animation:hlbArw 2.4s ease-in-out infinite}
@keyframes hlbArw{0%,100%{opacity:.9}50%{opacity:.4}}
html body.low-power #hsa-lastbuy .hlb-pair2:not(.open) .hlb-arw, html body.perf-mode-on #hsa-lastbuy .hlb-pair2:not(.open) .hlb-arw,
html body #hsa-lastbuy .hlb-pair2:not(.open) .hlb-arw{animation:hlbArw 2.4s ease-in-out infinite !important;animation-play-state:running !important}
#hsa-lastbuy .hlb-pair2.open .hlb-arw{transform:rotate(180deg);animation:none !important}
#hsa-lastbuy .hlb-x{flex:0 0 auto;width:0;opacity:0;overflow:hidden;transition:width .25s ease,opacity .2s ease}
#hsa-lastbuy .hlb-pair2.open .hlb-x{width:158px;opacity:1}
#hsa-lastbuy .hlb-x .hlb-c{width:158px;min-width:158px;max-width:158px}
#hsa-lastbuy .hlb-tie{display:none;height:6px;position:relative}
#hsa-lastbuy .hlb-tie span{position:absolute;left:6px;right:6px;top:2px;height:1.5px;background:rgba(191,90,242,.35);border-radius:2px}
#hsa-lastbuy .hlb-tie span:before,#hsa-lastbuy .hlb-tie span:after{content:"";position:absolute;top:-3px;width:1.5px;height:5px;background:rgba(191,90,242,.45);border-radius:2px}
#hsa-lastbuy .hlb-tie span:before{left:0}
#hsa-lastbuy .hlb-tie span:after{right:0}
/* card အားလုံး size တူ — order card = PTS card (owner 2026-09-03) */
#hsa-lastbuy .hlb-c{width:158px;min-width:158px;max-width:158px;height:54px;box-sizing:border-box}

/* ==== style hsa-bspacks-css ==== */

/* 🩸 Blood Strike package strip — My Orders လို သေးသေး (owner 2026-08-28) */
#bs-packs{margin:10px 2px 4px}
#bs-packs .bsp-head{display:flex;align-items:center;gap:7px;margin:0 2px 7px}
#bs-packs .bsp-t{font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#eaf2fb;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:4px 10px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#bs-packs .bsp-q{border-radius:8px;border:1px solid rgba(255,255,255,.35);color:#111;
  font-size:10px;font-weight:900;padding:4px 10px;cursor:pointer;background:#fff;white-space:nowrap;letter-spacing:.2px}
#bs-packs .bsp-row{display:flex;gap:8px;overflow-x:auto;padding:1px 2px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#bs-packs .bsp-row::-webkit-scrollbar{display:none}
#bs-packs .bsp-c{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:0 7px;align-items:center;align-content:center;
  width:180px;box-sizing:border-box;background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.18);border-radius:11px;padding:6px 8px;cursor:pointer}
#bs-packs .bsp-c.on{border-color:#39ff14;background:rgba(57,255,20,.16)}
#bs-packs .bsp-c img{width:28px;height:28px;border-radius:8px;object-fit:cover;flex:none}
#bs-packs .bsp-c > div:not(.pkchip){flex:1 1 0;min-width:0}
#bs-packs .bsp-n{font-size:10.5px;font-weight:800;color:#eef2ff;line-height:1.3;white-space:nowrap}
#bs-packs .bsp-s{font-size:8px;font-weight:900;color:#9fb3c9;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bs-packs .bsp-c.on .bsp-s{color:#39ff14}
#bsp-sheet{position:fixed;inset:0;z-index:2147483000;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.55)}
#bsp-sheet.on{display:flex}
#bsp-sheet .bx{width:100%;max-width:460px;background:#111;border:1px solid rgba(255,255,255,.18);border-bottom:0;
  border-radius:18px 18px 0 0;padding:12px 16px calc(18px + env(safe-area-inset-bottom,0px))}
#bsp-sheet .g{width:38px;height:4px;border-radius:3px;background:rgba(255,255,255,.25);margin:0 auto 12px}
#bsp-sheet h4{font-size:14px;color:#fff;margin:0 0 10px;font-weight:900;letter-spacing:.2px}
#bsp-sheet p{font-size:12px;color:#d6d6d6;line-height:1.7;margin:0 0 10px}
#bsp-sheet p b{color:#fff}
.bsp-adm{display:inline-block;margin-left:5px;padding:0 6px;border-radius:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#ffd27a;font-size:9.5px;font-weight:900;letter-spacing:.2px;vertical-align:middle}
#bsp-sheet .ok{margin-top:12px;text-align:center;padding:11px;border-radius:10px;background:#fff;color:#111;font-weight:900;font-size:13px;cursor:pointer}

/* ==== style hsa-gsrc-css ==== */

/* 🔀 Admin source toggle + MLBB package strip (owner 2026-08-28) */
#gsrc-row{display:none;align-items:center;gap:7px;margin:10px 25px 4px 25px}
#gsrc-row .gs-t{font-size:9.5px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#001018;background:#ffd54a;border-radius:6px;padding:3px 8px}
#gsrc-row .gs-b{font-size:10.5px;font-weight:900;border-radius:8px;padding:5px 11px;cursor:pointer;border:1px solid rgba(255,255,255,.2);color:#cfd6e0;background:rgba(255,255,255,.06)}
#gsrc-row .gs-b.on{background:#00eaff;color:#04202a;border-color:#00eaff}
/* 🚫 Sancay mode — Digiflazz ရဲ့ Normal/Mini Dia/MY tab တွေ လုံးဝ မပေါ်ရ (owner 2026-08-29) */
body[data-mlsrc="sancay"] #server-switch-container .server-grid:not(.mlp-grid){display:none !important}
body[data-mlsrc="sancay"] #region-selector .region-tab:not(.mlp-tab){display:none !important}
#mlp-packs{display:none;margin:8px 25px 4px 25px}
#mlp-packs .mlp-head{display:flex;align-items:center;gap:7px;margin:0 2px 7px}
#mlp-packs .mlp-t{font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#eaf2fb;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:4px 10px;backdrop-filter:blur(8px)}
#mlp-packs .mlp-q{border-radius:8px;border:1px solid rgba(255,255,255,.35);color:#111;font-size:10px;font-weight:900;
  padding:4px 10px;cursor:pointer;background:#fff;white-space:nowrap;letter-spacing:.2px}
#mlp-packs .mlp-row{display:flex;gap:8px;overflow-x:auto;padding:1px 2px 4px;scrollbar-width:none}
#mlp-packs .mlp-row::-webkit-scrollbar{display:none}
/* 📦 PACK 3 (SIDE) — ပုံ ဘယ်ဘက် · စာ ညာဘက် (owner 2026-08-29) */
/* 📦 pack card — အရင် အရွယ်အစား · နောက်ခံ ပိုမြင်သာအောင်ပဲ (owner 2026-09-21) */
#mlp-packs .mlp-c{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:0 7px;align-items:center;align-content:center;
  width:176px;box-sizing:border-box;background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:6px 8px;cursor:pointer}
#mlp-packs .mlp-c.on{border-color:#b14bff;background:rgba(177,75,255,.20);box-shadow:0 0 10px rgba(177,75,255,.22)}
#mlp-packs .mlp-c img{width:28px;height:28px;border-radius:8px;object-fit:cover;flex:none}
#mlp-packs .mlp-c > div:not(.pkchip){flex:1 1 0;min-width:0}
#mlp-packs .mlp-n{font-size:11px;font-weight:900;color:#eef2ff;white-space:nowrap;line-height:1.3}
#mlp-packs .mlp-c.on .mlp-n{color:#e0c2ff}
#mlp-packs .mlp-s{font-size:8px;font-weight:800;color:#9fb3c9;white-space:nowrap;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
#mlp-packs .mlp-c.on .mlp-s{color:#d3a9ff}
#mlp-packs .mlp-adm{font-size:8px;font-weight:800;color:#c7cede;opacity:.6;letter-spacing:.3px;line-height:1.35}

/* ==== style hsa-cpnfix-css ==== */

/* 🎟 Coupon သုံးထားသူများ modal — bypass "?" popup လို glass အနေထား (owner 2026-08-29)
   Top Buyers modal ကို မထိ — ဒီ modal (#mn-cpn-stats) တစ်ခုတည်းပဲ */
#mn-cpn-stats .atk-modal, #mn-cpn-stats .atk-modal[data-mstyle="1"]{
  background:rgba(0,0,0,.25) !important;
  backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 8px 32px rgba(0,0,0,.45) !important;}
#mn-cpn-stats{background:rgba(0,0,0,.45) !important;}
#mn-cpn-list, #mn-cpn-sum{color:#e6edf3 !important;}

/* ==== style hsa-buymodal-glass ==== */

/* 🛒 ဝယ်တဲ့အခါ တက်လာတဲ့ window — coupon modal လို glass (ကြည်လွန်းတာ ပြင် · owner 2026-08-29) */
html body #quick-buy-modal div.modal-content{
  background:rgba(0,0,0,.25) !important;
  backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 8px 32px rgba(0,0,0,.45) !important;}
html body #quick-buy-modal{background:rgba(0,0,0,.45) !important;}

/* ==== style hsa-procsheet-glass ==== */

/* 🧾 ဝယ်ပြီး Processing sheet — coupon modal လို glass (ကြည်လွန်းတာ ပြင် · owner 2026-08-29) */
html body #hsa-proc-sheet{
  background:rgba(0,0,0,.25) !important;
  backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 -10px 40px rgba(0,0,0,.45) !important;}

/* ==== style hsa-cardtint-css ==== */

/* 🎨 ရွေးထားတဲ့ card — item ပုံထဲက အရောင်ကိုယူပြီး အနားသတ်/အလင်း (owner 2026-08-29) */
html body div.product-item.selected,
html body .cat-sec div.product-item.selected,
html body div#product-container div.product-item.selected,
html body.android-lite-mode div#product-container div.product-item.selected,
html body.low-power div#product-container div.product-item.selected,
html body div#product-list div.product-item.selected{
  border-color:rgba(var(--tint,0,234,255),.85) !important;
  background:linear-gradient(180deg, rgba(var(--tint,0,234,255),.22), rgba(var(--tint,0,234,255),.05)) !important;
  box-shadow:0 0 18px rgba(var(--tint,0,234,255),.35), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* ==== style hsa-mltab-css ==== */

/* 🏷 MLBB server tab — အလံ + code + ပစ္စည်းအရေအတွက် · ရွေးထားတာ ရွှေရောင် (owner 2026-08-29 · TAB 10) */
html body .mlp-tab{display:inline-flex !important;align-items:center;gap:7px;flex:0 0 auto;
  padding:8px 11px !important;border-radius:11px !important;
  background:rgba(255,255,255,.03) !important;border:1px solid rgba(255,255,255,.10) !important;
  font-size:10.5px !important;font-weight:800 !important;color:#9db2c9 !important;
  white-space:nowrap;cursor:pointer;box-shadow:none !important;}
html body .mlp-tab img{width:24px;height:17px;object-fit:cover;border-radius:3px;display:block;flex:none}
html body .mlp-tab em{font-style:normal;font-size:9px;font-weight:900;padding:2px 6px;border-radius:20px;
  background:rgba(255,255,255,.10);color:#cfe0f0}
html body .mlp-tab.active, html body .mlp-tab.on{
  border-color:rgba(var(--tint,255,213,74),.95) !important;
  background:rgba(var(--tint,255,213,74),.14) !important;
  color:rgb(var(--tint,255,213,74)) !important;
  box-shadow:0 0 14px rgba(var(--tint,255,213,74),.28) !important;}
html body .mlp-tab.active em, html body .mlp-tab.on em{background:rgb(var(--tint,255,213,74));color:#0b1220}
html body .mlp-grid, html body #region-selector{gap:8px !important}

/* ==== style hsa-newgame-css ==== */

/* 🏙 Gangstar / 🪙 Crypto tile — နာမည်စာ မြင်သာအောင် + ပုံဘောင် အနက် (owner 2026-08-29) */
html body .gm-gangstar .game-img-box, html body .gm-crypto .game-img-box{background:#0d1220 !important}
html body .gm-gangstar .game-info, html body .gm-crypto .game-info{
  color:#eaf2fb !important;-webkit-text-fill-color:#eaf2fb !important;background:none !important;
  text-shadow:0 1px 6px rgba(0,0,0,.6) !important;}
html body .gm-gangstar{border:1px solid rgba(255,153,0,.55);box-shadow:0 0 14px rgba(255,153,0,.25)}
html body .gm-crypto{border:1px solid rgba(0,234,255,.45);box-shadow:0 0 14px rgba(0,234,255,.22)}

/* ==== style hsa-hide-digipubg ==== */

/* 🚫 Digiflazz PUBG Mobile — မရောင်းတော့လို့ ဖျောက် (Sancay Global Pack ပဲ ကျန် · owner 2026-08-30) */
html body .game-card.gm-pubg{display:none !important}

/* ==== style hsa-profit-toggle-css ==== */

/* 💰 အမြတ်ပြ ON/OFF — admin ပဲမြင်ရ (owner 2026-08-30) */
#hsa-profit-tg{position:fixed;left:10px;bottom:118px;z-index:9999998;display:none;align-items:center;gap:6px;
  padding:6px 10px;border-radius:20px;font-size:10.5px;font-weight:900;cursor:pointer;
  background:rgba(10,14,26,.82);border:1px solid rgba(255,213,74,.45);color:#ffd54a;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.45)}
#hsa-profit-tg .dot{width:8px;height:8px;border-radius:50%;background:#555}
#hsa-profit-tg.on{border-color:#39ff14;color:#39ff14}
#hsa-profit-tg.on .dot{background:#39ff14;box-shadow:0 0 8px #39ff14}

/* ==== style hsa-salesgraph-css ==== */

/* 📈 နေ့စဉ် ရောင်းအား graph (owner 2026-09-01) — website / mini app / APK အတူတူ */
.sg-wrap{margin:12px 0 4px;text-align:left}
.sg-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}
.sg-k{font-size:10.5px;color:#8fa3bd;letter-spacing:.02em}
.sg-v{font-size:17px;font-weight:900;color:#eaf2fb;line-height:1.25;font-variant-numeric:tabular-nums}
.sg-seg{display:flex;gap:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:9px;overflow:hidden}
.sg-sg{background:transparent;border:0;color:#8fa3bd;font-size:11px;font-weight:800;padding:5px 11px;cursor:pointer;line-height:1}
.sg-sg.on{background:rgba(0,234,255,.14);color:#bff4ff}
.sg-plot{position:relative;height:112px}
.sg-svg{width:100%;height:112px;display:block;overflow:visible}
.sg-grid{stroke:rgba(255,255,255,.08);stroke-width:1;vector-effect:non-scaling-stroke}
.sg-area{fill:url(#sgF);stroke:none}
.sg-f0{stop-color:#00eaff;stop-opacity:.30}
.sg-f1{stop-color:#00eaff;stop-opacity:.02}
.sg-line{fill:none;stroke:#00eaff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.sg-bl{stroke:rgba(0,234,255,.35);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
.sg-bd{fill:#00eaff;stroke:#0b1120;stroke-width:2;vector-effect:non-scaling-stroke}
.sg-blbl{fill:#eaf2fb;font-size:9px;font-weight:800;text-anchor:middle;letter-spacing:.02em}
.sg-cross{stroke:rgba(255,255,255,.30);stroke-width:1;vector-effect:non-scaling-stroke}
.sg-cd{fill:#fff;stroke:#00eaff;stroke-width:2;vector-effect:non-scaling-stroke}
.sg-hit{fill:transparent;cursor:pointer}
.sg-tip{position:absolute;top:-4px;background:rgba(10,16,28,.96);border:1px solid rgba(255,255,255,.16);
  border-radius:9px;padding:6px 9px;font-size:10.5px;line-height:1.55;color:#cfd9e6;
  pointer-events:none;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.5);z-index:5}
.sg-tip b{color:#fff;font-weight:800}
.sg-tip span{color:#8fa3bd}
.sg-ax{display:flex;justify-content:space-between;font-size:9.5px;color:#7f8ea3;margin-top:2px;letter-spacing:.02em}
.sg-chips{display:flex;gap:6px;margin-top:11px}
.sg-chip{flex:1;min-width:0;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);
  border-radius:11px;padding:8px 7px;text-align:center}
.sg-chip span{display:block;font-size:9px;color:#8fa3bd;margin-bottom:3px}
.sg-chip b{display:block;font-size:11px;font-weight:900;color:#eaf2fb;font-variant-numeric:tabular-nums}
.sg-empty{margin:14px 0;text-align:center;font-size:12px;color:#8fa3bd}

/* ☀️ sheet နောက်ခံ အလင်းဖြစ်ရင် (mini app) — အရောင်တွေ ပြန်ညှိ */
.sg-light .sg-k{color:#5f7186}
.sg-light .sg-v{color:#16202e}
.sg-light .sg-seg{background:rgba(0,0,0,.045);border-color:rgba(0,0,0,.12)}
.sg-light .sg-sg{color:#5f7186}
.sg-light .sg-sg.on{background:rgba(14,154,167,.16);color:#0a6b76}
.sg-light .sg-grid{stroke:rgba(0,0,0,.09)}
.sg-light .sg-f0{stop-color:#0e9aa7;stop-opacity:.26}
.sg-light .sg-f1{stop-color:#0e9aa7;stop-opacity:.02}
.sg-light .sg-line{stroke:#0e9aa7}
.sg-light .sg-bl{stroke:rgba(14,154,167,.45)}
.sg-light .sg-bd{fill:#0e9aa7;stroke:#fff}
.sg-light .sg-blbl{fill:#16202e}
.sg-light .sg-cross{stroke:rgba(0,0,0,.28)}
.sg-light .sg-cd{fill:#fff;stroke:#0e9aa7}
.sg-light .sg-ax{color:#6b7a8c}
.sg-light .sg-chip{background:rgba(0,0,0,.035);border-color:rgba(0,0,0,.10)}
.sg-light .sg-chip span{color:#6b7a8c}
.sg-light .sg-chip b{color:#16202e}
.sg-light .sg-empty{color:#6b7a8c}

/* 📍 ဒီနေ့ */
.sg-tl{stroke:rgba(57,217,138,.5);stroke-width:1;vector-effect:non-scaling-stroke}
.sg-td{fill:#39d98a;stroke:#0b1120;stroke-width:2;vector-effect:non-scaling-stroke}
.sg-tlbl{fill:#39d98a;font-size:9px;font-weight:800;text-anchor:middle}
.sg-chip.sg-now{background:rgba(57,217,138,.10);border-color:rgba(57,217,138,.32)}
.sg-chip.sg-now b{color:#39d98a}
.sg-light .sg-tl{stroke:rgba(5,150,105,.5)}
.sg-light .sg-td{fill:#059669;stroke:#fff}
.sg-light .sg-tlbl{fill:#047857}
.sg-light .sg-chip.sg-now{background:rgba(5,150,105,.08);border-color:rgba(5,150,105,.28)}
.sg-light .sg-chip.sg-now b{color:#047857}

/* ==== style hsa-packprice-css ==== */

/* 💰 bar နှိပ်ရင် အမြတ် (admin ပဲ · owner 2026-09-22) */
#pp-ptip{position:fixed;left:12px;right:12px;bottom:24px;z-index:2147483040;
  display:none;flex-wrap:wrap;align-items:center;gap:8px;max-width:520px;margin:0 auto;
  padding:10px 13px;border-radius:14px;background:#0b0d12;
  border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 26px rgba(0,0,0,.5);
  font-size:12px;font-weight:800;color:#eef2ff;line-height:1.5}
#pp-ptip.show{display:flex}
#pp-ptip b{font-size:12.5px;font-weight:900;color:#c9bbf7}
#pp-ptip span{opacity:.92}
#pp-ptip .up{color:#9fd18b}
#pp-ptip .dn{color:#ff8787}
#pp-ptip i{flex:0 0 100%;font-style:normal;font-size:11.5px;color:#9fb3c9;font-weight:700}
/* 💸 တခြား pack မှာ ဈေးပိုတန်ရင် — card အပြင်ဘက် glass bar (owner 2026-09-01) */
.pp-cell{display:flex;flex-direction:column;gap:6px;min-width:0}
.pp-cell > .product-item{flex:1 1 auto}
.pp-bar{
  display:flex;align-items:center;gap:7px;width:100%;box-sizing:border-box;
  padding:7px 9px;border-radius:13px;cursor:pointer;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  box-shadow:0 4px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18);
  color:#f2f6fb;text-shadow:none;
}
.pp-bar:active{transform:scale(.97)}
/* pack ညွှန် bar — အစိမ်းရင့် တစ်ရောင်တည်း (owner 2026-09-03) */
html body .pp-bar{background:rgba(96,165,250,.14) !important;border:1px solid rgba(147,197,253,.34) !important;color:#dbeafe !important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.16) !important}
html body .pp-bar .pr{color:#8affc0}
html body .pp-bar .ar{opacity:.85}

.pp-bar .pk{font-size:10.5px;font-weight:900;letter-spacing:.02em;white-space:nowrap;opacity:.95}
.pp-bar .pr{font-size:11.5px;font-weight:900;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.pp-bar .ar{font-size:12px;font-weight:900;opacity:.7;line-height:1}

/* ==== style hsa-wallet-check-css ==== */

/* Crypto wallet game — address ကို network အလိုက် စစ်ပြပေးတဲ့ status (owner 2026-09-01) */
#hsa-waddr{margin-top:8px;padding:9px 12px;border-radius:12px;font-size:11.5px;font-weight:800;
  line-height:1.65;display:none;text-align:left}
#hsa-waddr.ok{display:block;color:#39ff14;background:rgba(57,255,20,.09);border:1px solid rgba(57,255,20,.38)}
#hsa-waddr.warn{display:block;color:#ffc107;background:rgba(255,193,7,.09);border:1px solid rgba(255,193,7,.38)}
#hsa-waddr.bad{display:block;color:#ff6b6b;background:rgba(255,80,80,.09);border:1px solid rgba(255,80,80,.38)}
body[data-wallet="1"] #verify-btn{display:none !important}
body[data-wallet="1"] #ign-display{display:none !important}

/* ==== style hsa-crypto-custom-css ==== */

/* Crypto (Custom) x2_91061 — USDT ပမာဏ ကိုယ်တိုင် ရိုက်ထည့်တဲ့ UI (owner 2026-09-01) */
#ccu-wrap{margin:6px 2px 14px;padding:16px 14px;border-radius:18px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 6px 20px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
#ccu-wrap .ccu-head{font-size:13px;font-weight:900;color:#eaf6ff;margin-bottom:12px;text-align:center}
#ccu-wrap .ccu-in{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:14px;
  background:rgba(0,0,0,.30);border:1px solid rgba(0,234,255,.38)}
#ccu-wrap .ccu-sym{font-size:19px;font-weight:900;color:#00eaff;line-height:1}
#ccu-wrap input#ccu-amt{flex:1 1 auto;min-width:0;background:transparent !important;border:0 !important;
  outline:none;box-shadow:none !important;color:#fff;font-size:21px;font-weight:900;padding:0 !important;
  -webkit-text-fill-color:#fff;text-align:left}
#ccu-wrap .ccu-unit{font-size:11.5px;font-weight:900;color:#9fb3c8;letter-spacing:.6px}
#ccu-wrap .ccu-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
#ccu-wrap .ccu-chips b{flex:1 0 auto;text-align:center;padding:8px 0;border-radius:11px;cursor:pointer;
  font-size:12px;font-weight:900;color:#dff8ff;background:rgba(0,234,255,.08);
  border:1px solid rgba(0,234,255,.32);min-width:50px}
#ccu-wrap .ccu-chips b.on{background:rgba(0,234,255,.22);border-color:rgba(0,234,255,.8);color:#fff}
#ccu-wrap .ccu-tot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;
  padding:10px 12px;border-radius:13px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.12)}
#ccu-wrap .ccu-tot span{font-size:11.5px;font-weight:800;color:#9fb3c8}
#ccu-wrap .ccu-tot b{font-size:16px;font-weight:900;color:#39ff14;text-shadow:0 0 8px rgba(57,255,20,.45)}
#ccu-wrap .ccu-note{margin-top:9px;font-size:10.5px;font-weight:700;color:#8fa3b8;line-height:1.75;text-align:center}
#ccu-wrap .ccu-go{margin-top:12px;padding:13px;border-radius:14px;text-align:center;cursor:pointer;
  font-size:13.5px;font-weight:900;color:#04121a;
  background:linear-gradient(135deg,#00eaff,#39ff14);box-shadow:0 6px 18px rgba(0,234,255,.28)}
#ccu-wrap .ccu-go[data-off="1"]{opacity:.42;pointer-events:none}
#ccu-host{display:none}
body[data-cc="1"] #normal-qty-row,
body[data-cc="1"] #checkout-bar .qty-row{display:none !important}

/* ==== style hsa-itemcard-fill ==== */

/* item card — ticker/old-price မပါတဲ့ card မှာ အောက်ခြေ အလွတ်ကွက် ကြီးကြီး ကျန်နေတာ ဖြေ
   (Twilight Pass · owner 2026-09-01) — ဈေးတန်းကို အောက်ဆုံး ကပ်မထားဘဲ အလယ်မှာ စုပေးတယ် */
html body .product-item > div[style*="margin-top: auto"]{ margin-top:6px !important; }
/* card အရှည် လျှော့ — ပုံဘေးက အလွတ်နေရာ ကျဉ်းအောင် (owner 2026-09-01) */
html body .product-item{ padding:7px 6px !important; }
html body .product-item .p-img.pass-big{ height:52px !important; transform:scale(1.26) !important;
  margin:0 auto 2px auto !important; }
html body .product-item .p-img.diamond-big{ width:52px !important; height:52px !important;
  margin:0 auto 2px auto !important; }
html body .product-item .p-name{ margin-bottom:4px !important; }

/* ==== style hsa-cattab-css ==== */

/* 🗂 Tab — အဖြူ/အမည်း · active မှာ ခရမ်းရောင် အလင်း ဘောင်ထဲ သွား (owner 2026-09-01) */
#hsa-cattab{display:flex;gap:6px;margin:10px 0 12px;padding:0;overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;background:transparent;border:0}
#hsa-cattab::-webkit-scrollbar{display:none}
#hsa-cattab b{position:relative;flex:1 0 auto;text-align:center;padding:10px 14px;border-radius:12px;
  font-size:12.5px;font-weight:900;letter-spacing:.2px;white-space:nowrap;cursor:pointer;
  background:#ffffff;color:#111111;border:1px solid rgba(0,0,0,.14);
  -webkit-text-fill-color:#111111;text-shadow:none;overflow:hidden;
  transition:box-shadow .2s,transform .12s}
#hsa-cattab b:active{transform:scale(.93);box-shadow:0 1px 4px rgba(0,0,0,.25)}
#hsa-cattab b{will-change:transform}
/* 🎞 section ပြောင်းရင် ဘေးကနေ ရွေ့ဝင် (owner 2026-09-01) */
.cat-sec.hsa-slide-l{animation:hsaSlideL .26s cubic-bezier(.22,.9,.3,1) both}
.cat-sec.hsa-slide-r{animation:hsaSlideR .26s cubic-bezier(.22,.9,.3,1) both}
@keyframes hsaSlideL{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes hsaSlideR{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
body.low-power .cat-sec.hsa-slide-l{animation:hsaSlideL .26s cubic-bezier(.22,.9,.3,1) both !important}
body.low-power .cat-sec.hsa-slide-r{animation:hsaSlideR .26s cubic-bezier(.22,.9,.3,1) both !important}
#hsa-cattab b.on{color:#111111;-webkit-text-fill-color:#111111;
  box-shadow:0 3px 12px rgba(139,92,246,.35)}
/* ✨ active tab — အထဲဘောင်မှာ ခရမ်းရောင် အလင်း လှည့်နေ (owner 2026-09-01) */
#hsa-cattab b .tring{display:none}
#hsa-cattab b.on .tring{display:block;position:absolute;inset:0;border-radius:12px;padding:2px;
  overflow:hidden;pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude}
#hsa-cattab b.on .tring s{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;display:block;
  text-decoration:none;transform:translate(-50%,-50%) rotate(0deg);
  background:conic-gradient(from 0deg,transparent 0 56%,#c4b5fd 70%,#7c3aed 80%,transparent 88% 100%);
  animation:hsaTabRing 2.6s linear infinite}
@keyframes hsaTabRing{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* ⚡ low-power မှာလည်း tab ring လည်ရမယ် (idle 8s မှာ ရပ်လို့ ဖုန်းမပူ) */
body.low-power #hsa-cattab b.on .tring s{animation:hsaTabRing 2.6s linear infinite !important}
@media (prefers-reduced-motion:reduce){#hsa-cattab b.on .tring s{animation:none}}

/* ==== style hsa-resl-css ==== */

/* 🧭 tab bar 2 တန်း (owner 2026-09-18) */
#hsa-cattab-wrap{flex-wrap:wrap !important;row-gap:8px}
#hsa-cattab-wrap #hsa-cattab{flex:1 1 100% !important;margin:10px 0 0 !important;padding-right:0 !important}
#hsa-cattab.three{overflow:visible}
#hsa-cattab.three b{flex:1 1 0 !important;min-width:0;padding:10px 6px !important;font-size:11.5px !important;overflow:hidden;text-overflow:ellipsis}
#hsa-cattab-row2{display:flex;gap:8px;width:100%;margin:12px 0 10px}
#hsa-cattab-wrap #hsa-cattab-howto{flex:1 1 0 !important;margin-left:0 !important;justify-content:center;display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.26) !important;color:#e6e8ef !important;-webkit-text-fill-color:#e6e8ef;
  backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);box-shadow:none !important;font-weight:800}
#hsa-cattab-wrap #hsa-cattab-howto i{color:#e6e8ef !important}
#hsa-cattab-wrap #hsa-cattab-howto:active{background:rgba(255,255,255,.22) !important}
#hsa-cattab-wrap #hsa-cattab-howto::before{display:none !important}
#hsa-cattab-resl{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,.12);color:#e6e8ef;border:1px solid rgba(255,255,255,.26);font-size:12.5px;font-weight:800;cursor:pointer;-webkit-text-fill-color:#e6e8ef;text-shadow:none;
  backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}
#hsa-cattab-resl i{font-size:12px;color:#e6e8ef}
#hsa-cattab-resl:active{background:rgba(255,255,255,.22)}
/* sheet */
#hsa-resl-sheet{position:fixed;inset:0;z-index:2147483200;display:none;background:rgba(0,0,0,.55)}
#hsa-resl-sheet.on{display:block}
#hsa-resl-sheet .rs{position:absolute;left:0;right:0;bottom:0;background:#fff;color:#000;border-radius:18px 18px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));max-height:80vh;overflow:auto;font-family:inherit}
#hsa-resl-sheet .rs h3{margin:0 0 10px;font-size:16px;font-weight:900;color:#000;display:flex;align-items:center;justify-content:space-between}
#hsa-resl-sheet .rs h3 b{width:32px;height:32px;border-radius:50%;border:1.5px solid #000;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}
#hsa-resl-sheet .rs p{margin:0 0 10px;font-size:13px;line-height:1.75;color:#000}
#hsa-resl-sheet .rs .k{display:flex;justify-content:space-between;padding:10px 12px;border:1.5px solid #000;border-radius:10px;margin-bottom:8px;font-size:13px;font-weight:800}
#hsa-resl-sheet .rs .k span:last-child{font-weight:900}
#hsa-resl-sheet .rs .tag{display:inline-block;padding:3px 9px;border:1.5px solid #000;border-radius:999px;font-size:11px;font-weight:900;margin:0 6px 8px 0}

/* ==== style hsa-wallet-paylist-fix ==== */

/* short viewport — pay-list (flex:1) 0 ထိ ကျုံ့ပြီး KPay/Wave number မမြင်ရ (owner 2026-09-19) */
html body #wallet-view .pay-list, html body #page-wallet .pay-list{min-height:232px !important}
html body #wallet-view .wallet-wrap, html body #page-wallet .wallet-wrap{overflow-y:auto !important;-webkit-overflow-scrolling:touch}

/* ==== style hsa-resl-wallet-css ==== */

#hsa-resl-box{width:100%;max-width:280px;margin:8px auto 0;padding:9px 12px;border-radius:12px;display:none;align-items:center;justify-content:space-between;gap:10px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}
#hsa-resl-box.on{display:flex}
#hsa-resl-box .l{font-size:10.5px;font-weight:900;letter-spacing:.6px;color:#cfd3dc;text-transform:uppercase;display:flex;align-items:center;gap:6px}
#hsa-resl-box .l i{font-size:11px;color:#e6e8ef}
#hsa-resl-box .v{font-size:16px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
#hsa-resl-box .v small{font-size:10px;color:#cfd3dc;font-weight:700;margin-left:3px}
/* owner 2026-09-22: balance ကို မနုတ်တော့ → ဒီထဲက ငွေက ဘာလဲ ရှင်းပြ */
#hsa-resl-box{flex-wrap:wrap}
#hsa-resl-box .n{flex:0 0 100%;font-size:9.5px;font-weight:700;color:#9fb3c9;line-height:1.4;margin-top:2px}

/* ==== style hsa-live-frame-css ==== */

/* 🟦 Live Purchases card ဘောင် — app နဲ့ တူအောင် double rim (owner 2026-09-04) */
html body div.live-wrap.live-wrap{position:relative;border:1px solid rgba(0,234,255,.42) !important;border-radius:18px !important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 0 0 4px rgba(0,234,255,.05),0 10px 26px rgba(0,0,0,.4) !important}
html body div.live-wrap.live-wrap::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.13);border-radius:14px;pointer-events:none;z-index:0}

/* ==== style hsa-top5-css ==== */

/* 🏆 Live Purchases header — ဒီနေ့ Top 5 avatar (app နဲ့ တူ · owner 2026-09-04) */
body.hsa-top5 .live-wrap .live-title{font-size:0 !important;gap:0}
body.hsa-top5 .live-wrap .live-title .pulse-dot{display:none !important}
.hsa-t5{display:flex;align-items:center;gap:3px;flex:0 0 auto;font-size:12px}
.hsa-t5 .rg{position:relative;padding:2px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.12));box-shadow:0 2px 6px rgba(0,0,0,.35);cursor:pointer;-webkit-tap-highlight-color:transparent}
.hsa-t5 .rg.g{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.2));box-shadow:0 0 10px rgba(255,255,255,.25)}
.hsa-t5 .av{position:relative;width:23px;height:23px;border-radius:50%;border:2px solid rgba(10,8,18,.9);display:grid;place-items:center;font-weight:800;font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.hsa-t5 .av img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}
.hsa-t5 .av span{position:absolute;inset:0;display:grid;place-items:center;z-index:0}
.hsa-t5 .rk{position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.1));color:#fff;font-size:7.5px;font-weight:800;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 3px rgba(0,0,8,.5);z-index:2;line-height:1}
@media (max-width:360px){.hsa-t5 .av{width:21px;height:21px;font-size:9px}}

/* ==== style hsa-note-blink-css ==== */

/* Note ကို Payment တခုပဲရေးပါ — အသက်ရှူသလို အနီ ↔ အဖြူ (owner 2026-09-05) · .hsa-keep-anim = idle pauser က မရပ် */
/* ⚡ 2026-09-10: color/background/box-shadow animation က frame တိုင်း style recalc (62/s · ဖုန်းပူ)
   → overlay တစ်ခုရဲ့ opacity ပဲ လှုပ် (compositor ပေါ်မှာ · recalc 0) · မြင်ရတာ အတူတူ */
@keyframes hsaNoteGlow{0%,100%{opacity:0}50%{opacity:1}}
html body .hsa-note-blink{animation:none!important;position:relative;z-index:0;color:#ff5c5c!important;opacity:1!important;border-color:rgba(255,70,70,.65)!important;background:rgba(255,50,50,.16)!important}
html body .hsa-note-blink::before{content:"";position:absolute;inset:-1px;border-radius:7px;z-index:-1;pointer-events:none;background:rgba(255,90,90,.42);box-shadow:0 0 14px rgba(255,120,120,.55);opacity:0;animation:hsaNoteGlow 1.6s ease-in-out infinite;will-change:opacity}
html body .hsa-note-blink i,html body .hsa-note-blink span{animation:none!important;color:inherit!important;text-shadow:none!important;opacity:1!important}

/* ==== style hsa-bn-guide-css ==== */

/* Binance Gift Card redeem လမ်းညွှန် — ဘေးဆွဲ carousel (owner 2026-09-06) */
.bng{margin:14px 0 6px;padding:12px 0 10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.05)}
.bng-h{display:flex;justify-content:space-between;align-items:center;padding-right:12px;margin-bottom:9px;font-size:12.5px;font-weight:900;color:#fff}
.bng-h span{font-size:10px;font-weight:800;color:#c9d5e4;opacity:.8}
.bng-row{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 12px 4px 0;scrollbar-width:none}
.bng-row::-webkit-scrollbar{display:none}
.bng-c{flex:0 0 76%;scroll-snap-align:start;background:#0d1117;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden}
.bng-c img{display:block;width:100%;height:auto;background:#1a1f2b}
.bng-t{display:flex;gap:8px;align-items:flex-start;padding:9px 10px 10px;font-size:11px;font-weight:800;color:#e5e7eb;line-height:1.5}
.bng-t b{flex:0 0 20px;height:20px;border-radius:50%;background:#fff;color:#000;font-size:11px;display:flex;align-items:center;justify-content:center}
.bng-n{font-size:10px;color:#9fb0c6;padding:8px 12px 0 0;line-height:1.5}

/* ==== style hsa-wish-css ==== */

/* 🎂 မွေးနေ့ ဆုတောင်း — BD card ခလုတ် + sheet (owner 2026-09-07) */
#hsaev .bdwish{margin-top:10px;display:flex;align-items:center;gap:8px}
#hsaev .bdwish .go{flex:1;text-align:center;padding:10px;border-radius:12px;font-size:12.5px;font-weight:900;cursor:pointer;color:#0b0616;background:linear-gradient(135deg,#c084fc,#7dd3fc)}
#hsaev .bdwish .n{flex:none;padding:8px 11px;border-radius:12px;font-size:11px;font-weight:800;color:#e6dcff;background:rgba(120,90,255,.16);border:1px solid rgba(190,160,255,.5)}
#hsawish{position:fixed;inset:0;z-index:2147483300;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6)}
#hsawish.on{display:flex}
#hsawish .bx{width:100%;max-width:460px;max-height:82vh;overflow-y:auto;background:#141024;border:1px solid rgba(190,160,255,.45);border-bottom:0;border-radius:20px 20px 0 0;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px));color:#eef2ff}
#hsawish .gb{width:38px;height:4px;border-radius:3px;background:rgba(255,255,255,.25);margin:0 auto 10px}
#hsawish h4{margin:0 0 3px;font-size:15px;font-weight:900;color:#e9d8ff}
#hsawish .sub{font-size:11px;color:#b9aee0;margin-bottom:10px;line-height:1.5}
#hsawish textarea{width:100%;box-sizing:border-box;min-height:64px;resize:vertical;background:rgba(255,255,255,.06);border:1px solid rgba(190,160,255,.4);border-radius:12px;color:#fff;font-size:13px;font-family:inherit;padding:10px 12px;outline:none}
#hsawish textarea:focus{border-color:#c084fc}
#hsawish .row{display:flex;gap:8px;margin-top:9px}
#hsawish .row .s{flex:1;text-align:center;padding:11px;border-radius:12px;font-size:13px;font-weight:900;cursor:pointer;color:#0b0616;background:linear-gradient(135deg,#c084fc,#7dd3fc)}
#hsawish .row .x{flex:none;padding:11px 16px;border-radius:12px;font-size:12.5px;font-weight:800;cursor:pointer;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25)}
#hsawish .msg{font-size:11.5px;margin-top:8px;color:#c9f0b4;min-height:14px}
#hsawish .list{margin-top:12px;display:flex;flex-direction:column;gap:8px}
#hsawish .w{display:flex;gap:9px;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(190,160,255,.25);border-radius:13px;padding:9px 11px;position:relative}
#hsawish .w img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#241a3d;flex:none}
#hsawish .w .t{min-width:0;flex:1}
#hsawish .w .nm{font-size:12px;font-weight:900;color:#fff}
#hsawish .w .tx{font-size:12px;color:#d8d2ee;line-height:1.55;margin-top:2px;word-break:break-word}
#hsawish .w .tm{font-size:9.5px;color:#9d93c4;margin-top:3px}
#hsawish .w .del{position:absolute;top:7px;right:8px;width:20px;height:20px;border-radius:50%;background:#111;color:#fff;border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:9px;cursor:pointer}
#hsawish .w.hid{opacity:.45}
#hsawish .empty{text-align:center;color:#9d93c4;font-size:12px;padding:16px}
#hsawish .w .rp{margin-top:7px;padding:7px 9px;border-left:2px solid #c084fc;background:rgba(192,132,252,.10);border-radius:0 10px 10px 0}
#hsawish .w .rp b{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#e9d8ff;font-weight:900}
#hsawish .w .rp b img{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none}
#hsawish .w .rp span{display:block;font-size:11.5px;color:#d8d2ee;line-height:1.5;margin-top:1px}
#hsawish .w .rb{margin-top:7px;font-size:10.5px;font-weight:800;color:#c9bcff;cursor:pointer}
#hsawish .w .ri{margin-top:6px;display:flex;gap:6px}
#hsawish .w .ri input{flex:1;min-width:0;background:rgba(255,255,255,.07);border:1px solid rgba(190,160,255,.45);border-radius:9px;color:#fff;font-size:12px;padding:7px 9px;outline:none;font-family:inherit}
#hsawish .w .ri .snd{flex:none;padding:7px 12px;border-radius:9px;font-size:11.5px;font-weight:900;color:#0b0616;background:linear-gradient(135deg,#c084fc,#7dd3fc);cursor:pointer}
/* 💬 thread + 🤍 Y2K glass love + ပုံကြီး (owner 2026-09-07) */
#hsawish .w img{cursor:zoom-in}
#hsawish .w .th{margin-top:8px;display:flex;flex-direction:column;gap:6px}
#hsawish .w .th .m{display:flex;gap:7px;align-items:flex-start;padding:7px 9px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(190,160,255,.20)}
#hsawish .w .th .m.own{background:rgba(192,132,252,.12);border-color:rgba(192,132,252,.45)}
#hsawish .w .th .m img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none;background:#241a3d}
#hsawish .w .th .m .c{min-width:0;flex:1}
#hsawish .w .th .m b{display:block;font-size:10.5px;font-weight:900;color:#e9d8ff}
#hsawish .w .th .m span{display:block;font-size:11.5px;color:#dcd6f0;line-height:1.5;margin-top:1px;word-break:break-word}
#hsawish .w .th .m i{display:block;font-style:normal;font-size:9px;color:#9d93c4;margin-top:3px}
#hsawish .w .acts{margin-top:8px;display:flex;align-items:center;gap:9px}
#hsawish .w .acts .rb{margin:0}
#hsawish .w .lv{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .2s ease}
#hsawish .w .lv:active{transform:scale(.9)}
#hsawish .w .lv svg{width:18px;height:18px;display:block}
#hsawish .w .lv:not(.on) svg path{fill:rgba(255,255,255,.14);stroke:rgba(255,255,255,.5)}
#hsawish .w .lv:not(.on) svg ellipse{opacity:.25}
#hsawish .w .lv.on{border-color:rgba(255,140,210,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 14px rgba(255,95,168,.45)}
#hsawish .w .lvb{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle}
#hsawish .w .lvb svg{width:14px;height:14px;display:block}
#hsawishimg{position:fixed;inset:0;z-index:2147483400;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.85);padding:24px}
#hsawishimg.on{display:flex}
#hsawishimg img{max-width:88vw;max-height:76vh;border-radius:18px;object-fit:contain;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 50px rgba(0,0,0,.6)}
#hsawishimg .cl{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}
#hsawish .w .pl{display:inline-block;margin-left:6px;vertical-align:middle;padding:2px 7px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:.3px;color:#c7ecff;border:1px solid rgba(125,211,252,.5);background:rgba(125,211,252,.12)}
#hsawish .w .pl.ps{color:#c9f0b4;border-color:rgba(167,213,138,.5);background:rgba(167,213,138,.12)}
#hsawish .w .pl.tg{color:#e6dcff;border-color:rgba(190,160,255,.5);background:rgba(120,90,255,.16)}
#hsawish .w .pl{display:inline-flex;align-items:center;gap:4px}
#hsawish .w .pl svg.gp{width:11px;height:11px;display:block;flex:none}
#hsawish .w .th .m{position:relative}
#hsawish .w .th .m .mlv{position:absolute;right:7px;bottom:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
#hsawish .w .th .m .mlv svg{width:13px;height:13px;display:block}
#hsawish .w .th .m .mlv:not(.on) svg path{fill:rgba(255,255,255,.13);stroke:rgba(255,255,255,.45)}
#hsawish .w .th .m .mlv:not(.on) svg ellipse{opacity:.2}
#hsawish .w .th .m .mlv.on{border-color:rgba(255,140,210,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 10px rgba(255,95,168,.42)}
#hsawish .w .th .m .c{padding-right:26px}
/* 🖼 sticker composer — contenteditable (iOS sticker က textarea ထဲ မဝင် · owner 2026-09-08) */
#hsawish .ce{width:100%;box-sizing:border-box;min-height:64px;max-height:180px;overflow-y:auto;background:rgba(255,255,255,.06);
  border:1px solid rgba(190,160,255,.4);border-radius:12px;color:#fff;font-size:13px;font-family:inherit;padding:10px 12px;outline:none;
  -webkit-user-select:text;user-select:text;line-height:1.55;word-break:break-word}
#hsawish .ce:focus{border-color:#c084fc}
#hsawish .ce:empty:before{content:attr(data-ph);color:#9d93c4;pointer-events:none}
#hsawish .ce img{max-height:64px;border-radius:8px;vertical-align:middle}
#hsawish .att{margin-top:8px;display:none;align-items:center;gap:8px}
#hsawish .att.on{display:flex}
#hsawish .att img,#hsawish .att video{max-height:74px;max-width:110px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(190,160,255,.4)}
#hsawish .att .x{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;flex:none}
#hsawish .att .st{font-size:10.5px;color:#b9aee0}
#hsawish .w .stimg{margin-top:6px;display:block;max-width:150px;max-height:150px;border-radius:12px;cursor:zoom-in}
#hsawish .w .th .m .stimg{max-width:120px;max-height:120px}
#hsawish .w .ri{flex-direction:column;align-items:stretch;gap:6px}
#hsawish .w .ri .rrow{display:flex;gap:6px;align-items:flex-end}
#hsawish .w .ri .ce{min-height:38px;font-size:12px;padding:8px 10px}
#hsawish .w .ri .snd{flex:none;padding:8px 12px;border-radius:9px;font-size:11.5px;font-weight:900;color:#0b0616;background:linear-gradient(135deg,#c084fc,#7dd3fc);cursor:pointer;align-self:stretch;display:flex;align-items:center}
#hsawish .w .ed{margin-left:10px;font-size:10.5px;font-weight:800;color:#9d93c4;cursor:pointer}
#hsawish .mine{margin-top:8px;font-size:11px;color:#c9bcff;cursor:pointer;display:none}
#hsawish .mine.on{display:block}
#hsawish .w img.stimg,#hsawish .w .th .m img.stimg{width:auto!important;height:auto!important;border-radius:12px;flex:none;background:transparent}
#hsawish .w img.stimg{max-width:160px;max-height:160px}
#hsawish .w .th .m img.stimg{max-width:120px;max-height:120px;margin-top:5px}
#hsawish .w .th .m video.stimg{max-width:120px;max-height:120px;margin-top:5px;border-radius:10px}
#hsawish .w .ri .rrow,#hsawish .w .ri .att{background:none;padding:0;border-radius:0;color:inherit}
#hsawish .w .ri .ce{flex:1;min-width:0;background:rgba(255,255,255,.07);border:1px solid rgba(190,160,255,.45);border-radius:9px;color:#fff;
  font-size:12px;padding:8px 10px;outline:none;font-family:inherit;min-height:36px;max-height:120px;overflow-y:auto;background-image:none}
#hsawish .w .ri .ce:empty:before{content:attr(data-ph);color:#9d93c4}
#hsawish .w .ri .att .x{background:rgba(255,255,255,.12);color:#fff}
#hsawish .w .ri .snd.gc{background:rgba(255,255,255,.10);border:1px solid rgba(190,160,255,.5);color:#e6dcff;font-size:15px;padding:8px 11px}
#hsawish .row .ic{flex:none;display:flex;align-items:center;justify-content:center;padding:0;width:44px;border-radius:12px;cursor:pointer;color:#e6dcff;background:rgba(255,255,255,.08);border:1px solid rgba(190,160,255,.5)}
#hsawish .w .ri .snd.gc{display:flex;align-items:center;justify-content:center;padding:8px 10px;color:#e6dcff}
#hsawish .w .ri .snd.gc svg{display:block}
#hsawish .w .th .m .ed{margin-left:8px;font-size:10px;font-weight:800;color:#a99ccf;cursor:pointer}
#hsawish .w .th .m .ed.dl{color:#ffa8a8}
#hsawish .w .th .m .c b{display:flex;align-items:center;gap:2px;flex-wrap:wrap}

/* ==== style hsa-events-css ==== */

/* 🎪 Events — dark glass (app theme နဲ့ တူ · owner 2026-09-06 · အဖြူအမည်းကြီး မကြိုက်လို့) */
#hsaev{display:none;position:fixed;inset:0;z-index:2147483000;color:#eef2ff;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:40px;
  background:radial-gradient(120% 60% at 50% -10%,#3b1d6e 0%,#140b26 45%,#08060f 100%)}
#hsaev.show{display:block}#hsaev *{box-sizing:border-box}
#hsaev .top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:rgba(12,8,24,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}
#hsaev .bk{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;font-size:13px;font-weight:800;cursor:pointer;background:rgba(255,255,255,.07)}
#hsaev .add{padding:9px 13px;border-radius:12px;background:linear-gradient(135deg,#c084fc,#7dd3fc);color:#0b0616;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 6px 18px rgba(192,132,252,.35)}
#hsaev .h1{font-size:15px;font-weight:900;letter-spacing:.3px}
#hsaev .list{padding:12px}
#hsaev .ev{position:relative;border-radius:18px;padding:14px 14px 12px;margin-bottom:12px;cursor:pointer;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.35)}
#hsaev .ev:before{display:none}
#hsaev .ev.bd,#hsaev .bdwrap.bd{border-radius:16px;background:linear-gradient(100deg,rgba(10,14,46,.6),rgba(20,16,70,.55) 60%,rgba(27,18,87,.6));border:1px solid rgba(160,150,255,.55);box-shadow:0 8px 22px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.22)}
#hsaev .ev.bd .ttl,#hsaev .bdwrap.bd .ttl{color:#d9b8ff;text-shadow:0 0 12px rgba(190,140,255,.55)}
#hsaev .ev.bd .bdtags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
#hsaev .ev.bd .bdtags i{font-style:normal;padding:2px 8px;border-radius:5px;border:1px solid rgba(190,160,255,.6);background:rgba(120,90,255,.16);color:#e6dcff;font-size:9px;font-weight:800;letter-spacing:.6px;white-space:nowrap}
#hsaev .lg.bdlg{object-fit:contain;background:none;border:0;box-shadow:none;filter:drop-shadow(0 0 8px rgba(180,160,255,.5));width:54px;height:58px;border-radius:0}
#hsaev .rc{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:46%}
#hsaev .rc .cd{margin-top:0;border-radius:8px;padding:4px 8px;font-size:10px}#hsaev .rc .pill{padding:3px 8px;font-size:9.5px}
#hsaev .bdbg{position:absolute;top:-8px;left:-30px;right:-30px;height:104px;pointer-events:none;z-index:0}#hsaev .bdbg svg{width:100%;height:100%;display:block}
#hsaev .ev>*:not(.bdbg):not(.bdart),#hsaev .bdwrap>*:not(.bdbg):not(.bdart){position:relative;z-index:1}
#hsaev .bdwrap{position:relative;overflow:hidden;border-radius:16px;padding:0 0 4px}
#hsaev .bdadm{margin-top:11px;border-radius:14px;padding:11px 12px;background:rgba(10,7,24,.55);border:1px solid rgba(190,160,255,.5)}
#hsaev .bdadm .hb{font-size:13px;font-weight:900;color:#e9d8ff;letter-spacing:.3px}
#hsaev .bdadm .sb{font-size:10.5px;color:#b9aee0;margin-top:2px;line-height:1.5}
#hsaev .bdadm .g{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}
#hsaev .bdadm .g div{background:rgba(255,255,255,.06);border:1px solid rgba(190,160,255,.28);border-radius:10px;padding:7px 6px;text-align:center}
#hsaev .bdadm .g b{display:block;font-size:14px;font-weight:900;color:#fff;line-height:1.2}
#hsaev .bdadm .g span{display:block;font-size:8.5px;color:#b9aee0;letter-spacing:.4px;text-transform:uppercase;margin-top:3px}
#hsaev .bdadm .g div.warn b{color:#ffb3b3}
#hsaev .bdadm .g div.good b{color:#c9f0b4}
#hsaev .bdadm .ln{margin-top:9px;height:6px;border-radius:6px;background:rgba(255,255,255,.10);overflow:hidden}
#hsaev .bdadm .ln i{display:block;height:100%;background:linear-gradient(90deg,#c084fc,#7dd3fc)}
#hsaev .bdadm .ft{margin-top:7px;font-size:9.5px;color:#9d93c4}
#hsaev .bdbg{position:absolute;left:-30px;right:-30px;top:58px;height:110px;pointer-events:none;z-index:0;opacity:.6}#hsaev .bdbg svg{width:100%;height:100%;display:block}
#hsaev .ev>*:not(.bdbg):not(.bdart),#hsaev .bdwrap>*:not(.bdbg):not(.bdart){position:relative;z-index:1}

#hsaev .ev:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#9ca3af}
#hsaev .ev.s-active:before{background:linear-gradient(#a7d58a,#4ade80)}#hsaev .ev.s-upcoming:before{background:linear-gradient(#c084fc,#7dd3fc)}#hsaev .ev.s-ended:before{background:#4b5563}
#hsaev .ev.s-active{border-color:rgba(167,213,138,.45);box-shadow:0 0 0 1px rgba(167,213,138,.15),0 10px 30px rgba(0,0,0,.35)}
#hsaev .ev.off{opacity:.4}
#hsaev .r1{display:flex;gap:10px;align-items:flex-start}#hsaev .r1 .ttl{flex:1;min-width:0;font-size:13px;line-height:1.3;padding-top:2px}#hsaev .lg{flex:none;width:42px;height:42px;border-radius:11px;object-fit:cover;border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 12px rgba(0,0,0,.4)}
#hsaev .lg.lgps{display:flex;align-items:center;justify-content:center;background:#fff;border-color:rgba(255,255,255,.6)}
#hsaev .lg.lghsa{background:#000;border-color:rgba(255,255,255,.45);object-fit:cover}
#hsaev .ttl{font-size:14px;font-weight:900;line-height:1.35;color:#fff}
#hsaev .pill{flex:none;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.6px;background:rgba(167,213,138,.18);color:#c9f0b4;border:1px solid rgba(167,213,138,.55)}
#hsaev .pill.up{background:rgba(125,211,252,.16);color:#c7ecff;border-color:rgba(125,211,252,.55)}#hsaev .pill.end{background:rgba(255,255,255,.08);color:#9ca3af;border-color:rgba(255,255,255,.18)}
#hsaev .sub{font-size:11px;color:#a6adc8;margin-top:5px;line-height:1.55}
#hsaev .cd{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:900;color:#fff;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);font-variant-numeric:tabular-nums}
#hsaev .cd:before{content:"";width:6px;height:6px;border-radius:50%;background:#a7d58a;box-shadow:0 0 8px #a7d58a}
#hsaev .ev.s-upcoming .cd:before{background:#7dd3fc;box-shadow:0 0 8px #7dd3fc}#hsaev .ev.s-ended .cd:before{background:#6b7280;box-shadow:none}
#hsaev .pr{margin-top:9px;font-size:16px;font-weight:900;color:#fff}#hsaev .pr b{background:linear-gradient(90deg,#a7d58a,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}#hsaev .pr s{color:#7c85a6;font-weight:600;font-size:12px;margin-left:8px}
#hsaev .st{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}
#hsaev .st div{border-radius:12px;padding:8px 4px;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 14px rgba(0,0,0,.35)}
#hsaev .st b{display:block;font-size:13.5px;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}#hsaev .st span{font-size:8.5px;color:#d5dbf0;letter-spacing:.8px;font-weight:800}
#hsaev .det{padding:14px 12px}
#hsaev .tot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
#hsaev .tot div{border-radius:14px;padding:11px 6px;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 14px rgba(0,0,0,.35)}
#hsaev .tot b{display:block;font-size:16px;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}#hsaev .tot span{font-size:8.5px;color:#d5dbf0;letter-spacing:.8px;font-weight:800}
#hsaev .tot div:nth-child(4) b{color:#7dd3fc}#hsaev .tot div:nth-child(5) b{color:#a7d58a}
#hsaev .h2{font-size:11px;font-weight:900;letter-spacing:1px;color:#a6adc8;margin:16px 0 8px;text-transform:uppercase}
#hsaev .u{display:flex;align-items:center;gap:10px;padding:10px 10px;margin-bottom:7px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 14px rgba(0,0,0,.3)}
#hsaev .u:nth-child(-n+3){border-color:rgba(255,255,255,.32)}
#hsaev .rk{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}
#hsaev .rk.g{background:linear-gradient(135deg,#f5d76e,#f5b301);color:#3b2a00;border-color:#f5d76e;box-shadow:0 0 10px rgba(245,179,1,.5)}#hsaev .rk.s{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#111;border-color:#e5e7eb}#hsaev .rk.b{background:linear-gradient(135deg,#e0a370,#b5652a);color:#2b1400;border-color:#e0a370}
#hsaev .av{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;border:2px solid rgba(255,255,255,.25)}
#hsaev .u:first-child .av{border-color:#f5b301}#hsaev .av img{width:100%;height:100%;object-fit:cover}
#hsaev .nm{flex:1;min-width:0}#hsaev .nm b{display:block;font-size:12.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hsaev .nm span{display:block;font-size:9.5px;color:#a6adc8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsaev .amt{text-align:right;flex:0 0 auto;min-width:96px;white-space:nowrap}#hsaev .amt b{display:block;font-size:13px;color:#7dd3fc;font-variant-numeric:tabular-nums;line-height:1.2}#hsaev .amt span{display:block;font-size:9.5px;color:#a7d58a;font-weight:800;line-height:1.3}
#hsaev .o{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#c9d1e8;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.07)}#hsaev .o span:last-child{font-weight:900;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
#hsaev .form{border-radius:16px;padding:14px;margin:12px;display:none;background:rgba(255,255,255,.06);border:1px solid rgba(192,132,252,.45)}
#hsaev .form.on{display:block}
#hsaev .form label{display:block;font-size:10px;font-weight:800;color:#a6adc8;margin:9px 0 4px;letter-spacing:.4px}
#hsaev .form input,#hsaev .form select,#hsaev .form textarea{width:100%;padding:10px 11px;border:1px solid rgba(255,255,255,.18);border-radius:11px;font-size:13px;background:rgba(0,0,0,.35);color:#fff;outline:none;font-family:inherit;color-scheme:dark}
#hsaev .form input::placeholder,#hsaev .form textarea::placeholder{color:#6b7280}
#hsaev .form .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#hsaev .form .go{margin-top:12px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#c084fc,#7dd3fc);color:#0b0616;text-align:center;font-weight:900;font-size:13px;cursor:pointer}
#hsaev .msg{font-size:11px;color:#fca5a5;min-height:14px;margin-top:6px}
#hsaev .empty{padding:30px;text-align:center;color:#8b93b3;font-size:12.5px}
#hsaev .hide{font-size:11px;color:#a6adc8;text-decoration:underline;cursor:pointer;margin-top:12px;display:inline-block}
/* 🟢🔵 status border — active အစိမ်း · upcoming ပြာ (static glow · animation မပါ · ဖုန်းမပူ) — owner 2026-09-06 */
#hsaev .ev.s-active{border-color:rgba(167,213,138,.85)!important;box-shadow:0 0 0 1px rgba(167,213,138,.35),0 0 22px rgba(167,213,138,.28),0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.22)!important}
#hsaev .ev.s-upcoming{border-color:rgba(125,211,252,.85)!important;box-shadow:0 0 0 1px rgba(125,211,252,.35),0 0 22px rgba(125,211,252,.28),0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.22)!important}
#hsaev .ev.s-ended{border-color:rgba(0,0,0,.9)!important;box-shadow:0 6px 18px rgba(0,0,0,.5)!important;filter:none!important}/* ပြီးသွားတဲ့ card — ဘောင်ပဲ မည်း · စာ/အရောင် မမှိန်ရ (owner 2026-09-09) */
/* countdown dot pulse — idle 8s ဆို pauser က ရပ် · ထိရင် ပြန်လည် */
@keyframes hsaEvDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.5}}
#hsaev .cd:before{animation:hsaEvDot 1.6s ease-in-out infinite}
#hsa-evcard .cd{display:inline-flex;align-items:center;gap:6px}#hsa-evcard .cd:before{content:"";width:6px;height:6px;border-radius:50%;background:#a7d58a;box-shadow:0 0 8px #a7d58a;animation:hsaEvDot 1.6s ease-in-out infinite}
#hsa-evcard.s-upcoming .cd:before{background:#7dd3fc;box-shadow:0 0 8px #7dd3fc}
#hsa-evcard .st div,#hsa-evcard .st div:nth-child(1),#hsa-evcard .st div:nth-child(2),#hsa-evcard .st div:nth-child(3),#hsa-evcard .st div:nth-child(4){border:1px solid rgba(255,255,255,.26)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important}
/* 🎨 stat box — ပါးတဲ့ ဘောင် + ဘေး halo ကျယ်ကျယ် (owner ပုံ · 2026-09-06) · နောက်ခံ glass */
#hsa-evcard .st div,#hsaev .st div,#hsaev .tot div{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03))!important;border-radius:12px}
#hsa-evcard .st div b,#hsaev .st div b,#hsaev .tot div b{color:#fff!important}
#hsa-evcard .st{gap:12px;padding:5px 3px}#hsaev .st{gap:12px;padding:5px 3px}#hsaev .tot{gap:14px;padding:5px 4px}
#hsa-evcard .st div:nth-child(1),#hsaev .st div:nth-child(1),#hsaev .tot div:nth-child(1){border:1.5px solid rgba(125,211,252,.85);box-shadow:0 0 0 3px rgba(125,211,252,.22),inset 0 1px 0 rgba(255,255,255,.18)}
#hsa-evcard .st div:nth-child(2),#hsaev .st div:nth-child(2),#hsaev .tot div:nth-child(2){border:1.5px solid rgba(192,132,252,.85);box-shadow:0 0 0 3px rgba(192,132,252,.22),inset 0 1px 0 rgba(255,255,255,.18)}
#hsa-evcard .st div:nth-child(3),#hsaev .st div:nth-child(3),#hsaev .tot div:nth-child(4){border:1.5px solid rgba(245,179,1,.85);box-shadow:0 0 0 3px rgba(245,179,1,.22),inset 0 1px 0 rgba(255,255,255,.18)}
#hsa-evcard .st div:nth-child(4),#hsaev .st div:nth-child(4),#hsaev .tot div:nth-child(5){border:1.5px solid rgba(167,213,138,.85);box-shadow:0 0 0 3px rgba(167,213,138,.22),inset 0 1px 0 rgba(255,255,255,.18)}
#hsaev .tot div:nth-child(3){border:1.5px solid rgba(253,164,175,.85);box-shadow:0 0 0 3px rgba(253,164,175,.22),inset 0 1px 0 rgba(255,255,255,.18)}
#hsaev .tot div:nth-child(6){border:1.5px solid rgba(251,146,60,.85);box-shadow:0 0 0 3px rgba(251,146,60,.22),inset 0 1px 0 rgba(255,255,255,.18)}
/* 🏆 All-time buyer rank (admin · owner 2026-09-06) — event card ပုံစံ (glass · လေးထောင့် tag · ဖတ်ရလွယ်) */
#hsaev .at{position:relative;border-radius:14px;padding:10px 12px;margin:0 0 12px;cursor:pointer;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(245,179,1,.6);box-shadow:0 0 0 1px rgba(245,179,1,.2),0 0 16px rgba(245,179,1,.14),0 8px 22px rgba(0,0,0,.35);display:flex;align-items:center;gap:10px}
#hsaev .at .tx{flex:1;min-width:0}#hsaev .at .tx b{display:block;font-size:13.5px;color:#fff}#hsaev .at .tx span{display:block;font-size:10px;color:#a6adc8;margin-top:2px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsaev .at .tg{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}#hsaev .at .tg i{font-style:normal;padding:2px 7px;border-radius:5px;font-size:8.5px;font-weight:800;letter-spacing:.5px;color:#c9d1e8;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
#hsaev .at .go{flex:none;font-size:10px;font-weight:900;letter-spacing:.6px;color:#f5d76e;border:1px solid rgba(245,179,1,.6);border-radius:6px;padding:5px 9px;background:rgba(245,179,1,.12)}
#hsaev .chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
#hsaev .chip{padding:5px 10px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#c9d1e8;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);cursor:pointer}
#hsaev .chip.on{background:rgba(245,179,1,.18);color:#f5d76e;border-color:rgba(245,179,1,.75);box-shadow:0 0 0 1px rgba(245,179,1,.25)}
#hsaev .ru{position:relative;border-radius:16px;padding:12px 12px 11px;margin-bottom:10px;cursor:pointer;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 18px rgba(0,0,0,.3)}
#hsaev .ru.g{border-color:rgba(245,215,110,.75);box-shadow:0 0 0 1px rgba(245,179,1,.25),0 0 18px rgba(245,179,1,.16),0 6px 18px rgba(0,0,0,.3)}
#hsaev .ru.s{border-color:rgba(229,231,235,.6)}#hsaev .ru.b{border-color:rgba(224,163,112,.65)}
/* cover photo = နာမည်/ငွေ box (.top) အတွင်းမှာပဲ · order/avg grid ထိ မရောက်ရ (owner 2026-09-06) */
/* cover = 16:9 အပြည့် · ကြည်ကြည် (opacity 1 · overlay မထား) · စာတွေ အောက်ခြေ ဘောင်ထဲ (owner 2026-09-06) */
#hsaev .ru .top{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto;grid-template-areas:"rk av who sp" "tg tg tg tg";gap:8px 10px;align-items:center;position:relative;overflow:hidden;border-radius:12px;padding:10px 10px;background:#0b0916;border:1px solid rgba(255,255,255,.14)}
#hsaev .ru .top .rk{grid-area:rk}#hsaev .ru .top .av{grid-area:av}#hsaev .ru .top .who{grid-area:who}#hsaev .ru .top .spent{grid-area:sp;justify-self:end}#hsaev .ru .top .tags{grid-area:tg;margin-top:0}
#hsaev .ru .top .cv{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:1;pointer-events:none}
#hsaev .ru .top .cv:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,4,14,.15) 0%,rgba(6,4,14,.45) 45%,rgba(6,4,14,.7) 100%)}
#hsaev .ru .top>*:not(.cv){position:relative;z-index:1}
#hsaev .ru .who b{text-shadow:0 1px 3px rgba(0,0,0,.9)}#hsaev .ru .spent b,#hsaev .ru .spent span{text-shadow:0 1px 3px rgba(0,0,0,.9)}
/* glass boxes — buyer profile popup ပုံစံ (အဖြူ ဖျော့ frosted · blur · အဖြူ စာ) — tag · spent · stat box (owner 2026-09-06) */
#hsaev .ru .tags i,#hsaev .ru .tags i.gc,#hsaev .ru .tags i.adm,#hsaev .ru .spent,#hsaev .ru .grid div{background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.12),0 4px 14px rgba(0,0,0,.35);backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%)}
html body.perf-mode-on #hsaev .ru .tags i,html body.perf-mode-on #hsaev .ru .spent,html body.perf-mode-on #hsaev .ru .grid div{backdrop-filter:blur(12px) saturate(170%)!important;-webkit-backdrop-filter:blur(12px) saturate(170%)!important}
#hsaev .ru .tags i,#hsaev .ru .tags i.gc,#hsaev .ru .tags i.adm{color:#fff;font-size:10px;padding:3px 9px;border-radius:9px;text-shadow:0 1px 3px rgba(0,0,0,.8)}
#hsaev .ru .spent{padding:7px 11px;border-radius:12px}
#hsaev .ru .spent b{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85)}#hsaev .ru .spent span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);font-weight:700}
#hsaev .ru .grid div{border-radius:12px;padding:8px 4px}
#hsaev .ru .grid b{font-size:14px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}#hsaev .ru .grid span{color:#fff;letter-spacing:.8px;text-shadow:0 1px 2px rgba(0,0,0,.8)}
#hsaev .ru .top .cv:after{background:linear-gradient(90deg,rgba(6,4,14,.05) 0%,rgba(6,4,14,.2) 50%,rgba(6,4,14,.35) 100%)}
#hsaev .ru .rk{box-shadow:0 2px 8px rgba(0,0,0,.6)}#hsaev .ru .av{box-shadow:0 2px 8px rgba(0,0,0,.6)}
#hsaev .ru .rk{flex:none;width:28px;height:28px;border-radius:8px;font-size:12px}
#hsaev .ru .av{flex:none;width:40px;height:40px}
#hsaev .ru .who{flex:1;min-width:0}
#hsaev .ru .who b{display:block;font-size:14.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
#hsaev .ru .tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
#hsaev .ru .tags i{font-style:normal;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:9.5px;font-weight:800;letter-spacing:.4px;color:#c7ecff;border:1px solid rgba(125,211,252,.55);background:rgba(125,211,252,.12);white-space:nowrap}
#hsaev .ru .tags i.adm{color:#f5d76e;border-color:rgba(245,179,1,.6);background:rgba(245,179,1,.12)}
#hsaev .ru .tags i.gc{color:#c9f0b4;border-color:rgba(167,213,138,.55);background:rgba(167,213,138,.12)}
#hsaev .ru .spent{flex:none;text-align:right}
#hsaev .ru .spent b{display:block;font-size:15px;color:#7dd3fc;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}
#hsaev .ru .spent span{display:block;font-size:10px;color:#a6adc8;margin-top:3px;white-space:nowrap}
#hsaev .ru .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
#hsaev .ru .grid div{border-radius:9px;padding:6px 4px;text-align:center;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12)}
#hsaev .ru .grid b{display:block;font-size:12.5px;color:#fff;font-variant-numeric:tabular-nums}#hsaev .ru .grid span{font-size:8.5px;color:#a6adc8;letter-spacing:.6px;font-weight:800}
#hsaev .ru .bought{margin-top:9px;font-size:11.5px;line-height:1.7;color:#a6adc8}
#hsaev .ru .bought em{font-style:normal;color:#fff;font-weight:700}#hsaev .ru .bought i{font-style:normal;color:#f5d76e;font-weight:800}
#hsaev .u{border-left:2px solid rgba(125,211,252,.5)}#hsaev .u:nth-child(1){border-left-color:#f5b301}#hsaev .u:nth-child(2){border-left-color:#c0c4cc}#hsaev .u:nth-child(3){border-left-color:#e0a370}

/* ==== style hsa-evcard-css ==== */

#hsa-evcard .evwish{margin-top:9px;display:flex;gap:8px;align-items:center}
#hsa-evcard .evwish .go{flex:1;text-align:center;padding:9px;border-radius:11px;font-size:12px;font-weight:900;cursor:pointer;color:#0b0616;background:linear-gradient(135deg,#c084fc,#7dd3fc)}
#hsa-evcard .evwish .n{flex:none;padding:7px 10px;border-radius:11px;font-size:10.5px;font-weight:800;color:#e6dcff;background:rgba(120,90,255,.16);border:1px solid rgba(190,160,255,.45)}

/* website ပဲ — home event card ချုံ့ (owner 2026-09-07 · ကြီးလွန်း) */
#hsa-evcard.hsa-ps{border-radius:14px;font-size:12px}
#hsa-evcard.hsa-ps>.evin{padding:9px 11px 9px!important;border-radius:12.5px}
#hsa-evcard.hsa-ps .ps-top{gap:10px}
#hsa-evcard.hsa-ps .ps-ic{width:46px!important;height:46px!important;border-radius:12px!important}
#hsa-evcard.hsa-ps .ps-ic.bd{object-fit:contain;padding:3px;background:#0d0b1f}
#hsa-evcard.hsa-ps .ps-n{font-size:13.5px!important}
#hsa-evcard.hsa-ps .ps-d{font-size:11.5px!important;margin-top:2px!important}
#hsa-evcard.hsa-ps .ps-s{font-size:10px!important;margin-top:3px!important}#hsa-evcard.hsa-ps .ps-s i{font-size:8px!important;padding:1px 5px!important}
#hsa-evcard.hsa-ps .ps-stats{margin-top:8px!important}#hsa-evcard.hsa-ps .ps-stats b{font-size:12px!important}#hsa-evcard.hsa-ps .ps-stats span{font-size:9px!important;margin-top:1px!important}
#hsa-evcard.hsa-ps .ps-row{margin-top:8px!important;gap:8px!important}
#hsa-evcard.hsa-ps .ps-btn{padding:6px 8px!important;font-size:11px!important;border-radius:7px!important}
#hsa-evcard.hsa-ps .ps-pr{font-size:12.5px!important}#hsa-evcard.hsa-ps .ps-pr s{font-size:9.5px!important}
/* 🎪 Play Store (dark) card — Home `#hsa-evcard` ရော Events page `.ev.hsa-ps` ရော တူတူ (owner 2026-09-06)
   ring = mask မသုံး (iOS WebKit mask + composited child bug) → card နောက်ခံ = ဘောင်အရောင် + အလင်းစ strip (transform ရွေ့) · အတွင်း `.evin` ကို 1.5px ချန်ပြီး #1f1f1f ဖုံး */
.hsa-ps{position:relative;overflow:hidden;border-radius:16px;cursor:pointer;color:#e3e3e3;font-family:"Google Sans",Roboto,system-ui,-apple-system,"Segoe UI",sans-serif}
#hsa-evcard.hsa-ps{width:auto;margin:-10px 0 25px}
/* 🏆 Top Buyers card — ရိုးနေလို့ BG ထည့် (owner 2026-09-11) · animation/blur မပါ (ဖုန်းပူ စည်းကမ်း) */
#hsa-evcard.hsa-ps.s-top{background:linear-gradient(135deg,#7c3aed,#0ea5e9)!important}
/* ⚠️ အောက်မှာ #hsa-evcard#hsa-evcard…!important ရှိလို့ id ၂ ခါ ရေးမှ အနိုင်ရမယ် */
#hsa-evcard#hsa-evcard.hsa-ps.s-top>.evin{background:
  radial-gradient(120% 90% at 100% 0%,rgba(124,58,237,.34) 0%,rgba(124,58,237,0) 58%),
  radial-gradient(110% 80% at 0% 100%,rgba(14,165,233,.26) 0%,rgba(14,165,233,0) 62%),
  linear-gradient(160deg,#1d1636 0%,#141b2d 55%,#101526 100%)!important;
  border:1px solid rgba(190,160,255,.45)!important}
#hsa-evcard.hsa-ps.s-top .ps-ic{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
#hsa-evcard.hsa-ps.s-top .ps-s i{background:rgba(167,213,138,.14);border-color:rgba(167,213,138,.45);color:#cbe9b8}
#hsa-evcard.hsa-ps.s-top .ps-btn{background:linear-gradient(90deg,rgba(167,213,138,.20),rgba(125,211,252,.20));
  border:1px solid rgba(255,255,255,.20);color:#eaf3ff}
#hsaev .ev.hsa-ps,#hsaev .ev.hsa-ps.s-active,#hsaev .ev.hsa-ps.s-upcoming,#hsaev .ev.hsa-ps.s-ended,#hsa-evcard.hsa-ps{padding:0!important;border:0!important;background:#3c4043!important;box-shadow:0 8px 24px rgba(0,0,0,.45)!important;filter:none}
#hsaev .ev.hsa-ps.s-active,#hsa-evcard.hsa-ps.s-active{background:#2e5a3e!important}
#hsaev .ev.hsa-ps.s-upcoming,#hsa-evcard.hsa-ps.s-upcoming{background:#2b4a7a!important}
#hsaev .ev.hsa-ps.s-ended,#hsa-evcard.hsa-ps.s-ended{background:#000!important;filter:saturate(.3) brightness(.7)}
#hsaev .ev.hsa-ps:before{display:none!important}
/* 🏆 Top Buyers card — Play Store card ပုံစံ · ခရမ်း→စိမ်းပြာ ၂ ရောင် gradient (app ရဲ့ + Upcoming / EVENT label နဲ့ တူ · owner 2026-09-06 ရွှေ မကြိုက်) */
#hsaev .ev.hsa-ps.s-top{background:linear-gradient(135deg,#7c3aed,#0ea5e9)!important}
#hsaev .ev.hsa-ps.s-top .evring b{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,#ffffff 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%)}
#hsaev .ev.hsa-ps.s-top>.evin{background:linear-gradient(160deg,#1c1530,#131a2b);padding:11px 12px 10px}
#hsaev .ev.hsa-ps.s-top .ps-n{font-size:15px;background:linear-gradient(90deg,#c084fc,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}
#hsaev .ev.hsa-ps.s-top .ps-d{color:#c7ecff;font-size:12px}
#hsaev .ev.hsa-ps.s-top .ps-s i{border-color:rgba(192,132,252,.6);color:#e9d5ff}#hsaev .ev.hsa-ps.s-top .ps-s i:first-child{color:#7dd3fc;border-color:rgba(125,211,252,.7)}
#hsaev .ev.hsa-ps.s-top .ps-stats{margin-top:10px}#hsaev .ev.hsa-ps.s-top .ps-stats b{font-size:13px}#hsaev .ev.hsa-ps.s-top .ps-stats span{font-size:10px;color:#b7c4d6}#hsaev .ev.hsa-ps.s-top .ps-stats>div{border-left-color:rgba(192,132,252,.35)}
#hsaev .ev.hsa-ps.s-top .ps-row{margin-top:10px}
#hsaev .ev.hsa-ps.s-top .ps-btn{padding:8px 10px;font-size:12px;letter-spacing:.6px;background:linear-gradient(135deg,#c084fc,#7dd3fc)!important;color:#0b0616!important;box-shadow:0 6px 18px rgba(192,132,252,.35)}
#hsaev .ev.hsa-ps>.evring,#hsa-evcard.hsa-ps>.evring{position:absolute!important;inset:0;z-index:0!important;overflow:hidden;pointer-events:none;border-radius:inherit}
@keyframes hsaEvRing{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-66.67%,0,0)}}
.hsa-ps .evring b{position:absolute;top:0;bottom:0;left:0;width:300%;display:block;will-change:transform;animation:hsaEvRing 3s linear infinite;
  background:linear-gradient(90deg,rgba(109,213,140,0) 0%,rgba(109,213,140,0) 40%,#b8f5c8 50%,rgba(109,213,140,0) 60%,rgba(109,213,140,0) 100%)}
.hsa-ps.s-upcoming .evring b{background:linear-gradient(90deg,rgba(138,180,248,0) 0%,rgba(138,180,248,0) 40%,#d2e3fc 50%,rgba(138,180,248,0) 60%,rgba(138,180,248,0) 100%)}
html body.perf-mode-on #hsa-evcard .evring b,html body.perf-mode-on #hsaev .evring b,html body.low-power #hsa-evcard .evring b,html body.low-power #hsaev .evring b,html body #hsa-evcard .evring b,html body #hsaev .evring b{animation:hsaEvRing 3s linear infinite!important;animation-play-state:running!important}
#hsaev .ev.hsa-ps>.evin,#hsa-evcard.hsa-ps>.evin{position:relative;z-index:1;margin:1.5px;border-radius:14.5px;background:#1f1f1f;padding:14px 14px 13px}
.hsa-ps .ps-top{display:flex;gap:14px;align-items:flex-start}
.hsa-ps .ps-ic{flex:none;width:64px;height:64px;border-radius:16px;object-fit:cover;background:#000;border:1px solid #3c4043;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.hsa-ps .ps-ic.bd{object-fit:contain;padding:4px;background:#0d0b1f}
.hsa-ps .ps-tt{min-width:0;flex:1}
.hsa-ps .ps-n{font-size:17px;font-weight:700;line-height:1.25;color:#e3e3e3;letter-spacing:.1px}
.hsa-ps .ps-d{font-size:13px;color:#6dd58c;font-weight:600;margin-top:3px;line-height:1.35}
.hsa-ps.s-upcoming .ps-d{color:#8ab4f8}.hsa-ps.s-ended .ps-d{color:#9aa0a6}
.hsa-ps .ps-s{font-size:11px;color:#9aa0a6;margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.5}
.hsa-ps .ps-s i{font-style:normal;padding:1px 6px;border-radius:4px;border:1px solid #5f6368;font-size:9px;font-weight:700;letter-spacing:.6px;color:#c4c7c5;white-space:nowrap}
.hsa-ps .ps-stats{display:flex;margin-top:13px;padding:0 2px}
.hsa-ps .ps-stats>div{flex:1;text-align:center;padding:2px 4px;border-left:1px solid #3c4043;min-width:0}
.hsa-ps .ps-stats>div:first-child{border-left:0}
.hsa-ps .ps-stats b{display:block;font-size:14px;font-weight:700;color:#e3e3e3;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
.hsa-ps .ps-stats span{display:block;font-size:10.5px;color:#9aa0a6;margin-top:2px;white-space:nowrap;letter-spacing:0;font-weight:500}
.hsa-ps .ps-row{display:flex;align-items:center;gap:10px;margin-top:13px}
.hsa-ps .ps-btn{flex:1;text-align:center;padding:10px 8px;border-radius:8px;background:#01875f;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.2px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsa-ps.s-upcoming .ps-btn{background:#1a73e8}.hsa-ps.s-ended .ps-btn{background:#5f6368}
.hsa-ps .ps-pr{flex:none;text-align:right;font-size:15px;font-weight:700;color:#e3e3e3;line-height:1.2}
.hsa-ps .ps-pr s{display:block;font-size:11px;color:#9aa0a6;font-weight:500}

/* ==== style hsa-evcard-bw-css ==== */

/* 🎂 Home event card — ဆုတောင်း sheet နဲ့ တစ်ပုံစံတည်း (dark ခရမ်း · owner 2026-09-07)
   Play Store အစိမ်း/အပြာ background ဖြုတ်ပြီး #141024 + ခရမ်းနု border · Events page card ကို မထိ */
#hsa-evcard#hsa-evcard.hsa-ps,
#hsa-evcard#hsa-evcard.hsa-ps.s-active,
#hsa-evcard#hsa-evcard.hsa-ps.s-upcoming,
#hsa-evcard#hsa-evcard.hsa-ps.s-ended{background:#241d40!important;border:0!important;box-shadow:0 8px 22px rgba(0,0,0,.45)!important;filter:none!important}
#hsa-evcard#hsa-evcard.hsa-ps>.evin{background:#141024!important;border:1px solid rgba(190,160,255,.45)!important;border-radius:14.5px!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-n{color:#fff!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-d,
#hsa-evcard#hsa-evcard.hsa-ps.s-upcoming .ps-d,
#hsa-evcard#hsa-evcard.hsa-ps.s-ended .ps-d{color:#d9b8ff!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-s i{border:1px solid rgba(190,160,255,.5)!important;background:rgba(120,90,255,.16)!important;color:#e6dcff!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-ic{border:1px solid rgba(190,160,255,.35)!important;background:#0d0b1f!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-stats>div{border-left-color:rgba(190,160,255,.24)!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-stats b{color:#fff!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-stats span{color:#b9aee0!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-btn,
#hsa-evcard#hsa-evcard.hsa-ps.s-upcoming .ps-btn,
#hsa-evcard#hsa-evcard.hsa-ps.s-ended .ps-btn{background:rgba(120,90,255,.20)!important;border:1px solid rgba(190,160,255,.55)!important;color:#e9d8ff!important;border-radius:11px!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-pr{color:#fff!important}
#hsa-evcard#hsa-evcard.hsa-ps .ps-pr s{color:#b9aee0!important}
/* 🏷 "Weekly Pass sold" — sold ကို အောက်လိုင်း + matcha အရောင် (owner 2026-09-07) */
#hsa-evcard#hsa-evcard.hsa-ps .ps-stats span,#hsaev .ev.hsa-ps .ps-stats span{line-height:1.3;min-height:2.5em}
#hsa-evcard#hsa-evcard.hsa-ps .ps-stats span i,#hsaev .ev.hsa-ps .ps-stats span i{display:block;font-style:normal;font-weight:800;color:#9fd18b;letter-spacing:.3px}
#hsaev .st span i,#hsaev .tot span i{display:block;font-style:normal;font-weight:800;color:#9fd18b;letter-spacing:.5px}
#hsaev .st span.pl2,#hsa-evcard .st span.pl2{font-size:8px;white-space:nowrap;letter-spacing:.2px}
#hsaev .st span,#hsa-evcard .st span{line-height:1.35}
/* 🎪 Event detail — အကွက်တွေ ညီညာအောင် + စာသား နေရာကျအောင် (owner 2026-09-07) */
#hsaev .tot.n1{grid-template-columns:1fr}
#hsaev .tot.n2,#hsaev .tot.n4{grid-template-columns:repeat(2,1fr)}
#hsaev .tot.n3,#hsaev .tot.n5,#hsaev .tot.n6{grid-template-columns:repeat(3,1fr)}
#hsaev .tot div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px}
#hsaev .tot span{display:block;line-height:1.35;margin-top:3px}
#hsaev .tot span.pl2{font-size:8px;white-space:nowrap;letter-spacing:.2px}
#hsaev .tot span i{display:block;font-style:normal;font-weight:800;color:#9fd18b;letter-spacing:.5px}
#hsaev .det .sub{text-wrap:pretty}
#hsaev .u .nm span{font-size:9.5px;line-height:1.5}
#hsaev .u .nm span+span{color:#8d94ad}
#hsaev .det .bdwrap .bdtags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
#hsaev .det .bdwrap .bdtags i{font-style:normal;padding:2px 8px;border-radius:5px;border:1px solid rgba(190,160,255,.6);background:rgba(120,90,255,.16);color:#e6dcff;font-size:9px;font-weight:800;letter-spacing:.6px;white-space:nowrap}
/* 📐 Event detail — ဘေးဘယ်/ညာ နေရာ ချန် (ဒေါင့်ကပ်နေတာ ပြင် · owner 2026-09-08) */
#hsaev .det{padding:14px 12px calc(30px + env(safe-area-inset-bottom,0px))}
#hsaev .det .bdwrap{padding:13px 13px 14px!important}
#hsaev .det .bdwrap .tot{margin:12px 0 6px}
#hsaev .det .bdwrap .u{margin-left:0;margin-right:0}
#hsaev .det .bdwrap .h2{margin:14px 0 8px}
#hsaev .det .bdwrap .o{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);margin-bottom:6px}
#hsaev .det .bdwrap .bdbg{left:-30px;right:-30px}

/* ==== style hsa-gcstrip-css ==== */

/* 🎁 Home — Gift Card card strip (owner 2026-09-11 · "နည်းနည်း သေးပေး" → card 96px)
   animation · blur · shadow မထည့် (ဖုန်းပူ စည်းကမ်း) · ပုံတွေ grid ထဲက card ကနေပဲ ကူးယူ (API အသစ် မလို) */
#hsa-gcstrip{margin:10px 0 6px}
#hsa-gcstrip .gs-h{display:flex;align-items:center;gap:7px;margin:0 2px 7px}
#hsa-gcstrip .gs-h b{font-size:11.5px;font-weight:900;color:#e9ecf3;letter-spacing:.3px}
#hsa-gcstrip .gs-h i{font-size:9.5px;font-weight:800;color:#9fd18b;font-style:normal;
  border:1px solid rgba(159,209,139,.4);background:rgba(159,209,139,.10);border-radius:20px;padding:2px 7px}
#hsa-gcstrip .gs-h span{margin-left:auto;font-size:10.5px;font-weight:800;color:#b9a7f5;cursor:pointer}
#hsa-gcstrip .gs-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  padding:1px 2px 4px}
#hsa-gcstrip .gs-row::-webkit-scrollbar{display:none}
#hsa-gcstrip .gs-c{flex:0 0 auto;width:96px;border-radius:11px;overflow:hidden;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(185,167,245,.30)}
#hsa-gcstrip .gs-c:active{border-color:#9fd18b;background:rgba(159,209,139,.10)}
#hsa-gcstrip .gs-c .im{width:100%;height:64px;display:block;object-fit:cover;background:rgba(255,255,255,.06)}
#hsa-gcstrip .gs-c .nm{padding:5px 7px 6px;font-size:10px;font-weight:800;color:#e9ecf3;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:28px}
#hsa-gcstrip .gs-h span:active{color:#9fd18b}
/* 🔦 Gift Card tab ကို ခဏ မီးမောင်းထိုး — ရောက်သွားမှန်း သိသာအောင် (owner 2026-09-11) */
#hsa-gcat-tabs b.hsa-gcs-hit{background:rgba(159,209,139,.16)!important;border-radius:9px;
  box-shadow:inset 0 0 0 1px rgba(159,209,139,.65)}
#hsa-gcs-toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:2147483630;
  background:#111;color:#fff;font-size:12px;font-weight:800;padding:9px 16px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);opacity:0;pointer-events:none;transition:opacity .18s}
#hsa-gcs-toast.on{opacity:1}

/* ==== style hsa-dealcard-css ==== */

/* 🧾 Home Deals card — ဘောက်ချာ ပုံစံ (owner 2026-09-16 ရွေး · admin ပဲ) · သေး · item အားလုံး .ls ထဲ scroll · animation/blur မပါ */
#hsa-evcard.hsa-dlx{position:relative;margin:-10px 0 25px;width:auto;box-sizing:border-box;cursor:pointer;color:#fff;font-family:"Google Sans",Roboto,system-ui,-apple-system,"Segoe UI",sans-serif}
#hsa-evcard.hsa-dlx img{display:block;object-fit:cover;background:#1b2230}
#hsa-evcard.hsa-dlx.x3 .rc{position:relative;background:#fbfbf7;color:#151515;border-radius:6px;padding:7px 10px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#hsa-evcard.hsa-dlx.x3 .rc:before,#hsa-evcard.hsa-dlx.x3 .rc:after{content:"";position:absolute;left:0;right:0;height:5px;background:radial-gradient(circle,transparent 2.5px,#fbfbf7 3px) -2.5px 0/10px 5px repeat-x}
#hsa-evcard.hsa-dlx.x3 .rc:before{top:-4px;transform:rotate(180deg)}
#hsa-evcard.hsa-dlx.x3 .rc:after{bottom:-4px}
#hsa-evcard.hsa-dlx.x3 .rh{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;letter-spacing:1.4px;border-bottom:1.5px dashed #151515;padding:0 0 5px;margin-bottom:2px}
#hsa-evcard.hsa-dlx.x3 .stamp{font-style:normal;transform:rotate(-6deg);border:2px solid #d1342f;color:#d1342f;font-size:10px;font-weight:900;letter-spacing:.8px;padding:1px 7px;border-radius:3px;opacity:.9;white-space:nowrap}
#hsa-evcard.hsa-dlx.x3 .ls{max-height:176px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior:contain}
#hsa-evcard.hsa-dlx.x3 .ln{display:flex;align-items:center;gap:7px;padding:4px 0;border-bottom:1px dotted #bbb;font-size:11px}
#hsa-evcard.hsa-dlx.x3 .ln img{width:24px;height:24px;border-radius:4px;flex:none}
#hsa-evcard.hsa-dlx.x3 .ln span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
#hsa-evcard.hsa-dlx.x3 .ln em{font-style:normal;color:#666;font-size:10px}
#hsa-evcard.hsa-dlx.x3 .ln b{color:#d1342f;font-weight:900;min-width:58px;text-align:right}
#hsa-evcard.hsa-dlx.x3 .tot{display:flex;justify-content:space-between;align-items:center;padding-top:5px;border-top:1.5px dashed #151515;margin-top:2px;font-size:10px;font-weight:900;letter-spacing:1px}
#hsa-evcard.hsa-dlx.x3 .tot b{color:#d1342f;font-size:12.5px}

/* ==== style hsa-coc-adm-css ==== */
/* Clash of Clans card — လူတိုင်း မြင်ရ (owner 2026-09-07 ဖွင့်ပြီ) */
/* ==== style hsa-coc-guide-css ==== */

/* Clash of Clans — Supercell ID OTP လမ်းညွှန် (owner 2026-09-07 · admin ပဲ မြင်ရသေး) · Binance guide (.bng) ပုံစံ တူ */
.cocg{margin:14px 0 6px;padding:12px 0 10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.05)}
.cocg-h{display:flex;justify-content:space-between;align-items:center;padding-right:12px;margin-bottom:9px;font-size:12.5px;font-weight:900;color:#fff}
.cocg-h span{font-size:10px;font-weight:800;color:#c9d5e4;opacity:.8}
.cocg-row{display:flex;align-items:stretch;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 12px 4px 0;scrollbar-width:none}
.cocg-row::-webkit-scrollbar{display:none}
.cocg-c{flex:0 0 80%;scroll-snap-align:start;background:#0d1117;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
/* ပုံ အရွယ် တူအောင် — 4:3 box · contain (owner 2026-09-07) */
.cocg-c img{display:block;width:100%;aspect-ratio:1280/1000;height:auto;object-fit:cover;background:#0d1117}
.cocg-t{min-height:58px;align-items:center}
.cocg-t{display:flex;gap:8px;align-items:flex-start;padding:9px 10px 10px;font-size:11px;font-weight:800;color:#e5e7eb;line-height:1.5}
.cocg-t b{flex:0 0 20px;height:20px;border-radius:50%;background:#ff2d55;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
.cocg-t i{font-style:normal;color:#7dd3fc;font-weight:900}
.cocg-n{margin:10px 12px 0 0;padding:10px 12px;border-radius:11px;border:1px solid rgba(255,90,90,.45);background:rgba(255,50,50,.08);font-size:11px;color:#f3d6d6;line-height:1.6}
.cocg-n b{color:#fff}.cocg-n ul{margin:4px 0 0;padding-left:16px}.cocg-n li{margin:3px 0}

/* ==== style hsa-coc-ui-css ==== */

/* 🏰 Clash of Clans card — Binance redeem card (hsa-gcm-css) ပုံစံ ကူး · #coc-card (owner 2026-09-07) */

/* အဖြူအမည်း · သေးသေးကျစ်ကျစ် (owner 2026-09-01) */
#coc-card{text-align:left;margin-bottom:8px;}
#coc-card .gcm-w{position:relative;background:#fff;border:1px solid #dcdfe4;border-radius:12px;padding:8px 9px;
  box-shadow:0 3px 12px rgba(139,92,246,.35);text-align:left;overflow:hidden;}
#coc-card .gcm-w > *{position:relative;z-index:1;}
#coc-card .tring{position:absolute;inset:0;border-radius:12px;padding:2px;overflow:hidden;pointer-events:none;z-index:0;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude}
#coc-card .tring s{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;display:block;text-decoration:none;
  transform:translate(-50%,-50%) rotate(0deg);
  background:conic-gradient(from 0deg,transparent 0 56%,#c4b5fd 70%,#7c3aed 80%,transparent 88% 100%);
  animation:hsaTabRing 2.6s linear infinite}
body.low-power #coc-card .tring s{animation:hsaTabRing 2.6s linear infinite !important}
@media (prefers-reduced-motion:reduce){#coc-card .tring s{animation:none}}
#coc-card .gcm-op{display:flex;align-items:center;gap:7px;cursor:pointer;padding:1px 0;}
#coc-card .gcm-rd{width:14px;height:14px;min-width:14px;border-radius:50%;border:2px solid #b6bcc4;position:relative;}
#coc-card .gcm-op.on .gcm-rd{border-color:#111;}
#coc-card .gcm-op.on .gcm-rd::after{content:'';position:absolute;left:2px;top:2px;right:2px;bottom:2px;border-radius:50%;background:#111;}
#coc-card .gcm-op b{font-size:11.5px;font-weight:900;color:#111;}
#coc-card .gcm-op span{font-size:9.5px;color:#8a919a;margin-left:auto;}
#coc-card .gcm-row{display:flex;gap:6px;align-items:center;margin-top:6px;}
/* input ဘောင် — matcha အရောင် လှည့်နေ (owner 2026-09-01) */
#coc-card .gcm-ib{position:relative;display:block;flex:1 1 auto;min-width:0;border-radius:9px;
  background:#f3f4f6;border:1px solid #e2e5ea;overflow:hidden;}
html body #coc-card .gcm-ib > input.gcm-in{position:relative;z-index:1;
  width:100% !important;flex:none !important;background:transparent !important;
  border:none !important;border-radius:9px !important;box-sizing:border-box !important;}
html body #coc-card .gcm-ib > input.gcm-in:focus{background:transparent !important;border:none !important;}
#coc-card .mring{position:absolute;inset:0;border-radius:9px;padding:2px;overflow:hidden;pointer-events:none;z-index:0;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude}
#coc-card .mring s{position:absolute;left:50%;top:50%;width:340%;aspect-ratio:1;display:block;text-decoration:none;
  transform:translate(-50%,-50%) rotate(0deg);
  background:conic-gradient(from 0deg,transparent 0 56%,#d9e8b8 70%,#88b04b 80%,transparent 88% 100%);
  animation:hsaTabRing 2.9s linear infinite}
body.low-power #coc-card .mring s{animation:hsaTabRing 2.9s linear infinite !important}
@media (prefers-reduced-motion:reduce){#coc-card .mring s{animation:none}}
html body #coc-card input.gcm-in{flex:1 !important;min-width:0 !important;width:auto !important;
  background:#f3f4f6 !important;border:1px solid #dcdfe4 !important;border-radius:8px !important;
  color:#111 !important;-webkit-text-fill-color:#111 !important;caret-color:#111 !important;
  padding:7px 9px !important;font-size:12.5px !important;font-weight:700 !important;
  outline:none !important;box-shadow:none !important;text-shadow:none !important;height:auto !important;margin:0 !important;}
html body #coc-card input.gcm-in:focus,html body #coc-card input.gcm-in:active{
  color:#111 !important;-webkit-text-fill-color:#111 !important;}
html body #coc-card input.gcm-in::placeholder{-webkit-text-fill-color:#a2a9b1 !important;}
html body #coc-card input.gcm-in:focus{border-color:#111 !important;background:#fff !important;}
html body #coc-card input.gcm-in::placeholder{color:#a2a9b1 !important;font-weight:600 !important;opacity:1 !important;}
html body #coc-card button.gcm-ps{background:#111 !important;border:none !important;color:#fff !important;
  border-radius:8px !important;padding:8px 10px !important;font-size:9.5px !important;font-weight:900 !important;
  letter-spacing:.5px !important;cursor:pointer;white-space:nowrap;box-shadow:none !important;text-shadow:none !important;height:auto !important;}
#coc-card .gcm-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;}
#coc-card .gcm-chip{background:#f0f1f3;border:1px solid #dfe2e6;border-radius:20px;padding:2px 8px;font-size:9.5px;font-weight:700;color:#3a4048;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#coc-card .gcm-sep{height:1px;background:#e6e8ec;margin:7px 0;}
/* gift card ဆို ပတ်ပတ်လည် card ကို ကျစ်ကျစ်လေး */
html body #main-input-container.coc-slim{padding:9px 10px !important;}
html body #main-input-container.coc-slim .id-header{margin-bottom:7px !important;}
html body #main-input-container.coc-slim #id-title-text{font-size:12px !important;}

#coc-card .gcm-op b{font-size:12px}#coc-card .gcm-op span{max-width:58%;text-align:right;line-height:1.3}
#coc-card .coc-note{margin-top:7px;font-size:9.5px;color:#6b7280;line-height:1.5}
#coc-card .coc-note b{color:#111}

/* ==== style hsa-ts-top-css ==== */

/* 🏅 Total sales sheet — Top ဂိမ်း / Gift card / Item စာရင်း (owner 2026-09-08) */
#ts-sheet .c.tsx{cursor:pointer;position:relative}
#ts-sheet .c.tsx .ar{font-size:9px;opacity:.65;margin-left:3px}
#ts-sheet #ts-top{margin:2px 0 10px}
#ts-sheet #ts-top .tabs{display:flex;gap:6px;margin-bottom:8px}
#ts-sheet #ts-top .tabs div{flex:1;text-align:center;padding:7px 4px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer;
  background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.10);color:#475569}
#ts-sheet #ts-top .tabs div.on{background:#0f766e;border-color:#0f766e;color:#fff}
#ts-sheet #ts-top .r{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;margin-bottom:5px;
  background:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.07);overflow:hidden}
#ts-sheet #ts-top .r .bar{position:absolute;left:0;top:0;bottom:0;background:rgba(13,148,136,.13);z-index:0}
#ts-sheet #ts-top .r .rk{position:relative;z-index:1;flex:none;width:18px;height:18px;border-radius:6px;background:#0f766e;color:#fff;
  font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}
#ts-sheet #ts-top .r .nm{position:relative;z-index:1;flex:1;min-width:0;font-size:11.5px;font-weight:700;color:#0f172a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ts-sheet #ts-top .r .am{position:relative;z-index:1;flex:none;text-align:right}
#ts-sheet #ts-top .r .am b{display:block;font-size:11.5px;font-weight:900;color:#047857;font-variant-numeric:tabular-nums}
#ts-sheet #ts-top .r .am span{display:block;font-size:9px;color:#64748b}
#ts-sheet #ts-top .em{text-align:center;font-size:11px;color:#64748b;padding:10px}

/* ==== style hsa-restart-css ==== */

/* 🔄 backend restart — host error အစား ခဏစောင့် overlay (owner 2026-09-08) */
#hsartn{position:fixed;inset:0;z-index:2147483600;display:none;align-items:center;justify-content:center;padding:24px;
  background:radial-gradient(120% 60% at 50% -10%,rgba(59,29,110,.97) 0%,rgba(20,11,38,.98) 45%,rgba(8,6,15,.99) 100%);
  color:#eef2ff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#hsartn.on{display:flex}
#hsartn .bx{width:100%;max-width:330px;text-align:center;background:#141024;border:1px solid rgba(190,160,255,.45);border-radius:20px;padding:24px 18px 20px}
#hsartn .ic{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(120,90,255,.18);border:1px solid rgba(190,160,255,.5);display:flex;align-items:center;justify-content:center}
#hsartn .ic svg{width:24px;height:24px}
#hsartn h4{margin:0 0 6px;font-size:15px;font-weight:900;color:#e9d8ff}
#hsartn p{margin:0;font-size:12px;line-height:1.65;color:#b9aee0}
#hsartn .cd{margin:14px 0 2px;font-size:30px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
#hsartn .cd small{font-size:12px;color:#b9aee0;font-weight:700;margin-left:4px}
#hsartn .bar{height:6px;border-radius:6px;background:rgba(255,255,255,.10);overflow:hidden;margin-top:10px}
#hsartn .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c084fc,#7dd3fc);transition:width .9s linear}
#hsartn .ft{margin-top:12px;font-size:10.5px;color:#8f86ad}

/* ==== style hsa-ordprog-css ==== */

/* ✅ My Orders — "3/9" တိုးတက်မှု badge (owner 2026-09-08) */
#hsa-lastbuy .hlb-pg{font-size:10px;font-weight:900;padding:2px 7px;border-radius:20px;color:#7dd3fc;background:rgba(125,211,252,.14);
  border:1px solid rgba(125,211,252,.45);font-variant-numeric:tabular-nums;white-space:nowrap}
#hsa-lastbuy .hlb-pg.ok{color:#9fd18b;background:rgba(159,209,139,.14);border-color:rgba(159,209,139,.5)}
.sod-prog{margin-top:10px;border-radius:12px;padding:10px 11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.sod-prog .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sod-prog .hd b{font-size:13px;color:#fff;font-weight:900}
.sod-prog .hd span{font-size:11px;color:#9fd18b;font-weight:800}
.sod-prog .bar{height:7px;border-radius:7px;background:rgba(255,255,255,.10);overflow:hidden}
.sod-prog .bar i{display:block;height:100%;background:linear-gradient(90deg,#7dd3fc,#9fd18b)}
.sod-prog .li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);font-size:11.5px}
.sod-prog .li:first-of-type{border-top:0}
.sod-prog .li .n{flex:none;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;
  color:#0b0616;background:#9fd18b}
.sod-prog .li.bad .n{background:#ff8a8a}
.sod-prog .li .t{flex:1;color:#dfe6f5}
.sod-prog .li .s{flex:none;color:#9aa6bd;font-variant-numeric:tabular-nums}
.sod-prog .ft{margin-top:8px;font-size:11px;color:#9aa6bd}
.sod-prog .li.wait .n{background:#f5d76e;color:#2b1f00}
.sod-prog .li.wait .t{color:#f0e2b8}
#hsa-lastbuy .hlb-pg2{margin-top:4px;display:inline-block;font-size:10px;font-weight:900;letter-spacing:.4px;
  color:#000;background:#fff;border:1.5px solid #000;border-radius:6px;padding:1px 6px;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ==== style hsa-notice-css ==== */

/* 📢 ယာယီ အသိပေးချက် — order နှေးနေတဲ့ကိစ္စ (owner 2026-09-08) · ပိတ်ချင်ရင် hsa-notice-js ထဲ ON=false */
#hsantc{position:fixed;inset:0;z-index:2147483500;display:none;align-items:center;justify-content:center;padding:22px;
  background:rgba(6,4,14,.82);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#hsantc.on{display:flex}
#hsantc .bx{width:100%;max-width:360px;background:#141024;border:1px solid rgba(190,160,255,.5);border-radius:20px;
  padding:20px 18px 16px;color:#eef2ff;box-shadow:0 18px 50px rgba(0,0,0,.6)}
#hsantc .ic{width:46px;height:46px;margin:0 auto 12px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:rgba(245,179,1,.14);border:1px solid rgba(245,179,1,.5)}
#hsantc .ic svg{width:24px;height:24px}
#hsantc h4{margin:0 0 8px;font-size:15px;font-weight:900;color:#f5d76e;text-align:center;line-height:1.5}
#hsantc p{margin:0 0 9px;font-size:12.5px;line-height:1.85;color:#d9d4ea}
#hsantc .ok{margin-top:6px;padding:12px;border-radius:13px;text-align:center;font-size:13.5px;font-weight:900;color:#0b0616;
  background:linear-gradient(135deg,#c084fc,#7dd3fc);cursor:pointer}
#hsantc .sm{margin-top:9px;font-size:10.5px;color:#9d93c4;text-align:center}
#hsantc .gp{display:block;margin-top:9px;padding:11px;border-radius:13px;text-align:center;font-size:12.5px;font-weight:900;
  color:#0b0616;background:#9fd18b;text-decoration:none}

/* ==== style hsa-bwadm-css ==== */

/* ⬛⬜ Admin Support Inbox — ရိုးရိုး chat ပုံစံ (owner 2026-09-08) */
#hsa-bwadm{position:fixed;inset:0;z-index:2147483200;display:none;flex-direction:column;background:#fff;color:#000;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#hsa-bwadm.on{display:flex}
#hsa-bwadm .hd{flex:none;display:flex;align-items:center;gap:12px;background:#000;color:#fff;
  padding:calc(10px + env(safe-area-inset-top,0px)) 14px 12px}
#hsa-bwadm .hd .bk{flex:none;width:34px;height:34px;border:1.5px solid #fff;background:none;color:#fff;border-radius:50%;
  font-size:17px;line-height:1;cursor:pointer}
#hsa-bwadm .hd .av{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover;background:#333;display:none}
#hsa-bwadm .hd .tt{flex:1;min-width:0}
#hsa-bwadm .hd .tt b{display:block;font-size:15.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-bwadm .hd .tt small{display:block;font-size:11px;color:#bbb;margin-top:1px}
#hsa-bwadm .sr{flex:none;padding:9px 12px;background:#fff;border-bottom:1.5px solid #000}
#hsa-bwadm .sr input{width:100%;box-sizing:border-box;border:1.5px solid #000;border-radius:20px;padding:9px 14px;
  font-size:13.5px;font-family:inherit;outline:none;background:#fff;color:#000}
#hsa-bwadm .bd{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff}
#hsa-bwadm .row{display:flex;align-items:center;gap:11px;padding:11px 13px;border-bottom:1px solid #e5e5e5;cursor:pointer}
#hsa-bwadm .row:active{background:#f2f2f2}
#hsa-bwadm .row.wait{background:#fffbe8}
/* 📢 Broadcast row — စာရင်း ထိပ်ဆုံး (owner 2026-09-10) */
#hsa-bwadm .row.bcrow{background:#000;color:#fff;border-bottom:2px solid #000}
#hsa-bwadm .row.bcrow:active{background:#222}
#hsa-bwadm .row.bcrow .pic{background:#fff;color:#000;border:1.5px solid #fff}
#hsa-bwadm .row.bcrow .n,#hsa-bwadm .row.bcrow .p,#hsa-bwadm .row.bcrow .t{color:#fff}
#hsa-bwadm .row.bcrow .pl{background:#fff;color:#000;border-color:#fff}
#hsa-bwadm .row .pic{flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#000;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900}
#hsa-bwadm .row .pic img{width:100%;height:100%;object-fit:cover;display:block}
#hsa-bwadm .row .c{flex:1;min-width:0}
#hsa-bwadm .row .n{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:#000;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-bwadm .row .pl{flex:none;font-size:8.5px;font-weight:800;letter-spacing:.3px;padding:2px 6px;border-radius:5px;
  border:1px solid #000;color:#000;background:#fff;white-space:nowrap}
#hsa-bwadm .row .p{font-size:12px;color:#666;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-bwadm .row .r{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#hsa-bwadm .row .t{font-size:10.5px;color:#888;white-space:nowrap}
#hsa-bwadm .row .b{min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:#000;color:#fff;
  font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
#hsa-bwadm .empty{text-align:center;color:#888;font-size:13px;padding:40px 20px;line-height:2}
#hsa-bwadm .msgs{padding:14px 12px 6px;display:flex;flex-direction:column;gap:8px}
#hsa-bwadm .m{max-width:78%;padding:9px 13px;border-radius:16px;font-size:13.5px;line-height:1.55;word-break:break-word;white-space:pre-wrap}
#hsa-bwadm .m.u{align-self:flex-start;background:#f0f0f0;color:#000;border:1.5px solid #000;border-bottom-left-radius:5px}
#hsa-bwadm .m.a{align-self:flex-end;background:#000;color:#fff;border-bottom-right-radius:5px}
#hsa-bwadm .m img{max-width:200px;border-radius:10px;display:block;margin-top:4px}
#hsa-bwadm .m .tm{display:block;font-size:9.5px;opacity:.6;margin-top:4px}
#hsa-bwadm .ft{flex:none;display:flex;gap:8px;align-items:flex-end;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  background:#fff;border-top:1.5px solid #000}
#hsa-bwadm .ft textarea{flex:1;min-width:0;min-height:40px;max-height:110px;resize:none;border:1.5px solid #000;border-radius:20px;
  padding:10px 14px;font-size:13.5px;font-family:inherit;outline:none;background:#fff;color:#000}
#hsa-bwadm .ft .snd{flex:none;padding:11px 18px;border-radius:20px;background:#000;color:#fff;font-size:13.5px;font-weight:800;cursor:pointer}
#hsa-bwadm .ft .snd[disabled]{opacity:.5}
#hsa-bwadm .mrow{display:flex;align-items:flex-end;gap:7px;max-width:100%}
#hsa-bwadm .mrow.me{flex-direction:row-reverse}
#hsa-bwadm .mrow .pa{flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden;background:#000;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}
#hsa-bwadm .mrow .pa img{width:100%;height:100%;object-fit:cover;display:block}
#hsa-bwadm .msgs{gap:10px}

/* ==== style hsa-closed-css ==== */

/* 🔒 ဆိုင် ခဏပိတ် — website · mini app · APK (owner 2026-09-08) */
#hsaclosed{position:fixed;inset:0;z-index:2147483550;display:none;align-items:center;justify-content:center;padding:22px;
  background:radial-gradient(120% 60% at 50% -10%,#3b1d6e 0%,#140b26 45%,#08060f 100%);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef2ff}
#hsaclosed.on{display:flex}
#hsaclosed .bx{width:100%;max-width:360px;text-align:center;background:#141024;border:1px solid rgba(190,160,255,.5);
  border-radius:20px;padding:24px 18px 20px;box-shadow:0 18px 50px rgba(0,0,0,.6)}
#hsaclosed .ic{width:54px;height:54px;margin:0 auto 14px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:rgba(245,179,1,.14);border:1px solid rgba(245,179,1,.5)}
#hsaclosed .ic svg{width:26px;height:26px}
#hsaclosed h3{margin:0 0 8px;font-size:16px;font-weight:900;color:#f5d76e;line-height:1.5}
#hsaclosed p{margin:0 0 10px;font-size:13px;line-height:1.8;color:#d9d4ea}
#hsaclosed .cd{margin:12px 0 4px;font-size:26px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
#hsaclosed .cd small{font-size:12px;color:#b9aee0;font-weight:700;margin-left:5px}
#hsaclosed .bal{margin-top:12px;padding:12px;border-radius:14px;background:rgba(120,90,255,.16);border:1px solid rgba(190,160,255,.5)}
#hsaclosed .bal span{display:block;font-size:11px;color:#b9aee0;letter-spacing:.5px}
#hsaclosed .bal b{display:block;font-size:22px;font-weight:900;color:#fff;margin-top:3px;font-variant-numeric:tabular-nums}
#hsaclosed .sm{margin-top:12px;font-size:11px;color:#9d93c4;line-height:1.7}

/* ==== style hsa-reopen-css ==== */

/* ဆိုင် ပြန်ဖွင့် — တစ်ခါပဲ ပြတဲ့ အသိပေးချက် (owner 2026-09-08) */
#hsareopen{position:fixed;inset:0;z-index:2147483300;display:none;align-items:center;justify-content:center;padding:22px;
  background:rgba(6,4,14,.72);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#hsareopen.on{display:flex}
#hsareopen .bx{width:100%;max-width:330px;text-align:center;background:#141024;color:#eef2ff;
  border:1px solid rgba(190,160,255,.45);border-radius:18px;padding:24px 20px 18px}
#hsareopen .ic{width:52px;height:52px;margin:0 auto 13px;border-radius:50%;background:rgba(120,90,255,.18);
  border:1px solid rgba(190,160,255,.5);display:flex;align-items:center;justify-content:center}
#hsareopen .ic svg{width:24px;height:24px}
#hsareopen h3{margin:0 0 8px;font-size:16px;font-weight:900;color:#e9d8ff}
#hsareopen p{margin:0;font-size:12.5px;line-height:1.85;color:#c3b8e6;white-space:pre-line}
#hsareopen .ok{margin-top:16px;width:100%;padding:12px;border:none;border-radius:12px;background:#7c5cff;color:#fff;
  font-size:13.5px;font-weight:800;font-family:inherit;cursor:pointer}

/* ==== style hsa-ordck-css ==== */

/* Order စစ် — admin ကိုယ်တိုင် stuck order စစ်/ဖြေရှင်း (owner 2026-09-08) */
#hsaordck{position:fixed;inset:0;z-index:2147483210;display:none;flex-direction:column;background:#fff;color:#000;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#hsaordck.on{display:flex}
#hsaordck .hd{flex:none;display:flex;align-items:center;gap:12px;background:#000;color:#fff;
  padding:calc(10px + env(safe-area-inset-top,0px)) 14px 12px}
#hsaordck .hd .bk{flex:none;width:34px;height:34px;border:1.5px solid #fff;background:none;color:#fff;border-radius:50%;
  font-size:17px;line-height:1;cursor:pointer;font-family:inherit}
#hsaordck .hd b{flex:1;font-size:15.5px;font-weight:800}
#hsaordck .hd .rf{flex:none;border:1.5px solid #fff;background:none;color:#fff;border-radius:16px;padding:5px 12px;
  font-size:12px;font-weight:800;cursor:pointer;font-family:inherit}
#hsaordck .sr{flex:none;display:flex;gap:8px;padding:9px 12px;border-bottom:1.5px solid #000}
#hsaordck .sr input{flex:1;min-width:0;border:1.5px solid #000;border-radius:20px;padding:9px 14px;font-size:13.5px;
  font-family:inherit;outline:none;background:#fff;color:#000}
#hsaordck .sr button{flex:none;border:none;border-radius:20px;background:#000;color:#fff;padding:9px 16px;
  font-size:13px;font-weight:800;font-family:inherit;cursor:pointer}
#hsaordck .bd{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 30px}
#hsaordck .cd{border:1.5px solid #000;border-radius:12px;padding:11px 12px;margin-bottom:10px}
#hsaordck .cd .t1{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900}
#hsaordck .cd .t1 .id{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsaordck .cd .st{flex:none;font-size:9.5px;font-weight:800;letter-spacing:.3px;padding:3px 8px;border-radius:6px;
  border:1.5px solid #000;background:#fff;color:#000;text-transform:uppercase}
#hsaordck .cd .st.bad{background:#000;color:#fff}
#hsaordck .cd .t2{font-size:12px;color:#444;margin-top:4px;line-height:1.7}
#hsaordck .cd .t2 b{color:#000}
#hsaordck .cd .un{margin-top:8px;border-top:1px dashed #999;padding-top:7px;font-size:11.5px;line-height:1.8}
#hsaordck .cd .un div{display:flex;gap:7px;align-items:flex-start}
#hsaordck .cd .un i{flex:none;font-style:normal;font-weight:900;min-width:16px}
#hsaordck .cd .un .g{color:#000}
#hsaordck .cd .un .r{color:#000;font-weight:800;text-decoration:underline}
#hsaordck .cd .ac{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
#hsaordck .cd .ac button{border:1.5px solid #000;border-radius:18px;background:#fff;color:#000;padding:7px 13px;
  font-size:12px;font-weight:800;font-family:inherit;cursor:pointer}
#hsaordck .cd .ac button.k{background:#000;color:#fff}
#hsaordck .cd .ac button[disabled]{opacity:.45}
#hsaordck .msg{text-align:center;color:#666;font-size:12.5px;padding:26px 12px;line-height:2}
#hsaordck .note{font-size:11.5px;color:#555;border:1px dashed #999;border-radius:9px;padding:8px 10px;margin-bottom:10px;line-height:1.8}

/* ==== style hsa-rvask-css ==== */

/* Review တောင်းတဲ့ modal — Facebook page / Play Store (owner 2026-09-08) */
#hsarvask{position:fixed;inset:0;z-index:2147483350;display:none;align-items:center;justify-content:center;padding:22px;
  background:rgba(6,4,14,.74);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#hsarvask.on{display:flex}
#hsarvask .bx{width:100%;max-width:340px;text-align:center;background:#141024;color:#eef2ff;
  border:1px solid rgba(190,160,255,.45);border-radius:18px;padding:22px 20px 16px}
#hsarvask .ic{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(120,90,255,.18);
  border:1px solid rgba(190,160,255,.5);display:flex;align-items:center;justify-content:center}
#hsarvask .ic svg{width:24px;height:24px}
#hsarvask h3{margin:0 0 8px;font-size:15.5px;font-weight:900;color:#e9d8ff}
#hsarvask p{margin:0;font-size:12px;line-height:1.9;color:#c3b8e6}
#hsarvask .bt{display:flex;flex-direction:column;gap:8px;margin-top:15px}
#hsarvask .bt a,#hsarvask .bt div{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;
  border-radius:12px;font-size:13px;font-weight:900;cursor:pointer;text-decoration:none}
#hsarvask .bt .fb{background:#1877f2;color:#fff}
#hsarvask .bt .gp{background:#fff;color:#202124}
#hsarvask .bt .no{border:1px solid rgba(255,255,255,.22);color:#b8b0d6;font-weight:800;font-size:12.5px;padding:10px}
#hsarvask .bt svg{width:17px;height:17px;flex:none}
#hsarvask .nt{margin-top:10px;font-size:10.5px;color:#8f86ad;line-height:1.7}
#hsarvask canvas.cf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
#hsarvask .bx{position:relative;z-index:3;animation:rvPop .42s cubic-bezier(.2,1.3,.5,1) both}
@keyframes rvPop{0%{transform:scale(.82);opacity:0}100%{transform:scale(1);opacity:1}}

/* ==== style hsa-fguard-css ==== */

/* Gmail / code စစ်ချက် — ဝယ်ခင် အတည်ပြု (owner 2026-09-09) */
#hsafg{position:fixed;inset:0;z-index:2147483360;display:none;align-items:center;justify-content:center;padding:22px;
  background:rgba(6,4,14,.76);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#hsafg.on{display:flex}
#hsafg .bx{width:100%;max-width:340px;background:#141024;color:#eef2ff;border:1px solid rgba(190,160,255,.45);
  border-radius:18px;padding:20px 18px 15px;text-align:center}
#hsafg h3{margin:0 0 9px;font-size:15px;font-weight:900;color:#e9d8ff}
#hsafg p{margin:0;font-size:12px;line-height:1.9;color:#c3b8e6}
#hsafg .kv{margin-top:12px;text-align:left;border:1px solid rgba(190,160,255,.3);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.04)}
#hsafg .kv div{display:flex;gap:8px;font-size:12px;padding:3px 0}
#hsafg .kv span{flex:none;color:#9b93bd;min-width:96px}
#hsafg .kv b{flex:1;color:#fff;word-break:break-all;font-weight:800}
#hsafg .bt{display:flex;gap:8px;margin-top:14px}
#hsafg .bt div{flex:1;padding:11px;border-radius:12px;font-size:12.5px;font-weight:900;cursor:pointer}
#hsafg .bt .no{border:1px solid rgba(255,255,255,.25);color:#cfc8e6}
#hsafg .bt .ok{color:#0b0616;background:linear-gradient(135deg,#c084fc,#7dd3fc)}
#hsafg .warn{margin-top:10px;font-size:11px;color:#ffb3b3;line-height:1.7}

/* ==== style hsa-navfix-css ==== */

/* ⬛ အောက်ခြေ nav နှိပ်လို့ မရတာ ပြင် + footer အရောင် ကွဲနေတာ ပြင် (owner 2026-09-09)
   ၁) Google One Tap ရဲ့ #credential_picker_iframe (z-index 9999) က nav ပေါ် ဖုံးထားလို့ nav နှိပ်လို့ မရခဲ့
   ၂) scroll လုပ်ရင် nav-hidden က opacity 0 + pointer-events none ဖြစ်ပေမယ့် inline transform ကြောင့် နေရာက မရွှေ့ဘဲ
      မြင်နေရပြီး နှိပ်လို့ မရဖြစ်ခဲ့ */
html body .bottom-nav{ z-index: 2147482500 !important; }
/* ⚠️ အဓိက ပြဿနာ — nav က #content-area (z-index:1) ထဲမှာ ဖြစ်ပြီး footer (z-index:6) က body child ဖြစ်လို့
   footer က nav အပေါ် ရောက်နေတာ · ဒါကြောင့် nav နှိပ်ရင် footer ရဲ့ link တွေကို သွားထိတာ (owner 2026-09-09) */
html body #content-area{ z-index: 8 !important; }
html body #hsa-footer{ z-index: 6 !important; }
/* "အပေါ်ကို ပြန်တက်" ခလုတ် (#ic-top) က Wallet ခလုတ်ပေါ် တိတိကျကျ ဖုံးနေလို့ ဘေးဘက် အပေါ်ကို ရွှေ့ (owner 2026-09-09) */
/* #scrollTopBtn (ဘယ်ဘက်) ရှိပြီးသားမလို့ IC ရဲ့ ထပ်နေတဲ့ "အပေါ်ပြန်တက်" ခလုတ် ဖျောက် */
html body #ic-top, html body.ic-zen #ic-top{ display: none !important; }
html body .bottom-nav,
html body .bottom-nav.nav-hidden{ opacity: 1 !important; pointer-events: auto !important;
  transform: translateX(-50%) !important; }
/* ⚠️ guest home ရဲ့ "zen" mode (body.ic-zen) က nav ကို ဖျောက်ထားလို့ မမြင်ရဘဲ နှိပ်လို့ မရဖြစ်ခဲ့ —
   floating ခလုတ်တွေ ဖျောက်တာ ဆက်ထား · nav ကိုတော့ မဖျောက်ရ (owner 2026-09-09) */
html body.ic-zen .bottom-nav,
html body.ic-zen .bottom-nav.nav-hidden,
html body.ic-zen nav.bottom-nav,
html body.ic-zen #bottom-nav,
html body.ic-zen .nav-tab,
html body.ic-zen .nav-center,
html body.ic-zen #nav-center{ opacity: 1 !important; pointer-events: auto !important; }
html body.ic-zen .bottom-nav{ transform: translateX(-50%) !important; }
html body .bottom-nav .nav-tab,
html body .bottom-nav .nav-center-btn{ pointer-events: auto !important; }

/* Google One Tap (guest sign-in) — အောက်ခြေ nav ကို ဖုံးနေလို့ အပေါ်ကို ရွှေ့ (owner 2026-09-09) */
#credential_picker_container, #credential_picker_iframe,
iframe[src*="accounts.google.com/gsi"]:not([style*="width: 0"]){
  top: 6px !important; bottom: auto !important; z-index: 2147482000 !important; }

/* footer အပိုင်း — card တွေနဲ့ အရောင် ဆက်စပ်အောင် (အောက်က အမည်းကြီး တစ်ခြား ဖြစ်မနေစေရန်) */
html body #hsa-footer{
  background: linear-gradient(180deg, rgba(13,13,16,0) 0%, rgba(13,13,16,.85) 26%, rgba(13,13,16,1) 100%) !important;
  border-radius: 26px 26px 0 0 !important;
  margin: 8px auto 0 !important;
  padding: 26px 20px calc(104px + env(safe-area-inset-bottom,0px)) !important;
  max-width: none !important;
  border-top: 1px solid rgba(255,255,255,.06) !important; }
html body #hsa-footer #hsa-seo-links{ max-width: 300px; margin-left: auto; margin-right: auto; }
/* ဘယ်/ညာ floating ခလုတ်တွေနဲ့ မထပ်အောင် */
@media (max-width: 520px){ html body #hsa-footer #hsa-seo-links{ max-width: 280px; } }
html body #hsa-footer .hsa-seo-chip{ padding: 7px 4px !important; }

/* ==== style hsa-cvtint-css ==== */

/* Profile page — Back ခလုတ် အပေါ်က နေရာလွတ် လျှော့ (header ဖျောက်ထားပြီးသားမလို့) owner 2026-09-09 */
body.hsa-v-profile-view #content-area{ padding-top: 10px !important; }
body.hsa-v-profile-view .pv2-root{ padding-top: 10px !important; }

/* cover ရဲ့ အရောင်ကို page နောက်ခံမှာ ကူး (mini app လို) — owner 2026-09-09 */
#hsa-cvbg{ position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: 0; transition: opacity .5s ease;
  background:
    radial-gradient(120% 55% at 50% -8%, hsla(var(--cv-h1, 280), 85%, 52%, .55), transparent 62%),
    radial-gradient(110% 55% at 108% 104%, hsla(var(--cv-h2, 195), 80%, 52%, .45), transparent 60%),
    linear-gradient(160deg, hsla(var(--cv-h1, 280), 75%, 44%, .42), hsla(var(--cv-h2, 195), 72%, 42%, .34) 55%, hsla(var(--cv-h1, 280), 65%, 34%, .30) 100%); }
body.hsa-cvtint #hsa-cvbg{ opacity: 1; }

/* ==== style hsa-web-cool-glass ==== */

/* 🧊 ဖုန်းပူခြင်း လျှော့ချချက် — theme အားလုံးအတွက် (owner 2026-09-09)
   အသေးလေးတွေမှာ backdrop blur က မျက်စိနဲ့ မမြင်ရဘဲ GPU layer တစ်ခုစီ ကုန်တယ် (မြင်ကွင်းထဲ ၄၄၈ ခု ရှိခဲ့) →
   သေးတဲ့ element (icon · chip · tab · avatar · badge) blur ဖြုတ် · ကြီးတဲ့ surface blur ≤10px
   ⚠️ ဒီ block ကို မဖျက်ရ — ဖျက်ရင် ဖုန်း ပြန်ပူမယ် · class ကို ၂ ခါ ရေးထားတာ specificity အတွက် */
html body .gc-note-icon.gc-note-icon,
html body .hsa-final-icon-btn.hsa-final-icon-btn,
html body .hsa-rv-avatar.hsa-rv-avatar,
html body .hsa-rv-product.hsa-rv-product,
html body .hsa-deal-off.hsa-deal-off,
html body .region-tab.region-tab,
html body .amt-btn.amt-btn,
html body .sbm-qchip.sbm-qchip,
html body .sbm-tog-btn.sbm-tog-btn,
html body .gc-dark-inner-box.gc-dark-inner-box,
html body .nav-tab.nav-tab,
html body .gcp-tab.gcp-tab,
html body .atk-tab.atk-tab,
html body .auth-btn.auth-btn,
html body .hsa-chip.hsa-chip,
html body .chip.chip,
html body .pill.pill,
html body .badge.badge{
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* ကြီးတဲ့ surface — blur radius ကန့်သတ် (30px → 10px) */
html body .hsa-rv-card.hsa-rv-card,
html body #hsa-review-section .hsa-rv-card.hsa-rv-card,
html body .hsa-modal-box.hsa-modal-box{
  backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; }
/* deals strip — body[data-hsa-deal-theme] #hsa-deals-strip … ကို ကျော်ဖို့ */
html body[data-hsa-deal-theme] #hsa-deals-strip .hsa-deal-off.hsa-deal-off,
html body #hsa-deals-strip .hsa-deal-off.hsa-deal-off,
html body #hsa-game-deals-strip .hsa-deal-off.hsa-deal-off,
html body #hsa-deals-strip .gc-dark-inner-box.gc-dark-inner-box{
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body[data-hsa-deal-theme] #hsa-deals-strip .hsa-deal-card.hsa-deal-card,
html body #hsa-game-deals-strip .hsa-deal-card.hsa-deal-card,
html body #hsa-deals-strip .hsa-deal-card.hsa-deal-card{
  backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; }
html body .hsa-deal-card.hsa-deal-card,
html body .pv2-card.pv2-card,
html body .pv2-quick.pv2-quick,
html body .pay-card-new.pay-card-new,
html body .back-nav.back-nav,
html body .modal-overlay.modal-overlay,
html body .hsa-modal-overlay.hsa-modal-overlay{
  backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; }

/* ==== style hsa-theme-font-var ==== */

/* ⚡ theme ၁၁ ခုစီမှာ ရှိခဲ့တဲ့ universal selector (*:not(i):not(.fa)…) ကို တစ်ခုတည်း ပေါင်း —
   style recalc တစ်ခေါ်တိုင်း element တိုင်းကို ၁၁ ခါ တိုက်စစ်နေရာက ၁ ခါပဲ (ဖုန်းပူတာ လျှော့ · owner 2026-09-09) */
body.hsa-admin-bg.hsa-theme-0{ --hsa-tfont: 'Outfit','Segoe UI',sans-serif; }
body.hsa-admin-bg.hsa-theme-1{ --hsa-tfont: 'Tektur','Orbitron',sans-serif; }
body.hsa-admin-bg.hsa-theme-2{ --hsa-tfont: 'Outfit','Segoe UI',sans-serif; }
body.hsa-admin-bg.hsa-theme-3{ --hsa-tfont: 'Russo One','Outfit',sans-serif; --hsa-tls: 0.3px; }
body.hsa-admin-bg.hsa-theme-4{ --hsa-tfont: 'Russo One','Outfit',sans-serif; --hsa-tls: 0.5px; }
body.hsa-admin-bg.hsa-theme-5{ --hsa-tfont: 'Fraunces','Cormorant Garamond',serif; }
body.hsa-admin-bg.hsa-theme-6{ --hsa-tfont: 'Bricolage Grotesque','Segoe UI',sans-serif; }
body.hsa-admin-bg.hsa-theme-7{ --hsa-tfont: 'Shippori Antique B1','Hina Mincho','Outfit',serif; }
body.hsa-admin-bg.hsa-theme-8{ --hsa-tfont: 'VT323','Courier New',monospace; --hsa-tls: 0.5px; }
body.hsa-admin-bg.hsa-theme-9{ --hsa-tfont: 'DM Sans','Space Grotesk','Inter',sans-serif; --hsa-tls: -0.01em; }
body.hsa-admin-bg.hsa-theme-10{ --hsa-tfont: 'Fira Code','JetBrains Mono','Courier New',monospace; --hsa-tls: 0; }
body.hsa-admin-bg, body.hsa-admin-bg *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.hsa-tk-code){
  font-family: var(--hsa-tfont, 'Outfit','Segoe UI',sans-serif) !important;
  letter-spacing: var(--hsa-tls, normal) !important; }

/* ==== style hsa-pc-ui-fix ==== */

/* 🖥 PC (desktop) layout ပြင်ချက် — owner 2026-09-09
   ၁) MLBB မှာ category tab ၂ ထပ် ဖြစ်နေတာ (pc-cat-tabs + hsa-cattab) → တစ်ခုပဲ ထား
   ၂) Player ID card ရဲ့ နောက်ခံပုံက စာလုံးတွေ ဖုံးနေလို့ အမှောင် အလွှာ ထည့်
   ၃) Live Purchases က အကျယ်/အမြင့် မညီဘဲ ဖြတ်တောက်နေတာ
   ၄) ညာဘက်အစွန်း ဒေါင်လိုက် "MY PTS" pill က ကျဉ်းပြီး ဖတ်မရ → desktop မှာ ဖျောက်
   ၅) Pack tab တွေ ညာဘက် ကျော်ထွက်တာ → scroll  */
@media (min-width: 1024px){
  /* ၁ — desktop module နဲ့ mobile tab module ၂ ခု တိုက်နေလို့ ပစ္စည်း တစ်ခုမှ မပေါ်ခဲ့ (owner 2026-09-09)
       → desktop module ရဲ့ tab bar ရော ဖျောက်ချက်ရော ပိတ် · mobile tab (#hsa-cattab) တစ်ခုတည်း ထိန်း */
  .pc-cat-tabs{ display: none !important; }


  /* ၂ — ID card စာလုံး ဖတ်ရအောင် */
  html body .id-card{ position: relative !important; }
  html body .id-card::after{ content: ""; position: absolute; inset: 0; border-radius: inherit;
    background: linear-gradient(180deg, rgba(5,7,12,.55), rgba(5,7,12,.78)); pointer-events: none; z-index: 0; }
  html body .id-card > *{ position: relative; z-index: 1; }

  /* ၃ — Live Purchases အကျယ် ညီအောင် + အမြင့် ပြည့်အောင် */
  html body #hsa-pc-toprow .live-wrap{ width: 100% !important; max-width: none !important; }
  html body #hsa-pc-toprow .live-feed-container{ width: 100% !important; max-width: none !important;
    min-height: 240px !important; max-height: 300px !important; }
  html body #hsa-pc-toprow{ margin-top: 84px !important; }

  /* ၄ */
  html body #hsa2-mypts-btn, html body #hsa2-clock{ display: none !important; }

  /* ၅ — pack tab တွေ ကျော်ထွက်ရင် ဘေးတိုက် scroll */
  html body .mlp-tabs, html body [class*="pack-tab"], html body #hsa-pack-row{
    overflow-x: auto !important; scrollbar-width: thin; }

  /* ၆ — region box (Normal တစ်ခုတည်း ကျန်တော့) အမြင့် အလိုလို */
  html body #region-selector{ align-self: start !important; height: auto !important; min-height: 0 !important;
    padding: 10px !important; }

  /* ၇ — ဂိမ်း စာရင်းနဲ့ product list ကို content အကျယ်အတိုင်း */
  html body #diamond-list, html body #product-list{ width: 100% !important; max-width: none !important; }

  /* ၈ — Live Purchases အကွက် အလယ်မှာ ကျဉ်းနေတာ → content အကျယ် အပြည့် (owner 2026-09-09) */
  html body #hsa-pc-toprow{ display: block !important; height: auto !important; min-height: 230px !important;
    margin-bottom: 40px !important; }
  html body #hsa-pc-toprow .live-wrap{ width: 100% !important; max-width: none !important; margin: 0 !important; }
  html body #hsa-pc-toprow .live-feed-container{ width: 100% !important; max-width: none !important;
    height: 200px !important; max-height: 200px !important; overflow-y: auto !important; }

  /* ၉ — Quick action ခလုတ် ၆ ခု ကျဉ်းပြီး အလယ်မှာ စုနေတာ → ၃ ကော်လံ အကျယ်အပြည့် */
  html body #hs-tabs{ max-width: none !important; width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
}

/* ==== style hsa-gskel-css ==== */

/* ⏳ ဂိမ်း page loading — fake card (owner 2026-09-09) */
#diamond-list .gsk-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:2px 0 6px}
#diamond-list .gsk{border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);
  padding:12px;display:flex;flex-direction:column;gap:9px;min-height:118px;overflow:hidden;position:relative}
#diamond-list .gsk i{display:block;border-radius:8px;background:rgba(255,255,255,.09)}
#diamond-list .gsk .a{width:38px;height:38px;border-radius:11px}
#diamond-list .gsk .b{width:78%;height:12px}
#diamond-list .gsk .c{width:52%;height:11px}
#diamond-list .gsk .d{width:60%;height:15px;margin-top:auto;border-radius:9px}
#diamond-list .gsk:after{content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:gskShine 1.25s infinite}
@keyframes gskShine{100%{transform:translateX(100%)}}
@media (min-width:1024px){ #diamond-list .gsk-wrap{grid-template-columns:repeat(3,1fr)} }

/* ==== style hsa-gameinfo-fallback-css ==== */

/* 🩹 .game-info က gradient နဲ့ ရောင်ဆိုးထားပြီး -webkit-text-fill-color:transparent ဖြစ်လို့
   ကိုယ်ပိုင် gradient မရှိတဲ့ ဂိမ်း card (Clash of Clans · Last Asylum …) မှာ စာလုံး ပျောက်နေတာ ပြင် —
   :where() က specificity 0 မလို့ ဂိမ်းတစ်ခုချင်း gradient ရှိရင် အဲဒါက အနိုင်ရမယ် (owner 2026-09-09) */
html body .game-info{ -webkit-text-fill-color: currentColor; }

/* ==== style hsa-lastpick-css ==== */

/* 🧾 "နောက်ဆုံး ဝယ်ထားတာ" — ဂိမ်း page ထိပ်မှာ တစ်တန်းတည်း (owner 2026-09-09)
   animation · blur · shadow မထည့် (ဖုန်းပူ စည်းကမ်း) */
#hsa-lastpick{margin:2px 2px 12px;}
#hsa-lastpick .hlp-h{font-size:10.5px;font-weight:800;letter-spacing:.3px;color:#9aa7b8;margin:0 3px 7px;}
#hsa-lastpick .hlp-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1px 1px 3px;}
#hsa-lastpick .hlp-row::-webkit-scrollbar{display:none}
#hsa-lastpick .hlp-c{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 11px 6px 6px;border-radius:12px;
  background:rgba(255,255,255,.055);border:1px solid rgba(185,167,245,.32);cursor:pointer;max-width:196px;}
#hsa-lastpick .hlp-c:active{border-color:#9fd18b;background:rgba(159,209,139,.10);}
#hsa-lastpick .hlp-c img{width:30px;height:30px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,.07);flex:none;}
#hsa-lastpick .hlp-n{font-size:11.5px;font-weight:800;color:#e9ecf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ==== style hsa-cattab-howto-css ==== */

/* 🧭 ဝယ်နည်း + note icon အညွှန်း — tab bar နဲ့ တစ်တန်းတည်း (owner 2026-09-10) */
#hsa-cattab-wrap{display:flex;align-items:center;gap:0;width:100%}
#hsa-cattab-wrap #hsa-cattab{flex:1 1 auto;min-width:0;padding-right:4px}
/* ခွဲခြားမျဉ်း — ဝယ်နည်း က tab strip ထဲက တစ်ခု မဟုတ်မှန်း သိသာအောင် */
#hsa-cattab-wrap #hsa-cattab-howto{flex:0 0 auto;position:relative;margin-left:9px;
  font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer;letter-spacing:.2px;
  color:#0b0b0e;background:#ffffff;border:2px solid #ffffff;border-radius:11px;
  padding:8px 13px;display:inline-flex;align-items:center;gap:6px;
  box-shadow:0 0 0 3px rgba(255,255,255,.14)}
#hsa-cattab-wrap #hsa-cattab-howto::before{content:"";position:absolute;left:-9px;top:50%;
  transform:translateY(-50%);width:1px;height:22px;background:rgba(255,255,255,.28)}
#hsa-cattab-wrap #hsa-cattab-howto i{font-size:12px;color:#0b0b0e}
#hsa-cattab-wrap #hsa-cattab-howto:active{background:#d8d8dd;border-color:#d8d8dd}
#hsa-cattab-note{font-size:10.5px;font-weight:700;color:#9aa7b8;line-height:1.5;
  margin:2px 4px 8px;display:flex;align-items:center;gap:5px}
#hsa-cattab-note i{font-size:11px;color:#cbd5e1}

/* ==== style hsa-mpcard-sm-css ==== */

#hsa2-mypts-view .hsa2-mp-card-sm{ padding:12px 14px 14px; }
#hsa2-mypts-view .hsa2-mp-card-sm .num{ font-size:26px; }
#hsa2-mypts-view .hsa2-mp-card-sm .lbl{ font-size:8.5px; letter-spacing:2px; }
#hsa2-mypts-view .hsa2-mp-card-sm .hsa2-mp-claim{ margin-top:10px; padding:11px; font-size:12.5px; }
#hsa2-mypts-view .hsa2-mp-card-sm .hsa2-mp-clock-big{ margin-top:8px; }

/* ==== style hsa-mplive-css ==== */

/* 📅 "ဒီနေ့ Claim" card — glass · အရောင် မသုံး · စာလုံးပဲ (owner 2026-09-10)
   blur က card တစ်ခုတည်းမှာပဲ (8px) — row တွေမှာ မထည့် (ဖုန်းပူ စည်းကမ်း) */
.hsa-mplive{
  position:relative; flex-shrink:0; border-radius:18px; padding:12px 12px 10px; margin-bottom:10px;
  background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
  color:#e8eaef;
}
.hsa-mplive .mpl-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.hsa-mplive .mpl-amt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-3px 0 8px;
  padding:5px 9px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);
  font-size:10px;font-weight:700;color:rgba(255,255,255,.55)}
.hsa-mplive .mpl-amt b{color:#fff;font-weight:900;font-size:11px}
.hsa-mplive .mpl-name{display:flex;align-items:center;gap:8px;margin:-3px 0 8px;padding:7px 9px;border-radius:10px;
  background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.22);font-size:10.5px;font-weight:700;color:rgba(255,255,255,.72)}
.hsa-mplive .mpl-name b{color:#fff;font-weight:900}
.hsa-mplive .mpl-ord{font-size:9px;font-weight:700;letter-spacing:.4px;color:rgba(255,255,255,.34);
  margin:0 4px 4px;text-transform:none}
.hsa-mplive .mpl-name .go{margin-left:auto;flex:0 0 auto;cursor:pointer;padding:5px 12px;border-radius:9px;
  background:#fff;color:#0b0b0e;font-size:10.5px;font-weight:900;white-space:nowrap}
.hsa-mplive .mpl-name .go:active{background:#d8d8dd}
.hsa-mplive .mpl-amt .w2{color:rgba(255,255,255,.75);font-weight:800}
.hsa-mplive .mpl-t{font-size:10px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.62)}
.hsa-mplive .mpl-n{font-size:11px;font-weight:900;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:3px 10px}
.hsa-mplive .mpl-rows{display:flex;flex-direction:column;gap:1px;max-height:188px;overflow-y:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin}
.hsa-mplive .mpl-rows::-webkit-scrollbar{width:3px}
.hsa-mplive .mpl-rows::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px}
.hsa-mplive .mpl-r{display:flex;align-items:center;gap:9px;padding:7px 4px;
  border-bottom:1px solid rgba(255,255,255,.07)}
.hsa-mplive .mpl-r:last-child{border-bottom:0}
.hsa-mplive .rk{flex:0 0 auto;width:17px;text-align:right;font-size:10.5px;font-weight:800;
  color:rgba(255,255,255,.38);font-variant-numeric:tabular-nums}
.hsa-mplive .mpl-r.top1 .rk{color:#fff}
.hsa-mplive .src{flex:0 0 auto;width:14px;text-align:center;font-size:10.5px;color:rgba(255,255,255,.55)}
/* 🖼 profile ပုံ ထားထားရင် ပြ — မထားရင် နေရာပဲ ချန် (အတန်းတွေ တည့်နေအောင် · owner 2026-09-10) */
.hsa-mplive .pv{flex:0 0 auto;width:20px;height:20px;border-radius:50%;object-fit:cover;display:block;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.hsa-mplive .pvx{flex:0 0 auto;width:20px;height:20px}
/* နာမည် ထားထားရင် ပထမစာလုံး · မထားရင် user icon (owner 2026-09-10) */
.hsa-mplive .pv.ini,.hsa-mplive .pv.ic{display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.hsa-mplive .pv.ini{font-size:10.5px;font-weight:900;color:var(--mp-num);line-height:1}
.hsa-mplive .pv.ic{font-size:9.5px;color:rgba(255,255,255,.42)}
.hsa-mplive .mid{flex:1 1 auto;min-width:0}
.hsa-mplive .nm{font-size:12.5px;font-weight:700;color:#f2f4f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsa-mplive .mpl-r.top1 .nm{font-weight:900}
.hsa-mplive .sub{font-size:9.5px;font-weight:600;color:rgba(255,255,255,.42);white-space:nowrap;margin-top:1px}
.hsa-mplive .fl{width:15px;height:16px;flex:0 0 auto;vertical-align:-3px;margin:0 0 0 4px;
  filter:drop-shadow(0 0 5px rgba(255,70,70,.55)) drop-shadow(0 0 2px rgba(255,160,120,.45))}
.hsa-mplive .sub{display:flex;align-items:center;gap:0}
.hsa-mplive .mpl-defs{position:absolute;width:0;height:0;overflow:hidden}
.hsa-mplive .rt{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;gap:1px}
.hsa-mplive .amt{font-size:11px;font-weight:900;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.hsa-mplive .amt.x2{color:#ffd9a8}
.hsa-mplive .tm{font-size:9.5px;font-weight:600;color:rgba(255,255,255,.42);white-space:nowrap;
  font-variant-numeric:tabular-nums}
.hsa-mplive .mpl-sk{height:34px;border-bottom:1px solid rgba(255,255,255,.07)}
.hsa-mplive .mpl-foot{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:rgba(255,255,255,.5);
  white-space:nowrap;overflow:hidden}
.hsa-mplive .mpl-foot b{color:#fff;font-weight:800}
.hsa-mplive .mpl-foot .sp{margin-left:auto;flex:0 0 auto}
.hsa-mplive .mpl-empty{font-size:10.5px;font-weight:600;color:rgba(255,255,255,.45);text-align:center;padding:14px 4px;line-height:1.7}

/* ==== style hsa-cpnhow-css ==== */

/* 🎟 Coupon သုံးနည်း — အဖြူအမည်းပဲ (owner 2026-09-10) */
#mlp-packs .mlp-head{flex-wrap:wrap}
#mlp-packs .mlp-q.mlp-cpn{background:#0d0d10;color:#fff;border:1px solid rgba(255,255,255,.5)}
#mlp-packs .mlp-q.mlp-cpn:active{background:#26262c}
#hsa-cpnhow{position:fixed;inset:0;z-index:2147483200;display:none;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.55)}
#hsa-cpnhow.on{display:flex}
#hsa-cpnhow .bx{width:100%;max-width:460px;background:#fff;border-radius:18px 18px 0 0;
  padding:12px 16px calc(18px + env(safe-area-inset-bottom,0px));max-height:86vh;overflow-y:auto}
#hsa-cpnhow .gr{width:38px;height:4px;border-radius:3px;background:rgba(0,0,0,.18);margin:0 auto 12px}
#hsa-cpnhow h4{font-size:15px;color:#111;margin:0 0 3px;font-weight:900}
#hsa-cpnhow .sb{font-size:11.5px;color:#666;margin:0 0 13px;line-height:1.6}
#hsa-cpnhow ol{margin:0;padding:0;list-style:none;counter-reset:cp}
#hsa-cpnhow li{counter-increment:cp;display:flex;gap:11px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.08)}
#hsa-cpnhow li:last-child{border-bottom:0}
#hsa-cpnhow li::before{content:counter(cp);flex:0 0 auto;width:21px;height:21px;border-radius:50%;
  background:#111;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:1px}
#hsa-cpnhow li div{font-size:12.5px;color:#222;line-height:1.65;font-weight:600}
#hsa-cpnhow li b{color:#000;font-weight:900}
#hsa-cpnhow .star{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;
  border-radius:50%;border:1px solid rgba(0,0,0,.35);background:#fff;vertical-align:-5px;margin:0 2px}
#hsa-cpnhow .star i{font-size:10px;color:#111}
#hsa-cpnhow .note{margin-top:12px;padding:9px 11px;border-radius:11px;background:#f2f2f4;
  font-size:11.5px;color:#333;line-height:1.65;font-weight:600}
#hsa-cpnhow .cls{margin-top:13px;width:100%;padding:12px;border-radius:12px;border:0;background:#111;color:#fff;
  font-size:13px;font-weight:900;cursor:pointer;font-family:inherit}

/* ==== style hsa-npts-css ==== */

/* 🎁 နာမည် +500 pts အညွှန်း — glass · အရောင် မသုံး (owner 2026-09-10) */
.bp-inl.bp-npts{margin-top:8px !important;background:rgba(255,255,255,.05) !important;
  border:1px dashed rgba(255,255,255,.26) !important;box-shadow:none !important;}
.bp-inl.bp-npts > span{font-size:10.5px !important;font-weight:700 !important;line-height:1.6;
  color:rgba(255,255,255,.62) !important;white-space:normal !important}
.bp-inl.bp-npts span.p{color:#fff !important;font-weight:900 !important;background:none !important;
  border:0 !important;padding:0 !important}

/* ==== style hsa-dupask-css ==== */

/* 🛑 တူညီတဲ့ order ၂ ခါ — အတည်ပြုခိုင်းတဲ့ sheet (owner 2026-09-10) */
#hsa-dupask{position:fixed;inset:0;z-index:2147483400;display:none;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.6)}
#hsa-dupask.on{display:flex}
#hsa-dupask .bx{width:100%;max-width:460px;background:#fff;border-radius:18px 18px 0 0;
  padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px))}
#hsa-dupask .gr{width:38px;height:4px;border-radius:3px;background:rgba(0,0,0,.18);margin:0 auto 13px}
#hsa-dupask .ic{width:42px;height:42px;border-radius:50%;background:#fff3cd;border:1px solid #f0d48a;
  display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:19px;color:#8a6100}
#hsa-dupask h4{font-size:15.5px;color:#111;margin:0 0 8px;font-weight:900;text-align:center}
#hsa-dupask p{font-size:12.5px;color:#333;line-height:1.75;margin:0 0 12px;text-align:center;font-weight:600}
#hsa-dupask .row{display:flex;gap:9px}
#hsa-dupask button{flex:1;padding:13px;border-radius:12px;font-size:13px;font-weight:900;cursor:pointer;
  font-family:inherit;border:0}
#hsa-dupask .no{background:#111;color:#fff}
#hsa-dupask .yes{background:#fff;color:#111;border:2px solid #111}

/* ==== style hsa-exl-css ==== */

/* 🚀 MLBB page — ExitLag tip + ဝယ်နည်း/သုံးနည်း sheet (owner 2026-10-10)
   blur/animation မထည့် (ဖုန်းပူ) · margin အသေ မရေး — JS က region tab တန်းနဲ့ ညှိ */
html body #hsa-exltip{display:flex;align-items:center;gap:7px;margin:7px 0 0;padding:6px 9px;
  border-radius:11px;border:1px solid rgba(255,214,64,.45);cursor:pointer;overflow:hidden;
  background:linear-gradient(90deg,rgba(255,196,0,.20),rgba(255,196,0,.06));box-shadow:none}
html body #hsa-exltip i.x{flex:none;width:18px;height:18px;border-radius:5px;background:#e3262f;color:#fff;
  font:900 11px/18px system-ui,sans-serif;text-align:center;font-style:normal}
html body #hsa-exltip span{flex:1;min-width:0;font-size:10px !important;font-weight:800;color:#fff3cf;
  line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #hsa-exltip b{flex:none;font-size:9.5px !important;font-weight:900;color:#2a1d00;background:#ffd640;
  border-radius:20px;padding:3px 8px;line-height:1.3;white-space:nowrap}
#hsaexl{position:fixed;inset:0;z-index:2147483200;display:none;background:rgba(0,0,0,.62)}
#hsaexl.on{display:block}
#hsaexl .sh{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
  background:#111317;color:#eef0f4;border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.14);
  padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));font-family:inherit;max-width:560px;margin:0 auto}
#hsaexl .hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#hsaexl .hd i{flex:none;width:34px;height:34px;border-radius:9px;background:#e3262f;color:#fff;font:900 18px/34px system-ui,sans-serif;text-align:center;font-style:normal}
#hsaexl .hd h3{flex:1;margin:0;font-size:15px;font-weight:900;color:#fff}
#hsaexl .hd .cl{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:18px;line-height:30px;cursor:pointer}
#hsaexl .pr{display:grid;gap:7px;margin:0 0 12px;padding:0;list-style:none}
#hsaexl .pr li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#e7e9ee;
  background:#1a1d23;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:8px 10px}
#hsaexl .pr li b{flex:none;width:6px;height:6px;margin-top:7px;border-radius:50%;background:#ffd640}
#hsaexl .pr li strong{color:#ffd640;font-weight:800}
#hsaexl h4{margin:14px 0 7px;font-size:13px;font-weight:900;color:#fff}
#hsaexl .st{display:flex;gap:9px;margin:0 0 9px;font-size:12.5px;line-height:1.5;color:#dfe2e8}
#hsaexl .st > em{flex:none;width:22px;height:22px;border-radius:50%;background:#ffd640;color:#2a1d00;font:900 12px/22px system-ui,sans-serif;text-align:center;font-style:normal}
#hsaexl .st > div{flex:1;min-width:0}
#hsaexl .im{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12);margin:7px 0 2px}
#hsaexl .url{display:flex;gap:6px;align-items:center;margin-top:6px;background:#0b0c0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 6px 6px 10px}
#hsaexl .url a,#hsaexl .url code{flex:1;min-width:0;font:700 11.5px/1.3 ui-monospace,monospace;color:#9fd1ff;word-break:break-all;text-decoration:none}
#hsaexl .url button{flex:none;border:0;border-radius:8px;background:#2a2e36;color:#fff;font-size:11px;font-weight:800;padding:6px 10px;cursor:pointer}
#hsaexl .buy{display:block;width:100%;margin:14px 0 0;border:0;border-radius:13px;background:#ffd640;color:#241900;
  font-size:14px;font-weight:900;padding:13px 10px;cursor:pointer}
#hsaexl .buy{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 14px 9px 9px}
#hsaexl .buy img{flex:none;width:38px;height:38px;border-radius:10px;object-fit:cover;margin:0;max-width:38px}
#hsaexl .buy span{flex:1;min-width:0}
#hsaexl .buy svg{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:#241900;color:#ffd640;box-sizing:content-box}
#hsaexl .nt{margin:8px 0 0;font-size:11px;line-height:1.5;color:#9aa0ab}
#hsaexl .ac{margin:0 0 9px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#15171c;overflow:hidden}
#hsaexl .ac > button.at{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:#fff;
  font-size:13.5px;font-weight:900;padding:12px 12px;cursor:pointer;text-align:left;font-family:inherit}
#hsaexl .ac > button.at span{flex:1}
#hsaexl .ac > button.at i{flex:none;font-style:normal;font-size:12px;color:#ffd640;transition:none}
#hsaexl .ac > .ab{display:none;padding:0 12px 12px}
#hsaexl .ac.op > .ab{display:block}
#hsaexl .ac.op > button.at{border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}
#hsaexl .ab p{margin:0 0 9px;font-size:12.5px;line-height:1.65;color:#dfe2e8}
#hsaexl .ab p strong{color:#ffd640}

/* ==== style hsa-gpwarn-css ==== */

/* ⚠ Google Play gift card — region lock သတိပေး + redeem နည်း (owner 2026-10-13 "ဝယ်တဲ့သူတိုင်း support chat မှာ မေးနေ") */
#hsa-gpwarn{display:flex;align-items:center;gap:9px;margin:10px 0;padding:10px 11px;border-radius:13px;cursor:pointer;
  background:rgba(255,120,80,.12);border:1px solid rgba(255,140,100,.55);box-shadow:none;grid-column:1/-1;box-sizing:border-box}
#hsa-gpwarn .ic{flex:none;width:30px;height:30px;border-radius:9px;background:#ff8a5c;color:#2a0e00;font:900 17px/30px system-ui,sans-serif;text-align:center}
#hsa-gpwarn .tx{flex:1;min-width:0;font-size:11.5px;line-height:1.45;color:#ffe3d6;font-weight:700}
#hsa-gpwarn .tx b{color:#fff;font-weight:900}
#hsa-gpwarn .go{flex:none;font-size:10.5px;font-weight:900;color:#2a0e00;background:#ffb08f;border-radius:20px;padding:5px 10px;white-space:nowrap}
#hsagpw{position:fixed;inset:0;z-index:2147483200;display:none;background:rgba(0,0,0,.62)}
#hsagpw.on{display:block}
#hsagpw .sh{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
  background:#121418;color:#e9ecf1;border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.14);padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px))}
#hsagpw .hd{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#hsagpw .hd h3{flex:1;margin:0;font-size:15px;font-weight:900;color:#fff}
#hsagpw .hd button{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:18px;line-height:30px;cursor:pointer}
#hsagpw p{margin:0 0 9px;font-size:12.5px;line-height:1.7;color:#dfe2e8}
#hsagpw strong{color:#ffb08f}
#hsagpw .box{margin:10px 0;padding:11px 12px;border-radius:13px;background:#1a1d23;border:1px solid rgba(255,255,255,.09)}
#hsagpw .box h4{margin:0 0 7px;font-size:13px;font-weight:900;color:#fff}
#hsagpw .box h4 em{font-style:normal;font-size:10px;font-weight:900;color:#1d2a10;background:#9fd18b;border-radius:20px;padding:2px 7px;margin-left:6px;vertical-align:middle}
#hsagpw ol{margin:0;padding-left:20px}
#hsagpw li{font-size:12.5px;line-height:1.65;color:#dfe2e8;margin:0 0 5px}
#hsagpw code{font:700 11.5px/1.3 ui-monospace,monospace;color:#9fd1ff;background:#0b0c0f;border-radius:6px;padding:1px 5px;word-break:break-all}
#hsagpw .warn{margin-top:7px;font-size:11.5px;line-height:1.6;color:#ffcf9e}
#hsagpw .tip{font-size:12px;line-height:1.65;color:#cfe8c4;background:rgba(159,209,139,.1);border:1px solid rgba(159,209,139,.35);border-radius:12px;padding:9px 11px;margin-top:10px}

/* ==== style hsa-ban-css ==== */

/* 🚫 ban notice (owner 2026-10-15) — /api/me/ban public_msg ရှိရင် ပြ · blur/animation မထည့် */
#hsaban{position:fixed;inset:0;z-index:2147483647 !important;display:flex;align-items:center;justify-content:center;padding:20px;background:#0b0c10}
#hsaban .bx{width:100%;max-width:380px;border-radius:20px;background:#15171d;border:1px solid rgba(255,110,110,.45);padding:26px 20px;text-align:center;color:#eef0f4}
#hsaban .ic{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:rgba(255,90,90,.15);border:2px solid #ff6b6b;color:#ff6b6b;font:900 28px/52px system-ui,sans-serif}
#hsaban h3{margin:0 0 10px;font-size:18px;font-weight:900;color:#fff}
#hsaban p{margin:0;font-size:14px;line-height:1.75;color:#d6d9e0}

/* ==== style hsa-best-css ==== */

html body #hsa-gcat-tabs b[data-k="BEST"]{color:#ffb347}
html body #hsa-gcat-tabs b[data-k="BEST"].on{color:#ffcf5c;text-shadow:0 0 12px rgba(255,140,0,.8)}
html body #hsa-gcat-tabs b[data-k="BEST"]::after{background:linear-gradient(90deg,transparent,#ff8a00,transparent)}

/* ⭐ Best Seller tab မီးတောက် (owner 2026-10-22) */
.hsa-fl{display:inline-block;width:13px;height:17px;margin:-2px 6px 0 0;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23ff3d00'/%3E%3Cstop offset='.6' stop-color='%23ff9f1a'/%3E%3Cstop offset='1' stop-color='%23ffe066'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M12 1c1 6-6 9-6 17a6 6 0 0 0 12 0c0-4-2-6-3-9 0 3-1 5-3 5 2-5 1-9 0-13z'/%3E%3C/svg%3E") center/contain no-repeat;transform-origin:50% 100%;animation:hsaFlk .55s ease-in-out infinite alternate}
/* ⚠️ body.low-power * {animation:none !important} ကို ကျော်ဖို့ specificity မြှင့် */
html body i.hsa-fl.hsa-fl{animation:hsaFlk .55s ease-in-out infinite alternate !important}
@keyframes hsaFlk{0%{transform:scale(1,1) rotate(-3deg)}50%{transform:scale(.92,1.12) rotate(2deg)}100%{transform:scale(1.05,.94) rotate(-1deg)}}
.hs-tab[data-tab="best"]{color:#ffb347}
/* ⭐ Best Seller tab (owner 2026-10-22) — provider ရဲ့ best seller စာရင်း · /simg/rpt/best-seller.json */
#hsa-best .game-img-box{position:relative}
#hsa-best .gc-sr{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);z-index:2;white-space:nowrap;font-size:10px;font-weight:900;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.25)}
#hsa-best .gc-sr.g{color:#9fd18b}#hsa-best .gc-sr.y{color:#ffd95c}#hsa-best .gc-sr.r{color:#ff8a8a}
#hsa-best .gc-best{position:absolute;top:6px;left:6px;z-index:2;font-size:9px;font-weight:900;letter-spacing:.3px;color:#2a1600;background:#ffb547;border-radius:999px;padding:2px 7px}

/* ==== style hsa-itemflag-css ==== */

/* 🏳 item card မှာ region အလံ — SUCCESS အပေါ်မှာ (owner 2026-09-10)
   အလံပုံ အစစ် (emoji မဟုတ်) · UI မပျက်စေရန် အမြင့် သိပ်မတိုး (14px) */
/* ⚠️ .card-top.stat img မှာ height:64px !important ရှိလို့ specificity မြှင့်ရမယ် */
/* 🇲🇲 BR tab မှာ မြန်မာအလံ တွဲပြ — MM ID နဲ့ ဝယ်လို့ရကြောင်း (owner 2026-09-11) */
html body .mlp-tab img.hsa-tmm{width:20px;height:14px;margin-left:-3px}
/* 💡 MM tab မှာ — BR server က ပိုတန်ကြောင်း တစ်ကြောင်းတည်း အသိပေး (owner 2026-09-22) */
html body #hsa-brtip{display:flex;align-items:center;gap:6px;margin:7px 0 0;padding:6px 9px;
  border-radius:11px;border:1px solid rgba(255,120,120,.48);cursor:pointer;
  background:linear-gradient(90deg,rgba(224,49,49,.26),rgba(224,49,49,.09));
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}
html body #hsa-brtip img{width:18px !important;height:12px !important;max-width:18px !important;
  object-fit:cover;border-radius:2px;flex:none;margin:0}
html body #hsa-brtip span{flex:1;min-width:0;font-size:10px !important;font-weight:800;color:#ffe6e6;
  line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #hsa-brtip b{flex:none;font-size:9.5px !important;font-weight:900;color:#2a0606;background:#ff8f8f;
  border-radius:20px;padding:3px 8px;line-height:1.3;white-space:nowrap}
html body .product-item .st3 .hsa-ifl{display:flex !important;align-items:center;gap:3px;margin:0 0 3px;
  line-height:1;height:17px}
html body .product-item .st3 .hsa-ifl img{width:25px !important;height:17px !important;max-width:25px !important;
  min-width:25px;flex:0 0 25px !important;border-radius:3px;object-fit:cover;display:block !important;
  align-self:flex-start !important;transform:none !important;margin:0 !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.3)}

/* ==== style hsa-wdppts-css ==== */

/* 💎 Weekly Pass — points သုံးလို့ မရကြောင်း ပြတဲ့ sheet (owner 2026-09-10)
   အဖြူအမည်း · animation/blur မထည့် (ဖုန်းပူ စည်းကမ်း) */
#hsa-wdppts{position:fixed;inset:0;z-index:2147483630;display:none;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.55)}
#hsa-wdppts.on{display:flex}
#hsa-wdppts .bx{width:100%;max-width:460px;background:#fff;color:#111;border-radius:18px 18px 0 0;
  padding:13px 17px calc(17px + env(safe-area-inset-bottom,0px))}
#hsa-wdppts .gr{width:38px;height:4px;border-radius:3px;background:rgba(0,0,0,.16);margin:0 auto 13px}
#hsa-wdppts h4{font-size:15px;font-weight:900;margin:0 0 9px;text-align:center}
#hsa-wdppts .li{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;font-weight:600;
  line-height:1.75;margin:0 0 7px}
#hsa-wdppts .li b{flex:none;width:19px;height:19px;border-radius:50%;border:1.5px solid #111;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;margin-top:2px}
#hsa-wdppts .li.no b{background:#111;color:#fff}
#hsa-wdppts button{width:100%;margin-top:11px;padding:13px;border:0;border-radius:12px;
  background:#111;color:#fff;font-size:13px;font-weight:900;font-family:inherit;cursor:pointer}

/* ==== style hsa-procinfo-css ==== */

/* ⏳ Processing ၁၀ မိနစ်ကျော် ကြာနေတဲ့ order — user ကို ရှင်းပြတဲ့ sheet (owner 2026-09-13)
   အဖြူအမည်း · animation/blur မထည့် (ဖုန်းပူ စည်းကမ်း) · "နားလည်ပါပြီ" နှိပ်ရင် အဲဒီ order အတွက် ထပ်မပြ */
#hsa-procinfo{position:fixed;inset:0;z-index:2147483630;display:none;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.6)}
#hsa-procinfo.on{display:flex}
#hsa-procinfo .bx{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;background:#fff;color:#111;
  border-radius:18px 18px 0 0;padding:13px 17px calc(16px + env(safe-area-inset-bottom,0px))}
#hsa-procinfo .gr{width:38px;height:4px;border-radius:3px;background:rgba(0,0,0,.16);margin:0 auto 12px}
#hsa-procinfo h4{font-size:15px;font-weight:900;margin:0 0 9px;text-align:center}
#hsa-procinfo .od{border:1.5px solid #111;border-radius:11px;padding:8px 11px;margin:0 0 6px;
  display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800}
#hsa-procinfo .od b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-procinfo .od i{font-style:normal;flex:none;font-size:10.5px;color:#fff;background:#111;border-radius:20px;padding:2px 8px}
#hsa-procinfo .lead{font-size:12.5px;font-weight:800;line-height:1.7;margin:10px 0 6px}
#hsa-procinfo .li{display:flex;gap:8px;align-items:flex-start;font-size:12px;font-weight:600;line-height:1.7;margin:0 0 6px}
#hsa-procinfo .li b{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid #111;font-size:10px;font-weight:900;
  display:flex;align-items:center;justify-content:center;margin-top:3px}
#hsa-procinfo .note{margin-top:9px;padding:10px 11px;border-radius:11px;background:#111;color:#fff;font-size:12px;font-weight:700;line-height:1.7}
#hsa-procinfo button{width:100%;margin-top:11px;padding:13px;border:0;border-radius:12px;background:#111;color:#fff;
  font-size:13px;font-weight:900;font-family:inherit;cursor:pointer}

/* ==== style hsa-guest-bw-css ==== */

/* Guest checkout sheet — အဖြူအမည်း (owner 2026-09-15) · gradient/blur/animation မထည့် */
html #gcModal{background:rgba(0,0,0,.62)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html #gcModal .gc-sheet{background:#fff!important;color:#111!important;border:1px solid #111!important;border-radius:18px!important;box-shadow:none!important;animation:none!important;font-family:inherit}
html #gcModal .gc-sheet *{box-shadow:none!important;text-shadow:none!important}
html #gcModal .gc-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:1.5px solid #111!important;background:#fff!important;color:#111!important;display:flex;align-items:center;justify-content:center;cursor:pointer}
html #gcModal .gc-t{color:#111!important;font-size:17px!important;font-weight:900!important}
html #gcModal .gc-s{color:#555!important;font-size:12px!important;font-weight:700!important;line-height:1.6}
html #gcModal .gc-demo{margin:10px 0 0;padding:8px 10px;border-radius:9px;background:#111;color:#fff;font-size:11.5px;font-weight:800;text-align:center}
html #gcModal .gc-linkbtn{width:100%;margin:12px 0 4px;padding:11px 14px;border-radius:11px;cursor:pointer;background:#fff!important;border:1.5px solid #111!important;color:#111!important;font-size:12.5px;font-weight:800;font-family:inherit}
html #gcModal .gc-warn{border:1.5px solid #111!important;background:#fff!important;border-radius:13px!important;margin:12px 0 14px!important}
html #gcModal .gc-wh{background:#111!important;color:#fff!important;padding:9px 12px!important;font-size:12px!important;font-weight:900!important}
html #gcModal .gc-wb{padding:10px 12px!important}
html #gcModal .gc-r{color:#111!important;font-size:12px!important;font-weight:700!important;line-height:1.65;padding:4px 0!important;border:0!important;background:none!important}
html #gcModal .gc-r.gc-no{color:#444!important}
html #gcModal .gc-r.gc-yes{color:#111!important;font-weight:900!important}
html #gcModal .gc-crit{margin-top:9px;padding:10px 12px;border-radius:10px;background:#111!important;border:1.5px solid #111!important;color:#fff!important;font-size:11.5px!important;font-weight:700!important;line-height:1.7}
html #gcModal .gc-note{margin-top:9px;padding:10px 12px;border-radius:10px;background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#111!important;font-size:11.5px!important;font-weight:700!important;line-height:1.7}
html #gcModal .gc-hint{margin-top:6px;color:#555!important;font-size:11.5px!important;font-weight:700!important;line-height:1.6}
html #gcModal .gc-signup{width:100%;margin-top:10px;padding:11px;border-radius:11px;background:#fff!important;border:1.5px solid #111!important;color:#111!important;font-size:12.5px!important;font-weight:900!important;cursor:pointer;font-family:inherit}
html #gcModal .gc-sum{background:#fff!important;border:1.5px solid #111!important;border-radius:13px!important;padding:11px 14px!important;margin-bottom:14px!important}
html #gcModal .gc-sr{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 0!important;border-bottom:1px solid #e5e7eb!important;font-size:12.5px!important;color:#111!important}
html #gcModal .gc-sr:last-child{border-bottom:0!important}
html #gcModal .gc-sr span{color:#555!important;font-weight:700!important}
html #gcModal .gc-sr b{color:#111!important;font-weight:900!important;text-align:right;word-break:break-all}
html #gcModal .gc-sr.gc-tot b{color:#111!important;font-size:15px!important}
html #gcModal .gc-hrow{gap:8px}
html #gcModal .gc-hrow .gc-hitem{flex:1;font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html #gcModal .gc-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#111!important;cursor:pointer}
html #gcModal .gc-mini{background:#fff!important;border:1.5px solid #111!important;color:#111!important;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit;margin-left:6px}
html #gcModal .gc-lbl{display:flex;justify-content:space-between;align-items:center;margin:13px 0 6px;font-size:12px!important;font-weight:900!important;color:#111!important}
html #gcModal .gc-recbtn{background:#fff!important;border:1.5px solid #111!important;color:#111!important;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit}
html #gcModal .gc-in{background:#fff!important;border:1.5px solid #111!important;color:#111!important;border-radius:10px!important;font-weight:700}
html #gcModal .gc-in::placeholder{color:#9ca3af!important}
html #gcModal .gc-in:focus{outline:none;border-color:#111!important;box-shadow:0 0 0 2px #111!important}
html #gcModal .gc-rec{padding:8px 10px;border-bottom:1px solid #e5e7eb;color:#111!important;font-size:12px;cursor:pointer}
html #gcModal #gcRecentBox{border:1.5px solid #111;border-radius:10px;margin-top:6px;background:#fff;max-height:160px;overflow-y:auto;display:none}
html #gcModal .gc-pays{display:flex;gap:8px;margin-top:2px}
html #gcModal .gc-pay{background:#fff!important;border:1.5px solid #d1d5db!important;color:#111!important;border-radius:11px!important;font-weight:800}
html #gcModal .gc-pay.on{border-color:#111!important;background:#111!important;color:#fff!important}
html #gcModal .gc-pay img{width:26px;height:26px;border-radius:7px;object-fit:cover;display:block;margin:0 auto 4px;background:#fff}
html #gcModal .gc-pay span{font-size:11.5px}
html #gcModal .gc-acct{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border-radius:11px;background:#fff!important;border:1.5px solid #111!important}
html #gcModal .gc-acct-logo{width:34px;height:34px;border-radius:9px;object-fit:cover;background:#fff}
html #gcModal .gc-acct-info{flex:1;min-width:0}
html #gcModal .gc-an{color:#111!important;font-size:15px!important;font-weight:900!important;letter-spacing:.5px}
html #gcModal .gc-anm{color:#555!important;font-size:11.5px!important;font-weight:700!important}
html #gcModal .gc-copy{background:#111!important;border:1.5px solid #111!important;color:#fff!important;border-radius:9px!important;padding:8px 12px;font-size:12px!important;font-weight:800!important;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px}
html #gcModal .gc-file{margin-top:6px;padding:20px 12px;border:1.5px dashed #111!important;border-radius:11px;text-align:center;color:#111!important;font-size:12.5px;font-weight:800;cursor:pointer;background:#fff!important}
html #gcModal .gc-file.has{border-style:solid!important;background:#111!important;color:#fff!important}
html #gcModal .gc-go{width:100%;margin-top:16px;padding:14px;background:#111!important;color:#fff!important;border:1.5px solid #111!important;border-radius:12px!important;font-size:14px!important;font-weight:900!important;cursor:pointer;font-family:inherit}
html #gcModal .gc-go:disabled{background:#fff!important;color:#9ca3af!important;border-color:#d1d5db!important;cursor:not-allowed}
html #gcModal .gc-ok{text-align:center;padding:4px 0 6px}
html #gcModal .gc-code{margin:14px 0;padding:16px;border-radius:14px;background:#fff!important;border:2px solid #111!important;text-align:center}
html #gcModal .gc-code.gc-sn{background:#111!important;color:#fff!important}
html #gcModal .gc-code.gc-sn .gc-cl,html #gcModal .gc-code.gc-sn .gc-cv,html #gcModal .gc-code.gc-sn .gc-hint{color:#fff!important}
html #gcModal .gc-code.gc-sn .gc-copy{background:#fff!important;color:#111!important;border-color:#fff!important}
html #gcModal .gc-cl{font-size:10.5px!important;font-weight:900!important;letter-spacing:1.2px;color:#555!important;margin-bottom:6px}
html #gcModal .gc-cv{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:24px!important;font-weight:900!important;color:#111!important;letter-spacing:1.5px;word-break:break-all;margin-bottom:10px}
html #gcModal .gc-cv.gc-cvs{font-size:19px!important;margin-bottom:6px}
html #gcModal .gc-st{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px!important;font-weight:900!important;border:1.5px solid #111!important;background:#fff!important;color:#111!important}
html #gcModal .gc-st-c{background:#111!important;color:#fff!important}
html #gcModal .gc-st-r{background:#fff!important;color:#111!important;border-style:dashed!important}
html #gcModal .gc-track{display:flex;gap:8px;margin-top:12px}
html #gcModal .gc-tb{flex:1;padding:12px;border-radius:11px!important;font-size:12.5px!important;font-weight:900!important;cursor:pointer;font-family:inherit;border:1.5px solid #111!important}
html #gcModal .gc-tb1{background:#111!important;color:#fff!important}
html #gcModal .gc-tb2{background:#fff!important;color:#111!important}
.gc-swal-btn{background:#111;color:#fff;border:0;border-radius:10px;padding:10px 22px;font-weight:800;font-size:13px;cursor:pointer}

/* ==== style hsa-payorder-css ==== */

/* 💳 Pay-by-slip order sheet — "ငွေလွှဲပြီး တန်းဝယ်မယ်" (owner 2026-09-17) · အဖြူအမည်း · animation/blur မပါ */
#hsa-po{position:fixed;inset:0;z-index:2147483640;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.62)}
#hsa-po.on{display:flex}
#hsa-po .bx{width:100%;max-width:470px;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;color:#111;border-radius:18px 18px 0 0;padding:12px 16px calc(18px + env(safe-area-inset-bottom,0px));font-family:inherit}
#hsa-po .gr{width:38px;height:4px;border-radius:3px;background:rgba(0,0,0,.16);margin:0 auto 10px}
#hsa-po h4{font-size:15.5px;font-weight:900;margin:0 0 4px}
#hsa-po .sub{font-size:12px;color:#555;font-weight:700;line-height:1.6;margin-bottom:10px}
#hsa-po .it{display:flex;gap:10px;align-items:center;border:1.5px solid #111;border-radius:12px;padding:9px 11px;margin-bottom:9px}
#hsa-po .it img{width:44px;height:44px;border-radius:9px;object-fit:cover;background:#f3f4f6;flex:none}
#hsa-po .it .t{flex:1;min-width:0}
#hsa-po .it .n{font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-po .it .s{font-size:11.5px;color:#555;font-weight:700;margin-top:2px}
#hsa-po .rows{border:1.5px solid #111;border-radius:12px;padding:4px 11px;margin-bottom:9px}
#hsa-po .r{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #e5e7eb;font-size:12.5px;font-weight:700;color:#333}
#hsa-po .r:last-child{border-bottom:0}
#hsa-po .r b{font-weight:900;color:#111}
#hsa-po .r.big{background:#111;color:#fff;margin:6px -11px -4px;padding:11px;border-radius:0 0 10px 10px}
#hsa-po .r.big span,#hsa-po .r.big b{color:#fff}
#hsa-po .r.big b{font-size:19px}
#hsa-po .lbl{font-size:12px;font-weight:900;margin:12px 0 6px}
#hsa-po .pays{display:flex;gap:7px}
#hsa-po .pay{flex:1;text-align:center;padding:9px 4px;border-radius:10px;border:1.5px solid #d1d5db;font-size:12px;font-weight:800;cursor:pointer;background:#fff;color:#111}
#hsa-po .pay.on{background:#111;color:#fff;border-color:#111}
#hsa-po .acct{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border-radius:11px;border:1.5px solid #111}
#hsa-po .acct .no{font-size:16px;font-weight:900;letter-spacing:.4px}
#hsa-po .acct .nm{font-size:11.5px;color:#555;font-weight:700}
#hsa-po .acct .cp{margin-left:auto;background:#111;color:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}
#hsa-po .note{margin-top:9px;padding:9px 11px;border-radius:10px;background:#f3f4f6;border:1px solid #d1d5db;font-size:11.5px;font-weight:700;color:#111;line-height:1.7}
#hsa-po .file{margin-top:6px;padding:18px 12px;border:1.5px dashed #111;border-radius:11px;text-align:center;font-size:12.5px;font-weight:800;cursor:pointer;background:#fff}
#hsa-po .file.has{border-style:solid;background:#111;color:#fff}
#hsa-po .file img{max-width:100%;max-height:150px;border-radius:8px;display:block;margin:0 auto 6px}
#hsa-po .go{width:100%;margin-top:12px;padding:14px;border:1.5px solid #111;border-radius:12px;background:#111;color:#fff;font-size:14px;font-weight:900;cursor:pointer;font-family:inherit}
#hsa-po .go:disabled{background:#fff;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}
#hsa-po .x{width:100%;margin-top:8px;padding:11px;border:1.5px solid #111;border-radius:12px;background:#fff;color:#111;font-size:12.5px;font-weight:900;cursor:pointer;font-family:inherit}
#hsa-po .st{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:900;border:1.5px solid #111;background:#fff;color:#111}
#hsa-po .st.ok{background:#111;color:#fff}
#hsa-po .code{margin:8px 0;padding:12px;border:2px solid #111;border-radius:12px;text-align:center}
#hsa-po .code .cl{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#555}
#hsa-po .code .cv{font-family:ui-monospace,Menlo,monospace;font-size:20px;font-weight:900;letter-spacing:1px;margin-top:3px}
#hsa-po .steps{display:flex;gap:6px;margin:10px 0 4px}
#hsa-po .steps i{flex:1;height:5px;border-radius:3px;background:#e5e7eb;font-style:normal}
#hsa-po .steps i.on{background:#111}
#hsa-po .demo{margin:0 0 8px;padding:7px 10px;border-radius:9px;background:#111;color:#fff;font-size:11px;font-weight:800;text-align:center}
/* ② UI 2 — dark full page (admin demo) */
#hsa-po.ui2{align-items:stretch}
#hsa-po.ui2 .bx{max-width:none;max-height:none;border-radius:0;background:#0f1117;color:#f1f3f4;padding-top:calc(14px + env(safe-area-inset-top,0px))}
#hsa-po.ui2 .gr{display:none}
#hsa-po.ui2 h4,#hsa-po.ui2 .it .n,#hsa-po.ui2 .r b,#hsa-po.ui2 .lbl,#hsa-po.ui2 .acct .no,#hsa-po.ui2 .code .cv{color:#fff}
#hsa-po.ui2 .sub,#hsa-po.ui2 .it .s,#hsa-po.ui2 .r,#hsa-po.ui2 .acct .nm,#hsa-po.ui2 .code .cl{color:#a7adba}
#hsa-po.ui2 .it,#hsa-po.ui2 .rows,#hsa-po.ui2 .acct,#hsa-po.ui2 .code{border-color:rgba(255,255,255,.22);background:#171a23}
#hsa-po.ui2 .r{border-bottom-color:rgba(255,255,255,.08)}
#hsa-po.ui2 .r.big{background:#9fd18b}
#hsa-po.ui2 .r.big span,#hsa-po.ui2 .r.big b{color:#0b1408}
#hsa-po.ui2 .pay{background:#171a23;border-color:rgba(255,255,255,.22);color:#f1f3f4}
#hsa-po.ui2 .pay.on{background:#9fd18b;border-color:#9fd18b;color:#0b1408}
#hsa-po.ui2 .acct .cp,#hsa-po.ui2 .go{background:#9fd18b;color:#0b1408;border-color:#9fd18b}
#hsa-po.ui2 .go:disabled{background:#171a23;color:#6b7280;border-color:rgba(255,255,255,.15)}
#hsa-po.ui2 .x{background:#171a23;color:#fff;border-color:rgba(255,255,255,.25)}
#hsa-po.ui2 .note{background:#171a23;border-color:rgba(255,255,255,.15);color:#d1d5db}
#hsa-po.ui2 .file{border-color:rgba(255,255,255,.35);background:#171a23;color:#fff}
#hsa-po.ui2 .file.has{background:#9fd18b;color:#0b1408;border-color:#9fd18b}
#hsa-po.ui2 .st{border-color:#9fd18b;color:#9fd18b;background:transparent}
#hsa-po.ui2 .st.ok{background:#9fd18b;color:#0b1408}
#hsa-po.ui2 .steps i{background:rgba(255,255,255,.12)}
#hsa-po.ui2 .steps i.on{background:#9fd18b}
#hsa-po.ui2 .demo{background:#9fd18b;color:#0b1408}
/* low-balance modal ထဲ ခလုတ် */
#hsa-lowbal-po{margin-top:10px;padding:12px;border-radius:12px;cursor:pointer;background:#fff;color:#111;font-size:13.5px;font-weight:900;border:1.5px solid #fff}
/* home "ဝယ်ရန် ကျန်" card */
#hsa-po-home{margin:0 0 14px;border:1.5px solid #111;border-radius:14px;background:#fff;color:#111;overflow:hidden}
#hsa-po-home .h{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#111;color:#fff;font-size:11.5px;font-weight:900;letter-spacing:.4px}
#hsa-po-home .h i{font-style:normal;margin-left:auto;font-weight:800;opacity:.8}
#hsa-po-home .ln{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #e5e7eb;cursor:pointer;font-size:12.5px}
#hsa-po-home .ln:last-child{border-bottom:0}
#hsa-po-home .ln span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}
#hsa-po-home .ln em{font-style:normal;font-weight:900}
#hsa-po-home .ln b{font-size:10.5px;font-weight:900;border:1.5px solid #111;border-radius:20px;padding:2px 8px}
#hsa-po-home .ln b.ok{background:#111;color:#fff}

/* ==== style hsa-dlbots-css ==== */

/* Download Bot list (More → Download Bot · owner 2026-10-04) */
#hsadlb{position:fixed;inset:0;z-index:2147483150;display:none;background:rgba(0,0,0,.35);align-items:flex-end;justify-content:center}
#hsadlb.on{display:flex}
#hsadlb .sh{width:100%;max-width:480px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);color:#fff;border-radius:22px 22px 0 0;border:1px solid rgba(255,255,255,.28);border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);padding:14px 14px calc(16px + env(safe-area-inset-bottom,0px))}
#hsadlb .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#hsadlb .hd b{font-size:15px;font-weight:900}
#hsadlb .hd .x{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}
#hsadlb .r{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);margin-top:8px}
#hsadlb .r .ic{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;flex:none}
#hsadlb .r .tx{flex:1;min-width:0}
#hsadlb .r .tx .n{font-size:13.5px;font-weight:800}
#hsadlb .r .tx .u{font-size:12px;color:rgba(255,255,255,.65);margin-top:2px}
#hsadlb .r .bt{flex:none;border:0;border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:900;font-family:inherit;cursor:pointer;background:rgba(255,255,255,.9);color:#0c0d12}
#hsadlb .r .bt.cp{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff}

/* ==== style hsa-dbuy-css ==== */

/* 🛒 buy sheet — [နောက်မှဝယ်] [Wallet နဲ့ ဝယ်] [တန်းဝယ် ?] (owner 2026-10-04) */
#hsa-dbuy{padding:8px 10px;font-size:11.5px;border-radius:12px;font-weight:900;background:#fff;color:#0c0d12;border:0;min-width:auto;margin-left:6px;cursor:pointer;white-space:nowrap}
#hsa-dbuy-q{width:19px;height:19px;border-radius:50%;margin-left:4px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer}
#hsa-schbtn{padding:8px 9px !important;margin-right:6px !important;font-size:11px !important}
.btn-buy-now[data-dbuy="1"]{padding:8px 12px !important;min-width:auto !important}
#selected-price{white-space:nowrap}
#hsa-dbuy-help{position:fixed;inset:0;z-index:2147483645;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6)}
#hsa-dbuy-help.on{display:flex}
#hsa-dbuy-help .bx{width:100%;max-width:480px;background:#14161c;color:#eef2f7;border-radius:18px 18px 0 0;border:1px solid rgba(255,255,255,.14);border-bottom:0;padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px))}
#hsa-dbuy-help h4{margin:0 0 10px;font-size:15px}
#hsa-dbuy-help .r{display:flex;gap:10px;padding:10px;border-radius:12px;background:#1c1f27;border:1px solid rgba(255,255,255,.08);margin-top:8px;font-size:12.5px;line-height:1.7}
#hsa-dbuy-help .r b.t{display:inline-block;flex:none;min-width:86px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.12);text-align:center;font-size:11.5px;height:fit-content}
#hsa-dbuy-help .ok{margin-top:12px;width:100%;padding:12px;border-radius:12px;border:0;background:#fff;color:#0c0d12;font-weight:900;font-size:13.5px;font-family:inherit}

/* ==== style hsa-mlvid-css ==== */

.id-card.hsa-mlv{position:relative !important;overflow:hidden !important;isolation:isolate}
.id-card.hsa-mlv > #hsa-mlv-w{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:0 !important;pointer-events:none;overflow:hidden;border-radius:inherit;-webkit-transform:translateZ(0);transform:translateZ(0)}
#hsa-mlv-w video{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;display:block}
#hsa-mlv-w i{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.55))}
/* iOS — video layer က အပေါ်ကို မတက်အောင် ကျန် child တွေကို compositing layer ပေး */
.id-card.hsa-mlv > *:not(#hsa-mlv-w):not(#hsa-mlv-c){position:relative;z-index:5;-webkit-transform:translateZ(0);transform:translateZ(0)}
#hsa-mlv-c{position:absolute !important;right:10px;bottom:8px;z-index:7 !important;display:flex;gap:6px;-webkit-transform:translateZ(0);transform:translateZ(0)}
#hsa-mlv-c button{display:inline-flex;align-items:center;gap:4px;height:28px;min-width:28px;padding:0 9px;border-radius:14px;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:900;font-family:inherit;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
#hsa-mlv-c button i{font-size:12px}
#hsa-mlv-c .nx{padding:0;width:28px;justify-content:center}
#hsa-mlv-c .lk.on{color:#ff5c8a;border-color:rgba(255,92,138,.6);background:rgba(255,92,138,.18)}
#hsa-mlv-c .au.on{background:rgba(255,255,255,.88);color:#0c0d12;border-color:#fff}
#hsa-mlv-tip{position:absolute !important;right:10px;bottom:42px;z-index:8 !important;padding:6px 10px;border-radius:10px;background:rgba(10,12,20,.78);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:11.5px;font-weight:800;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}
#hsa-mlv-tip.on{opacity:1;transform:none}
/* ✓ IGN — ဘယ်ဘက် · ကွက် မပါ · စာ သေး · အဖြူ + အပြာ glow (owner 2026-10-04) */
.id-card.hsa-mlv #ign-display:not(:empty){display:block !important;width:auto;max-width:calc(100% - 170px);margin:8px 0 0 !important;padding:0 !important;text-align:left !important;background:none !important;border:0 !important;box-shadow:none !important;font-size:12.5px !important;line-height:1.35 !important;min-height:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.id-card.hsa-mlv #ign-display, .id-card.hsa-mlv #ign-display *{color:#fff !important;font-size:12.5px !important;font-weight:800 !important;text-shadow:0 0 6px rgba(127,211,255,.9),0 1px 2px rgba(0,0,0,.85) !important}
#hsa-ign-2x{display:flex;gap:7px;align-items:center;max-width:calc(100% - 158px);margin-top:4px;position:relative;z-index:5;white-space:nowrap;overflow:hidden}
#hsa-ign-2x .c{display:inline-flex;align-items:center;gap:2px;font-size:10.5px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);flex:none}
#hsa-ign-2x .c i{font-style:normal;font-size:11px;font-weight:900;color:#4dff88;text-shadow:0 0 6px rgba(77,255,136,.7)}
#hsa-ign-2x:empty, #ign-display:empty + #hsa-ign-2x{display:none !important}
.id-card.hsa-mlv #ign-display > div{justify-content:flex-start !important;gap:5px !important}
.id-card.hsa-mlv #ign-display > div > div:first-child{width:18px !important;height:18px !important;margin-left:-3px !important;flex:none}
/* hsa-mlv-pad — website card အောက်ခြေ နေရာ မရှိလို့ ခလုတ်တွေ VERIFY တန်းနဲ့ ထပ်နေ (owner 2026-10-04) */
.id-card.hsa-mlv{padding-bottom:46px !important}

/* ==== style hsa-recentview-css ==== */

/* 👁 Recent views (website) — item/gift card ထောက်ထားတာ wallet page မှာ သေးသေး ပြ (owner 2026-09-17) */
#hsa-rv-wallet{width:100%;max-width:520px;margin:10px auto 0;text-align:left;padding:0 4px;box-sizing:border-box}
#hsa-rv-wallet .h{font-size:9.5px;font-weight:900;letter-spacing:.9px;color:#9aa7b8;margin:0 0 5px 2px}
#hsa-rv-wallet .row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
#hsa-rv-wallet .row::-webkit-scrollbar{display:none}
#hsa-rv-wallet .c{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);cursor:pointer;max-width:170px}
#hsa-rv-wallet .c img{width:22px;height:22px;border-radius:6px;object-fit:cover;background:#1b2230;flex:none}
#hsa-rv-wallet .c span{font-size:10.5px;font-weight:800;color:#f1f3f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-rv-wallet .c em{font-style:normal;font-size:10.5px;font-weight:900;color:#9fd18b;white-space:nowrap}
#hsa-rv-note,#hsa-rv-note-gc{display:flex;gap:7px;align-items:flex-start;margin:6px 0 8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.22);font-size:11px;font-weight:700;color:#c9d2e0;line-height:1.6}
#hsa-rv-note i,#hsa-rv-note-gc i{color:#9fd18b;margin-top:2px}

/* ==== style hsa-tabsw-css ==== */

/* 🗂 Tab switcher v5 (Safari ပုံစံ · owner 2026-09-18) — nav ပြင်ပ floating round Tabs button · ဘေး panel = wallet page အစစ် + အောက် floating glass tab bar (game tab · How it works) · admin ပဲ */
#tsw-nav svg{width:22px;height:22px;display:block;margin:0 auto 2px}
html body .bottom-nav.game-mode .nav-side:first-child{display:flex!important;gap:14px!important;align-items:center!important}
html body .bottom-nav.game-mode .nav-side:last-child{display:flex!important;width:auto!important;gap:14px!important;align-items:center!important}
html body .bottom-nav.game-mode .nav-side:last-child .nav-item:not(#tsw-nav){display:none!important}
html body .bottom-nav.game-mode #tsw-nav{display:flex!important;align-items:center!important;justify-content:center!important}
html body .bottom-nav.game-mode #tsw-nav svg{width:22px;height:22px;margin:0;color:#aaa}
html body .bottom-nav.game-mode #tsw-nav.active svg{color:#fff}
#hsatsw{display:none;position:fixed;inset:0;z-index:2147483200;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef2ff}
#hsatsw.show{display:block}
#hsatsw .tsw-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
#hsatsw .tsw-pan{position:absolute;top:0;right:0;bottom:0;left:44px;background:#0e1218;border-left:1px solid rgba(255,255,255,.14);box-shadow:-12px 0 40px rgba(0,0,0,.6);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
#hsatsw.show .tsw-pan{transform:translateX(0)}
#hsatsw .tsw-host{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}
#hsatsw #page-wallet{position:relative!important;inset:auto!important;transform:none!important;transition:none!important;height:100%!important;width:100%!important;z-index:1!important;display:block!important;flex:1;min-height:0}
#hsatsw #page-wallet.show{transform:none!important}
#hsatsw #page-wallet > div{padding:76px 6px 40px 6px!important}
#hsatsw #wallet-view{display:block!important;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:76px 8px 40px;animation:none!important}
/* 🧊 floating glass tab bar (Safari) */
#hsatsw .tsw-btabs{position:absolute;left:10px;right:10px;top:calc(10px + env(safe-area-inset-top,0px));z-index:100001;display:flex;align-items:center;gap:6px;padding:8px;border-radius:18px;background:rgba(22,26,36,.62);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#hsatsw .tsw-btabs::-webkit-scrollbar{display:none}
#hsatsw .tab{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:7px 8px 7px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);font-size:12px;font-weight:800;cursor:pointer;max-width:180px;-webkit-tap-highlight-color:transparent;color:#eef2ff}
#hsatsw .tab.on{background:rgba(159,209,139,.18);border-color:rgba(159,209,139,.6);color:#c9f0b4}
#hsatsw .tab .lg{width:24px;height:24px;border-radius:7px;object-fit:cover;background:#1c2230;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:11px;color:#9aa3b8;overflow:hidden}
#hsatsw .tab .lg img{width:100%;height:100%;object-fit:cover;display:block}
#hsatsw .tab .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
#hsatsw .tab .x{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#9aa3b8;background:rgba(255,255,255,.08);flex:0 0 auto}
#hsatsw .tab .x:active{background:rgba(255,120,120,.3);color:#fff}
#hsatsw .tab.how{background:rgba(159,209,139,.12);border-color:rgba(159,209,139,.45);color:#c9f0b4}
#hsatsw .tab.how.on{background:#9fd18b;color:#0b1a16;border-color:#9fd18b}
#hsatsw .tab.how .lg{background:rgba(159,209,139,.25);color:#c9f0b4}#hsatsw .tab.how.on .lg{background:rgba(0,0,0,.15);color:#0b1a16}
/* 📖 How it works — ပုံ + စာ */
#hsatsw .tsw-how{display:none;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:78px 12px 40px}
#hsatsw .tsw-how.show{display:block}
#hsatsw .tsw-how h3{margin:4px 0 12px;font-size:15px;font-weight:900}
#hsatsw .tsw-how h3 small{display:block;font-size:11.5px;color:#9aa3b8;font-weight:600;margin-top:3px}
#hsatsw .st{border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);padding:10px;margin-bottom:12px}
#hsatsw .st .n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#9fd18b;color:#0b1a16;font-size:11.5px;font-weight:900;margin-right:8px;vertical-align:middle}
#hsatsw .st .tt{font-size:13px;font-weight:800;line-height:1.5;display:flex;align-items:flex-start;gap:0;margin-bottom:8px}
#hsatsw .st .tt > span:last-child{flex:1}#hsatsw .st .tt .n{flex:0 0 22px}
#hsatsw .st img{width:100%;display:block;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0b0f16}
#hsatsw .st .sub{font-size:11.5px;color:#9aa3b8;margin-top:6px;line-height:1.5}
#hsatsw .tsw-toast{position:absolute;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#111;color:#fff;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.3);display:none;max-width:90%;z-index:100002}
#hsatsw .tsw-toast.show{display:block}

/* ==== style hsa-tabsw-fav-css ==== */

#tsw-btabs .tab .fv{margin-left:2px;padding:4px 6px;border-radius:8px;font-size:12px;color:rgba(255,255,255,.42);cursor:pointer;display:inline-flex;align-items:center;border:1px solid transparent}
#tsw-btabs .tab .fv.on{color:#fff;background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 0 6px rgba(255,255,255,.55)}
#tsw-btabs .tab .fv:active{transform:scale(.85)}

/* ==== style hsa-gcard-css ==== */

/* 🎴 Gift card item — gift card အစစ် ပုံစံ + အဖြူအမည်း အကွက်လေးတွေ (owner 2026-09-21) */
/* 🌍 region အမည် label — mini app ရဲ့ "United States" ပုံစံ (owner 2026-09-21) */
html body #gc-checkout-view #hsa-gcregion{display:inline-block;margin:2px 0 10px 12px;padding:7px 16px;
  border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(125,205,255,.48);
  color:#7fd6ff;font-size:13.5px;font-weight:900;letter-spacing:.3px}
/* card အရွယ် = mini app နဲ့ တူအောင် ဘေးကွက်လပ် ထပ်ထည့် (owner 2026-09-21) */
html body #gc-checkout-view .gc-items-grid{grid-template-columns:repeat(2,1fr) !important;gap:14px !important;
  padding-left:12px !important;padding-right:12px !important;box-sizing:border-box !important}
/* card = mini app ပုံစံ (owner 2026-09-21) — အမည်းကြီး မဟုတ်ဘဲ ဖန်သားဆန် + အပြာဖျော့ ဘောင် */
html body #gc-checkout-view #gc-items-container .gc-item{background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(125,205,255,.48) !important;border-radius:16px !important;
  padding:7px !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;overflow:hidden !important;
  min-height:0 !important;height:auto !important;color:#eef1f6 !important;gap:4px !important;
  box-shadow:0 0 0 1px rgba(125,205,255,.12), 0 6px 16px rgba(0,0,0,.45) !important}
/* ⚠️ အမည်းကွက် နောက်ခံ (#gc-pattern-bg) မပြရ — theme နောက်ခံ (mini app နဲ့ တူ) ပေါ်ရမယ် */
body.hsa-v-gc-checkout-view #gc-pattern-bg{display:none !important}
/* 🧹 gift card page ရှင်းအောင် — မလိုတာ ဖြုတ် (owner 2026-09-21) */
body.hsa-v-gc-checkout-view > header,
body.hsa-v-gc-checkout-view #hsa-footer,
body.hsa-v-gc-checkout-view #gc-region-selector,
body.hsa-v-gc-checkout-view .gcd-reviews{display:none !important}
body.hsa-v-gc-checkout-view #content-area{padding-top:10px !important}
/* 🌍 Region / Package strip — ရှင်းရှင်းလေး လှအောင် */
body.hsa-v-gc-checkout-view #gc-region-strip{background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-radius:16px !important;padding:13px 11px 8px !important;margin-top:14px !important}
body.hsa-v-gc-checkout-view #gc-region-strip span{color:#eef1f6 !important}
body.hsa-v-gc-checkout-view #gc-region-strip i{color:#9fd18b !important}
body.hsa-v-gc-checkout-view .gcp-head .t{color:#8b93a7 !important;font-size:10.5px !important;letter-spacing:1.2px !important}
body.hsa-v-gc-checkout-view .gcp-head .q{background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.14) !important;color:#cfd4e0 !important;
  border-radius:999px !important;font-size:10px !important;padding:4px 10px !important}
body.hsa-v-gc-checkout-view .gcp-tabs .gcp-tab{background:rgba(255,255,255,.08) !important;border:0 !important;color:#e6e9f2 !important;
  border-radius:10px !important;font-size:11.5px !important;font-weight:900 !important;padding:7px 14px !important;box-shadow:none !important}
body.hsa-v-gc-checkout-view .gcp-tabs .gcp-tab.on{background:#ffffff !important;color:#0f1117 !important;border:0 !important}
body.hsa-v-gc-checkout-view .gcp-head .t{background:rgba(255,255,255,.08) !important;border-radius:10px !important;padding:6px 11px !important;border:0 !important;color:#e6e9f2 !important}
body.hsa-v-gc-checkout-view .gcp-head .q{background:rgba(255,255,255,.08) !important;border:0 !important;border-radius:10px !important;padding:6px 11px !important;color:#e6e9f2 !important}
body.hsa-v-gc-checkout-view #gc-region-count{border-radius:10px !important;border:0 !important;background:rgba(255,255,255,.08) !important;padding:6px 11px !important}
body.hsa-v-gc-checkout-view #gc-region-strip > div:first-child span{background:rgba(255,255,255,.08) !important;border-radius:10px !important;padding:6px 10px !important;display:inline-block !important}
/* region tile — သေးသေး · ၃ တန်း · ညီညီ */
body.hsa-v-gc-checkout-view #gc-region-strip > div:first-child span{font-size:12px !important;color:#eef1f6 !important}
body.hsa-v-gc-checkout-view #gc-region-count{font-size:10px !important;padding:3px 9px !important;background:rgba(255,255,255,.10) !important;color:#cfd4e0 !important;border-radius:999px !important}
body.hsa-v-gc-checkout-view #gc-region-row{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px !important;overflow:visible !important;padding:0 !important}
body.hsa-v-gc-checkout-view #gc-region-row > div{flex:none !important;width:auto !important;min-width:0 !important;border-radius:12px !important;box-shadow:none !important;
  border:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.05) !important}
body.hsa-v-gc-checkout-view #gc-region-count{white-space:nowrap !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt{background:#08090c !important;border:1.5px solid rgba(255,255,255,.22) !important;border-radius:13px !important;
  overflow:hidden !important;padding:0 !important;display:flex !important;flex-direction:column !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt.cur{border-color:#ffffff !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt .rgh{display:flex !important;align-items:center !important;gap:6px !important;padding:8px 9px !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt .rgh img{width:24px !important;height:17px !important;border-radius:3px !important;object-fit:cover !important;
  box-shadow:0 1px 3px rgba(0,0,0,.5) !important;border:0 !important;flex:none !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt .rgh b{font-size:12.5px !important;font-weight:900 !important;color:#fff !important;letter-spacing:.3px !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt .rgp{margin:0 8px 7px !important;background:#c9bbf7 !important;color:#1a1430 !important;border-radius:10px !important;
  border:4px solid #c9bbf7 !important;box-shadow:inset 0 0 0 1.4px rgba(255,255,255,.9) !important;
  padding:4px 6px !important;font-size:11px !important;font-weight:900 !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt .rgs{margin:0 8px 9px !important;background:#9fd18b !important;color:#0f2a17 !important;border-radius:10px !important;
  border:3px solid #9fd18b !important;box-shadow:inset 0 0 0 1.4px rgba(255,255,255,.8) !important;
  padding:2px 5px !important;font-size:8.5px !important;font-weight:800 !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt .rgs.out{background:rgba(255,95,95,.14) !important;color:#ff7a7a !important}
body.hsa-v-gc-checkout-view #gc-region-row > div.rgt .rgcur{margin:0 8px 9px !important;background:#ffffff !important;color:#0f1117 !important;border-radius:10px !important;
  border:3px solid #ffffff !important;box-shadow:inset 0 0 0 1.4px rgba(0,0,0,.22) !important;
  padding:2px 5px !important;font-size:8.5px !important;font-weight:900 !important;text-align:center !important}
body.hsa-v-gc-checkout-view #gc-region-row > div > div:first-child img{height:54px !important}
body.hsa-v-gc-checkout-view #gc-region-row img[alt]{width:20px !important;height:14px !important;border-width:1px !important;box-shadow:none !important}
body.hsa-v-gc-checkout-view #gc-region-row > div > div:last-child{padding:6px 7px 7px !important;text-align:center !important}
body.hsa-v-gc-checkout-view #gc-region-row > div > div:last-child div{font-size:10.5px !important;line-height:1.35 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
body.hsa-v-gc-checkout-view #gc-region-row > div > div:last-child{min-height:38px !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
body.hsa-v-gc-checkout-view #gc-region-row > div > div:last-child div + div{font-size:9px !important;margin-top:1px !important}
body.hsa-v-gc-checkout-view #gc-region-row > div > div:first-child > div:last-child{font-size:8px !important;padding:2px 5px !important}
html body #gc-checkout-view .gcp-headXX,html body #gc-checkout-view .gcp-tabsXX,
html body #gc-checkout-view #gc-items-container .gc-item .gcc-head,
html body #gc-checkout-view #gc-items-container .gc-item .atk-ticker,
html body #gc-checkout-view #gc-items-container .gc-item > div:not([class]){display:none !important}
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-title i,
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-title img,
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-title svg{display:none !important}
/* gift card art */
html body #gc-checkout-view #gc-items-container .gc-item .gca{flex:0 0 auto;width:100%;border-radius:12px;background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column;
  aspect-ratio:320/235;box-shadow:0 4px 10px rgba(0,0,0,.42);margin:0 0 1px}
html body #gc-checkout-view #gc-items-container .gc-item .gca .hole{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:26px;height:5px;border-radius:5px;background:#e6e8ec}
html body #gc-checkout-view #gc-items-container .gc-item .gca .top{flex:0 0 50%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 7px 0;gap:1px}
html body #gc-checkout-view #gc-items-container .gc-item .gca .top .bn{font-size:8px;font-weight:800;color:#8b90a0;letter-spacing:.2px;text-align:center;line-height:1.2;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #gc-checkout-view #gc-items-container .gc-item .gca .top .vv{font-size:19px;font-weight:900;color:#111;letter-spacing:-.6px;line-height:1.05;text-align:center}
html body #gc-checkout-view #gc-items-container .gc-item .gca .top .vv.sm{font-size:10.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body #gc-checkout-view #gc-items-container .gc-item .gca.lng{aspect-ratio:auto !important;height:auto !important}
html body #gc-checkout-view #gc-items-container .gc-item .gca.lng .top{flex:0 0 auto !important;height:auto !important;padding:13px 24px 5px !important}
html body #gc-checkout-view #gc-items-container .gc-item .gca.lng .top .vv.sm{display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;font-size:10.5px;line-height:1.3;word-break:break-word}
html body #gc-checkout-view #gc-items-container .gc-item .gca.lng .band{flex:0 0 auto !important;height:58px !important}
html body #gc-checkout-view #gc-items-container .gc-item .gca .fast{text-align:center;font-size:5.5px;letter-spacing:.8px;color:#7a8090;font-weight:800;padding-bottom:4px}
html body #gc-checkout-view #gc-items-container .gc-item .gca .band{flex:1 1 0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#14161a}
html body #gc-checkout-view #gc-items-container .gc-item .gca .band img{max-width:62%;max-height:84%;width:auto;height:auto;object-fit:contain}
/* အောက်က အကွက်လေးတွေ — အဖြူအမည်း · in stock ပဲ အစိမ်း */
html body #gc-checkout-view #gc-items-container .gc-item .gcc-stat,
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-title,
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-price,
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-stock{
  position:static !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:6px !important;
  width:100% !important;max-width:none !important;box-sizing:border-box !important;margin:0 !important;
  background:#ffffff !important;border:3px solid #ffffff !important;border-radius:10px !important;
  box-shadow:inset 0 0 0 1.4px rgba(0,0,0,.22) !important;
  padding:3px 12px !important;font-size:10.5px !important;font-weight:900 !important;color:#0f1117 !important;text-align:left !important;min-width:0 !important;text-overflow:ellipsis !important;
  box-shadow:none !important;letter-spacing:.2px !important;order:0 !important;overflow:hidden !important;white-space:nowrap !important}
html body #gc-checkout-view #gc-items-container .gc-item .gcc-stat{order:1 !important;font-size:9.5px !important;padding:2px 12px !important}
/* ⚠️ amount အကွက် မပြတော့ — gift card ပုံပေါ်မှာ $N ပါပြီးသား (owner 2026-09-21) */
/* 💵 ပမာဏ — ဈေးအပေါ်မှာ ပြန်ပြ (owner 2026-09-21 "5usd တိုင်း ပြန်ထည့်") */
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-title{display:block !important;
  order:-1;width:100%;box-sizing:border-box;margin:0 0 5px;padding:2px 12px;border-radius:9px;
  background:#fff;color:#111;font-size:10.5px;font-weight:900;text-align:center;
  box-shadow:inset 0 0 0 1.4px rgba(0,0,0,.20)}
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-price{order:3 !important;color:#1a1430 !important;font-size:11.5px !important;
  background:#c9bbf7 !important;border:3px solid #c9bbf7 !important;box-shadow:inset 0 0 0 1.4px rgba(255,255,255,.9) !important}
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-stock{order:4 !important;color:#0f2a17 !important;border-color:#9fd18b !important;
  background:#9fd18b !important;font-size:9.5px !important;justify-content:center !important;padding:2px 12px !important;
  border:3px solid #9fd18b !important;box-shadow:inset 0 0 0 1.4px rgba(255,255,255,.8) !important}
html body #gc-checkout-view #gc-items-container .gc-item .gcc-stat *{background:none !important;border:0 !important;box-shadow:none !important;color:#0f1117 !important;opacity:1 !important;-webkit-text-fill-color:#0f1117 !important}
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-title *,
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-price *,
html body #gc-checkout-view #gc-items-container .gc-item .gc-item-stock *{color:#0f1117 !important;-webkit-text-fill-color:#0f1117 !important;background:none !important}

/* ==== style hsa-bsfire-css ==== */

/* 🔥 Best Seller — glass အကွက် + အရောင်မပါတဲ့ မီးတောက် (owner 2026-09-21)
   ⚠️ emoji / GIF ဖိုင် မသုံး — SVG ၃ ထပ်ကို အမြန်နှုန်း ၃ မျိုးနဲ့ လှုပ် (transform/opacity ပဲ · layout မထိ)
   ⚠️ ဘယ်ဘက်ထောင့်မှာ ထား — ညာဘက်မှာ note icon (.gc-note-icon) ရှိလို့ ဖုံးသွားတယ် (owner ပြောပြီး)
   ⚠️ backdrop-filter မသုံး (iOS ဖုန်းပူ) — translucent + border နဲ့ပဲ glass ဖြစ်အောင် */
#gc-cat-view .gc-big-cat{position:relative !important;overflow:visible !important}
.game-grid .game-card{position:relative}
.game-grid .game-card .game-img-box{position:relative}
/* 🔥 pill = ညာဘက်အပေါ် · NEW/HOT (.gc-new) အောက် · note icon နဲ့ မထိစေရ (owner 2026-09-21) */
.game-grid .game-card[data-bsf="1"] .game-img-box .bstag{left:auto;right:5px;top:5px;bottom:auto}
.game-grid .game-card[data-bsf="1"].hsa-hasnew .game-img-box .bstag{top:28px}
.game-grid .game-card[data-bsf="1"] .gc-note-icon{top:30px !important}
.game-grid .game-card[data-bsf="1"].hsa-hasnew .gc-note-icon{top:52px !important}
.bstag{position:absolute;top:6px;left:6px;z-index:7;display:inline-flex;align-items:center;gap:4px;
  background:rgba(12,14,19,.55);color:#fff;border:1px solid rgba(255,255,255,.38);border-radius:999px;
  padding:2px 9px 2px 5px;font-size:8.5px;font-weight:900;letter-spacing:.3px;white-space:nowrap;line-height:1.55;
  box-shadow:0 2px 7px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.22)}
.bsf{flex:none;width:11px;height:14px;display:block;filter:drop-shadow(0 0 2px rgba(255,255,255,.55))}
.bsf svg{display:block;width:100%;height:100%;overflow:visible}
.bsf .f1{fill:rgba(255,255,255,.42);transform-origin:50% 100%;animation:bsF1 .95s ease-in-out infinite}
.bsf .f2{fill:rgba(255,255,255,.72);transform-origin:50% 100%;animation:bsF2 .63s ease-in-out infinite}
.bsf .f3{fill:#ffffff;transform-origin:50% 100%;animation:bsF3 .41s ease-in-out infinite}
@keyframes bsF1{0%,100%{transform:scale(1,1) translateX(0)}22%{transform:scale(.88,1.18) translateX(.4px)}
  48%{transform:scale(1.1,.9) translateX(-.5px)}72%{transform:scale(.94,1.1) translateX(.3px)}}
@keyframes bsF2{0%,100%{transform:scale(1,1) translateX(0);opacity:.95}
  30%{transform:scale(.8,1.3) translateX(-.5px);opacity:1}62%{transform:scale(1.15,.84) translateX(.6px);opacity:.82}}
@keyframes bsF3{0%,100%{transform:scale(1,1);opacity:.75}40%{transform:scale(.7,1.4);opacity:1}75%{transform:scale(1.2,.8);opacity:.6}}
/* checkout page ခေါင်းစဉ်အောက် badge row — pill အကြီး (absolute မဟုတ်) */
.gc-badges .bstag{position:static;font-size:10.5px;padding:4px 12px 4px 8px;gap:5px}
.gc-badges .bstag .bsf{width:13px;height:16px}
/* ⚠️ hsa-gc-bw-css က `#gc-cat-view` (ID 4 ထပ်) နဲ့ animation/filter/box-shadow အကုန် ပိတ်ထားလို့
   ဒီမှာ ID 5 ထပ်နဲ့ ပြန်ဖွင့်ရတယ် — Best Seller မီးတောက် ဒီ page မှာ မလှုပ်ရင် ဒါ ပြန်စစ် */
#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .bstag{box-shadow:0 2px 7px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.22) !important}
#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .bsf{filter:drop-shadow(0 0 2px rgba(255,255,255,.55)) !important}
#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .bsf .f1{animation:bsF1 .95s ease-in-out infinite !important;animation-delay:var(--bsd,0s) !important}
#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .bsf .f2{animation:bsF2 .63s ease-in-out infinite !important;animation-delay:var(--bsd,0s) !important}
#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view#gc-cat-view .bsf .f3{animation:bsF3 .41s ease-in-out infinite !important;animation-delay:var(--bsd,0s) !important}
@media (prefers-reduced-motion:reduce){.bsf .f1,.bsf .f2,.bsf .f3{animation:none !important}}

/* ==== style hsa-pkst-css ==== */

/* 🚦 Pack အခြေအနေ sheet (owner 2026-09-21) — user အားလုံး မြင်ရ · admin ဆို အသေးစိတ် */
#hsapkst{position:fixed;inset:0;z-index:2147483200;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.62)}
#hsapkst.on{display:flex}
#hsapkst .bx{width:100%;max-width:460px;background:#12151c;border:1px solid rgba(255,255,255,.22);
  border-radius:18px 18px 0 0;padding:16px 15px calc(18px + env(safe-area-inset-bottom));max-height:82vh;overflow:auto;color:#eef1f6}
#hsapkst .g{width:42px;height:4px;border-radius:3px;background:rgba(255,255,255,.28);margin:0 auto 12px}
#hsapkst h4{margin:0 0 10px;font-size:15px;font-weight:900}
#hsapkst .big{display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
#hsapkst .dot{width:11px;height:11px;border-radius:50%;flex:none}
#hsapkst .dot.ok{background:#9fd18b}#hsapkst .dot.slow{background:#ffc46b}#hsapkst .dot.issue{background:#ff7a7a}#hsapkst .dot.unknown{background:#8b93a7}
#hsapkst .big b{font-size:13.5px;font-weight:900}
#hsapkst .big p{margin:2px 0 0;font-size:11.5px;line-height:1.6;color:#c2c8d4}
#hsapkst .sum{display:flex;gap:8px;margin-top:10px}
#hsapkst .sum div{flex:1;text-align:center;padding:9px 4px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
#hsapkst .sum span{display:block;font-size:16px;font-weight:900;line-height:1.2}
#hsapkst .sum small{font-size:9.5px;color:#9aa3b4;letter-spacing:.3px}
#hsapkst table{width:100%;border-collapse:collapse;margin-top:12px;font-size:11.5px}
#hsapkst th{text-align:left;font-size:9.5px;color:#8b93a7;letter-spacing:.6px;padding:5px 6px;font-weight:900}
#hsapkst td{padding:6px;border-top:1px solid rgba(255,255,255,.08);font-weight:800}
#hsapkst .st-operational{color:#9fd18b}#hsapkst .st-degraded{color:#ffc46b}#hsapkst .st-down{color:#ff7a7a}#hsapkst .st-idle{color:#8b93a7}
#hsapkst .ok-btn{margin-top:14px;text-align:center;padding:11px;border-radius:11px;background:#fff;color:#111;font-weight:900;font-size:13px;cursor:pointer}
#hsapkst .tm{margin-top:9px;font-size:10px;color:#8b93a7;text-align:center}
/* 📰 Sancay catalog သတင်း — admin ပဲ (owner 2026-09-21) */
#hsapkst .nwt{margin-top:15px;font-size:9.5px;color:#8b93a7;letter-spacing:.6px;font-weight:900}
#hsapkst .nw{display:flex;gap:7px;align-items:flex-start;font-size:11px;font-weight:800;color:#d5dbe6;
  padding:6px 0;border-top:1px solid rgba(255,255,255,.08);line-height:1.45}
#hsapkst .nw b{flex:none;font-size:9px;font-weight:900;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.08)}
#hsapkst .nw b.rm{color:#ff7a7a;background:rgba(255,122,122,.13)}
#hsapkst .nw b.ad{color:#9fd18b;background:rgba(159,209,139,.13)}
#hsapkst .nw span{color:#8b93a7;font-weight:700}
.pkchip{display:inline-flex;align-items:center;gap:4px;margin-top:3px;padding:1px 7px;border-radius:999px;
  font-size:9px;font-weight:900;letter-spacing:.2px;line-height:1.55;white-space:nowrap;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#c7cede}
.pkchip i{width:6px;height:6px;border-radius:50%;flex:none;display:block;font-style:normal}
.pkchip.ok{color:#9fd18b;border-color:rgba(159,209,139,.45)}.pkchip.ok i{background:#9fd18b}
.pkchip.slow{color:#ffc46b;border-color:rgba(255,196,107,.45)}.pkchip.slow i{background:#ffc46b}
.pkchip.down{color:#ff7a7a;border-color:rgba(255,122,122,.5)}.pkchip.down i{background:#ff7a7a}
.pkchip.idle{color:#8b93a7}.pkchip.idle i{background:#8b93a7}
/* 📶 pack card ရဲ့ အောက်ဆုံး bar — card အကျယ် အပြည့် · card တိုင်း အရွယ်တူ (owner 2026-09-21) */
.mlp-c > .pkchip,.bsp-c > .pkchip{flex:0 0 100%;box-sizing:border-box;justify-content:center;margin:5px 0 0;padding:2px 6px;
  border-radius:8px;font-size:9px;line-height:1.45;gap:4px;background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.14)}
.mlp-c > .pkchip i,.bsp-c > .pkchip i{width:5px;height:5px}
/* 🎁 gift card pack tab — pill ထဲ inline chip (owner 2026-09-21) */
.gcp-tab > .pkchip,#gc-region-strip .gcp-tab > .pkchip{margin:0;padding:0;border:0;background:none;
  font-size:9px;gap:3px;opacity:1 !important;order:3;align-self:flex-start}
.gcp-tab > .pkchip i{width:5px;height:5px}
/* ⚠️ gift card page က "#gc-region-strip span{color:… !important}" ကို ကျော်ဖို့ id ပါတဲ့ selector လိုတယ် */
#gc-region-strip .gcp-tab > .pkchip.ok,.gcp-tab > .pkchip.ok{color:#9fd18b !important}
#gc-region-strip .gcp-tab > .pkchip.slow,.gcp-tab > .pkchip.slow{color:#ffc46b !important}
#gc-region-strip .gcp-tab > .pkchip.down,.gcp-tab > .pkchip.down{color:#ff7a7a !important}
#gc-region-strip .gcp-tab > .pkchip.idle,.gcp-tab > .pkchip.idle{color:#8b93a7 !important}
#gc-region-strip .gcp-tab.on > .pkchip.ok,.gcp-tab.on > .pkchip.ok{color:#2c7a2c !important}
#gc-region-strip .gcp-tab.on > .pkchip.slow,.gcp-tab.on > .pkchip.slow{color:#a76a00 !important}
#gc-region-strip .gcp-tab.on > .pkchip.down,.gcp-tab.on > .pkchip.down{color:#c22 !important}
#gc-region-strip .gcp-tab.on > .pkchip.idle,.gcp-tab.on > .pkchip.idle{color:#666 !important}
.mlp-c > .pkchip.ok,.bsp-c > .pkchip.ok{background:rgba(159,209,139,.13);border-color:rgba(159,209,139,.3)}
.mlp-c > .pkchip.slow,.bsp-c > .pkchip.slow{background:rgba(255,196,107,.13);border-color:rgba(255,196,107,.3)}
.mlp-c > .pkchip.down,.bsp-c > .pkchip.down{background:rgba(255,122,122,.14);border-color:rgba(255,122,122,.34)}


/* ==== style hsa-stknoti-css ==== */

/* 🔔 out of stock ဖြစ်မှ ပေါ် · Sold အပေါ်မှာ · အနီ (owner 2026-09-21) */
.stk-bell{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;box-sizing:border-box;
  margin:0 0 5px;padding:5px 8px;border-radius:9px;background:#e03131;
  border:1px solid #e03131;color:#fff;font-size:10.5px;font-weight:900;
  letter-spacing:.2px;cursor:pointer;white-space:nowrap;line-height:1.5}
.stk-bell i{font-size:11px;display:inline-block;transform-origin:50% 12%}
/* 🔔 Lottie box — ၆ ခါ လှုပ်ပြီး ရပ်မယ် (owner ပေးတဲ့ bell_lottie.json) */
.stk-bell .stk-lot{width:15px;height:15px;flex:none;display:inline-flex;align-items:center;justify-content:center}
/* 🔔 ဘဲ အဖြူ — Lottie ရဲ့ မူရင်းအရောင်ကို ဖြူအောင် (owner 2026-09-21)
   ⚠️ container မှာ ထားမှ ရ (svg ပေါ်မှာ ထားရင် global perf CSS က filter ဖြုတ်တယ်) */
.stk-bell .stk-lot{filter:brightness(0) invert(1) !important;-webkit-filter:brightness(0) invert(1)}
.stk-bell .stk-lot svg{width:100%;height:100%;display:block}
.stk-bell .stk-lot i{color:#fff}
/* Lottie မရရင် fallback — ၆ ခါပဲ လှုပ် · အဆုံးမရှိ animation မထားရ (ဖုန်းပူတယ် · CLAUDE.md) */
.stk-bell .stk-lot:empty::before{content:"\f0f3";font-family:"Font Awesome 5 Free";font-weight:900;
  font-size:11px;color:#fff;display:inline-block;transform-origin:50% 12%;animation:stkring .55s ease-in-out 6}
@keyframes stkring{0%,100%{transform:rotate(0)}18%{transform:rotate(-17deg)}36%{transform:rotate(15deg)}
  54%{transform:rotate(-9deg)}72%{transform:rotate(6deg)}86%{transform:rotate(-3deg)}}
.stk-bell.on{background:#2f9e44;border-color:#2f9e44;color:#fff}
/* 🔔 ခေါင်းလောင်း (card ဘယ်ဘက်အပေါ်) — ကုန်/ပြန်ရောက် + ဈေးတက်/ကျ · ပိတ်မချင်း (owner 2026-09-30) */
#product-container .product-item[data-sku],#gc-items-container .gc-item[data-sku]{position:relative}
.stk-wb{position:absolute;top:16px;right:12px;left:auto;z-index:4;width:25px;height:25px;border-radius:50%;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;background:rgba(15,17,22,.78);border:1.5px solid rgba(255,255,255,.4);
  color:#fff;font-size:11px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.stk-wb.on{background:#9fd18b;border-color:#fff;color:#10240c}
html body #gc-checkout-view#gc-checkout-view#gc-checkout-view#gc-checkout-view #gc-items-container .gc-item > .stk-wb{display:flex !important;position:absolute !important}
.stk-bell.on i{animation:none}
#hsastk{position:fixed;inset:0;z-index:2147483300;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6)}
#hsastk.on{display:flex}
#hsastk .bx{width:100%;max-width:460px;background:#0f1116;border:1px solid rgba(255,255,255,.16);border-bottom:0;
  border-radius:18px 18px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));color:#eef2ff;max-height:84vh;overflow-y:auto}
#hsastk .g{width:38px;height:4px;border-radius:3px;background:rgba(255,255,255,.22);margin:0 auto 12px}
#hsastk h4{font-size:14.5px;margin:0 0 3px;font-weight:900}
#hsastk .it{font-size:12px;color:#9fd18b;font-weight:800;margin:0 0 12px}
#hsastk .st{font-size:12px;font-weight:800;padding:10px 12px;border-radius:11px;margin-bottom:10px;line-height:1.6;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
#hsastk ul{margin:0 0 12px;padding-left:18px;font-size:12px;color:#c7cede;line-height:1.85}
#hsastk ul b{color:#eef2ff}
#hsastk .go{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;padding:12px;
  border-radius:12px;background:#9fd18b;color:#10240c;font-weight:900;font-size:13px;cursor:pointer}
#hsastk .go i{font-size:13px}
#hsastk .go.off{background:rgba(255,122,122,.16);border:1px solid rgba(255,122,122,.5);color:#ff7a7a}
#hsastk .cl{margin-top:9px;text-align:center;padding:11px;border-radius:12px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);color:#eef2ff;font-weight:900;font-size:12.5px;cursor:pointer}
#hsastk .msg{font-size:11.5px;color:#ffc46b;font-weight:800;margin-top:9px;text-align:center;min-height:14px}

/* ==== style hsa-stkfeed-css ==== */

#hsastf{position:fixed;inset:0;z-index:2147482900;display:none;overflow-y:auto;
  background:#0b0d13;
  background-image:radial-gradient(900px 420px at 12% -6%, rgba(159,209,139,.13), transparent 62%),
    radial-gradient(760px 380px at 96% 6%, rgba(124,150,255,.13), transparent 60%),
    linear-gradient(180deg,#131824 0%,#0b0d13 46%,#090a10 100%);
  padding:0 0 calc(24px + env(safe-area-inset-bottom,0px))}
#hsastf.on{display:block}
#hsastf .hd{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:9px;padding:14px 14px 12px;
  background:rgba(14,17,24,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.09)}
#hsastf .hd .ic{width:30px;height:30px;border-radius:9px;background:rgba(159,209,139,.14);
  border:1px solid rgba(159,209,139,.4);color:#9fd18b;display:flex;align-items:center;justify-content:center;font-size:13px}
#hsastf .hd b{font-size:14.5px;color:#eef2ff;font-weight:900;line-height:1.3}
#hsastf .hd .x{margin-left:auto;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);color:#eef2ff;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:900;cursor:pointer}
#hsastf .note{margin:12px 14px;padding:11px 13px;border-radius:13px;
  background:linear-gradient(135deg,rgba(159,209,139,.10),rgba(124,150,255,.08));
  border:1px solid rgba(255,255,255,.12);font-size:11.5px;color:#a9bccf;line-height:1.75}
#hsastf .note b{color:#eef2ff}
#hsastf .row{margin:0 14px 11px;padding:0;border-radius:15px;
  background:linear-gradient(180deg,rgba(28,33,45,.96) 0%,rgba(19,23,31,.96) 100%);
  border:1px solid rgba(255,255,255,.09);overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.28)}
#hsastf .row.in{border-color:rgba(159,209,139,.38);box-shadow:0 2px 12px rgba(47,158,68,.14)}
#hsastf .row.out{border-color:rgba(255,95,95,.3)}
#hsastf .bar{display:flex;align-items:center;gap:7px;padding:8px 12px;
  background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.06)}
#hsastf .row.in .bar{background:rgba(159,209,139,.11)}
#hsastf .row.out .bar{background:rgba(255,95,95,.09)}
#hsastf .tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:900;
  padding:3px 9px;border-radius:999px;white-space:nowrap}
#hsastf .tag.in{background:#2f9e44;color:#fff}
#hsastf .tag.out{background:#e03131;color:#fff}
#hsastf .ago{margin-left:auto;font-size:10px;color:#8b93a7;font-weight:700;white-space:nowrap}
#hsastf .bd{padding:10px 12px 12px}
#hsastf .tp{display:flex;align-items:center;gap:10px}
#hsastf .lg{width:38px;height:38px;flex:none;border-radius:9px;object-fit:cover;background:#fff;
  border:1px solid rgba(255,255,255,.14)}
#hsastf .lg.nolg{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);
  color:#c9bbf7;font-size:14px}
#hsastf .gm.big{font-size:12.5px;color:#eef2ff;font-weight:900}
#hsastf .nm{font-size:13.5px;font-weight:900;color:#eef2ff;line-height:1.4}
#hsastf .gm{font-size:11px;font-weight:700;color:#9fb3c9;margin-top:2px;line-height:1.45}
#hsastf .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#hsastf .chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:900;
  padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);color:#c7cede;white-space:nowrap}
#hsastf .chip.rec{background:rgba(255,196,107,.14);border-color:rgba(255,196,107,.5);color:#ffc46b}
#hsastf .chip.qty{background:rgba(159,209,139,.13);border-color:rgba(159,209,139,.45);color:#9fd18b}
#hsastf .chip.down{background:rgba(255,196,107,.12);border-color:rgba(255,196,107,.45);color:#ffc46b}
#hsastf .chip i{font-size:9.5px}
#hsastf .go{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;
  border-radius:10px;background:#9fd18b;color:#10240c;font-size:12.5px;font-weight:900;cursor:pointer}
#hsastf .bell{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;
  border-radius:10px;background:#e03131;color:#fff;font-size:12px;font-weight:900;cursor:pointer}

/* 🔎 filter + ကိုယ် စောင့်ထားတာ (owner 2026-09-22) */
#hsastf .tabs{display:flex;gap:7px;margin:0 14px 12px;overflow-x:auto;scrollbar-width:none}
#hsastf .tabs::-webkit-scrollbar{display:none}
#hsastf .tb{flex:0 0 auto;padding:6px 13px;border-radius:999px;font-size:11.5px;font-weight:900;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#c7cede;cursor:pointer;white-space:nowrap}
#hsastf .tb.on{background:#eef2ff;border-color:#eef2ff;color:#0f1117}
#hsastf .mine{margin:0 14px 12px;border-radius:13px;overflow:hidden;
  background:linear-gradient(135deg,rgba(124,150,255,.12),rgba(159,209,139,.08));
  border:1px solid rgba(255,255,255,.12)}
#hsastf .mine .mh{display:flex;align-items:center;gap:7px;padding:9px 12px;font-size:11.5px;font-weight:900;color:#eef2ff}
#hsastf .mine .mh i{color:#ffc46b}
#hsastf .mine .mi{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.08);font-size:11.5px;color:#c7cede;font-weight:800}
#hsastf .mine .mi b{color:#eef2ff;font-weight:900}
#hsastf .mine .mi .rm{margin-left:auto;width:24px;height:24px;border-radius:7px;background:rgba(255,95,95,.16);
  border:1px solid rgba(255,95,95,.45);color:#ff6b6b;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer}
#hsastf .price{background:rgba(201,187,247,.14);border-color:rgba(201,187,247,.45);color:#c9bbf7}
#hsastf .row.price{border-color:rgba(201,187,247,.32)}
#hsastf .row.price .bar{background:rgba(201,187,247,.10)}
#hsastf .tag.price{background:#7c68d9;color:#fff}
#hsastf .empty{margin:36px 14px;text-align:center;font-size:12px;color:#8b93a7;line-height:1.9}

/* ==== style hsa-stkstrip-css ==== */

/* 🎨 ခရမ်း + အဖြူ (owner 2026-09-22) */
#hsa-stkstrip{margin:4px 12px 12px}
#hsa-stkstrip .hd{display:flex;align-items:center;gap:6px;margin:0 2px 6px}
#hsa-stkstrip .hd b{font-size:10px;font-weight:900;letter-spacing:.4px;color:#eef2ff;text-transform:uppercase}
#hsa-stkstrip .hd .dot{width:7px;height:7px;border-radius:50%;background:#c9bbf7;flex:none;
  box-shadow:0 0 6px rgba(201,187,247,.8)}
#hsa-stkstrip .hd .all{margin-left:auto;font-size:9.5px;font-weight:900;color:#c9bbf7;cursor:pointer;white-space:nowrap}
#hsa-stkstrip .row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 10px 3px 1px;
  -webkit-overflow-scrolling:touch}
#hsa-stkstrip .row::-webkit-scrollbar{display:none}
#hsa-stkstrip .c{flex:0 0 auto;width:134px;box-sizing:border-box;padding:7px 9px;border-radius:11px;
  background:linear-gradient(180deg,rgba(124,104,217,.26),rgba(22,20,34,.96));
  border:1px solid rgba(201,187,247,.4);cursor:pointer}
#hsa-stkstrip .c .t{display:flex;align-items:center;gap:3px;font-size:7.5px;font-weight:900;color:#c9bbf7;margin-bottom:3px}
#hsa-stkstrip .c .n{font-size:10.5px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
#hsa-stkstrip .c .g{font-size:8px;font-weight:700;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
#hsa-stkstrip .c .p{font-size:9.5px;font-weight:900;color:#fff;margin-top:4px;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);
  border-radius:6px;padding:1px 6px;display:inline-block}

/* ==== style hsa-sched-css ==== */

/* ⏰ ချိန်းထား ဝယ်ယူမှု — Twitter ပုံစံ ရက်/အချိန် ရွေး (owner 2026-09-22) */
#hsasch{position:fixed;inset:0;z-index:2147483300;display:none;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.72)}
#hsasch.on{display:flex}
/* 🌫 owner 2026-10-23 "ကြည်နေတယ် · blur တိုး" — low-power က backdrop-filter ဖြုတ်လည်း နောက်ခံ မမြင်အောင် ပိုမှိုင်း + blur */
html body #hsasch.on{background:rgba(0,0,0,.72) !important}
html body #hsasch.on .sh{background:rgba(16,18,26,.86) !important;backdrop-filter:blur(18px) saturate(150%) !important;-webkit-backdrop-filter:blur(18px) saturate(150%) !important}
#hsasch{padding:0 12px calc(12px + env(safe-area-inset-bottom,0px))}
#hsasch .sh{width:100%;max-width:440px;border-radius:24px;color:#eef2ff;max-height:74vh;overflow-y:auto;
  padding:14px 16px 18px;
  background:rgba(16,18,26,.88);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);
  box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)}
#hsasch .hd{display:flex;align-items:center;gap:10px;margin-bottom:14px}
#hsasch .hd b{font-size:15px;font-weight:900;flex:1;text-align:center}
#hsasch .hd .bk,#hsasch .hd .cl{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;font-size:14px;color:#cfd3dc;cursor:pointer;flex:none}
#hsasch .itm{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;margin-bottom:12px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
#hsasch .itm .n{flex:1;min-width:0;font-size:13px;font-weight:900;line-height:1.35}
#hsasch .itm .n small{display:block;font-size:11px;font-weight:700;color:#9fb3c9;margin-top:2px}
#hsasch .itm .p{font-size:14px;font-weight:900;color:#9fd18b;white-space:nowrap}
#hsasch .mo{display:flex;align-items:center;gap:8px;margin:0 2px 12px}
#hsasch .mo b{flex:1;font-size:15px;font-weight:900}
#hsasch .mo span{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px}
#hsasch .mo span.off{opacity:.3;pointer-events:none}
#hsasch .dw{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}
#hsasch .dw i{font-style:normal;text-align:center;font-size:10.5px;font-weight:900;color:#8b93a7}
#hsasch .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
#hsasch .cal div{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;
  font-size:14px;font-weight:800;color:#eef2ff;cursor:pointer}
#hsasch .cal div.off{opacity:.22;pointer-events:none}
#hsasch .cal div.on{background:#fff;color:#0b0d12;font-weight:900}
#hsasch .cal div.em{pointer-events:none}
#hsasch .tw{display:flex;justify-content:center;gap:6px;height:168px;overflow:hidden;margin:6px 0 4px;position:relative}
#hsasch .tw .col{width:74px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;
  padding:63px 0;text-align:center}
#hsasch .tw .col::-webkit-scrollbar{display:none}
#hsasch .tw .col u{display:block;height:42px;line-height:42px;font-style:normal;text-decoration:none;
  font-size:19px;font-weight:800;color:rgba(255,255,255,.4);scroll-snap-align:center}
#hsasch .tw .col u.on{color:#fff;font-weight:900}
#hsasch .tw .bar{position:absolute;left:0;right:0;top:63px;height:42px;border-radius:12px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);pointer-events:none}
#hsasch .when{text-align:center;font-size:12.5px;font-weight:800;color:#9fb3c9;margin:10px 2px 14px;line-height:1.5}
#hsasch .go{display:block;width:100%;padding:13px;border-radius:999px;background:#fff;color:#0b0d12;
  font-size:14.5px;font-weight:900;text-align:center;cursor:pointer;border:0}
#hsasch .cal div.on{box-shadow:0 4px 14px rgba(0,0,0,.35)}
#hsasch .go.dim{opacity:.4;pointer-events:none}
#hsasch .err{margin:10px 2px 0;font-size:12px;font-weight:800;color:#ff8787;text-align:center;line-height:1.5}
/* ချိန်းထားတဲ့ စာရင်း */
#hsaschl{position:fixed;inset:0;z-index:2147482940;display:none;overflow-y:auto;background:#0b0d12;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
#hsaschl.on{display:block}
#hsaschl .hd{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:9px;padding:14px;
  background:#0b0d12;border-bottom:1px solid rgba(255,255,255,.08)}
#hsaschl .hd b{font-size:14.5px;font-weight:900;color:#eef2ff}
#hsaschl .hd .x{margin-left:auto;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;color:#cfd3dc}
#hsaschl .r{margin:12px 14px;padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1)}
#hsaschl .r .t{display:flex;align-items:center;gap:8px}
#hsaschl .r .t b{flex:1;min-width:0;font-size:13px;font-weight:900;color:#eef2ff;line-height:1.35}
#hsaschl .r .st{font-size:10px;font-weight:900;padding:3px 9px;border-radius:999px;white-space:nowrap}
#hsaschl .r .st.p{background:rgba(255,196,107,.16);color:#ffc46b}
#hsaschl .r .st.d{background:rgba(159,209,139,.16);color:#9fd18b}
#hsaschl .r .st.f{background:rgba(255,122,122,.16);color:#ff7a7a}
#hsaschl .r .st.c{background:rgba(255,255,255,.1);color:#9fb3c9}
#hsaschl .r .t .ic{width:38px;height:38px;flex:none;border-radius:9px;object-fit:cover;background:#fff;
  border:1px solid rgba(255,255,255,.14)}
#hsaschl .r .t .ic.nolg{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);
  color:#8b93a7;font-size:14px}
#hsaschl .r .t b u{font-style:normal;text-decoration:none;font-size:11px;color:#c9bbf7}
#hsaschl .r .m{font-size:11.5px;font-weight:700;color:#9fb3c9;margin-top:9px;line-height:1.5;
  display:flex;flex-direction:column;gap:5px}
#hsaschl .r .m .k{display:flex;align-items:flex-start;gap:8px}
#hsaschl .r .m .k span{flex:0 0 78px;color:#8b93a7;font-weight:700}
#hsaschl .r .m .k b{flex:1;min-width:0;color:#eef2ff;font-weight:800;word-break:break-word}
#hsaschl .r .b{display:flex;gap:8px;margin-top:10px}
#hsaschl .r .b span{flex:1;text-align:center;padding:9px;border-radius:11px;font-size:12px;font-weight:900;
  background:rgba(255,255,255,.08);color:#eef2ff;cursor:pointer}
#hsaschl .r .b span.dg{background:rgba(255,122,122,.14);color:#ff8787}
#hsaschl .empty{text-align:center;color:#8b93a7;font-size:12.5px;font-weight:700;padding:60px 20px;line-height:1.7}

/* ==== style hsa-pre-css ==== */

.hsa-prebtn{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;padding:9px;
  border-radius:11px;font-size:12px;font-weight:900;cursor:pointer;
  background:rgba(201,187,247,.16);border:1px solid rgba(201,187,247,.5);color:#c9bbf7}
#hsapre{position:fixed;inset:0;z-index:2147483310;display:none;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.72);padding:0 12px calc(12px + env(safe-area-inset-bottom,0px))}
#hsapre.on{display:flex}
#hsapre .sh{width:100%;max-width:440px;border-radius:24px;color:#eef2ff;padding:16px 16px 18px;
  background:rgba(16,18,26,.88);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);
  box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)}
#hsapre h3{margin:0 0 12px;font-size:15px;font-weight:900;text-align:center}
#hsapre .it{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;margin-bottom:12px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
#hsapre .it .n{flex:1;min-width:0;font-size:13px;font-weight:900;line-height:1.35}
#hsapre .it .n small{display:block;font-size:11px;color:#9fb3c9;font-weight:700;margin-top:2px}
#hsapre .it .p{font-size:14px;font-weight:900;color:#9fd18b;white-space:nowrap}
#hsapre .warn{padding:11px 13px;border-radius:13px;margin-bottom:12px;font-size:12px;font-weight:800;
  line-height:1.6;background:rgba(255,196,107,.12);border:1px solid rgba(255,196,107,.4);color:#ffc46b}
#hsapre .warn b{color:#fff}
#hsapre .qty{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;border-radius:13px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
#hsapre .qty span{flex:1;font-size:12.5px;font-weight:800;color:#9fb3c9}
#hsapre .qty i{font-style:normal;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;cursor:pointer}
#hsapre .qty b{min-width:26px;text-align:center;font-size:15px;font-weight:900}
#hsapre .tot{text-align:center;font-size:13px;font-weight:900;margin-bottom:12px}
#hsapre .tot b{color:#9fd18b;font-size:16px}
#hsapre .go{display:block;width:100%;padding:13px;border-radius:999px;background:#fff;color:#0b0d12;
  font-size:14.5px;font-weight:900;text-align:center;cursor:pointer;border:0}
#hsapre .go.dim{opacity:.45;pointer-events:none}
#hsapre .no{display:block;text-align:center;margin-top:10px;font-size:12.5px;font-weight:800;color:#9fb3c9;cursor:pointer}
#hsapre .err{margin-top:10px;font-size:12px;font-weight:800;color:#ff8787;text-align:center;line-height:1.5}

/* ==== style hsa-set-css ==== */

#hsaset{position:fixed;inset:0;z-index:2147482950;display:none;overflow-y:auto;
  background:#0b0d12;padding:0 0 calc(24px + env(safe-area-inset-bottom,0px));
  padding-top:env(safe-area-inset-top,0px);-webkit-overflow-scrolling:touch}
#hsaset.on{display:block}
#hsaset .hd{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:9px;padding:14px 14px 12px;
  background:#0b0d12;border-bottom:1px solid rgba(255,255,255,.08)}
#hsaset .hd .ic{width:30px;height:30px;border-radius:9px;background:rgba(201,187,247,.14);
  display:flex;align-items:center;justify-content:center;color:#c9bbf7;font-size:14px;flex:none}
#hsaset .hd b{font-size:14.5px;color:#eef2ff;font-weight:900}
#hsaset .hd .x{margin-left:auto;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;color:#cfd3dc;font-size:14px}
#hsaset .grp{margin:14px 14px 6px;font-size:10.5px;font-weight:900;letter-spacing:.6px;
  color:#8b93a7;text-transform:uppercase}
#hsaset .row{margin:0 14px 10px;padding:12px 13px;border-radius:14px;display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
#hsaset .row .tx{flex:1;min-width:0}
#hsaset .row .tx b{display:block;font-size:13px;font-weight:900;color:#eef2ff;line-height:1.35}
#hsaset .row .tx span{display:block;font-size:11px;font-weight:700;color:#9fb3c9;line-height:1.45;margin-top:3px}
#hsaset .sw{flex:none;width:46px;height:27px;border-radius:999px;background:rgba(255,255,255,.14);
  position:relative;cursor:pointer;transition:background .18s}
#hsaset .sw i{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;
  background:#fff;transition:left .18s;display:block}
#hsaset .sw.on{background:#9fd18b}
#hsaset .sw.on i{left:22px}
#hsaset .note{margin:4px 14px 16px;font-size:11px;color:#8b93a7;font-weight:700;line-height:1.55}

/* 📲 noti on/off — chip ကွက် (owner 2026-09-23 "အတန်းလိုက် မဟုတ်ဘဲ · ကြည့်ရတာ များနေ") */
#hsaset .pnhint{margin:-2px 14px 8px;font-size:11px;font-weight:700;color:#8b93a7}
#hsaset .pngrid{margin:0 14px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#hsaset .sw.pnc{width:auto;height:auto;border-radius:12px;display:flex;align-items:center;gap:8px;padding:11px 11px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#8b93a7;transition:none}
#hsaset .sw.pnc .fas{width:16px;text-align:center;font-size:13px;flex:none}
#hsaset .sw.pnc b{flex:1;min-width:0;font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsaset .sw.pnc::after{content:"ပိတ်";flex:none;font-size:10px;font-weight:900;opacity:.8}
#hsaset .sw.pnc.on{background:rgba(159,209,139,.13);border-color:rgba(159,209,139,.55);color:#e6f6df}
#hsaset .sw.pnc.on .fas{color:#9fd18b}
#hsaset .sw.pnc.on::after{content:"ဖွင့်";color:#9fd18b;opacity:1}

/* ==== style hsa-alite-css ==== */

/* Android Lite — html.hsa-alite ဆိုမှ (Android + Settings ဖွင့်မှ) · owner 2026-09-23
   "UI စုတ်လဲရတယ် · ဖုန်းမပူ မြန်ဖို့ပဲ" — အရိပ် (buy page မှာ 228 ခု) · blur · filter ·
   animation · transition အကုန် ဖြုတ်။ :is(#id,*) က ID specificity ပေးလို့
   `html body div.game-card.game-card{...!important}` လို rule တွေကိုပါ နိုင်တယ် */
html.hsa-alite :is(#hsa-alite-x,*):not(#custom-loading-screen,#custom-loading-screen *),
html.hsa-alite :is(#hsa-alite-x,*):not(#custom-loading-screen,#custom-loading-screen *)::before,
html.hsa-alite :is(#hsa-alite-x,*):not(#custom-loading-screen,#custom-loading-screen *)::after{
  animation:none !important;transition:none !important;
  box-shadow:none !important;text-shadow:none !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  filter:none !important;
}
/* loading အဝိုင်းတွေ ဆက်လည် — မလည်ရင် ဟန်းနေသလို ထင်လို့ */
html.hsa-alite .fa-spinner:is(#hsa-alite-y,*),
html.hsa-alite .fa-circle-notch:is(#hsa-alite-y,*),
html.hsa-alite .fa-spin:is(#hsa-alite-y,*){animation:fa-spin 1s linear infinite !important;}
/* နောက်ခံပုံ ဖြုတ် — အရောင်တစ်ရောင်တည်း */
html.hsa-alite body:is(#hsa-alite-z,*){background-image:none !important;background-color:#0e1016 !important;}

/* ==== style hsa-follow-css ==== */

/* 🔔 ဈေးကျ စောင့်မယ့် ဂိမ်း / gift card ရွေး (owner 2026-09-23) — Settings ပုံစံအတိုင်း */
#hsafw{position:fixed;inset:0;z-index:2147482960;display:none;flex-direction:column;background:#0b0d12;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
#hsafw.on{display:flex}
#hsafw .hd{display:flex;align-items:center;gap:9px;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
#hsafw .hd b{flex:1;font-size:14.5px;font-weight:900;color:#eef2ff}
#hsafw .hd .x{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#cfd3dc}
#hsafw .tb{display:flex;gap:8px;padding:10px 14px 6px}
#hsafw .tb span{flex:1;text-align:center;padding:9px 6px;border-radius:12px;font-size:12.5px;font-weight:900;color:#9fb3c9;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);cursor:pointer}
#hsafw .tb span.on{background:#eef2ff;color:#0b0d12;border-color:#eef2ff}
#hsafw .sr{margin:6px 14px 8px;display:flex;gap:8px}
#hsafw .sr input{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);color:#eef2ff;font-size:13px;outline:none}
#hsafw .sr em{font-style:normal;padding:10px 11px;border-radius:12px;font-size:11.5px;font-weight:900;color:#9fd18b;
  border:1px solid rgba(159,209,139,.4);cursor:pointer;white-space:nowrap}
#hsafw .gd{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 14px 14px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-content:start}
#hsafw .it{position:relative;border-radius:14px;padding:9px 6px 8px;text-align:center;cursor:pointer;
  background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1)}
#hsafw .it img{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#1a1d24;display:block;margin:0 auto 6px}
#hsafw .it b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:11px;font-weight:800;color:#dfe5ef;line-height:1.3}
#hsafw .it.on{border-color:#9fd18b;background:rgba(159,209,139,.1)}
#hsafw .it .ck{position:absolute;top:6px;right:6px;width:19px;height:19px;border-radius:50%;display:none;
  align-items:center;justify-content:center;background:#9fd18b;color:#0b1a10;font-size:10px}
#hsafw .it.on .ck{display:flex}
#hsafw .ft{display:flex;align-items:center;gap:10px;padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.08)}
#hsafw .ft span{flex:1;font-size:12px;font-weight:800;color:#9fb3c9}
#hsafw .ft b{padding:12px 20px;border-radius:14px;background:#eef2ff;color:#0b0d12;font-size:13px;font-weight:900;cursor:pointer}
#hsafw .msg{grid-column:1/-1;text-align:center;color:#9fb3c9;font-size:12.5px;font-weight:700;padding:40px 10px}

/* ==== style hsa-set-glass-css ==== */

/* 🪟 Settings · ဂိမ်းရွေး · ဈေးကျ — glass + အကွက်တိုင်း border နှစ်ထပ် (owner 2026-09-23 "BG ကအစ မကြိုက် · glass ui")
   ⚠️ ဖုန်းမပူအောင်: blur က sheet တစ်ခုလုံးမှာ တစ်ထပ်တည်း (10px) · card / chip တွေမှာ blur မထည့် ·
      အတွင်း border က ::before (static · animation မပါ) */
html #hsaset,html #hsafw,html #hsadrops{
  background:radial-gradient(120% 60% at 0% 0%,rgba(139,92,246,.26),transparent 62%),
             radial-gradient(110% 60% at 100% 100%,rgba(34,211,238,.16),transparent 60%),
             #0c0d16 !important;   /* Android app က blur ပိတ်ထားလို့ — blur မပါလည်း ဖတ်ရအောင် ထူထူ */
  backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}
html #hsaset .hd,html #hsafw .hd,html #hsadrops .hd{background:#10111c !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;box-shadow:0 1px 0 rgba(255,255,255,.04)}
/* အကွက် — glass + border နှစ်ထပ် */
html #hsaset .row,html #hsaset .sw.pnc,html #hsafw .it,html #hsafw .tb span,html #hsafw .sr input,
html #hsadrops .dr,html #hsadrops .tb span{
  position:relative;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.18) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important}
html #hsaset .row::before,html #hsaset .sw.pnc::before,html #hsafw .it::before,html #hsadrops .dr::before{
  content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.08);border-radius:inherit;pointer-events:none}
html #hsaset .row{border-radius:16px !important}
html #hsaset .row::before{border-radius:13px}
html #hsaset .sw.pnc::before{border-radius:9px}
html #hsafw .it::before{border-radius:11px}
html #hsadrops .dr::before{border-radius:11px}
/* ဖွင့်ထား — matcha glass */
html #hsaset .sw.pnc.on,html #hsafw .it.on{background:linear-gradient(180deg,rgba(159,209,139,.20),rgba(159,209,139,.07)) !important;
  border-color:rgba(159,209,139,.60) !important}
html #hsaset .sw.pnc.on::before,html #hsafw .it.on::before{border-color:rgba(159,209,139,.28)}
html #hsafw .tb span.on,html #hsadrops .tb span.on{background:linear-gradient(180deg,#f4f6ff,#dfe4f5) !important;color:#0b0d12 !important;border-color:#fff !important}
html #hsaset .grp{color:#b8c0d6 !important}
html #hsaset .row .sw:not(.pnc){box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}

/* ==== style hsa-drops-css ==== */

/* 📉 ဈေးကျ page (owner 2026-09-23) — glass/border ကို hsa-set-glass-css က ပေး */
#hsadrops{position:fixed;inset:0;z-index:2147482955;display:none;flex-direction:column;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color:#eef2ff}
#hsadrops.on{display:flex}
#hsadrops .hd{display:flex;align-items:center;gap:10px;padding:14px 14px 11px}
#hsadrops .hd .ic{width:32px;height:32px;border-radius:10px;background:rgba(159,209,139,.16);color:#9fd18b;
  display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
#hsadrops .hd .tt{flex:1;min-width:0}
#hsadrops .hd .tt b{display:block;font-size:15px;font-weight:900}
#hsadrops .hd .tt small{display:block;font-size:11px;font-weight:700;color:#9fb3c9;margin-top:1px}
#hsadrops .hd .x{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;
  align-items:center;justify-content:center;color:#dfe5ef;cursor:pointer;flex:none}
#hsadrops .tb{display:flex;gap:8px;padding:10px 14px 4px}
#hsadrops .tb span{flex:1;text-align:center;padding:10px 6px;border-radius:12px;font-size:12.5px;font-weight:900;color:#b9c3d6;cursor:pointer}
#hsadrops .fl{display:flex;gap:7px;padding:8px 14px 6px}
#hsadrops .fl em{font-style:normal;padding:6px 11px;border-radius:999px;font-size:11.5px;font-weight:800;color:#b9c3d6;
  border:1px solid rgba(255,255,255,.16);cursor:pointer}
#hsadrops .fl em.on{color:#0b1a10;background:#9fd18b;border-color:#9fd18b}
#hsadrops .ls{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 14px 14px}
#hsadrops .dr{display:flex;gap:11px;align-items:center;padding:12px;border-radius:14px;margin-bottom:9px;cursor:pointer}
#hsadrops .dr .im{position:relative;flex:none;width:46px;height:46px}
#hsadrops .dr .im img.g{width:46px;height:46px;border-radius:12px;object-fit:cover;background:#1a1d24;display:block}
#hsadrops .dr .im img.f{position:absolute;right:-5px;bottom:-4px;width:22px;height:15px;border-radius:3px;object-fit:cover;
  border:1.5px solid #11131c;background:#fff}
#hsadrops .dr .tx{flex:1;min-width:0}
#hsadrops .dr .tx b{display:block;font-size:12.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsadrops .dr .tx span{display:block;font-size:11.5px;font-weight:700;color:#c7cfdf;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsadrops .dr .tx em{display:block;font-style:normal;font-size:10.5px;font-weight:700;color:#8b93a7;margin-top:3px}
#hsadrops .dr .tx em u.pk{text-decoration:none;display:inline-block;padding:1px 7px;border-radius:999px;background:rgba(159,209,139,.16);border:1px solid rgba(159,209,139,.5);color:#9fd18b;font-size:10px;font-weight:900;vertical-align:1px}
#hsadrops .dr .pr{flex:none;text-align:right}
#hsadrops .dr .pr s{display:block;font-size:11px;font-weight:700;color:#8b93a7}
#hsadrops .dr .pr b{display:block;font-size:14px;font-weight:900;color:#9fd18b;margin-top:1px}
#hsadrops .dr .pr i{display:inline-block;font-style:normal;margin-top:4px;padding:2px 7px;border-radius:999px;
  background:rgba(159,209,139,.16);color:#9fd18b;font-size:10.5px;font-weight:900}
#hsadrops .msg{text-align:center;color:#9fb3c9;font-size:12.5px;font-weight:700;padding:44px 16px;line-height:1.7}
#hsadrops .ft{padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.1);text-align:center}
#hsadrops .ft span{color:#c9bbf7;font-size:12.5px;font-weight:800;cursor:pointer}
#hsadrops .wt{margin:2px 0 12px}
#hsadrops .wt h5{margin:0 0 7px;font-size:11px;font-weight:900;color:#b8c0d6;letter-spacing:.3px}
#hsadrops .wt .row2{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
#hsadrops .wt .row2::-webkit-scrollbar{display:none}
#hsadrops .wt .w{flex:none;width:74px;text-align:center;cursor:pointer}
#hsadrops .wt .w img,#hsadrops .wt .w .ph{width:52px;height:52px;border-radius:13px;object-fit:cover;display:block;margin:0 auto 5px;
  background:#1a1d24;border:1px solid rgba(255,255,255,.16)}
#hsadrops .wt .w b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10.5px;font-weight:800;color:#dfe5ef;line-height:1.25}
#hsadrops .wt .w i{display:block;font-style:normal;font-size:9.5px;font-weight:800;margin-top:3px;color:#8b93a7}
#hsadrops .wt .w i.on{color:#9fd18b}
#hsadrops .dr .im .ph{width:46px;height:46px;border-radius:12px;background:#1a1d24;display:flex;align-items:center;justify-content:center;
  color:#8b93a7;font-size:18px;border:1px solid rgba(255,255,255,.12)}

/* ==== style hsa-schl-glass-css ==== */

/* 🪟 နောက်မှဝယ်မယ့် order — glass + border နှစ်ထပ် (owner 2026-09-23) · blur မသုံး (ဖုန်းမပူ) */
html #hsaschl{background:radial-gradient(120% 60% at 0% 0%,rgba(139,92,246,.26),transparent 62%),
  radial-gradient(110% 60% at 100% 100%,rgba(34,211,238,.16),transparent 60%),#0c0d16 !important}
html #hsaschl .hd{background:#10111c !important;border-bottom:1px solid rgba(255,255,255,.12) !important}
html #hsaschl .r{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.18) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important;border-radius:18px !important}
html #hsaschl .r::before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.08);border-radius:15px;pointer-events:none}
html #hsaschl .r .b{position:relative;border-radius:12px !important;border:1px solid rgba(255,110,110,.35) !important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),inset 0 0 0 3px rgba(255,110,110,.18) !important}

/* ==== style hsa-loaded-css ==== */

/* 🧾 Loaded Account page v2 (owner 2026-09-23) — FazerCards ပုံစံ · အကွက်တိုင်း border ၂ ထပ် · offer list ကို အကွက်ထဲမှာပဲ scroll */
#hsaload{position:fixed;inset:0;z-index:2147482955;display:none;flex-direction:column;color:#eef2ff;
  background:radial-gradient(120% 55% at 0% 0%,rgba(139,92,246,.20),transparent 62%),
             radial-gradient(110% 55% at 100% 100%,rgba(34,211,238,.12),transparent 60%),#0c0d16;
  padding-top:env(safe-area-inset-top,0px)}
#hsaload.on{display:flex}
#hsaload .bx{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.17);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
#hsaload .ldb > *{flex:none}
#hsaload .bx::before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.07);border-radius:15px;pointer-events:none}
#hsaload .ldh{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#10111c;border-bottom:1px solid rgba(255,255,255,.12)}
#hsaload .ldh .bk{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
#hsaload .ldh b{flex:1;font-size:16px;font-weight:900}
#hsaload .ldb{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}
/* product header */
#hsaload .hd{padding:14px;display:flex;flex-direction:column;gap:10px}
#hsaload .hd .top{display:flex;gap:12px;align-items:center}
#hsaload .hd .lg{width:74px;height:74px;border-radius:16px;overflow:hidden;flex:none;background:#fff;display:flex;align-items:center;justify-content:center}
#hsaload .hd .lg img{width:100%;height:100%;object-fit:cover}
#hsaload .hd .nm{font-size:16px;font-weight:900;line-height:1.3}
#hsaload .hd .rg{display:inline-block;margin-top:5px;font-size:10.5px;font-weight:900;color:#0c0d16;background:#9fd18b;border-radius:999px;padding:2px 9px}
#hsaload .hd .ms{display:inline-block;margin:5px 0 0 5px;font-size:10.5px;font-weight:900;color:#0c0d16;background:#ffd95c;border-radius:999px;padding:2px 9px}
#hsaload .hd .ln{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px}
#hsaload .hd .ln::before{border-radius:11px}
#hsaload .hd .ln .i{width:32px;height:32px;border-radius:10px;background:rgba(185,167,245,.14);color:#c9bbf7;display:flex;align-items:center;justify-content:center;flex:none}
#hsaload .hd .ln span{font-size:12.5px;font-weight:800;color:#dfe5ef}
/* product switcher */
#hsaload .sw{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#hsaload .sw .pc{display:flex;align-items:center;gap:8px;padding:9px;border-radius:14px;cursor:pointer;min-width:0;min-height:52px;box-sizing:border-box}
#hsaload .sw .pc::before{border-radius:11px}
#hsaload .sw .pc img{width:34px;height:34px;border-radius:9px;object-fit:cover;background:#fff;flex:none}
#hsaload .sw .pc div{min-width:0}
#hsaload .sw .pc b{display:block;font-size:11.5px;font-weight:900;line-height:1.25}
#hsaload .sw .pc i{display:block;font-style:normal;font-size:10.5px;font-weight:800;color:#9fd18b;margin-top:2px}
#hsaload .sw .pc.on{border-color:#c9bbf7;background:rgba(185,167,245,.18)}
#hsaload .sw .pc.empty{opacity:.45}
/* offers */
#hsaload .of-wrap{padding:12px}
#hsaload .ttl{font-size:15px;font-weight:900;margin:2px 2px 10px}
#hsaload .ofl{max-height:min(46vh,380px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:8px;padding:2px;border-radius:14px}
#hsaload .of{display:flex;align-items:center;gap:10px;padding:14px 13px;border-radius:14px;cursor:pointer;flex:none}
#hsaload .of::before{border-radius:11px}
#hsaload .of .nm{flex:1;min-width:0;font-size:13.5px;font-weight:800;line-height:1.35}
#hsaload .of .pr{flex:none;text-align:right;font-size:14px;font-weight:900;color:#eef2ff;font-variant-numeric:tabular-nums}
#hsaload .of.on{border-color:#c9bbf7;background:rgba(185,167,245,.18)}
#hsaload .of.on .pr{color:#c9bbf7}
#hsaload .hint{text-align:center;font-size:11.5px;font-weight:800;color:#9fb3c9;margin-top:9px}
/* info */
#hsaload .inf{padding:13px 14px;border-color:rgba(255,217,92,.4);background:rgba(255,217,92,.07);font-size:12.5px;line-height:1.75;color:#f3eccd}
#hsaload .inf::before{border-color:rgba(255,217,92,.12)}
#hsaload .inf b{display:flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.6px;color:#ffd95c;margin-bottom:4px}
/* summary */
#hsaload .sm{padding:12px;display:flex;flex-direction:column;gap:8px}
#hsaload .sm .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;border-radius:14px}
#hsaload .sm .row::before{border-radius:11px}
#hsaload .sm .row span{font-size:12.5px;font-weight:800;color:#9fb3c9;flex:none}
#hsaload .sm .row b{font-size:13px;font-weight:900;text-align:right;min-width:0}
#hsaload .sm .tp{display:flex;justify-content:space-between;align-items:center;padding:6px 4px}
#hsaload .sm .tp span{font-size:11.5px;font-weight:900;letter-spacing:.7px;color:#9fb3c9}
#hsaload .sm .tp b{font-size:22px;font-weight:900;color:#c9bbf7;font-variant-numeric:tabular-nums}
#hsaload .sm button{width:100%;border:0;border-radius:14px;padding:15px;font-size:14.5px;font-weight:900;color:#0c0d16;background:#c9bbf7;font-family:inherit;cursor:pointer}
#hsaload .sm button.cf{background:#9fd18b}
#hsaload .sm button:disabled{opacity:.45}
#hsaload .sm .row.fl input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#fff;font-size:14px;font-weight:800;text-align:right;font-family:inherit}
#hsaload .sm .row.fl .eye{color:#9fb3c9;cursor:pointer;padding:2px 4px}
#hsaload .sm .nt{font-size:11.5px;line-height:1.6;color:#b9c3d6;padding:6px 6px 0}
#hsaload .inf .mm{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,217,92,.2)}
#hsaload .sm .msg{font-size:12px;font-weight:800;text-align:center;padding:2px 4px}
#hsaload .lde{text-align:center;padding:24px 10px;color:#9fb3c9;font-size:12.5px;font-weight:700}

/* ==== style hsa-amt-noshrink-css ==== */

.amt-slider-wrapper{flex-shrink:0 !important;min-height:42px !important}

/* ==== style hsa-kpaynew-css ==== */

#hsakpn{position:fixed;inset:0;z-index:2147483200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);padding:16px}
#hsakpn.on{display:flex}
#hsakpn .bx{width:100%;max-width:360px;border-radius:20px;background:#12131d;border:1px solid rgba(255,255,255,.18);color:#eef2ff;padding:18px 16px 16px;text-align:center}
#hsakpn .t{font-size:16px;font-weight:900;color:#ffd95c;margin-bottom:8px}
#hsakpn .m{font-size:13px;line-height:1.7;color:#d6dcea}
#hsakpn .m b{color:#ff8a8a}
#hsakpn .nw{margin:14px 0 6px;padding:12px;border-radius:14px;background:rgba(159,209,139,.12);border:1px solid rgba(159,209,139,.45)}
#hsakpn .nw small{display:block;font-size:11px;font-weight:800;color:#9fd18b;letter-spacing:.4px}
#hsakpn .nw .no{font-size:22px;font-weight:900;letter-spacing:1px;margin:4px 0 2px;font-variant-numeric:tabular-nums}
#hsakpn .nw .nm{font-size:12.5px;font-weight:800;color:#dfe5ef}
#hsakpn .bt{display:flex;gap:8px;margin-top:12px}
#hsakpn .bt button{flex:1;border:0;border-radius:12px;padding:13px;font-size:14px;font-weight:900;font-family:inherit;cursor:pointer}
#hsakpn .cp{background:#9fd18b;color:#0c0d16}
#hsakpn .ok{background:rgba(255,255,255,.12);color:#fff}

/* ==== style hsa-selchip-css ==== */

/* 🏷 buy sheet အပေါ် — ရွေးထားတဲ့ item (အမည်း label · အဖြူစာ · owner 2026-09-25) */
#hsa-selchip,.hsa-selchip-gc{display:none;position:fixed;left:50%;transform:translateX(-50%);bottom:200px;z-index:2147483000;align-items:center;gap:8px;max-width:70vw;
  padding:7px 12px;border-radius:10px;background:#0c0d12;color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 14px rgba(0,0,0,.4);pointer-events:none;contain:layout paint}
#hsa-selchip.on,.hsa-selchip-gc.on{display:inline-flex}
#hsa-selchip::before,.hsa-selchip-gc::before,#hsa-selchip::after,.hsa-selchip-gc::after{display:none}
#hsa-selchip img,.hsa-selchip-gc img{width:22px;height:22px;border-radius:6px;object-fit:cover;flex:none}
#hsa-selchip .i,.hsa-selchip-gc .i{width:22px;height:22px;border-radius:6px;background:#fff;color:#0c0d12;display:flex;align-items:center;justify-content:center;font-size:11px;flex:none}
#hsa-selchip b,.hsa-selchip-gc b{font-size:13px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#hsa-selchip{max-width:92vw}
html body #hsa-selchip.g3{display:none;flex-direction:row;align-items:center;gap:6px;padding:6px 11px;border-radius:12px;max-width:94vw;
  background:rgba(58,56,74,.88) !important;border:1px solid rgba(255,255,255,.3);box-shadow:0 6px 16px rgba(0,0,0,.35);
  backdrop-filter:blur(12px) saturate(140%) !important;-webkit-backdrop-filter:blur(12px) saturate(140%) !important}
html body #hsa-selchip.g3.on{display:inline-flex}
#hsa-selchip.g3 .fl{font-size:13px;line-height:1;flex:none}
#hsa-selchip.g3 em{font-style:normal;color:#c9f0b4;font-weight:800;font-size:12.5px;white-space:nowrap;flex:none;max-width:28vw;overflow:hidden;text-overflow:ellipsis}
#hsa-selchip.g3 .sp{width:1px;height:18px;background:rgba(255,255,255,.3);flex:none}
#hsa-selchip.g3 img,#hsa-selchip.g3 .i{width:18px;height:18px}
#hsa-selchip.g3 b{font-size:13px}
#hsa-selchip.g3 .tl{flex:none;font-size:10.5px;font-weight:700;color:rgba(229,231,240,.75);white-space:nowrap}
#hsa-selchip .who{flex:none;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800;color:#9fd18b}
#hsa-selchip .ar{flex:none;width:18px;height:18px;color:#ffd95c;display:flex}#hsa-selchip .ar svg{width:18px;height:18px}
#hsa-selchip small,.hsa-selchip-gc small{font-size:11px;font-weight:900;color:#0c0d12;background:#fff;border-radius:6px;padding:1px 6px;white-space:nowrap;flex:none}

/* ==== style hsa-ptstab-css ==== */

/* 💳 buy sheet — Use Points ကို ဘယ်ဘက် · ရှေ့မှာ Tabs icon (ဈေးကို deposit ထဲ auto ဖြည့်) · owner 2026-09-25 */
#hsa-pts-row{justify-content:space-between !important;gap:8px !important}
#hsa-pts-row > div:not(#hsa-pts-toggle):not(#hsa-ptstab){order:1;flex:1;min-width:0;text-align:left}
#hsa-pts-row #hsa-pts-toggle{order:3}
#hsa-pts-row #hsa-ptstab{order:2}
#hsa-ptstab{width:32px;height:32px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border:0;box-shadow:0 2px 8px rgba(0,0,0,.35);color:#0c1220}
#hsa-ptstab::before{display:none}
#hsa-ptstab svg{width:19px;height:19px;display:block;color:#0c1220}
#hsa-ptstab i{font-size:14px}
#hsa-ptstab:active{transform:scale(.94)}
/* Amount auto ဖြည့်ထားချိန် — Clear icon */
#hsa-depclr,.hsa-depclr{display:none;align-items:center;gap:6px;margin:-4px 0 8px;font-size:11.5px;font-weight:800;color:#c9bbf7;cursor:pointer;width:max-content}
#hsa-depclr.on,.hsa-depclr.on{display:inline-flex}
#hsa-depclr span,.hsa-depclr span{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}

/* ==== style hsa-shopclose-css ==== */

#hsa-shopclose-bar{position:fixed;left:0;right:0;top:0;z-index:2147483200;background:#111;color:#fff;font:600 13px/1.3 -apple-system,system-ui,sans-serif;text-align:center;padding:calc(env(safe-area-inset-top,0px) + 8px) 14px 8px;display:none;letter-spacing:.2px}
#hsa-shopclose-bar.on{display:block}
#hsa-shopclose-bar small{display:block;font-weight:400;font-size:11px;opacity:.75;margin-top:2px}
#hsa-shopclose-toast{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);z-index:2147483210;background:#111;color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;padding:12px 16px;font:600 14px/1.4 -apple-system,system-ui,sans-serif;max-width:86vw;text-align:center;display:none}
#hsa-shopclose-toast.on{display:block}
#hsa-shopclose-more b{display:inline-block;min-width:34px;text-align:center;border-radius:8px;padding:2px 7px;font-size:11px;margin-left:8px;background:#e8e8e8;color:#111}
#hsa-shopclose-more b.on{background:#111;color:#fff}

/* ==== style hsa-mydep-css ==== */

#hsa-mydep-ov{position:fixed;inset:0;z-index:2147483650;background:rgba(6,4,14,.6);display:none;align-items:center;justify-content:center;padding:20px}
#hsa-mydep-ov.on{display:flex}
#hsa-mydep{width:100%;max-width:400px;position:relative;overflow:hidden;background:#141020 center/cover no-repeat;border:1px solid rgba(255,255,255,.42);border-radius:20px;padding:16px 14px 14px;color:#fff;font:500 13px/1.4 -apple-system,system-ui,sans-serif;box-shadow:0 18px 50px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.25)}
#hsa-mydep:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,16,.18),rgba(8,6,16,.42));pointer-events:none}
#hsa-mydep>*{position:relative;z-index:1}
#hsa-mydep .gl{background:rgba(16,10,28,.34);border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);border-radius:12px;position:relative}
#hsa-mydep .gl:before{content:"";position:absolute;inset:2px;border-radius:9px;border:1px solid rgba(255,255,255,.16);pointer-events:none}
#hsa-mydep .hd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#hsa-mydep .hdl{padding:9px 12px}
#hsa-mydep .ttl{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#e9e4ff;font-weight:800}
#hsa-mydep .amt{font-size:26px;font-weight:900;letter-spacing:.2px;margin-top:2px;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.4)}
#hsa-mydep .st{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;color:#fff}
#hsa-mydep .st:before{border-radius:999px}
#hsa-mydep .st i{width:7px;height:7px;border-radius:50%;background:#ffd95c;display:inline-block}
#hsa-mydep .st.a i{background:#9fd18b}#hsa-mydep .st.r i{background:#ff8a80}
#hsa-mydep .bar{height:5px;border-radius:999px;background:rgba(255,255,255,.22);margin:12px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.25)}
#hsa-mydep .bar b{display:block;height:100%;width:30%;border-radius:999px;background:#fff}
#hsa-mydep .note{margin-top:8px;padding:8px 11px;font-size:11.5px;color:#f1eefc}
#hsa-mydep .note b{color:#fff}
#hsa-mydep .dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
#hsa-mydep .dl div{padding:8px 10px;min-width:0}
#hsa-mydep .dl div.w{grid-column:1/-1}
#hsa-mydep .dl small{display:block;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#cbd5e1;font-weight:800;margin-bottom:2px}
#hsa-mydep .dl span{font-size:12.5px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
#hsa-mydep .row{display:flex;gap:8px;margin-top:10px}
#hsa-mydep .bt{flex:1;padding:12px 8px;font-size:13px;font-weight:900;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff}
#hsa-mydep .bt.w{background:rgba(255,255,255,.92);color:#151226}
#hsa-mydep .bt[disabled]{opacity:.55;pointer-events:none}
#hsa-mydep .mn{width:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
#hsa-mydep .mn svg{width:18px;height:18px}
#hsa-mydep .tip{margin-top:8px;font-size:10.5px;color:#e2ddf5;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5)}
#hsa-mydep-pill{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 86px);z-index:2147482500;background:rgba(16,10,28,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:9px 14px;font:800 12px/1 -apple-system,system-ui,sans-serif;display:none;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(0,0,0,.4);cursor:pointer;white-space:nowrap}
#hsa-mydep-pill.on{display:inline-flex}
#hsa-mydep-pill i{width:8px;height:8px;border-radius:50%;background:#ffd95c;display:inline-block}

/* ==== style hsa-req-css ==== */

/* 🙋 Request page — dark glass (Events page ပုံစံ) · owner 2026-09-27 */
#hsareq{display:none;position:fixed;inset:0;z-index:2147483000;color:#eef2ff;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:50px;background:radial-gradient(120% 60% at 50% -10%,#1d3b6e 0%,#0b1426 45%,#06080f 100%)}
#hsareq.show{display:block}#hsareq *{box-sizing:border-box}
#hsareq .top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:rgba(8,12,24,.84);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}
#hsareq .bk{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;font-size:13px;font-weight:800;cursor:pointer;background:rgba(255,255,255,.07)}
#hsareq .h1{font-size:15px;font-weight:900}
#hsareq .wrap{padding:12px}
#hsareq .card{border-radius:16px;padding:12px;margin-bottom:12px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16)}
#hsareq .card:before{display:none}
#hsareq h3{margin:0 0 8px;font-size:13px;font-weight:900;color:#c9dcff}
#hsareq h3 small{font-weight:600;color:#93a4c7;font-size:11px}
#hsareq .kinds{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
#hsareq .kinds i{font-style:normal;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.28);font-size:12px;font-weight:800;cursor:pointer;color:#dbe6ff}
#hsareq .kinds i.on{background:#fff;color:#0b1426;border-color:#fff}
#hsareq input,#hsareq textarea{width:100%;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.22);border-radius:11px;color:#fff;padding:10px 12px;font-size:13.5px;outline:none;margin-bottom:8px;font-family:inherit}
#hsareq textarea{min-height:64px;resize:vertical}
#hsareq .btn{display:block;width:100%;padding:12px;border-radius:12px;background:#fff;color:#0b1426;font-size:13.5px;font-weight:900;text-align:center;cursor:pointer;border:0}
#hsareq .btn[disabled]{opacity:.5}
#hsareq .it{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.09)}
#hsareq .it:first-of-type{border-top:0}
#hsareq .it img,#hsareq .it .ph{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;background:rgba(255,255,255,.08)}
#hsareq .it .tx{flex:1;min-width:0}
#hsareq .it b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsareq .it span{display:block;font-size:11px;color:#93a4c7;margin-top:2px}
#hsareq .pill{flex:none;font-size:10.5px;font-weight:900;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.3);white-space:nowrap}
#hsareq .pill.p{color:#ffd95c;border-color:rgba(255,217,92,.5)}
#hsareq .pill.a{background:#9fd18b;color:#0d1a0a;border-color:#9fd18b}
#hsareq .pill.r{color:#f2b8b5;border-color:rgba(242,184,181,.5)}
#hsareq .buy{flex:none;padding:8px 12px;border-radius:10px;background:#9fd18b;color:#0d1a0a;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
#hsareq .adm .it{align-items:flex-start;flex-wrap:wrap}
#hsareq .adm .sr{width:100%;display:flex;flex-direction:column;gap:4px;margin-top:6px}
#hsareq .adm .sr .r{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-size:12px}
#hsareq .adm .sr .r.on{background:rgba(159,209,139,.18);border-color:#9fd18b}
#hsareq .adm .sr .r img{width:28px;height:28px;border-radius:7px;object-fit:cover}
#hsareq .adm .row{display:flex;gap:6px;width:100%;margin-top:6px}
#hsareq .adm .row input{margin:0;flex:1}
#hsareq .adm .ok,#hsareq .adm .no{padding:9px 12px;border-radius:10px;font-size:12px;font-weight:900;cursor:pointer;flex:none}
#hsareq .adm .ok{background:#9fd18b;color:#0d1a0a}#hsareq .adm .no{background:rgba(242,184,181,.2);color:#f2b8b5;border:1px solid rgba(242,184,181,.5)}
#hsareq .msg{color:#93a4c7;font-size:12px;padding:6px 0}
#hsareq .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#hsareq .gi{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
#hsareq .gi .im{width:56px;height:56px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
#hsareq .gi .im img{width:100%;height:100%;object-fit:cover}#hsareq .gi .im .ph{color:#93a4c7;font-size:20px}
#hsareq .gi b{font-size:11.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:29px}
#hsareq .gi span{font-size:10px;color:#93a4c7}
#hsareq .gi em{font-style:normal;margin-top:2px;padding:6px 0;width:100%;border-radius:9px;background:#fff;color:#0b1426;font-size:11px;font-weight:900;cursor:pointer}
#hsareq .gi em.on{background:rgba(159,209,139,.22);color:#9fd18b;border:1px solid rgba(159,209,139,.5)}
#hsareq .gi .rqv{background:rgba(255,255,255,.1);color:#dbe6ff;border:1px solid rgba(255,255,255,.28);padding:5px 0;font-size:10.5px}
#hsareq .gi .rqd{background:#9fd18b;color:#10240c}
#rq-det{display:none;position:fixed;inset:0;z-index:2147483100}#rq-det.on{display:block}
#rq-det .bd{position:absolute;inset:0;background:rgba(0,0,0,.55)}
#rq-det .sh{position:absolute;left:0;right:0;bottom:0;max-height:80vh;display:flex;flex-direction:column;background:#0f1a2e;border:1px solid rgba(255,255,255,.18);border-radius:18px 18px 0 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));color:#eef2ff}
#rq-det .hd2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#rq-det .ti{display:flex;align-items:center;gap:10px;min-width:0}#rq-det .ti img{width:44px;height:44px;border-radius:11px;object-fit:cover;flex:none}
#rq-det .ti b{display:block;font-size:14px}#rq-det .ti span{display:block;font-size:11px;color:#93a4c7;margin-top:2px}
#rq-det .x{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:16px;cursor:pointer}
#rq-det .ls{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:80px}
#rq-det .ri{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px}
#rq-det .ri:first-child{border-top:0}#rq-det .ri b{flex:none;text-align:right;font-size:12.5px;color:#9fd18b}#rq-det .ri b small{display:block;font-size:10px;color:#93a4c7;font-weight:600}
#rq-det .ft{padding-top:10px}#rq-det .rqb2{display:block;text-align:center;padding:12px;border-radius:12px;background:#fff;color:#0b1426;font-size:13.5px;font-weight:900;font-style:normal;cursor:pointer}
#rq-det .rqb2.on{background:rgba(159,209,139,.22);color:#9fd18b;border:1px solid rgba(159,209,139,.5)}
/* 🪟 item list sheet — glass (owner 2026-10-08 · blur 10px တစ်ခုတည်း · ဖုန်းမပူ) · $ အရင်းဈေး မပြ */
#rq-det .bd{background:rgba(0,0,0,.45)}
#rq-det .sh{background:linear-gradient(180deg,rgba(38,46,70,.97),rgba(13,17,28,.99));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-bottom:0;box-shadow:0 -10px 30px rgba(0,0,0,.45)}
#rq-det .ti img{border:1px solid rgba(255,255,255,.25)}
#rq-det .ls{display:flex;flex-direction:column;gap:7px;padding:2px 0}
#rq-det .ri{border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:11px 12px;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04))}
#rq-det .ri:first-child{border-top:1px solid rgba(255,255,255,.14)}
#rq-det .ri b{font-size:13.5px;font-weight:900}
#rq-det .x{background:rgba(255,255,255,.08)}
#rq-det .rqb2{background:rgba(255,255,255,.92)}

#hsareq .more{margin-top:8px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.22);text-align:center;font-size:12px;font-weight:800;cursor:pointer}
.hsa-req-dot{display:inline-block;min-width:16px;height:16px;line-height:16px;border-radius:999px;background:#ff3b5c;color:#fff;font-size:10px;font-weight:900;text-align:center;padding:0 4px;margin-left:6px;vertical-align:middle}

/* ==== style hsa-added-css ==== */

/* 🆕 user တောင်းလို့ ထည့်ထားတဲ့ game — main grid ထဲ card (NEW badge) · owner 2026-09-27 */

/* ==== style hsa-toptoast-css ==== */

/* 🔔 In-app top toast — iOS noti ပုံစံ glass · stack: ခေါက်ထား (တစ်ဝက်ပဲ ပြ) → နှိပ်/ဆွဲချ ဖြန့် → card နှိပ် item ဖွင့် (owner 2026-09-27) */
#hsa-ttw{position:fixed;left:10px;right:10px;top:calc(8px + env(safe-area-inset-top,0px));z-index:2147483500;display:flex;flex-direction:column;gap:8px;max-width:520px;margin:0 auto;pointer-events:none;touch-action:pan-y}
#hsa-ttw .tt{pointer-events:auto;position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:20px;color:#fff;cursor:pointer;min-height:64px;box-sizing:border-box;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.32);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  font-family:-apple-system,system-ui,"Segoe UI",sans-serif;transform:translateY(-130%) scale(.96);opacity:0;transition:transform .42s cubic-bezier(.2,.9,.25,1.15),opacity .3s,margin-top .3s}
#hsa-ttw .tt.on{transform:translateY(0) scale(1);opacity:1}
#hsa-ttw .tt.off{transform:translateY(-40%) scale(.94);opacity:0;transition:transform .25s ease-in,opacity .22s}
/* 📚 ခေါက်ထားချိန် — ဒုတိယကစ တစ်ဝက် ဖုံး · သေးသေး နောက်ဆုတ် */
#hsa-ttw.col .tt.on + .tt.on{margin-top:-36px}
#hsa-ttw.col .tt.on:nth-child(2){transform:translateY(0) scale(.96)}
#hsa-ttw.col .tt.on:nth-child(3){transform:translateY(0) scale(.92)}
#hsa-ttw.col .tt.on:nth-child(n+4){transform:translateY(0) scale(.88)}
#hsa-ttw.col .tt.on:nth-child(n+2) .tx,#hsa-ttw.col .tt.on:nth-child(n+2) .x{opacity:.45}
#hsa-ttw .tt .im{width:42px;height:42px;border-radius:12px;object-fit:cover;flex:none;background:rgba(255,255,255,.14)}
#hsa-ttw .tt .ic{width:42px;height:42px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;font-size:17px;background:rgba(255,255,255,.14)}
#hsa-ttw .tt .tx{flex:1;min-width:0}
#hsa-ttw .tt b{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-ttw .tt b small{margin-left:auto;font-size:10px;font-weight:600;color:rgba(255,255,255,.65)}
#hsa-ttw .tt span{display:block;font-size:11.5px;color:rgba(255,255,255,.88);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-ttw .tt em{display:block;font-style:normal;font-size:11.5px;font-weight:800;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsa-ttw .tt.drop b{color:#b8f0a0}#hsa-ttw .tt.drop em{color:#ffe08a}#hsa-ttw .tt.drop em s{color:rgba(255,255,255,.55);font-weight:600;margin-right:6px}
#hsa-ttw .tt.back b{color:#9fe0ff}#hsa-ttw .tt.back em{color:#b8f0a0}
#hsa-ttw .tt.new b{color:#dcd0ff}#hsa-ttw .tt.new em{color:#fff}
#hsa-ttw .tt .x{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:14px;color:#fff;background:rgba(255,255,255,.12)}
#hsa-ttw .fold{pointer-events:auto;display:none;align-self:center;gap:8px;margin-top:2px}
#hsa-ttw.exp .fold{display:flex}
#hsa-ttw .fold i{font-style:normal;font-size:11px;font-weight:800;color:#fff;padding:6px 12px;border-radius:999px;background:rgba(20,22,32,.7);border:1px solid rgba(255,255,255,.3);cursor:pointer;font-family:system-ui,sans-serif}
#hsa-ttdemo{position:fixed;right:14px;bottom:calc(160px + env(safe-area-inset-bottom,0px));z-index:2147482000;display:flex;align-items:center;gap:6px;font-family:system-ui,sans-serif}
#hsa-ttdemo b{padding:9px 13px;border-radius:12px;background:#7fd3ff;color:#111;font-size:12px;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.45);cursor:pointer}
#hsa-ttdemo i{width:26px;height:26px;border-radius:50%;background:#111;color:#fff;border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:14px;cursor:pointer}

/* ==== style hsa-efb-guide-css ==== */

/* ⚽ eFootball — KONAMI ID ချိတ်နည်း လမ်းညွှန် (owner 2026-09-29) · CoC guide (.cocg) style ပြန်သုံး · ပုံ wide (1280×588) */
#gc-efb-guide .cocg-c img{aspect-ratio:1280/588;object-fit:contain;background:#000}
#gc-efb-guide .cocg-t b{background:#1476ff}

/* ==== style hsa-packhide-css ==== */

/* 👁 Pack hide icon — admin ပဲ မြင် · hide ထားရင် user မမြင်ရ (owner 2026-09-29) */
#mlp-packs .mlp-c,.gcp-tab{position:relative}
.hsa-ph{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:8px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer}
.hsa-ph svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hsa-ph-off{opacity:.5}
.hsa-ph-go{cursor:inherit;pointer-events:none;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);border-radius:50%}
.hsa-ph-off .hsa-ph{background:#b3261e;border-color:#ffb4ab;opacity:1}
.hsa-ph-off .mlp-n::after,.hsa-ph-off > b::after{content:" · hidden";font-size:10px;color:#ffb4ab}

/* ==== style hsa-howto-css ==== */

/* 🎬 အသုံးပြုနည်း — app အစစ် screenshot frame + စာ + နှိပ်တဲ့နေရာ ပြ · video လို auto play (owner 2026-09-29) */
#hsaht{position:fixed;inset:0;z-index:2147483300;display:none;background:#07080d;color:#fff;font-family:inherit}
#hsaht.on{display:flex;flex-direction:column}
body.ht-open #hsa-ttw,body.ht-open #hsa-botstart,body.ht-open #hsa-selchip,body.ht-open .bottom-nav,body.ht-open .nav-bar,body.ht-open #hsa-theme-icon,body.ht-open #scrollTopBtn{display:none!important}
#hsaht .ht-top{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 10px}
#hsaht .ht-top b{flex:1;font-size:17px;font-weight:900}
#hsaht .ht-x{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}
#hsaht .ht-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 14px 30px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:14px 12px}
#hsaht .ht-card{box-sizing:border-box;width:calc(50% - 7px);flex:0 0 calc(50% - 7px);display:flex;flex-direction:column;height:auto!important;max-height:none!important;border-radius:16px;overflow:hidden;background:#12141d;border:1px solid rgba(255,255,255,.14);cursor:pointer;position:relative;min-width:0}
#hsaht .ht-card .ht-im{position:relative;display:block;width:100%;height:250px!important;min-height:250px;flex:0 0 250px;overflow:hidden;background:#000}
#hsaht .ht-card .ht-im img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
#hsaht .ht-card .ht-pl{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);color:#0b0c12;display:flex;align-items:center;justify-content:center;font-size:11px;padding-left:2px}
#hsaht .ht-card .ht-tx{display:block;padding:9px 10px 11px}
#hsaht .ht-card .ht-tt{display:block;font-size:13.5px;font-weight:900;line-height:1.5;color:#fff}
#hsaht .ht-card .ht-mt{display:block;font-size:10.5px;font-weight:800;color:#b9a2ff;margin-top:2px}
#hsaht .ht-card .ht-ds{display:block;font-size:11.5px;font-weight:600;line-height:1.6;color:#c9cedb;margin-top:4px}
#hsaht .ht-soon{width:100%;font-size:12px;color:#8e97ab;text-align:center;padding:8px 0}
/* player */
#hsaht .ht-pl{flex:1;display:none;flex-direction:column;min-height:0}
#hsaht.play .ht-list{display:none}
#hsaht.play .ht-pl{display:flex}
#hsaht .ht-bars{display:flex;gap:4px;padding:0 16px 10px}
#hsaht .ht-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden;position:relative}
#hsaht .ht-bars i b{position:absolute;inset:0;width:0;background:#fff}
#hsaht .ht-bars i.done b{width:100%}
#hsaht .ht-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 16px;position:relative}
#hsaht .ht-ph{position:relative;height:100%;max-height:100%;aspect-ratio:390/844;border-radius:22px;overflow:hidden;outline:2px solid rgba(255,255,255,.18);background:#000}
#hsaht .ht-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}
#hsaht .ht-ph img.on{opacity:1}
#hsaht .ht-hl{position:absolute;box-sizing:border-box;border:2.5px solid #cbb8ff;border-radius:10px;box-shadow:0 0 0 1.5px rgba(255,255,255,.9) inset,0 0 14px rgba(203,184,255,.75),0 0 0 2000px rgba(8,6,20,.42);pointer-events:none;opacity:0;transition:opacity .12s ease}
#hsaht .ht-hl.on{opacity:1}
#hsaht .ht-tap{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;pointer-events:none;opacity:0}
#hsaht .ht-tap.on{animation:htTap 1.1s ease-out .15s 2 both}
#hsaht .ht-tap::before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #cbb8ff,0 0 10px rgba(203,184,255,.9)}
#hsaht .ht-tap::after{content:"";position:absolute;inset:0;border-radius:50%;border:2.5px solid #e6dcff}
@keyframes htTap{0%{opacity:0;transform:scale(1.5)}25%{opacity:1;transform:scale(.85)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}
#hsaht .ht-nav{position:absolute;top:0;bottom:0;width:34%;cursor:pointer}
#hsaht .ht-nav.l{left:0}#hsaht .ht-nav.r{right:0}
#hsaht .ht-cap{margin:12px 16px 0;padding:13px 14px;border-radius:16px;background:#fff;color:#0c0d12;display:flex;gap:11px;align-items:flex-start;min-height:62px}
#hsaht .ht-cap .n{flex:none;min-width:34px;height:26px;padding:0 8px;border-radius:9px;background:#0c0d12;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
#hsaht .ht-cap .c{font-size:14.5px;font-weight:800;line-height:1.6}
#hsaht .ht-ctl{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 14px)}
#hsaht .ht-ctl span{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer}
#hsaht .ht-ctl span.pp{width:58px;height:58px;background:#fff;color:#0c0d12;font-size:18px;border:0}
@media (prefers-reduced-motion:reduce){#hsaht .ht-tap.on{animation:none;opacity:1}}
/* ⏩ scrub bar — ဖိပြီး ဆွဲရင် အဆင့် ရွှေ့ · အပေါ်မှာ နံပါတ် (owner 2026-09-29) */
#hsaht .ht-scr{position:relative;margin:14px 22px 0;height:30px;touch-action:none;cursor:pointer}
#hsaht .ht-scr .tr{position:absolute;left:0;right:0;top:13px;height:5px;border-radius:5px;background:rgba(255,255,255,.18)}
#hsaht .ht-scr .fl{position:absolute;left:0;top:13px;height:5px;border-radius:5px;background:linear-gradient(90deg,#e6dcff,#b9a2ff);width:0}
#hsaht .ht-scr .tk{position:absolute;top:13px;width:3px;height:5px;background:rgba(7,8,13,.7)}
#hsaht .ht-scr .th{position:absolute;top:6px;width:19px;height:19px;margin-left:-9.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #cbb8ff}
#hsaht .ht-scr .bb{position:absolute;bottom:30px;margin-left:-19px;width:38px;height:30px;border-radius:10px;background:#cbb8ff;color:#140f2a;font-size:14px;font-weight:900;display:none;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
#hsaht .ht-scr.drag .bb{display:flex}
#hsaht .ht-scr.drag .th{transform:scale(1.2)}
/* 🍃 home banner leaf (low power) ခလုတ် ဖျောက် (owner 2026-09-29) */

/* 🎬 Gift card page ဘယ်ဘက်အောက် — အသုံးပြုနည်း (owner 2026-09-29) */
#ht-gcbtn{display:none!important}
#ht-gcbtn{position:fixed;left:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 152px);z-index:9990;display:none;align-items:center;gap:7px;padding:9px 13px 9px 10px;border-radius:14px;background:#fff;color:#1a1330;font-size:12.5px;font-weight:900;box-shadow:0 0 0 2px #cbb8ff,0 6px 18px rgba(0,0,0,.35);cursor:pointer}
#ht-gcbtn.on{display:inline-flex}
#ht-gcbtn i{width:22px;height:22px;border-radius:50%;background:#cbb8ff;color:#1a1330;display:flex;align-items:center;justify-content:center;font-size:10px}
body.ht-open #ht-gcbtn{display:none!important}

/* ==== style hsa-howto-web-css ==== */

/* 🎬 website home — အသုံးပြုနည်း bar (hs-tabs အပေါ်) */
#ht-webbar{display:flex;align-items:center;gap:10px;width:90%;max-width:340px;margin:10px auto 0;padding:11px 14px;border-radius:14px;box-sizing:border-box;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);color:#fff;cursor:pointer}
#ht-webbar i{flex:none;font-size:18px}
#ht-webbar b{font-size:13.5px;font-weight:900}
#ht-webbar small{display:block;font-size:11px;font-weight:700;opacity:.75;margin-top:1px}
#ht-webbar em{margin-left:auto;font-style:normal;font-size:16px;opacity:.7}

/* ==== style hsa-cardhide-css ==== */

/* 👁 card hide — admin က eye နှိပ်ရင် user အားလုံး မမြင် · admin ပဲ မှိန်မှိန် မြင် (owner 2026-10-01) */
body:not(.hsa-is-admin) .hsa-chid{display:none !important}
body.hsa-is-admin .hsa-chid{opacity:.4}
.hsa-ceye{position:absolute;z-index:6;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(12,13,18,.82);border:1.5px solid rgba(255,255,255,.45);color:#fff;font-size:11px;cursor:pointer;left:6px;bottom:6px}
.hsa-chid .hsa-ceye{background:#e03131;border-color:#fff;opacity:1}
#hsa-gcstrip .gs-c,#hsa-keystrip .c{position:relative}
#hsa-gcstrip .gs-c .hsa-ceye,#hsa-keystrip .c .hsa-ceye{width:22px;height:22px;font-size:9.5px;left:5px;top:5px;bottom:auto}
#hsa-gcstrip .gs-c .hsa-ceye{top:37px;left:auto;right:5px}

/* ==== style hsa-gchub-css ==== */

/* 🎮 Xbox / Nintendo gift card hub (owner 2026-10-06) — data /simg/rpt/gc-hub.json (hsa_gc_hub.py) */
#hsahub{display:none;position:fixed;inset:0;z-index:2147483000;color:#eef2ff;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:60px;background:#0b1020}
#hsahub.show{display:block}#hsahub *{box-sizing:border-box}
#hsahub.f-xbox{background:radial-gradient(120% 55% at 50% -10%,#14531a 0%,#0b1a10 45%,#06080f 100%)}
#hsahub.f-nintendo{background:radial-gradient(120% 55% at 50% -10%,#6e1016 0%,#1e0b0e 45%,#06080f 100%)}
#hsahub .top{position:sticky;top:0;z-index:2;background:rgba(8,10,16,.9);border-bottom:1px solid rgba(255,255,255,.1);padding:calc(10px + env(safe-area-inset-top,0px)) 12px 8px}
#hsahub .tr{display:flex;align-items:center;justify-content:space-between;gap:8px}
#hsahub .bk{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;font-size:13px;font-weight:800;cursor:pointer;background:rgba(255,255,255,.07)}
#hsahub .h1{font-size:15px;font-weight:900;flex:1;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hsahub .h1 small{display:block;font-size:10.5px;font-weight:700;color:#a5b0c8}
#hsahub .tabs,#hsahub .chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:10px}
#hsahub .tabs::-webkit-scrollbar,#hsahub .chips::-webkit-scrollbar{display:none}
#hsahub .tabs i{flex:none;font-style:normal;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.26);font-size:12px;font-weight:800;cursor:pointer;color:#e2e8f5;white-space:nowrap}
#hsahub .tabs i.on{background:#fff;color:#0b1020;border-color:#fff}
#hsahub .tabs i small{font-weight:700;opacity:.7;margin-left:4px;font-size:10px}
#hsahub .chips{margin-top:8px}#hsahub .chips:empty{display:none}
#hsahub .chips i{flex:none;font-style:normal;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:800;cursor:pointer;color:#cbd5e8;white-space:nowrap}
#hsahub .chips i.on{background:rgba(201,187,247,.25);border-color:#c9bbf7;color:#fff}
#hsahub .fl{margin-top:8px}
#hsahub .fl input{width:100%;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.22);border-radius:11px;color:#fff;padding:9px 12px;font-size:13px;outline:none;font-family:inherit}
#hsahub .wrap{padding:12px}
#hsahub .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#hsahub .kc{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}
#hsahub .kc .im{width:100%;aspect-ratio:4/3;background:rgba(0,0,0,.35);overflow:hidden}
#hsahub .kc .im img{width:100%;height:100%;object-fit:cover;display:block}
#hsahub .kc .rg{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:7px;background:rgba(0,0,0,.65);font-size:9.5px;font-weight:900;color:#fff;display:inline-flex;align-items:center;gap:4px}
#hsahub .fg{width:16px;height:12px;border-radius:2px;object-fit:cover;vertical-align:-2px;margin-right:5px;display:inline-block}
#hsahub .kc .rg .fg{margin-right:0}
#hsahub .chips i .fa-globe{margin-right:5px;font-size:11px}
#hsahub .kc .tx{padding:8px 9px 9px;display:flex;flex-direction:column;gap:4px;flex:1}
#hsahub .kc b{font-size:11.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;font-weight:800}
#hsahub .kc em{margin-top:auto;font-style:normal;font-size:12px;font-weight:900;color:#ffd95c}
#hsahub .kc em small{font-size:9px;color:#a5b0c8;font-weight:700;margin-right:3px}
#hsahub .msg{color:#a5b0c8;font-size:12px;padding:16px 0;text-align:center}
#hsahub .more{margin-top:12px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.24);text-align:center;font-size:12.5px;font-weight:900;cursor:pointer;background:rgba(255,255,255,.05)}
.hsa-hub-tile .hub-n{position:absolute;top:6px;right:6px;padding:2px 7px;border-radius:8px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;font-weight:900}