/* =====================================================================
   gks-v151.css  (v1-fixed-151)  - ONE navy + gold look on every page
   1) Durga leftovers hidden   2) navy grid wallpaper everywhere
   3) logo frame: clean gold box, NO rotating / dashed shadow box
   4) dashboard boxes: new gold dot-glow decoration (replaces old emoji)
   5) store card: same navy/gold colours + animation on every page
   Remove: delete the gks-v151.css line from the page.
   ===================================================================== */

/* ---------- 1) Durga / festival leftovers ---------- */
#dp-layer,.g116-deco,.dp-layer,.dp-garland,.dp-bell,.dp-petal,img[src*="durga-banner"],img[src*="garland"],img[src*="diya"],img[src*="mandala"]{display:none!important}

/* ---------- 2) wallpaper: navy grid, every page ---------- */
html{background:#100918!important}
html::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#100918 url(/assets/bg-wall.jpg?v=162) center top/cover no-repeat}
html:root body:not(#_){background-color:transparent!important;background-image:none!important}

/* ---------- 3) logo frame (login / register / loading) ---------- */
html:root body:not(#_) .logo .r2,
html:root body:not(#_) .logo .fx{display:none!important}
html:root body:not(#_) .logo::before{
  content:""!important;display:block!important;position:absolute!important;inset:-10px!important;
  border:2px solid rgba(149,95,211,.9)!important;border-radius:32px!important;padding:0!important;
  background:none!important;-webkit-mask:none!important;mask:none!important;
  box-shadow:0 0 20px rgba(149,95,211,.28),inset 0 0 12px rgba(149,95,211,.12)!important;
  transform:none!important;rotate:none!important;animation:none!important}
html:root body:not(#_) .logo::after{
  inset:-44px!important;border:0!important;border-radius:50%!important;transform:none!important;animation:none!important;
  background:radial-gradient(circle,rgba(149,95,211,.20),transparent 68%)!important}
html:root body:not(#_) .logo{animation:none!important}
html:root body:not(#_) .logo img{border-radius:25px!important;border:0!important}

/* ---------- 4) dashboard / profile boxes: new decoration ---------- */
@keyframes gksDotPulse{0%,100%{opacity:.35}50%{opacity:.8}}
@keyframes gksTopLine{0%,100%{background-position:-60% 0,0 0,0 0}50%{background-position:160% 0,0 0,0 0}}
html:root:root body:not(#_) :is(.statCard,.balanceCard){
  --bx:214,178,92;position:relative!important;overflow:hidden!important;
  border:1px solid rgba(var(--bx),.36)!important;border-radius:22px!important;
  background:
    linear-gradient(90deg,transparent,rgba(var(--bx),.95),transparent) -60% 0/45% 2px no-repeat,
    radial-gradient(circle at 100% 0,rgba(var(--bx),.20),transparent 50%),
    linear-gradient(160deg,#2c1a40 0%,#180d24 100%)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 22px rgba(var(--bx),.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
  animation:gksTopLine 5.5s ease-in-out infinite}
html:root:root body:not(#_) :is(.statCard,.balanceCard)::before{
  content:""!important;display:block!important;position:absolute!important;right:0!important;top:0!important;left:auto!important;bottom:auto!important;
  width:64%!important;height:70%!important;pointer-events:none!important;z-index:0!important;border:0!important;
  background:radial-gradient(rgba(var(--bx),.65) 1.1px,transparent 1.7px) 0 0/12px 12px!important;
  -webkit-mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 72%)!important;mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 72%)!important;
  animation:gksDotPulse 4.5s ease-in-out infinite!important}
html:root:root body:not(#_) :is(.statCard,.balanceCard)>*:not(.tapRing){position:relative;z-index:1}
html:root:root body:not(#_) .statCard:nth-child(2){--bx:56,150,255}
html:root:root body:not(#_) .statCard:nth-child(3){--bx:168,110,255}
html:root:root body:not(#_) .statCard:nth-child(4){--bx:40,200,140}
html:root:root body:not(#_) .statCard:nth-child(2){animation-delay:.7s}
html:root:root body:not(#_) .statCard:nth-child(3){animation-delay:1.4s}
html:root:root body:not(#_) .statCard:nth-child(4){animation-delay:2.1s}

/* other boxes (profile, history, deposit, referral...): same navy + gold, no leftover orange/maroon */
html:root body:not(#_) :is(.rk-card,.profile-card,.panel-card,.history-card,.deposit-history-item,.payment-card,.deposit-card,.deposit-box,.qr-box,.plan-price-box){
  background:linear-gradient(160deg,#2c1a40 0%,#180d24 100%)!important;
  border:1px solid rgba(149,95,211,.34)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.06)!important}

/* ---------- 5) STORE card: navy + gold everywhere ---------- */
html:root body:not(#_) .pc-card{
  background:linear-gradient(175deg,#28183b 0%,#170d23 100%)!important;
  border:1px solid rgba(171,113,237,.30)!important;border-radius:22px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)!important}
html:root:root body:not(#_) .pc-card .pc-btns>.pc-fb{background:linear-gradient(140deg,#362050,#1d102b)!important;border:1px solid rgba(149,95,211,.6)!important}
html:root:root body:not(#_) .pc-card .pc-btns>.pc-up{background:linear-gradient(140deg,#301451,#1d0c30)!important;border:1px solid rgba(145,70,230,.55)!important}
html:root:root body:not(#_) .pc-card .pc-btns .pc-lbl small{color:#c9d2e3!important;-webkit-text-fill-color:#c9d2e3!important}
html:root:root body:not(#_) .pc-card .pc-plans .pc-row .pc-p .gks-was{color:#97a3bb!important;-webkit-text-fill-color:#97a3bb!important}
html:root:root body:not(#_) .pc-card .pc-more{color:#bb96e6!important;border-color:rgba(149,95,211,.5)!important}
html:root:root body:not(#_) .pc-card .pc-feat{border-left-color:#955dd5!important;background:linear-gradient(100deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important}
/* price boxes keep their own accent colour (gold / teal / purple / orange) on a navy base */
html:root:root body:not(#_) .pc-card .pc-plans .pc-row{background:radial-gradient(120% 140% at 0 0,color-mix(in srgb,var(--ac,#af6cfb) 20%,transparent) 0%,transparent 60%),linear-gradient(160deg,#2c1a41 0%,#180d24 100%)!important}

@media (prefers-reduced-motion:reduce){
  html:root:root body:not(#_) :is(.statCard,.balanceCard),
  html:root:root body:not(#_) :is(.statCard,.balanceCard)::before{animation:none!important}}

/* ---------- v151b: dashboard box tap = no stretch / no glitch ---------- */
html:root:root body:not(#_) .statCard{height:auto!important;max-height:170px!important;min-height:112px!important;align-self:start!important;contain:layout paint!important;transform:none!important;transition:scale .15s ease!important}
html:root:root body:not(#_) .statCard:active{scale:.97}
html:root:root body:not(#_) #page-dashboard .statCard.boxTap{animation:gksTopLine 5.5s ease-in-out infinite!important}
html:root:root body:not(#_) .statCard .tapRing,
html:root:root body:not(#_) .statCard::after{display:none!important;animation:none!important}
html:root:root body:not(#_) .balanceCard{max-height:none!important}

/* =====================================================================
   v153: header (light see-through, no strip behind) / soft tap / FAST scroll
   ===================================================================== */
@keyframes gksTapSoft{0%{scale:1}40%{scale:.975}100%{scale:1}}

/* ---- header: light transparent glass, nothing behind it ---- */
html:root:root body:not(#_) #main-app#main-app>nav#gks-hdr.topHeader,
html:root:root body:not(#_) #main-app>.topHeader,
html:root:root body:not(#_) nav#gks-hdr.topHeader{
  background:linear-gradient(180deg,rgba(42,23,64,.58),rgba(23,12,35,.58))!important;
  border:1.5px solid rgba(171,113,237,.7)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.2)!important;backdrop-filter:blur(12px) saturate(1.2)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.30)!important;opacity:1!important}
html:root:root body:not(#_) #main-app#main-app>nav#gks-hdr.topHeader::before,
html:root:root body:not(#_) #main-app#main-app>nav#gks-hdr.topHeader::after{display:none!important;content:none!important}
html:root:root body:not(#_) #main-app,
html:root:root body:not(#_) .page-content,
html:root:root body:not(#_) #gks-topbar{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important}

/* ---- dashboard boxes: tap = tiny press only, never bigger ---- */
html:root:root body:not(#_) #page-dashboard :is(.statCard,.navBox,.reseller,.balanceCard,[class*="premiumClickable"]){
  transform:none!important;will-change:auto!important}
html:root:root body:not(#_) #page-dashboard .boxTap{animation:gksTapSoft .28s ease-out!important}
html:root:root body:not(#_) #page-dashboard .boxTap .tapRing{display:none!important}
html:root:root:root body:not(#_) :is(.statCard,.balanceCard){animation:none!important}
html:root:root:root body:not(#_) .statCard:active{scale:1}
@media (hover:none){
  html:root body:not(#_) :is(.panel-card,.glass,.history-card,.deposit-history-item,.plan-price-box,.video-wrapper,.pc-card):hover{transform:none!important}}

/* ---- SPEED: no blur layers, no endless animations, own layer for wallpaper ---- */
html:root:root body:not(#_) *{-webkit-backdrop-filter:none;backdrop-filter:none}
html:root:root body:not(#_) #main-app#main-app>nav#gks-hdr.topHeader{-webkit-backdrop-filter:blur(12px) saturate(1.2)!important;backdrop-filter:blur(12px) saturate(1.2)!important}
html{scroll-behavior:auto!important;-webkit-overflow-scrolling:touch}
html::before{transform:translateZ(0);will-change:transform;backface-visibility:hidden}
html:root body:not(#_){background-attachment:scroll!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card{
  animation:gksRise .45s cubic-bezier(.2,.8,.2,1) both!important;
  content-visibility:auto;contain-intrinsic-size:auto 620px;contain:layout paint style}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card :is(.pc-fic,.pc-fch,.pc-bch,.buy-key-icon,.buy-arrow,.pc-badge,.pc-name){animation:none!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card :is(.pc-buy,.pc-go,.pc-btn,.pc-media)::after{animation:none!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-media .pc-badge{animation:none!important}
html:root:root body:not(#_) :is(.history-card,.deposit-history-item){content-visibility:auto;contain-intrinsic-size:auto 120px}
html:root:root body:not(#_) *{will-change:auto}
html:root:root body:not(#_) html::before{will-change:transform}

/* ---- polish ---- */
::selection{background:rgba(149,95,211,.35);color:#fff}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
html:root body:not(#_) :is(button,.btn,a.btn){transition:scale .12s ease}
html:root body:not(#_) :is(button,.btn,a.btn):active{scale:.97}

/* =====================================================================
   v154: menu box + stat-card height lock + fast taps + light box polish
   ===================================================================== */
html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
*{-webkit-tap-highlight-color:transparent}

/* dashboard stat boxes: fixed height, can never grow on click */
html:root:root:root body:not(#_) .statCard{height:136px!important;min-height:0!important;max-height:136px!important;overflow:hidden!important;align-self:stretch!important}
html:root:root:root body:not(#_) .statCard>*{max-height:100%}

/* ---------- MENU (side drawer): one solid box, buttons inside ---------- */
html:root:root body:not(#_) #gks-menu-backdrop{background:rgba(0,0,0,.6)!important}
html:root:root body:not(#_) #gks-side-drawer{
  background:linear-gradient(165deg,#261638 0%,#170c23 70%)!important;
  border-right:1px solid rgba(149,95,211,.5)!important;border-radius:0 26px 26px 0!important;
  box-shadow:18px 0 44px rgba(0,0,0,.6)!important;padding-bottom:18px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{
  margin:12px 12px 8px!important;padding:14px!important;border-radius:20px!important;
  background:linear-gradient(135deg,rgba(149,95,211,.18),rgba(255,255,255,.03))!important;
  border:1px solid rgba(149,95,211,.38)!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{
  margin:6px 12px!important;padding:8px 12px!important;min-height:54px!important;border-radius:16px!important;
  background:rgba(255,255,255,.05)!important;border:1px solid rgba(149,95,211,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;transition:scale .12s ease,background .15s ease!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item:active{scale:.97;background:rgba(149,95,211,.18)!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.logout{background:rgba(248,113,113,.09)!important;border-color:rgba(248,113,113,.4)!important}

/* ---------- light box polish on every page (no pseudo elements = no glitch) ---------- */
html:root body:not(#_) :is(.rk-card,.profile-card,.panel-card,.history-card,.deposit-history-item,.payment-card,.deposit-card,.deposit-box,.qr-box,.plan-price-box,.reseller,.navBox){
  background:radial-gradient(circle at 100% 0,rgba(149,95,211,.13),transparent 46%),linear-gradient(160deg,#2c1a40 0%,#180d24 100%)!important;
  border:1px solid rgba(149,95,211,.34)!important;border-radius:20px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important}

/* =====================================================================
   v155: smaller menu + decorated store card
   ===================================================================== */
html:root:root body:not(#_) #gks-side-drawer{width:min(66vw,290px)!important;max-width:290px!important;border-radius:0 22px 22px 0!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{margin:10px 10px 6px!important;padding:10px!important;border-radius:16px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar-wrap,
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar{width:46px!important;height:46px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-user strong{font-size:15px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-section{margin:8px 14px 2px!important;font-size:10px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{margin:4px 10px!important;padding:6px 10px!important;min-height:46px!important;border-radius:14px!important;gap:10px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>:first-child{width:34px!important;height:34px!important;flex:0 0 34px!important;min-width:34px!important;border-radius:11px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>:first-child svg{width:17px!important;height:17px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item b,
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>span{font-size:13.5px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item small{font-size:10.5px!important;line-height:1.2!important}

/* ---------- STORE card: richer colour + design inside (layers only, no pseudo elements) ---------- */
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card{
  background:
    radial-gradient(circle at 100% 0,rgba(149,95,211,.20),transparent 42%),
    radial-gradient(circle at 0 100%,rgba(70,120,255,.16),transparent 46%),
    radial-gradient(rgba(149,95,211,.12) 1px,transparent 1.5px) 0 0/18px 18px,
    linear-gradient(170deg,#381f55 0%,#27133e 48%,#1a0c2a 100%)!important;
  border:1px solid rgba(171,113,237,.45)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 24px rgba(149,95,211,.10),inset 0 1px 0 rgba(255,255,255,.10)!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card:nth-child(even){
  background:
    radial-gradient(circle at 100% 0,rgba(168,110,255,.20),transparent 42%),
    radial-gradient(circle at 0 100%,rgba(40,200,160,.14),transparent 46%),
    radial-gradient(rgba(149,95,211,.12) 1px,transparent 1.5px) 0 0/18px 18px,
    linear-gradient(170deg,#3b2158 0%,#27143e 48%,#1a0c2a 100%)!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-media{
  box-shadow:0 0 0 2px rgba(171,113,237,.55),0 0 22px rgba(149,95,211,.22),0 8px 18px rgba(0,0,0,.5)!important;border-radius:18px!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-name{
  text-shadow:0 0 18px rgba(171,113,237,.35),0 2px 8px rgba(0,0,0,.6)!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-feat{
  background:linear-gradient(100deg,rgba(149,95,211,.16),rgba(255,255,255,.04) 60%,rgba(255,255,255,.02))!important;
  box-shadow:inset 0 0 0 1px rgba(149,95,211,.16),0 4px 10px rgba(0,0,0,.25)!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-more{background:rgba(149,95,211,.07)!important}

/* =====================================================================
   v156: new box designs (corner frame + light hatch, radar rings), store without lag, lighter menu
   ===================================================================== */

/* ---- STORE card: gold corner frame + fine diagonal hatch (no dots) ---- */
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card,
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card:nth-child(even){
  --ca:214,178,92;
  background:
    linear-gradient(rgb(var(--ca)),rgb(var(--ca))) 12px 12px/26px 2px no-repeat,
    linear-gradient(rgb(var(--ca)),rgb(var(--ca))) 12px 12px/2px 26px no-repeat,
    linear-gradient(rgb(var(--ca)),rgb(var(--ca))) calc(100% - 12px) 12px/26px 2px no-repeat,
    linear-gradient(rgb(var(--ca)),rgb(var(--ca))) calc(100% - 12px) 12px/2px 26px no-repeat,
    linear-gradient(rgb(var(--ca)),rgb(var(--ca))) 12px calc(100% - 12px)/26px 2px no-repeat,
    linear-gradient(rgb(var(--ca)),rgb(var(--ca))) 12px calc(100% - 12px)/2px 26px no-repeat,
    linear-gradient(rgb(var(--ca)),rgb(var(--ca))) calc(100% - 12px) calc(100% - 12px)/26px 2px no-repeat,
    linear-gradient(rgb(var(--ca)),rgb(var(--ca))) calc(100% - 12px) calc(100% - 12px)/2px 26px no-repeat,
    repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px),
    radial-gradient(circle at 100% 0,rgba(var(--ca),.20),transparent 45%),
    radial-gradient(circle at 0 100%,rgba(70,120,255,.16),transparent 48%),
    linear-gradient(170deg,#381f55 0%,#27133e 48%,#1a0c2a 100%)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.10)!important;
  animation:none!important;content-visibility:visible!important;contain:none!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card:nth-child(even){--ca:190,140,255}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card:nth-child(3n){--ca:70,220,200}
/* no entrance replay while scrolling / list refresh = no glitch */
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card :is(.pc-feat,.pc-btn,.pc-buy,.pc-row,.pc-name,.pc-plans){animation:none!important}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-media{box-shadow:0 0 0 2px rgba(171,113,237,.55),0 6px 14px rgba(0,0,0,.45)!important}
html:root:root body:not(#_) #main-app #page-home #pc-list{overflow-anchor:none}
html:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row{box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important}

/* ---- DASHBOARD boxes: radar rings instead of dots ---- */
html:root:root body:not(#_) :is(.statCard,.balanceCard)::before{
  width:78%!important;height:92%!important;
  background:repeating-radial-gradient(circle at 100% 0,rgba(var(--bx),.55) 0 1.4px,transparent 1.4px 15px)!important;
  -webkit-mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 75%)!important;mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 75%)!important;
  animation:none!important;opacity:.55!important}

/* ---- MENU: lighter, flatter ---- */
html:root:root body:not(#_) #gks-side-drawer{width:min(64vw,270px)!important;max-width:270px!important;
  background:linear-gradient(180deg,rgba(36,21,54,.97),rgba(23,12,35,.97))!important;box-shadow:10px 0 24px rgba(0,0,0,.45)!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{background:rgba(149,95,211,.08)!important;border:1px solid rgba(149,95,211,.25)!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{background:transparent!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;min-height:44px!important;margin:3px 10px!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item:active{background:rgba(149,95,211,.14)!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item[class*="active"],
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.active{background:rgba(149,95,211,.12)!important;border-color:rgba(149,95,211,.4)!important}