/* OfferKing player polish. Scoped to Home, Activity, Promotion, Wallet, Account. */
:root {
  --ok-line: rgba(98, 158, 255, .46);
  --ok-line-soft: rgba(212, 232, 255, .22);
  --ok-gold: #f7c35c;
  --ok-ease: 280ms ease;
}

@keyframes ok-edge {
  from { box-shadow: inset 0 0 0 1px rgba(98, 158, 255, .28), 0 8px 18px rgba(7, 8, 28, .18); }
  to { box-shadow: inset 0 0 0 1px rgba(212, 232, 255, .62), 0 10px 22px rgba(19, 116, 236, .28); }
}

@media (prefers-reduced-motion: reduce) {
  #home.purple-home *,
  .activity-wrapper *,
  .wallet-container *,
  .userinfo-content *,
  .userInfo__container *,
  .promotion-hero *,
  .promotionGuest *,
  .promote__cell-item,
  .tabbar__items-tab {
    animation: none !important;
    transition: none !important;
  }
}

/* Shared press feel. No movement, so taps stay put. */
#home.purple-home button,
.activity-wrapper button,
.wallet-container button,
.userinfo-content button,
.promotionGuest__action,
.shareBtn,
.promote__cell-item,
.tabbar__items-tab,
.tabbar__center {
  transition: filter var(--ok-ease), box-shadow var(--ok-ease), background-color var(--ok-ease), color var(--ok-ease);
  -webkit-tap-highlight-color: rgba(98, 158, 255, .28);
}

#home.purple-home button:active,
.activity-wrapper button:active,
.wallet-container button:active,
.userinfo-content button:active,
.promotionGuest__action:active,
.shareBtn:active,
.promote__cell-item:active,
.tabbar__center:active {
  filter: brightness(1.08);
}

.tabbar__items-tab span {
  font-weight: 600 !important;
  transition: color var(--ok-ease);
}

.tabbar__items-tab.active span {
  font-weight: 800 !important;
  color: #fff !important;
}

/* HOME */
#home.purple-home .purple-home__nav-chip {
  border: 1px solid rgba(247, 195, 92, .55);
  box-shadow: inset 0 0 0 1px rgba(98, 158, 255, .35), 0 6px 14px rgba(0, 0, 0, .28);
  animation: ok-edge 320ms ease 1 both;
}

#home.purple-home .purple-home__nav-chip__amount {
  font-size: .36rem !important;
  font-weight: 800 !important;
  letter-spacing: .01rem;
  color: #fff !important;
}

#home.purple-home .purple-home__nav-chip__add {
  width: .6rem;
  height: .6rem;
  filter: drop-shadow(0 0 4px rgba(98, 158, 255, .65));
}

#home.purple-home .section-header {
  box-shadow: inset 0 0 0 1px var(--ok-line-soft), 0 8px 16px rgba(7, 8, 28, .22) !important;
}

#home.purple-home .section-header__btn {
  box-shadow: inset 0 0 0 1px var(--ok-line);
  background: linear-gradient(180deg, #3a46b8, #2d348d) !important;
}

#home.purple-home .section-header__btn:disabled {
  box-shadow: none;
  filter: none;
}

#home.purple-home .game-section__grid-item {
  box-shadow: inset 0 0 0 1px rgba(212, 232, 255, .28), 0 8px 16px rgba(7, 8, 28, .28);
}

#home.purple-home .winning-info__item,
#home.purple-home .profit-rank__list-item {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 6px 12px rgba(0, 0, 0, .18);
}

#home.purple-home .purple-home__jackpot {
  box-shadow: inset 0 0 0 1px rgba(247, 195, 92, .35), 0 10px 18px rgba(7, 8, 28, .25);
}

#home.purple-home .noticeBar__container {
  border-radius: .2rem;
  box-shadow: inset 0 0 0 1px var(--ok-line-soft);
}

#home.purple-home .purple-home__nav-auth__login,
#home.purple-home .purple-home__nav-auth__register {
  box-shadow: inset 0 0 0 1px rgba(212, 232, 255, .4);
}

/* ACTIVITY */
.activity-wrapper .activity-banner {
  box-shadow: inset 0 -1px 0 rgba(212, 232, 255, .28), 0 10px 18px rgba(7, 8, 28, .2);
}

.activity-wrapper .activity-banner .bonus-button {
  font-weight: 700 !important;
  box-shadow: inset 0 0 0 1px rgba(98, 158, 255, .55), 0 6px 14px rgba(7, 8, 28, .22);
  background: linear-gradient(180deg, #1a2d78, #14122e) !important;
}

.activity-wrapper .activity-panel,
.activity-wrapper .activitySection__container > .box,
.activity-wrapper .cardBox {
  box-shadow: inset 0 0 0 1px var(--ok-line), 0 8px 16px rgba(7, 8, 28, .18);
}

.activity-wrapper .activity-panel-header .header-item {
  border-radius: .2rem;
  box-shadow: inset 0 0 0 1px var(--ok-line-soft);
}

/* PROMOTION */
.promotion-hero,
.promotionGuest {
  box-shadow: inset 0 -1px 0 rgba(212, 232, 255, .28);
}

.promotion-hero .amount {
  font-weight: 800 !important;
  text-shadow: 0 2px 8px rgba(7, 8, 28, .35);
}

.promotion-hero .amount_txt,
.promotionGuest__content,
.promote__cell-item,
.content .commission {
  box-shadow: inset 0 0 0 1px var(--ok-line), 0 8px 16px rgba(7, 8, 28, .2) !important;
}

.promotionGuest__action,
.content .shareBtnContainer .shareBtn {
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 8px 16px rgba(19, 116, 236, .28);
}

.promote__cell-item .label span {
  font-weight: 600 !important;
}

/* WALLET */
.wallet-container-header {
  box-shadow: inset 0 -1px 0 rgba(212, 232, 255, .34), 0 12px 20px rgba(7, 8, 28, .22);
  animation: ok-edge 320ms ease 1 both;
}

.wallet-container-header-belly > div:nth-of-type(1) {
  font-weight: 800 !important;
  font-size: .7rem !important;
  letter-spacing: .01rem;
  color: #fff !important;
}

.wallet-container-header-belly > span {
  font-size: .42rem !important;
  font-weight: 800 !important;
  letter-spacing: .02rem;
  color: #fff !important;
}

.wallet-container-header-belly > div:nth-of-type(2) > div:last-child .total {
  font-size: .46rem !important;
  font-weight: 800 !important;
  color: var(--ok-gold) !important;
}

.wallet-container-header-belly > div:nth-of-type(2) > div:last-child p:last-child {
  font-size: .38rem !important;
  font-weight: 700 !important;
  color: #fff !important;
}

.wallet-container-content .container,
.wallet-container-content .gameList > div {
  box-shadow: inset 0 0 0 1px var(--ok-line), 0 8px 16px rgba(7, 8, 28, .18) !important;
}

.wallet-container .recycleBtn {
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 8px 14px rgba(19, 116, 236, .25);
}

.wallet-container .userDetail > div:first-child .imgD {
  box-shadow: inset 0 0 0 1px rgba(247, 195, 92, .7), 0 0 0 1px rgba(98, 158, 255, .35);
}

.wallet-container .userDetail > div:first-child span {
  font-size: .38rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.15;
  text-align: center;
}

/* ACCOUNT */
.userInfo__container {
  box-shadow: inset 0 -1px 0 rgba(212, 232, 255, .3);
}

.userInfo__container-setting-center,
.totalSavings__container,
.financialServices__container-footer > div,
.financialServices__container-box > div,
.serviceCenter__container,
.settingPanel__container {
  box-shadow: inset 0 0 0 1px var(--ok-line), 0 8px 16px rgba(7, 8, 28, .18) !important;
}

.totalSavings__container-header__title span {
  font-size: .44rem !important;
  font-weight: 800 !important;
  color: #fff !important;
}

.totalSavings__container-header__subtitle {
  font-size: .54rem !important;
  font-weight: 800 !important;
}

.totalSavings__container-content-item:nth-child(2) span {
  font-size: .44rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.15;
  text-align: center;
}

.financialServices__container-box > div:nth-child(3) h3 {
  font-size: .44rem !important;
  font-weight: 800 !important;
}

.totalSavings__container-header .comminWallet,
.serviceCenter-wrap-header button,
.financialServices__container-header button {
  font-weight: 700 !important;
  box-shadow: inset 0 0 0 1px rgba(212, 232, 255, .35);
}