/* ==============================================================
   HALA WIN PREMIUM BLACK & GOLD THEME v2
   Home-page visual override only. Keeps existing Vue/PHP logic.
   ============================================================== */
:root{
  --hala-black:#050505;
  --hala-black-2:#0b0a08;
  --hala-panel:#11100d;
  --hala-panel-2:#18140c;
  --hala-gold:#e7b640;
  --hala-gold-2:#ffd976;
  --hala-gold-3:#9b6512;
  --hala-cream:#fff1bd;
  --hala-line:rgba(236,184,62,.78);
  --hala-shadow:0 .10rem .28rem rgba(0,0,0,.62), inset 0 .01333rem 0 rgba(255,236,174,.16);

  --main-color:#e8b63d!important;
  --main_gradient-color:linear-gradient(180deg,#fff0a8 0%,#f1c85a 23%,#d59a21 62%,#80500b 100%)!important;
  --main_gradient-color2:linear-gradient(180deg,#ffe99a 0%,#dda62b 58%,#85550c 100%)!important;
  --light-main_gradient-color:var(--main_gradient-color)!important;
  --light-main-color:#e8b63d!important;
  --light-bg_white:#10100e!important;
  --text_color_L1:#fff3c6!important;
  --text_color_L2:#dec995!important;
  --text_color_L3:#a78c53!important;
  --text_color_L4:#1b1103!important;
  --bg_color_L1:#050505!important;
  --bg_color_L2:#0d0d0b!important;
  --bg_color_L3:#17130c!important;
  --darkBg:#080808!important;
  --Dividing-line_color:#6f4f17!important;
  --sheet_nva_color:#12100b!important;
  --sheet_detail_bg_color:#15120c!important;
  --pop_bg-color:linear-gradient(180deg,#241b0c 0%,#0a0907 100%)!important;
  --tab1:#090806!important;
  --tab2:#4d3510!important;
  --game_active_gradient:linear-gradient(180deg,#5f4312 0%,#211706 52%,#080705 100%)!important;
  --icon1:rgba(232,182,61,.82)!important;
  --icon2:rgba(232,182,61,.34)!important;
  --iconSecondary:rgba(232,182,61,.28)!important;
  --button_dis_color:#4a3d22!important;
}

html,body,#app{background:#050505!important;color:var(--hala-cream)!important}
body{
  background:
    radial-gradient(circle at 50% -8%,rgba(160,106,15,.23),transparent 28%),
    linear-gradient(180deg,#080706 0%,#030303 58%,#000 100%) fixed!important;
}
#app>div{background-color:transparent!important}

/* ---------- HOME SHELL ---------- */
.purple-home{
  background:
    radial-gradient(circle at 50% 0,rgba(125,83,11,.16),transparent 26%),
    linear-gradient(180deg,#070604 0%,#050505 28%,#020202 100%)!important;
  gap:.26rem!important;
  color:#fff1bd!important;
}

/* ---------- HEADER ---------- */
.purple-home__nav{
  background:linear-gradient(180deg,#171006 0%,#070604 50%,#030303 100%)!important;
  border-bottom:.02667rem solid #d8a52c!important;
  box-shadow:0 .08rem .28rem rgba(0,0,0,.72),inset 0 -.01333rem 0 rgba(255,231,153,.18)!important;
  overflow:hidden!important;
}
.purple-home__nav:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(115deg,rgba(255,225,132,.20),transparent 19%,transparent 81%,rgba(255,225,132,.18)),
    linear-gradient(90deg,rgba(242,188,57,.22),transparent 23%,transparent 77%,rgba(242,188,57,.20));
}
.purple-home__nav-bg{opacity:0!important}
.purple-home__nav-left--login{
  left:.10rem!important;padding:.08rem .14rem!important;border:.02667rem solid #b98520!important;
  border-left:0!important;border-radius:0 .62rem .62rem 0!important;
  background:linear-gradient(180deg,#2b210f 0%,#0d0b07 48%,#050505 100%)!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,238,178,.22),0 0 .18rem rgba(217,161,38,.10)!important;
}
.purple-home__nav-chip{overflow:visible!important}
.purple-home__nav-chip__amount{
  color:#fff0b4!important;font-weight:650!important;text-shadow:0 .02rem .08rem #000!important;
}
.purple-home__nav-chip__add{
  filter:sepia(1) saturate(5) hue-rotate(355deg) brightness(1.18) contrast(1.08)!important;
  drop-shadow:0 0 .08rem rgba(255,201,73,.35)!important;
}
.purple-home__nav-center{z-index:2!important}
.purple-home__nav-logo,
.purple-home__nav-center .purple-home__nav-logo{
  width:3.00rem!important;max-width:3.00rem!important;height:1.06rem!important;
  object-fit:contain!important;filter:drop-shadow(0 .04rem .08rem rgba(0,0,0,.78)) drop-shadow(0 0 .08rem rgba(243,188,47,.20))!important;
}
.purple-home__nav-right{
  margin-right:-.18rem!important;padding:.08rem .32rem .08rem .24rem!important;
  min-height:.80rem!important;border:.02667rem solid #b98520!important;border-right:0!important;
  border-radius:.62rem 0 0 .62rem!important;
  background:linear-gradient(180deg,#2b210f 0%,#0d0b07 48%,#050505 100%)!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,238,178,.22)!important;
}
.purple-home__nav-right .languageName{color:#fff0bd!important;font-weight:600!important}
.purple-home__nav-download img{filter:sepia(1) saturate(5) hue-rotate(350deg) brightness(1.2)!important}

/* ---------- HERO BANNER ---------- */
.purple-home .swiper_box{
  border-radius:.22rem!important;overflow:hidden!important;
  border:.02667rem solid rgba(230,178,57,.72)!important;
  background:#050505!important;
  box-shadow:0 .12rem .34rem rgba(0,0,0,.58),0 0 .16rem rgba(232,182,61,.10),inset 0 0 0 .01333rem rgba(255,235,161,.10)!important;
}
.purple-home .swiper_box .my-swipe{height:3.75rem!important}
.purple-home .swiper_box .my-swipe img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:.19rem!important;
  filter:none!important;opacity:1!important;box-shadow:none!important;
}
.purple-home .swiper_box .swiper-button{bottom:.14rem!important}
.purple-home .swiper_box .swiper-button span{background:rgba(255,234,169,.32)!important}
.purple-home .swiper_box .swiper-button span.active{
  background:linear-gradient(90deg,#fff0a0,#d6981c)!important;
  box-shadow:0 0 .08rem rgba(255,207,83,.55)!important;
}

/* ---------- NOTICE ---------- */
.purple-home .noticeBar__container,
.noticeBar__container{
  min-height:1.04rem!important;height:auto!important;padding:.08rem .12rem!important;
  border:.02667rem solid #c79329!important;border-radius:.60rem!important;
  background:linear-gradient(180deg,#17140d 0%,#080806 56%,#030303 100%)!important;
  box-shadow:var(--hala-shadow),inset 0 0 .20rem rgba(218,163,45,.08)!important;
  filter:none!important;
}
.noticeBar__container .notice_svg{
  filter:sepia(1) saturate(6) hue-rotate(350deg) brightness(1.2)!important;
}
.purple-home .noticeBar__container .noticeBar__container-body-text{
  color:#f5e7bf!important;font-size:.31rem!important;line-height:1.34!important;text-shadow:0 .02rem .05rem #000!important;
}
.purple-home .noticeBar__container .hotIcon,
.noticeBar__container .hotIcon{
  min-width:1.95rem!important;height:.72rem!important;padding:0 .26rem!important;
  color:#ffe29a!important;background:linear-gradient(180deg,#2b2110,#0c0a06)!important;
  border:.02667rem solid #d5a23b!important;border-radius:.46rem!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,238,180,.18),0 .04rem .10rem rgba(0,0,0,.45)!important;
}

/* ---------- CATEGORY TABS ---------- */
.game-tabs__scroll{gap:.23rem!important;padding:.10rem 0!important}
.game-tabs__scroll--sticky{
  background:#050505!important;box-shadow:-.4rem 0 #050505,.4rem 0 #050505,0 .08rem .18rem rgba(0,0,0,.55)!important;
}
.game-tabs__scroll-indicator{
  top:.10rem!important;height:.96rem!important;
  background:linear-gradient(180deg,#fff0a0 0%,#e9b641 33%,#bd7d13 77%,#704609 100%)!important;
  border:.02667rem solid #ffe39a!important;
  box-shadow:inset 0 .02rem .10rem rgba(255,255,255,.42),0 0 .16rem rgba(235,181,56,.30),0 .07rem .12rem rgba(0,0,0,.42)!important;
}
.game-tabs__scroll-item{
  height:.96rem!important;border:.02667rem solid #9d7428!important;
  background:linear-gradient(180deg,#181713 0%,#0b0b09 58%,#050505 100%)!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,236,169,.10),0 .06rem .12rem rgba(0,0,0,.45)!important;
}
.game-tabs__scroll-item span{color:#f4e7bf!important;font-weight:600!important;text-shadow:0 .02rem .05rem #000!important}
.game-tabs__scroll-item.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.game-tabs__scroll-item.active span{color:#241500!important;text-shadow:0 .01333rem 0 rgba(255,255,255,.34)!important;font-weight:800!important}
.game-tabs__scroll-item__icon{filter:drop-shadow(0 .03rem .06rem rgba(0,0,0,.55))!important}

/* ---------- SECTION HEADER ---------- */
.section-header{
  min-height:.94rem!important;
  background:linear-gradient(180deg,#18150d 0%,#090806 58%,#050505 100%)!important;
  border-bottom:.02667rem solid #9f7422!important;
}
.section-header__title-bg{background:none!important}
.section-header__title-bg__inner{
  background:linear-gradient(90deg,#8d5d0c 0%,#d6a139 52%,rgba(214,161,57,.10) 100%)!important;
  opacity:.34!important;box-shadow:none!important;
}
.section-header__title-bg__text{
  color:#ffe6a1!important;font-size:.39rem!important;font-weight:700!important;
  text-shadow:0 .02rem .08rem rgba(0,0,0,.92)!important;
}
.section-header__title-tail{background:none!important;width:.56rem!important;min-width:.56rem!important}
.section-header__right-all,.section-header__right-count,.section-header__right-arrow{color:#ffe8a8!important}

/* ---------- LOTTERY / GAME PANEL ---------- */
.purple-home .game-section,
.game-section{
  background:linear-gradient(145deg,#14110b 0%,#080806 48%,#030303 100%)!important;
  border:.02667rem solid #a87923!important;border-radius:.24rem!important;
  box-shadow:var(--hala-shadow),inset 0 0 .28rem rgba(225,166,42,.045)!important;
}
.game-section__grid{
  gap:.22rem!important;padding:.28rem!important;
}
.game-section__grid--square .game-section__grid-item{
  aspect-ratio:4/5!important;
}
.game-section__grid-item{
  position:relative!important;isolation:isolate!important;border-radius:.20rem!important;
  border:.02667rem solid #c29230!important;overflow:hidden!important;
  background:linear-gradient(145deg,#18140c,#070706 55%,#020202)!important;
  box-shadow:inset 0 0 0 .01333rem rgba(255,231,150,.10),inset 0 -.16rem .30rem rgba(0,0,0,.38),0 .08rem .16rem rgba(0,0,0,.52)!important;
}
.game-section__grid-item:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 72% 28%,rgba(255,203,75,.14),transparent 26%),
    linear-gradient(135deg,rgba(255,220,116,.09),transparent 26%,transparent 68%,rgba(192,127,16,.08));
}
.game-section__grid-item:after{
  content:"";position:absolute;top:-20%;right:-42%;width:82%;height:150%;z-index:0;pointer-events:none;
  transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,210,86,.07),transparent);
}
.hala-premium-game-card>img{opacity:0!important;visibility:hidden!important}
.hala-game-overlay{
  position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:.18rem .10rem .12rem;pointer-events:none;
}
.hala-game-title{
  color:#fff4cf;font-size:.32rem;line-height:1.05;font-weight:700;text-align:center;
  text-shadow:0 .025rem .07rem rgba(0,0,0,.95);letter-spacing:.005rem;
}
.hala-game-icon-wrap{
  flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0;
}
.hala-game-icon{
  display:block!important;visibility:visible!important;opacity:1!important;width:1.48rem!important;height:1.18rem!important;
  object-fit:contain!important;filter:drop-shadow(0 .06rem .10rem rgba(0,0,0,.72)) drop-shadow(0 0 .08rem rgba(242,185,53,.18))!important;
}
.hala-game-icon.hala-trx{filter:sepia(1) saturate(3.2) hue-rotate(350deg) brightness(1.13) drop-shadow(0 .06rem .10rem rgba(0,0,0,.72))!important}
.hala-dice-stack{position:relative;width:1.54rem;height:1.18rem}
.hala-dice-stack img{
  display:block!important;visibility:visible!important;opacity:1!important;position:absolute;width:.78rem!important;height:.78rem!important;object-fit:contain!important;
  filter:drop-shadow(0 .07rem .08rem rgba(0,0,0,.58))!important;
}
.hala-dice-stack img:first-child{left:.20rem;top:.12rem;transform:rotate(-15deg)}
.hala-dice-stack img:last-child{right:.14rem;bottom:.08rem;transform:rotate(15deg)}
.hala-game-button{
  width:82%;height:.50rem;display:flex;align-items:center;justify-content:center;border-radius:.30rem;
  color:#201300;font-size:.28rem;font-weight:800;
  background:linear-gradient(180deg,#fff0a0 0%,#efc754 28%,#d79b1e 68%,#9a6410 100%);
  border:.02667rem solid #ffe49a;
  box-shadow:inset 0 .03rem .08rem rgba(255,255,255,.55),inset 0 -.05rem .08rem rgba(99,54,0,.28),0 .05rem .10rem rgba(0,0,0,.55),0 0 .08rem rgba(239,186,54,.18);
  text-shadow:0 .01333rem 0 rgba(255,255,255,.45);
}

/* recommended / later home panels: remove purple surfaces */
.purple-home .recommended-games,
.purple-home .purple-home__section-card,
.purple-home .partner-logos{
  background:linear-gradient(145deg,#14110b,#070706 55%,#030303)!important;
  border:.02667rem solid #8f6821!important;border-radius:.22rem!important;
  box-shadow:var(--hala-shadow)!important;
}
.recommended-games__list-item{
  border:.02667rem solid #8e6824!important;background:#080806!important;box-shadow:0 .06rem .14rem rgba(0,0,0,.48)!important;
}
.partner-logos__grid-item:before{background:linear-gradient(135deg,#6e4b0c,#f0c65d,#7b510d)!important}
.partner-logos__grid-item:after{background:linear-gradient(180deg,#17140d,#070706)!important}

/* ---------- BOTTOM NAVIGATION ---------- */
.tabbar__pedestal{background:none!important;filter:none!important}
.tabbar__bar{
  background:linear-gradient(180deg,rgba(20,17,10,.98) 0%,rgba(7,7,6,.99) 42%,#020202 100%)!important;
  border-top:.02667rem solid #c18a24!important;
  box-shadow:0 -.10rem .26rem rgba(0,0,0,.78),inset 0 .01333rem 0 rgba(255,232,153,.18)!important;
}
.tabbar__items{padding-bottom:calc(.24rem + env(safe-area-inset-bottom))!important}
.tabbar__items-tab__icon{
  filter:grayscale(1) sepia(1) saturate(7) hue-rotate(352deg) brightness(1.02) contrast(1.08) drop-shadow(0 .03rem .05rem rgba(0,0,0,.65))!important;
}
.tabbar__items-tab span{color:#cdb984!important;font-weight:600!important;text-shadow:0 .02rem .05rem #000!important}
.tabbar__items-tab.active .tabbar__items-tab__icon{
  filter:grayscale(1) sepia(1) saturate(8) hue-rotate(350deg) brightness(1.32) contrast(1.05) drop-shadow(0 0 .09rem rgba(255,203,73,.56))!important;
}
.tabbar__items-tab.active span{color:#ffe278!important}
.tabbar__center{height:2.52rem!important}
.tabbar__center:before{
  content:"";position:absolute;left:50%;bottom:.08rem;transform:translateX(-50%);width:2.58rem;height:.82rem;z-index:-1;
  border:.02667rem solid #d9a63a;border-radius:55% 55% 24% 24%;
  background:linear-gradient(180deg,#f3cf69 0%,#c88919 62%,#744409 100%);
  box-shadow:inset 0 .03rem .08rem rgba(255,255,255,.42),0 -.04rem .18rem rgba(235,178,49,.22),0 .06rem .12rem rgba(0,0,0,.48);
}
.tabbar__center-icon--img{
  width:1.64rem!important;height:1.64rem!important;bottom:.46rem!important;
  filter:drop-shadow(0 .05rem .08rem rgba(0,0,0,.68)) drop-shadow(0 0 .08rem rgba(237,177,44,.26))!important;
}
.tabbar__center-fg{background:none!important}
.tabbar__center-text{
  bottom:.19rem!important;color:#201300!important;font-weight:800!important;font-size:.31rem!important;
  text-shadow:0 .01333rem 0 rgba(255,255,255,.40)!important;
}

/* ---------- COMMON SURFACES ---------- */
.van-cell,.van-dialog,.van-popup,.van-action-sheet,.van-collapse-item__content,[class*="container-content"],[class*="record"] [class*="item"]{
  --van-cell-background:#11100d;background-color:#11100d!important;
}
input,.van-field__control{color:#f3e5bd!important}
.van-tabs__line{background:#d5a52c!important}

/* Avoid old theme filters making assets look faded */
.purple-home img{opacity:1}


/* ==============================================================
   HALA WIN PREMIUM BLACK & GOLD THEME v3
   Winning information + earnings chart + visible Promotion center
   ============================================================== */

/* ---------- WINNING INFORMATION: remove pink/purple wash ---------- */
.purple-home .purple-home__section-card{
  position:relative!important;
  background:
    radial-gradient(circle at 50% 0,rgba(238,185,58,.08),transparent 34%),
    linear-gradient(145deg,#151108 0%,#090806 48%,#030303 100%)!important;
  border-color:#9f7422!important;
  box-shadow:0 .10rem .24rem rgba(0,0,0,.56),inset 0 0 0 .01333rem rgba(255,229,148,.08)!important;
}
.purple-home .luckyWinners__container{
  background:linear-gradient(180deg,rgba(21,17,9,.58),rgba(3,3,3,.78))!important;
  padding:.24rem .16rem .22rem!important;
}
.purple-home .luckyWinners__container-wrapper>div{
  gap:.16rem!important;
}
.purple-home .luckyWinners__container-wrapper__item{
  position:relative!important;
  width:1.64rem!important;
  padding:.08rem!important;
  border:.01333rem solid rgba(200,147,38,.42)!important;
  border-radius:.16rem!important;
  background:linear-gradient(180deg,#18130a 0%,#090806 55%,#040403 100%)!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,235,169,.10),0 .06rem .12rem rgba(0,0,0,.46)!important;
}
.purple-home .luckyWinners__container-wrapper__item-winType{
  position:relative!important;
  overflow:hidden!important;
  width:1.48rem!important;
  height:1.70rem!important;
  margin:0 0 .10rem!important;
  border:.02667rem solid #b88221!important;
  border-radius:.14rem!important;
  background:#070604!important;
  box-shadow:inset 0 0 .14rem rgba(237,179,47,.11),0 .04rem .10rem rgba(0,0,0,.52)!important;
}
.purple-home .luckyWinners__container-wrapper__item-winType:after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:
    linear-gradient(135deg,rgba(255,232,150,.18),transparent 34%,transparent 68%,rgba(188,122,14,.13)),
    linear-gradient(180deg,transparent 58%,rgba(0,0,0,.28));
  box-shadow:inset 0 0 0 .01333rem rgba(255,236,174,.10);
}
.purple-home .luckyWinners__container-wrapper__item-winType img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:.11rem!important;
  filter:grayscale(.72) sepia(.88) saturate(2.05) hue-rotate(350deg) brightness(.78) contrast(1.28)!important;
  transform:scale(1.02)!important;
}
.purple-home .luckyWinners__container-wrapper__item-info h1{
  color:#f4e4b5!important;font-size:.245rem!important;font-weight:600!important;
  text-shadow:0 .02rem .05rem #000!important;
}
.purple-home .luckyWinners__container-wrapper__item-winAmount h1{
  color:#f4bf43!important;font-size:.245rem!important;font-weight:650!important;
  text-shadow:0 .02rem .05rem #000!important;
}

/* ---------- TODAY'S EARNINGS CHART: full black/gold conversion ---------- */
.purple-home .profit-rank{
  position:relative!important;
  overflow:hidden!important;
  padding:0 .26667rem .26667rem!important;
  color:#f8e9bd!important;
  background:
    radial-gradient(ellipse at 50% 34%,rgba(235,179,46,.20) 0%,rgba(107,68,8,.10) 28%,transparent 58%),
    linear-gradient(160deg,#171108 0%,#090806 46%,#020202 100%)!important;
  border-top:.01333rem solid rgba(229,177,52,.58)!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,238,179,.12),inset 0 -.16rem .30rem rgba(0,0,0,.36)!important;
}
.purple-home .profit-rank:before{
  content:"";position:absolute;left:-18%;right:-18%;top:-.7rem;height:3rem;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,207,80,.13),transparent 66%);
}
.purple-home .profit-rank__podium{
  background:radial-gradient(ellipse at 50% 82%,rgba(222,157,29,.13),transparent 56%)!important;
}
.purple-home .profit-rank__podium-halo{
  opacity:.40!important;
  filter:grayscale(1) sepia(1) saturate(5) hue-rotate(348deg) brightness(.84) contrast(1.28)!important;
}
.purple-home .profit-rank__podium-stage{
  opacity:.96!important;
  filter:grayscale(1) sepia(1) saturate(4.7) hue-rotate(350deg) brightness(.80) contrast(1.34) drop-shadow(0 .06rem .08rem rgba(0,0,0,.55))!important;
}
.purple-home .profit-rank__podium-item__avatar{
  background:linear-gradient(145deg,#f7d878,#a16b12 58%,#4f3005)!important;
  border:.035rem solid #e2b33f!important;
  padding:.045rem!important;
  box-shadow:0 0 .14rem rgba(231,177,47,.28),inset 0 .02rem .04rem rgba(255,245,203,.35)!important;
}
.purple-home .profit-rank__podium-item__avatar>img{
  width:100%!important;height:100%!important;border:.02667rem solid #151008!important;
}
.purple-home .profit-rank__podium-item__triangle{
  border-top-color:#e6b642!important;
}
.purple-home .profit-rank__podium-item__name{
  color:#f5e6bb!important;font-weight:600!important;text-shadow:0 .02rem .05rem #000!important;
}
.purple-home .profit-rank__podium-item__amount{
  color:#241500!important;font-weight:800!important;
  border:.01333rem solid #f1ce6b!important;
  background:linear-gradient(180deg,#f4d87d 0%,#dca936 46%,#95600f 100%)!important;
  box-shadow:inset 0 .02rem .06rem rgba(255,255,255,.38),0 .04rem .10rem rgba(0,0,0,.44)!important;
}
.purple-home .profit-rank__podium-item__amount .coin-icon,
.purple-home .profit-rank__list-item__rank .rank-wreath{
  filter:grayscale(1) sepia(1) saturate(5) hue-rotate(348deg) brightness(1.06) contrast(1.18)!important;
}
.purple-home .profit-rank__list{
  padding:0 .18rem!important;margin-top:.18rem!important;
  background:linear-gradient(180deg,rgba(20,16,9,.96),rgba(5,5,4,.96))!important;
  border:.01333rem solid rgba(179,130,31,.56)!important;
  border-radius:.16rem!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,235,166,.08),0 .06rem .12rem rgba(0,0,0,.35)!important;
}
.purple-home .profit-rank__list-item{
  background:linear-gradient(90deg,rgba(226,171,47,.035),transparent 48%)!important;
  border-bottom:.01333rem solid rgba(201,151,47,.22)!important;
}
.purple-home .profit-rank__list-item:last-child{border-bottom:none!important}
.purple-home .profit-rank__list-item__avatar{
  border:.02667rem solid #9c711f!important;
  box-shadow:0 0 .08rem rgba(226,171,47,.16)!important;
}
.purple-home .profit-rank__list-item__rank i{
  color:#f4c64f!important;font-weight:750!important;text-shadow:0 .02rem .05rem #000!important;
}
.purple-home .profit-rank__list-item__name{
  color:#e7d8ad!important;font-weight:550!important;
}
.purple-home .profit-rank__list-item__amount{
  color:#f3bd35!important;font-weight:700!important;text-shadow:0 .02rem .05rem #000!important;
}

/* ---------- BOTTOM NAV: keep Promotion above the solid black bar ---------- */
.tabbar{overflow:visible!important}
.tabbar__bar{z-index:3!important}
.tabbar__items{z-index:5!important}
.tabbar__center{
  z-index:8!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
.tabbar__center:before{
  z-index:0!important;
  bottom:.06rem!important;
}
.tabbar__center-icon,
.tabbar__center-icon--img{
  z-index:3!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.tabbar__center-icon--img{
  width:1.68rem!important;height:1.68rem!important;bottom:.58rem!important;
  object-fit:contain!important;
}
.tabbar__center-fg{
  z-index:1!important;
  display:block!important;
  visibility:visible!important;
}
.tabbar__center-text{
  z-index:4!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  bottom:.18rem!important;
  color:#211400!important;
}
.tabbar__items-tab.placeholder{
  visibility:hidden!important;
  pointer-events:none!important;
}

/* ==============================================================
   HALA WIN PREMIUM BLACK & GOLD THEME v4
   Partner logos + Deposit/Withdraw balance cards
   ============================================================== */

/* ---------- PARTNER / PROVIDER LOGOS: remove purple/pink ---------- */
.purple-home .partner-logos,
.partner-logos{
  background:
    radial-gradient(circle at 50% -10%,rgba(232,177,48,.10),transparent 38%),
    linear-gradient(145deg,#141108 0%,#080706 54%,#030303 100%)!important;
  border:.02667rem solid #92691f!important;
  border-radius:.22rem!important;
  box-shadow:0 .10rem .24rem rgba(0,0,0,.55),inset 0 0 0 .01333rem rgba(255,231,151,.07)!important;
}
.partner-logos__grid{gap:.28rem!important}
.partner-logos__grid-item{
  height:1.12rem!important;
  border-radius:.16rem!important;
  background:#070604!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,238,181,.10),0 .06rem .13rem rgba(0,0,0,.52)!important;
}
.partner-logos__grid-item:before{
  background:linear-gradient(135deg,#6b4307 0%,#f4d06a 22%,#a76f11 48%,#ffe69b 70%,#74500d 100%)!important;
}
.partner-logos__grid-item:after{
  background:
    radial-gradient(circle at 50% 0,rgba(236,184,56,.10),transparent 54%),
    linear-gradient(180deg,#17130b 0%,#0a0906 58%,#040403 100%)!important;
}
.partner-logos__grid-item img{
  opacity:1!important;
  filter:grayscale(1) sepia(1) saturate(6.2) hue-rotate(347deg) brightness(1.20) contrast(1.13)
         drop-shadow(0 0 .07rem rgba(242,190,57,.28))!important;
}
.partner-logos__grid-item span{
  color:#f1c65a!important;font-weight:750!important;
  text-shadow:0 0 .08rem rgba(225,163,31,.25),0 .02rem .05rem #000!important;
}
.partner-logos__text{border-top:.01333rem solid rgba(201,148,39,.28)!important;padding-top:.28rem!important}
.partner-logos__text-item{
  color:#e8ddbd!important;font-weight:450!important;
  text-shadow:0 .02rem .05rem rgba(0,0,0,.78)!important;
}
.partner-logos__text-item .dot{
  background:linear-gradient(180deg,#ffe491 0%,#dca832 50%,#875508 100%)!important;
  box-shadow:0 0 .08rem rgba(242,185,51,.44)!important;
}
.partner-logos__text-warning{
  color:#e9b73f!important;font-weight:600!important;
  text-shadow:0 .02rem .05rem rgba(0,0,0,.85)!important;
}

/* ---------- DEPOSIT / WITHDRAW: premium balance card ---------- */
.balanceAssets,
.Recharge__container-balanceAssets,
.Recharge__box .Recharge__container-balanceAssets{
  overflow:hidden!important;
  isolation:isolate!important;
  background-image:none!important;
  background:
    radial-gradient(circle at 86% 14%,rgba(255,218,105,.20),transparent 24%),
    radial-gradient(circle at 15% 85%,rgba(173,112,13,.16),transparent 34%),
    linear-gradient(135deg,#211809 0%,#0f0d08 38%,#060605 72%,#171006 100%)!important;
  border:.02667rem solid #d0a03a!important;
  border-radius:.26667rem!important;
  color:#f9e5a8!important;
  box-shadow:
    inset 0 .02667rem .08rem rgba(255,242,192,.18),
    inset 0 -.08rem .20rem rgba(0,0,0,.38),
    0 .10rem .22rem rgba(0,0,0,.55),
    0 0 .10rem rgba(221,166,45,.12)!important;
}
.balanceAssets:before,
.Recharge__container-balanceAssets:before,
.Recharge__box .Recharge__container-balanceAssets:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:
    linear-gradient(120deg,transparent 0 18%,rgba(255,229,144,.09) 28%,transparent 42%),
    linear-gradient(160deg,transparent 58%,rgba(196,131,18,.08) 59% 72%,transparent 73%)!important;
}
.balanceAssets:after,
.Recharge__container-balanceAssets:after,
.Recharge__box .Recharge__container-balanceAssets:after{
  content:""!important;position:absolute!important;right:-.48rem!important;top:-.68rem!important;width:3.35rem!important;height:3.35rem!important;
  border:.02667rem solid rgba(230,182,65,.18)!important;border-radius:50%!important;z-index:0!important;pointer-events:none!important;
  box-shadow:0 0 0 .24rem rgba(230,182,65,.025),0 0 0 .52rem rgba(230,182,65,.018)!important;
}
.balanceAssets > *,
.Recharge__container-balanceAssets > *,
.Recharge__box .Recharge__container-balanceAssets > *{position:relative!important;z-index:1!important}

.balanceAssets__header,
.Recharge__container-balanceAssets__header{color:#e9c869!important}
.balanceAssets__header__left,
.Recharge__container-balanceAssets__header__left{
  color:#f0d88f!important;font-weight:600!important;
  text-shadow:0 .02rem .05rem #000!important;
}
.balanceAssets__header__left img,
.Recharge__container-balanceAssets__header__left img{
  filter:grayscale(1) sepia(1) saturate(6) hue-rotate(348deg) brightness(1.28) contrast(1.05)!important;
}
.balanceAssets__main,
.Recharge__container-balanceAssets__main{
  color:#ffe486!important;
  font-weight:800!important;
  text-shadow:0 .025rem .06rem rgba(0,0,0,.95),0 0 .09rem rgba(236,177,42,.18)!important;
}
.balanceAssets__main p,
.Recharge__container-balanceAssets__main p{color:#ffe486!important}
.balanceAssets__main img,
.Recharge__container-balanceAssets__main img,
.balanceAssets__tip img,
.Recharge__container-balanceAssets__tip img{
  filter:grayscale(1) sepia(1) saturate(5.5) hue-rotate(347deg) brightness(1.25) contrast(1.06)!important;
}

/* Any masked account / small card text inherits the premium palette. */
.balanceAssets span,.balanceAssets p,.balanceAssets div,
.Recharge__container-balanceAssets span,.Recharge__container-balanceAssets p,.Recharge__container-balanceAssets div{
  border-color:rgba(224,174,54,.42);
}

/* Keep wallet sections cohesive with the new balance card. */
.Recharge__box,
[class*="Withdraw__container"],
[class*="Recharge__container"]{--hala-wallet-gold:#e0ad36}
.Recharge__container-tabcard__items,
.withdrawWay>div{
  border:.01333rem solid rgba(174,126,29,.34)!important;
  background:linear-gradient(180deg,#12100b,#070706)!important;
  color:#e7d7ab!important;
  box-shadow:inset 0 .01333rem 0 rgba(255,235,170,.06),0 .05rem .11rem rgba(0,0,0,.32)!important;
}
.Recharge__container-tabcard__items.active,
.withdrawWay>div.select,
.withdrawWay .c2c.active{
  border-color:#efc65a!important;
  background:linear-gradient(180deg,#f5d36f 0%,#dfa933 42%,#a46b11 100%)!important;
  color:#241600!important;
  box-shadow:inset 0 .02rem .07rem rgba(255,255,255,.40),0 .06rem .13rem rgba(0,0,0,.42)!important;
}

/* ==============================================================
   HALA WIN PREMIUM BLACK & GOLD THEME v5
   Force HALA WIN header logo across inner pages / game pages
   ============================================================== */
.hala-header-logo-injected{
  display:block!important;
  width:3rem!important;
  max-width:3rem!important;
  height:1rem!important;
  object-fit:contain!important;
  margin:0 auto!important;
  filter:drop-shadow(0 .04rem .08rem rgba(0,0,0,.78)) drop-shadow(0 0 .08rem rgba(243,188,47,.20))!important;
}

.navbar__content-center,
.headLogo,
[class*="navbar"] [class*="logo"],
[class*="header"] [class*="logo"]{
  position:relative!important;
}

.navbar__content-center .headLogo,
.navbar__content-center,
.headLogo{
  min-height:.92rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.navbar__content-center img[src*="indowin" i],
.headLogo img[src*="indowin" i],
[class*="navbar"] [class*="logo"] img[src*="indo" i],
[class*="header"] [class*="logo"] img[src*="indo" i]{
  content:url('/assets/hala-win-logo.svg')!important;
  width:3rem!important;
  max-width:3rem!important;
  height:1rem!important;
  object-fit:contain!important;
}


/* ==============================================================
   HALA WIN PREMIUM BLACK & GOLD THEME v6
   Restore game banner artwork in Mini games / Popular / Slots /
   Fishing / PVC / Casino / Sports category cards.
   ============================================================== */
.game-section__grid-item:not(.hala-premium-game-card)>img,
.game-section__grid-item:not(.hala-premium-game-card) picture>img,
.game-section__grid-item:not(.hala-premium-game-card) [class*="image"] img,
.game-section__grid-item:not(.hala-premium-game-card) [class*="cover"] img,
.game-section__grid-item:not(.hala-premium-game-card) [class*="thumb"] img{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  filter:none!important;
}

.game-section__grid-item:not(.hala-premium-game-card)>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  position:relative!important;
  z-index:1!important;
}

/* Keep premium gold frame while allowing game artwork to remain visible. */
.game-section__grid-item:not(.hala-premium-game-card):before,
.game-section__grid-item:not(.hala-premium-game-card):after{
  pointer-events:none!important;
  z-index:2!important;
  opacity:.32!important;
}

/* ==============================================================
   HALA WIN PREMIUM BLACK & GOLD THEME v7
   Replace IndoWin loading animation with HALA WIN circle loader
   ============================================================== */
.hala-loader-host{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:2.9rem!important;
  border-radius:.22rem!important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,214,107,.14), transparent 32%),
    linear-gradient(180deg,#130f09 0%,#070706 55%,#020202 100%)!important;
  overflow:hidden!important;
}
.hala-loader-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.10rem!important;
  padding:.18rem .14rem!important;
}
.hala-loader-orbit{
  position:relative!important;
  width:2rem!important;
  height:2rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 50%, rgba(255,233,168,.13), rgba(175,118,19,.06) 55%, rgba(0,0,0,.06) 70%, transparent 72%)!important;
  box-shadow:0 0 .18rem rgba(237,182,49,.18), inset 0 0 .20rem rgba(255,228,144,.08)!important;
}
.hala-loader-core{
  position:absolute!important;
  inset:.36rem!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%, #2a1d08 0%, #0f0d09 60%, #050505 100%)!important;
  box-shadow:inset 0 .02rem .10rem rgba(255,235,171,.12), 0 .03rem .12rem rgba(0,0,0,.5)!important;
}
.hala-loader-ring{
  position:absolute!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}
.hala-loader-ring-outer{
  inset:-.05rem!important;
  border:.06rem solid rgba(255,215,110,.18)!important;
  border-top-color:#ffe8a3!important;
  border-right-color:#e6b53d!important;
  animation:halaSpinOuter 1.2s linear infinite!important;
}
.hala-loader-ring-inner{
  inset:.20rem!important;
  border:.045rem dashed rgba(233,182,57,.68)!important;
  border-left-color:#8d5e10!important;
  border-bottom-color:#fff0b6!important;
  animation:halaSpinInner .95s linear infinite reverse!important;
}
.hala-loader-logo{
  position:relative!important;
  z-index:3!important;
  width:1.15rem!important;
  height:.42rem!important;
  object-fit:contain!important;
  filter:drop-shadow(0 .04rem .07rem rgba(0,0,0,.85)) drop-shadow(0 0 .06rem rgba(249,206,88,.22))!important;
}
.hala-loader-text{
  color:#ffe7a4!important;
  font-size:.22rem!important;
  font-weight:800!important;
  letter-spacing:.03rem!important;
  text-shadow:0 .02rem .06rem rgba(0,0,0,.92)!important;
}
.hala-loader-sub{
  color:#d8c18a!important;
  font-size:.17rem!important;
  font-weight:600!important;
  letter-spacing:.02rem!important;
}
@keyframes halaSpinOuter{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes halaSpinInner{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}

/* ==============================================================
   HALA WIN v9 — loader removed
   No center logo/ring loading overlay should be shown.
   ============================================================== */
.hala-loader-host,
[data-hala-loader="1"],
[data-hala-loader-suppressed="1"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}