/* Match the supplied reference for the account security menu. */
html body #app .safe-center{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:100dvh!important;
  height:auto!important;
  overflow:visible!important;
  padding-bottom:max(24px,env(safe-area-inset-bottom))!important;
  color:#fff!important;
  background:#0b0b1b url('./assets/user/my-background.png') center top/100% auto repeat-y!important;
}
html body #app .safe-center .safe-title-line{
  box-sizing:border-box!important;
  height:min(10.667vw,45.653px)!important;
  min-height:min(10.667vw,45.653px)!important;
  padding:0 min(4.8vw,20.544px)!important;
  background:transparent!important;
  color:#fff!important;
}
html body #app .safe-center .containers{
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0 min(4.8vw,20.544px)!important;
  background:transparent!important;
}
html body #app .safe-center .user-tools1{
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:min(2.133vw,9.131px) auto 0!important;
  padding:min(1.6vw,6.848px) min(2.667vw,11.413px)!important;
  overflow:hidden!important;
  border:1px solid rgba(187,180,239,.13)!important;
  border-radius:min(4.267vw,18.261px)!important;
  background:linear-gradient(145deg,rgba(29,31,76,.94),rgba(23,18,54,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.18)!important;
}
html body #app .safe-center .safe-cell{
  box-sizing:border-box!important;
  width:100%!important;
  height:min(10.667vw,45.653px)!important;
  min-height:min(10.667vw,45.653px)!important;
  margin:0!important;
  padding:0 min(1.067vw,4.565px)!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(208,203,241,.075)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:min(4.267vw,18.261px)!important;
  font-weight:400!important;
}
html body #app .safe-center .safe-cell:last-child{border-bottom:0!important}
html body #app .safe-center .safe-cell-title{
  display:flex!important;
  align-items:center!important;
  gap:min(2.667vw,11.413px)!important;
  color:#fff!important;
  font-size:min(4.267vw,18.261px)!important;
  font-weight:400!important;
}
html body #app .safe-center .safe-cell-title>img{
  flex:0 0 min(5.333vw,22.827px)!important;
  width:min(5.333vw,22.827px)!important;
  height:min(5.333vw,22.827px)!important;
  margin:0!important;
  opacity:.72!important;
  filter:grayscale(1) brightness(1.45)!important;
}
html body #app .safe-center .custom-title{margin:0!important}
html body #app .safe-center .go-right-icon{
  flex:0 0 min(5.333vw,22.827px)!important;
  width:min(5.333vw,22.827px)!important;
  height:min(5.333vw,22.827px)!important;
  margin-left:auto!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url('./assets/user/settings/arrow.svg')!important;
  background-position:center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}

/* Fit full-screen reference artwork to the viewport so hit areas and fields stay aligned. */
html body #app .original-lucky-gold,
html body #app .original-redbag-gold,
html body #app .original-code-redbag-gold{
  box-sizing:border-box!important;width:min(100%,536px)!important;height:min(100dvh,1004px)!important;min-height:min(100dvh,1004px)!important;margin:0 auto!important;overflow:hidden!important
}
html body #app .original-lucky-gold>img,
html body #app .original-redbag-gold>.redbag-gold-static,
html body #app .original-code-redbag-gold>img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;margin:0!important;padding:0!important
}
html body #app .original-lucky-gold .original-lucky-chances{
  position:absolute;z-index:4;left:23.5%;top:68.2%;width:53.5%;height:4.3%;
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:5px;
  background:#321b11;color:#fff;font-size:min(3.55vw,15.2px);font-weight:600;line-height:1;pointer-events:none
}
html body #app .original-lucky-spin{top:74.8%!important;height:7.4%!important;color:transparent!important;font-size:0!important}
html body #app .original-lucky-spin.is-ready{
  border:1px solid #f4d88e!important;border-radius:999px!important;
  background:linear-gradient(180deg,#fff5ce 0%,#e7c46e 48%,#c1892d 100%)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.75)!important;
  color:#4d2d0b!important;font-size:min(4.267vw,18.26px)!important;font-weight:700!important
}
html body #app .original-lucky-spin.is-ready:disabled{opacity:.78}
html body #app .original-redbag-gold>.redbag-gold-send{top:12.2%!important;height:5%!important}
html body #app .original-redbag-gold>.redbag-gold-balance{
  position:absolute;z-index:5;left:30%;top:14.35%;width:31%;height:4.4%;
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  background:radial-gradient(ellipse,rgba(18,12,4,.96) 0%,rgba(18,12,4,.88) 70%,rgba(18,12,4,0) 100%);
  color:#ffd34e;font-size:min(5.2vw,22.26px);font-weight:700;line-height:1;pointer-events:none
}
html body #app .original-code-redbag-gold .code-redbag-gold-input{top:76.75%!important;height:6.3%!important;font-size:min(4vw,17.12px)!important}
html body #app .original-code-redbag-gold .code-redbag-gold-claim{top:86.05%!important;height:6.3%!important}
/* Restore the original member header artwork; hide only the separately injected brand logo. */
html body #app>.app.route-user .original-user-head,
html body #app>.app.route-user .original-user-head.has-custom-user-bg-logo{
  background:#3614a8 url('./assets/user/profile-header-original.webp') center top/100% 100% no-repeat!important
}
html body #app .route-user .original-user-head .original-user-background-logo{display:none!important}

/* Reference task center: restore its blue-purple backdrop, task illustrations and violet controls. */
html body #app .original-tasks{
  background-color:#12112c!important;
  background-image:
    radial-gradient(ellipse 86% 30% at 100% 0%,rgba(124,39,165,.27),transparent 76%),
    radial-gradient(ellipse 100% 34% at 0% 23%,rgba(36,81,176,.27),transparent 72%),
    linear-gradient(180deg,#11102d 0%,#14132e 56%,#17132c 100%)!important;
  color:#fff!important
}
html body #app .original-tasks-head{background:transparent!important;color:#fff!important}
html body #app .original-tasks-head>button{width:min(8.533vw,36.513px)!important;height:min(8.533vw,36.513px)!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;display:grid!important;place-items:center!important}
html body #app .original-tasks-head>button img{width:min(3.2vw,13.696px)!important;height:min(3.2vw,13.696px)!important;object-fit:contain!important}
html body #app .original-task-card{
  border:1px solid rgba(172,149,218,.14)!important;
  background:linear-gradient(180deg,rgba(48,40,79,.96),rgba(29,26,57,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important
}
html body #app .original-task-top{background:linear-gradient(180deg,rgba(76,57,112,.4),rgba(48,40,79,.25))!important}
html body #app .original-task-icon{
  display:block!important;flex:0 0 45.65px!important;width:45.65px!important;height:45.65px!important;
  margin-right:9.125px!important;object-fit:contain!important;border:0!important;border-radius:0!important;
  background:none!important;filter:none!important
}
html body #app .original-task-top h4{color:rgba(255,255,255,.94)!important}
html body #app .original-task-top p{color:rgba(231,225,248,.53)!important}
html body #app .original-task-bottom{background:linear-gradient(180deg,rgba(31,29,62,.73),rgba(25,24,53,.94))!important}
html body #app .original-task-require,html body #app .task-require-text{color:rgba(230,226,242,.72)!important}
html body #app .task-require-icon{border-color:#b4aec5!important;color:#ddd9e8!important}
html body #app .original-task-progress{background:rgba(211,204,231,.22)!important}
html body #app .original-task-progress i{background:linear-gradient(90deg,#b87aff,#7e4cff)!important}
html body #app .original-task-progress b{color:#eee9f7!important}
html body #app .original-task-levels .task-tier-button{background:#8d4df3!important;color:#fff!important;box-shadow:0 0 12px rgba(151,80,255,.22)!important}
html body #app .original-task-levels .task-tier-button.current{background:#f4efff!important;color:#342052!important}
html body #app .task-tier-step>i{background:#8d4df3!important}
html body #app .original-task-levels .task-tier-arrow{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.08)!important;color:#e9e4f3!important;filter:none!important}
html body #app .original-task-levels .task-tier-arrow:before{color:#e9e4f3!important}
html body #app .original-task-foot .task-claim-button,html body #app .original-tasks .original-task-foot button:not(:disabled){
  width:98px!important;height:36px!important;border:0!important;border-radius:21px!important;
  background:rgba(151,145,170,.34)!important;color:#ddd9e6!important;box-shadow:none!important
}
html body #app .original-tasks .original-task-foot button.is-claimable:not(:disabled){background:linear-gradient(135deg,#a64dff,#6439d4)!important;color:#fff!important}
html body #app .original-task-rule{background:none!important;border:0!important}
html body #app .original-task-rule:before{
  content:'i';display:grid;place-items:center;width:18px;height:18px;margin:auto;
  border:1.5px solid rgba(239,234,250,.76);border-radius:50%;color:rgba(239,234,250,.86);
  font:600 12px/1 Arial,sans-serif
}
html body #app .original-task-card[data-task-id="vipDeposit"]{background:linear-gradient(180deg,rgba(55,43,83,.98),rgba(31,27,58,.98))!important}

/* Match the live reference profile with its own source artwork and proportions. */
html body #app>.app.route-user .original-user-head,
html body #app>.app.route-user .original-user-head.has-custom-user-bg-logo{
  height:min(55.167vw,236.113px)!important;
  background:#0b0a20 url('https://img.jb690.com/imgcn/jinbei/bg_head2.webp') center top/100% 100% no-repeat!important;
}
html body #app>.app.route-user .original-user-head::before{
  content:''!important;position:absolute!important;inset:0!important;z-index:0!important;
  background:linear-gradient(180deg,rgba(7,5,24,.30),rgba(10,7,28,.40) 72%,rgba(22,13,45,.66))!important;
  pointer-events:none!important;
}
html body #app>.app.route-user .original-user-head::after{
  display:block!important;content:''!important;position:absolute!important;z-index:1!important;
  left:0!important;right:0!important;bottom:-1px!important;height:min(18.667vw,79.893px)!important;
  background:linear-gradient(180deg,rgba(23,14,45,0),rgba(27,14,48,.48) 48%,#1f1238 100%)!important;
  pointer-events:none!important;
}
html body #app>.app.route-user .original-user-profile{z-index:2!important}
html body #app>.app.route-user .original-user-vip{
  background:#211535 url('./assets/user/vip-card-reference.png') center/100% 100% no-repeat!important;
}
html body #app>.app.route-user .original-user-features{
  background:#211a36 url('./assets/user/feature-card-reference.webp') center/100% 100% no-repeat!important;
}
html body #app>.app.route-user .original-user-invite{
  background:#31104f url('./assets/user/invite-banner-reference.webp') center/100% 100% no-repeat!important;
}
html body #app>.app.route-user .original-user-settings{
  background:#201638 url('./assets/user/other-card-reference.webp') center/100% 100% no-repeat!important;
}
html body #app>.app.route-user .original-user-actions button:first-child .action-bg{
  content:url('./assets/user/deposit-button-reference.webp')!important;
}
html body #app>.app.route-user .original-user-actions button:last-child .action-bg{
  content:url('./assets/user/withdraw-button-reference.webp')!important;
}
html body #app>.app.route-user .original-user-features button>img{
  box-sizing:content-box!important;width:min(7.2vw,30.816px)!important;height:min(7.2vw,30.816px)!important;
  padding:min(1.867vw,7.99px)!important;margin:min(1.6vw,6.848px) 0!important;
  border-radius:min(2.667vw,11.413px)!important;background:rgba(16,14,31,.48)!important;
}

/* Use the same member header artwork served by the reference site. */
html body #app>.app.route-user .original-user-head,
html body #app>.app.route-user .original-user-head.has-custom-user-bg-logo{
  background:#0b0a20 url('https://img.jb690.com/imgcn/jinbei/bg_head2.webp') center top/100% 100% no-repeat!important;
}
html body #app>.app.route-user .original-user-head::before,
html body #app>.app.route-user .original-user-head::after{
  display:none!important;content:none!important;background:none!important;
}

/* Keep member and account pages on one self-hosted blue-violet page backdrop. */
html body #app>.app:is(
  .route-user,.route-depositRecords,.route-profit,.route-transactions,.route-bets,
  .route-coins,.route-drawRecords,.route-security,.route-tasks,.route-setMail,
  .route-editMail,.route-setAccount,.route-editLoginPsd,.route-editReflectPsd,
  .route-walletAddresses,.route-activity
){
  background-color:#11102d!important;
  background-image:url('./assets/tasks/page-background-reference.png')!important;
  background-position:center top!important;
  background-size:100% auto!important;
  background-repeat:repeat-y!important;
}
html body #app>.app.route-user .original-user,
html body #app>.app.route-depositRecords .original-record-list-page,
html body #app>.app.route-profit>.sub-page,
html body #app>.app.route-transactions>.sub-page,
html body #app>.app:is(.route-bets,.route-drawRecords)>.sub-page,
html body #app>.app.route-coins>.sub-page,
html body #app>.app.route-security .safe-center,
html body #app>.app.route-tasks .original-tasks,
html body #app>.app:is(.route-setMail,.route-editMail) .original-set-mail,
html body #app>.app.route-activity .original-activity-page{
  background-color:#11102d!important;
  background-image:url('./assets/tasks/page-background-reference.png')!important;
  background-position:center top!important;
  background-size:100% auto!important;
  background-repeat:repeat-y!important;
}
html body #app>.app.route-profit .profit-page,
html body #app>.app.route-transactions .transaction-page,
html body #app>.app:is(.route-bets,.route-drawRecords) .bets-page,
html body #app>.app.route-coins .buybit-page{
  background:transparent!important;
}

/* Task center uses the site's layered glass mask, exact page backdrop and icons. */
html body #app>.app.route-tasks .original-tasks{
  background:#0f1028 url('./assets/tasks/page-background-reference.png') center top/100% auto repeat-y!important;
}
html body #app>.app.route-tasks .original-task-card{
  border:0!important;border-radius:min(3.2vw,13.696px)!important;
  background:transparent url('./assets/tasks/card-mask-reference.webp') center/100% 100% no-repeat!important;
  box-shadow:none!important;
}
html body #app>.app.route-tasks .original-task-top{background:transparent!important}
html body #app>.app.route-tasks .original-task-bottom{
  background:linear-gradient(181deg,rgba(252,245,255,.08),rgba(96,64,111,.12))!important;
}
html body #app>.app.route-tasks .original-task-top h4{
  color:rgba(255,255,255,.9)!important;font-size:min(4.267vw,18.261px)!important;
}
html body #app>.app.route-tasks .original-task-top p{color:rgba(255,255,255,.4)!important}
html body #app>.app.route-tasks .original-task-icon{width:min(10.667vw,45.653px)!important;height:min(10.667vw,45.653px)!important}
html body #app>.app.route-tasks .task-require-icon{
  width:min(4.267vw,18.261px)!important;height:min(4.267vw,18.261px)!important;
  border:0!important;border-radius:0!important;background:url('./assets/tasks/task-check-reference.svg') center/100% 100% no-repeat!important;
  color:transparent!important;font-size:0!important;
}
html body #app>.app.route-tasks .task-require-icon::before{content:none!important;display:none!important}
html body #app>.app.route-tasks .original-task-rule{background:url('./assets/tasks/task-rule-reference.svg') center/100% 100% no-repeat!important;border:0!important}
html body #app>.app.route-tasks .original-task-rule::before{display:none!important;content:none!important}

/* Keep activity artwork, spacing, and hero mark aligned to the source screen. */
html body #app>.app.route-activity .original-activity-page{
  width:min(428px,100%)!important;min-height:100dvh!important;
  background:#101028 url('./assets/tasks/page-background-reference.png') center top/100% auto repeat-y!important;
}
html body #app>.app.route-activity .original-activity-content{width:100%!important;padding:9.125px 11.413px 0!important}
html body #app>.app.route-activity .original-activity-header{width:132.391px!important;height:50.463px!important}
html body #app>.app.route-activity .original-activity-logo{
  width:132.391px!important;height:48.063px!important;max-width:none!important;
  object-fit:contain!important;object-position:left top!important;transform:none!important;
}
html body #app>.app.route-activity .original-activity-list{
  width:100%!important;margin:7.6px 0 0!important;
}
html body #app>.app.route-activity .original-activity-card{
  position:relative!important;width:100%!important;height:171.198px!important;aspect-ratio:auto!important;
  margin:0 0 13.687px!important;border-radius:0!important;background:transparent!important;
}
html body #app>.app.route-activity .original-activity-card img{
  width:100%!important;height:100%!important;object-fit:fill!important;border-radius:0!important;
}
html body #app>.app.route-activity .original-activity-card:nth-child(2)::after{
  content:'';position:absolute;z-index:2;left:1%;top:1%;width:32%;height:22%;
  background:url('./assets/jinming-entertainment.svg') center/contain no-repeat,
    linear-gradient(120deg,#100526 0%,#130627 74%,#170629 100%);
  pointer-events:none;
}

/* Security center: the reference uses the purple-blue artwork and four separate cards. */
html body #app>.app .safe-center{
  height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;
  background:#11102d url('./assets/tasks/page-background-reference.png') center top/100% auto repeat-y!important;
}
html body #app>.app .safe-center .safe-title-line{background:transparent!important}
html body #app>.app .safe-center .title-span{
  height:min(48vw,205.44px)!important;padding:min(15.2vw,65.056px) 0 0 min(6.4vw,27.392px)!important;
  background:url('./assets/security-original/header.png') center/100% 100% no-repeat!important;
}
html body #app>.app .safe-center .title1{
  width:min(23.467vw,100.437px)!important;height:min(8vw,34.24px)!important;
  background:url('./assets/security-original/title.svg') center/100% 100% no-repeat!important;
}
html body #app>.app .safe-center .containers{padding:0!important;background:transparent!important}
html body #app>.app .safe-center .user-tools1{
  width:100%!important;height:calc(100dvh - min(53.333vw,228.267px))!important;min-height:0!important;
  margin:max(-1.6vw,-6.848px) auto 0!important;padding:0 min(4.267vw,18.261px) min(3.733vw,15.979px)!important;
  overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body #app>.app .safe-center .safe-cell{
  height:min(12.8vw,54.784px)!important;min-height:min(12.8vw,54.784px)!important;
  margin-top:min(2.133vw,9.131px)!important;padding:0 min(4.267vw,18.261px)!important;
  border:0!important;border-radius:min(2.133vw,9.131px)!important;background:rgba(223,226,253,.12)!important;
  color:#fff!important;font-size:min(3.733vw,15.979px)!important;
}
html body #app>.app .safe-center .safe-cell-title{font-size:min(3.733vw,15.979px)!important;font-weight:500!important}
html body #app>.app .safe-center .safe-cell-title>img{
  flex:0 0 min(5.333vw,22.827px)!important;width:min(5.333vw,22.827px)!important;height:min(5.333vw,22.827px)!important;
  margin:0!important;opacity:.55!important;filter:grayscale(1) brightness(1.45)!important;
}
html body #app>.app .safe-center .custom-title{margin-left:min(1.6vw,6.848px)!important}
html body #app>.app .safe-center .go-right-icon{
  width:min(5.333vw,22.827px)!important;height:min(5.333vw,22.827px)!important;
  border-radius:min(1.147vw,4.908px)!important;background-color:rgba(255,255,255,.12)!important;
  background-image:url('./assets/user/settings/arrow.svg')!important;
}
html body #app>.app .original-set-mail{
  background:#11102d url('./assets/tasks/page-background-reference.png') center top/100% auto repeat-y!important;
}
html body #app>.app .set-mail-head{background:transparent!important}
html body #app>.app .set-mail-box{
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(145deg,rgba(244,233,255,.15),rgba(190,172,224,.13))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body #app>.app .set-mail-submit{
  border:1px solid rgba(255,255,255,.25)!important;
  background:linear-gradient(105deg,#8429b5 0%,#4732cf 56%,#2736d5 100%)!important;
  color:#fff!important;
}
html body #app>.app .original-set-account,
html body #app>.app .original-forgot{
  background:#11102d url('./assets/tasks/page-background-reference.png') center top/100% auto repeat-y!important;
}
html body #app>.app .set-account-head,
html body #app>.app .original-forgot-head{background:transparent!important}
html body #app>.app .set-account-box,
html body #app>.app .original-forgot-content{
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(145deg,rgba(244,233,255,.15),rgba(190,172,224,.13))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body #app>.app .set-account-box>label:not(:first-child){margin-top:min(7.733vw,33.12px)!important}
html body #app>.app .set-account-box{padding-bottom:min(3.733vw,15.979px)!important}
html body #app>.app .set-account-submit,
html body #app>.app .forgot-submit{
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:min(6.4vw,27.392px)!important;
  background:linear-gradient(105deg,#8429b5 0%,#4732cf 56%,#2736d5 100%)!important;
  color:#fff!important;
}
html body #app>.app .set-account-box .forgot-password{
  display:block!important;margin:min(1.867vw,7.989px) auto 0!important;
  color:#13b9ff!important;background:transparent!important;
}
html body #app>.app .withdraw-password-page{
  background:#11102d url('./assets/tasks/page-background-reference.png') center top/100% auto repeat-y!important;
}
html body #app>.app .withdraw-password-head{background:transparent!important}
html body #app>.app .withdraw-password-box{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:min(3.2vw,13.696px)!important;
  background:linear-gradient(145deg,rgba(244,233,255,.15),rgba(190,172,224,.13))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body #app>.app .withdraw-password-box label:not(:first-child){margin-top:min(5.333vw,22.827px)!important}
html body #app>.app .withdraw-password-box .forgot-password{display:block;margin:min(1.867vw,7.989px) auto 0!important;color:#13b9ff!important;background:transparent!important}
html body #app>.app .withdraw-password-submit{
  border:1px solid rgba(255,255,255,.25)!important;
  background:linear-gradient(105deg,#8429b5 0%,#4732cf 56%,#2736d5 100%)!important;
}
html body #app>.app .wallet-add-address-page{
  background:#11102d url('./assets/tasks/page-background-reference.png') center top/100% auto repeat-y!important;
}
html body #app>.app.route-walletAddresses{background:transparent!important}
html body #app>.app .wallet-address-overlay{
  display:block!important;background:rgba(0,0,0,.68)!important;backdrop-filter:blur(7px)!important;
}
html body #app>.app .wallet-address-sheet,
html body .wallet-address-sheet{
  left:50%!important;right:auto!important;width:min(100vw,428px)!important;
  transform:translateX(-50%)!important;border:1px solid rgba(255,255,255,.1)!important;
  background:linear-gradient(145deg,rgba(47,45,86,.95),rgba(36,27,68,.96))!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
}
html body .wallet-address-overlay{background:rgba(0,0,0,.55)!important;backdrop-filter:blur(7px)!important}
html body .wallet-address-sheet{position:fixed!important}
html body #app>.app .wallet-add-address-back{
  left:min(2.8vw,12px)!important;border-radius:50%!important;
  background:rgba(216,207,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;
}
html body .wallet-address-confirm{
  border:1px solid rgba(255,255,255,.25)!important;
  background:linear-gradient(105deg,#8429b5 0%,#4732cf 56%,#2736d5 100%)!important;
  color:#fff!important;
}
html body #app>.app .set-account-field,
html body #app>.app .set-account-field input{
  background:rgba(0,0,0,.3)!important;background-color:rgba(0,0,0,.3)!important;
  background-image:none!important;box-shadow:none!important;
}
html body #app>.app .set-account-field>button{background:transparent!important;background-color:transparent!important}
html body #app>.app .set-account-field>button i{border-color:#9b9a9d!important}
html body #app>.app .set-account-field>button i:after{background:#9b9a9d!important}
html body #app>.app .withdraw-password-field{
  margin:0!important;background:rgba(0,0,0,.3)!important;background-color:rgba(0,0,0,.3)!important;
}
html body #app>.app .withdraw-password-field input,
html body #app>.app .withdraw-password-field input:focus,
html body #app>.app .withdraw-password-field input:-webkit-autofill,
html body #app>.app .withdraw-password-field input:-webkit-autofill:hover,
html body #app>.app .withdraw-password-field input:-webkit-autofill:focus{
  background:transparent!important;background-color:transparent!important;
  -webkit-box-shadow:inset 0 0 0 1000px rgba(18,16,45,.3)!important;
  -webkit-text-fill-color:#fff!important;
}
html body #app>.app .withdraw-password-field>button{background:transparent!important;background-color:transparent!important}
html body #app>.app .withdraw-password-field>button i{
  width:min(5.333vw,22.827px)!important;height:min(5.333vw,22.827px)!important;
  border:0!important;border-radius:0!important;
  background:url('./assets/common/eye.svg') center/contain no-repeat!important;
}
html body #app>.app .withdraw-password-field>button i:before,
html body #app>.app .withdraw-password-field>button i:after{display:none!important;content:none!important}

/* Restore the reference member page background and page-level scrolling.
   An old global dark-mode override forced this route to black and trapped
   the lower settings behind an inner scroll container. */
html,html body,html body #app{background:#151e34!important}
html body #app>.app.route-user{
  width:min(428px,100vw)!important;max-width:428px!important;
  height:auto!important;min-height:100dvh!important;max-height:none!important;
  overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;
  background:#151e34 url('./assets/theme/ww899-black-gold-home.webp') center top/100% auto repeat-y!important;
  touch-action:auto!important;overscroll-behavior-y:auto!important;
}
html body #app>.app.route-user .original-user-actions{background:transparent!important;box-shadow:none!important}
html body #app>.app.route-user .original-user{background:#151e34 url('./assets/user/my-background.png') center top/100% auto repeat-y!important}
/* The mobile shell pins #app to the viewport. Let the member page follow the
   document so lower settings and logout remain reachable like the source. */
html:has(body>#app>.app.route-user),
html:has(body>#app>.app.route-user) body{height:auto!important;min-height:calc(100dvh + 2px)!important;overflow-x:hidden!important;overflow-y:auto!important}
html:has(body>#app>.app.route-user) #app{position:relative!important;top:auto!important;bottom:auto!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important}
html:has(body>#app>.app.route-user) #app>.app.route-user{position:relative!important;inset:auto!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important}
@media(max-width:600px){
  html:has(body>#app>.app.route-user),html:has(body>#app>.app.route-user) body{overflow-x:hidden!important;overflow-y:auto!important;min-height:calc(100dvh + 2px)!important}
  html:has(body>#app>.app.route-user) body{height:auto!important}
  html:has(body>#app>.app.route-user) #app{height:auto!important;min-height:100dvh!important;overflow:visible!important}
  html body #app>.app.route-user{position:relative!important}
}

/* Keep the source page's blue-purple background visible behind activity cards.
   The palette stylesheet set the content wrappers to opaque black, hiding it. */
html body #app>.app.route-activity .original-activity-content,
html body #app>.app.route-activity .original-activity-list{
  background-color:transparent!important;
  background-image:none!important;
}

/* The source download screen uses the same purple-blue inner-page artwork and
   translucent rows; the global black palette was replacing both surfaces. */
html body #app>.app .software-download-page{
  min-height:100dvh!important;
  background:#101028 url('./assets/original-pages/download-page-background.png') center top/100% auto repeat-y!important;
}
html body #app>.app .software-download-head{
  height:50.21875px!important;min-height:50.21875px!important;
  padding:0 11.413px!important;background:transparent!important;
}
html body #app>.app .software-download-content{padding:15.979px!important;background:transparent!important}
html body #app>.app .software-download-row{
  background:rgba(245,236,255,.12)!important;
  border:0!important;
}
html body #app>.app .software-download-action{
  background:linear-gradient(rgba(64,47,71,.12),rgba(252,245,255,.12))!important;
  border-color:rgba(255,255,255,.08)!important;
}
html body #app>.app .software-robot{
  height:50.21875px!important;
  background:url('./assets/download/robot-tutorial-banner.webp') center/100% 100% no-repeat!important;
  border:0!important;
  border-radius:9px!important;
}
html body #app>.app .software-robot>span:last-child{
  margin-left:94.731px!important;
  font-size:15.979px!important;
  font-weight:500!important;
  line-height:50.219px!important;
}

/* Match the source tab bar and VIP meter instead of the gold recoloring pass. */
html body #app>.app .tabbar .nav-btn.active{background-image:none!important}
html body #app>.app .tabbar .nav-btn.active .nav-icon{filter:none!important}
html body #app>.app.route-user .original-user-vip .vip-progress>i{
  background-color:transparent!important;
  background-image:linear-gradient(-85deg,#240bfd,#b42dff)!important;
}
html body #app>.app.route-user .original-user-vip .vip-progress>em{
  background-color:rgba(163,106,255,.4)!important;
  background-image:none!important;
}

/* Reference inner pages keep the blue-violet backdrop on every member record. */
html body #app>.app:is(.route-depositRecords,.route-profit,.route-transactions,.route-bets,.route-coins,.route-drawRecords){
  background:#10152b url('https://jb698.com/static/img/bg_%E5%86%85%E9%A1%B5%E6%99%AE%E9%80%9A%E8%83%8C%E6%99%AF.9defcadf.png') center top/100% 100% no-repeat!important;
}
html body #app>.app.route-depositRecords .original-record-list-page{
  background:#10152b url('https://jb698.com/static/img/bg_%E5%86%85%E9%A1%B5%E6%99%AE%E9%80%9A%E8%83%8C%E6%99%AF.9defcadf.png') center top/100% 100% no-repeat!important;
}
html body #app>.app.route-profit>.sub-page,
html body #app>.app.route-transactions>.sub-page{
  background:#10152b url('https://jb698.com/static/img/bg_%E5%86%85%E9%A1%B5%E6%99%AE%E9%80%9A%E8%83%8C%E6%99%AF.9defcadf.png') center top/100% 100% no-repeat!important;
}
html body #app>.app.route-profit .profit-page,
html body #app>.app.route-transactions .transaction-page{
  background:transparent!important;
}
html body #app>.app.route-depositRecords .sub-header,
html body #app>.app.route-profit .sub-header,
html body #app>.app.route-transactions .sub-header{
  background:transparent!important;
}
html body #app>.app.route-depositRecords .original-record-content,
html body #app>.app.route-depositRecords .original-record-table,
html body #app>.app.route-depositRecords .original-record-body,
html body #app>.app.route-depositRecords .original-record-empty,
html body #app>.app.route-depositRecords .original-record-switch-loading,
html body #app>.app.route-transactions .transaction-content,
html body #app>.app.route-transactions .transaction-list,
html body #app>.app.route-transactions .transaction-empty{
  background-color:transparent!important;background-image:none!important;
}

/* Keep the currency tutorial page on the same reference inner-page backdrop. */
html body #app>.app.route-coins>.sub-page,
html body #app>.app.route-coins .buybit-page{
  min-height:calc(100dvh - 50.219px)!important;
  background:transparent!important;
}
html body #app>.app.route-coins>.sub-page>.sub-header{
  position:relative!important;box-sizing:border-box!important;height:50.219px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;color:#fff!important;
}
html body #app>.app.route-coins>.sub-page>.sub-header>.back{
  position:absolute!important;left:17.131px!important;top:6.848px!important;width:36.523px!important;height:36.523px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;
  color:transparent!important;font-size:0!important;line-height:0!important;
}
html body #app>.app.route-coins>.sub-page>.sub-header>.back::before{content:'‹';display:block;color:#fff;font-size:27.392px;line-height:36.523px}
html body #app>.app.route-depositRecords .original-record-title{
  position:relative!important;box-sizing:border-box!important;width:100%!important;height:50.219px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;
}
html body #app>.app.route-depositRecords .original-record-title>strong{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:max-content!important;white-space:nowrap!important;text-align:center!important;
}
html body #app>.app.route-depositRecords .original-record-title>button{
  position:absolute!important;left:17.131px!important;top:6.848px!important;width:36.523px!important;height:36.523px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:transparent!important;font-size:0!important;
}
html body #app>.app.route-depositRecords .original-record-title>button img{display:none!important}
html body #app>.app.route-depositRecords .original-record-title>button::before{content:'‹';display:block;color:#fff;font-size:27.392px;line-height:36.523px}
html body #app>.app.route-profit .profit-row{background:transparent!important;background-color:transparent!important;background-image:none!important}
html body #app>.app:is(.route-bets,.route-drawRecords)>.sub-page,
html body #app>.app.route-bets .bets-page{background:transparent!important;background-color:transparent!important;background-image:none!important}
html body #app>.app:is(.route-bets,.route-drawRecords)>.sub-page>.sub-header{
  position:relative!important;box-sizing:border-box!important;height:50.219px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;color:#fff!important;
}
html body #app>.app:is(.route-bets,.route-drawRecords)>.sub-page>.sub-header>.back{
  position:absolute!important;left:17.131px!important;top:6.848px!important;width:36.523px!important;height:36.523px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:transparent!important;font-size:0!important;
}
html body #app>.app:is(.route-bets,.route-drawRecords)>.sub-page>.sub-header>.back::before{content:'‹';display:block;color:#fff;font-size:27.392px;line-height:36.523px}
html body #app>.app.route-bets .bets-page .data-head,
html body #app>.app.route-bets .bets-page .data-row{background:transparent!important;background-color:transparent!important;background-image:none!important}
html body #app>.app.route-coins .buybit-page{
  box-sizing:border-box!important;
  margin:0!important;
  padding:27.392px 15.979px 40px!important;
  display:block!important;
}
html body #app>.app.route-coins .buybit-list{display:flex!important;flex-direction:column!important;gap:12.555px!important}
html body #app>.app.route-coins .buybit-item{
  position:relative!important;box-sizing:border-box!important;width:100%!important;height:82.176px!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:center!important;
  border:0!important;border-radius:9.131px!important;background:rgba(245,236,255,.12)!important;box-shadow:none!important;
}
html body #app>.app.route-coins .buybit-item>.img{flex:0 0 45.646px!important;width:45.646px!important;height:45.646px!important;margin:0 13.696px 0 22.827px!important;object-fit:contain!important}
html body #app>.app.route-coins .buybit-item>.name-lable{min-width:0!important;margin:0!important}
html body #app>.app.route-coins .buybit-item b{display:block!important;color:#fff!important;font-size:18.261px!important;font-weight:500!important;line-height:25.109px!important}
html body #app>.app.route-coins .buybit-item small{display:block!important;margin-top:4.565px!important;color:#00b7ff!important;font-size:13.696px!important;line-height:13.696px!important}
html body #app>.app.route-coins .buybit-item button{
  position:absolute!important;right:18.261px!important;top:22.827px!important;width:97.198px!important;height:37.854px!important;
  margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:57.067px!important;
  background:linear-gradient(180deg,rgba(64,47,71,.12),rgba(252,245,255,.12))!important;color:#fff!important;
  font-size:13.696px!important;font-weight:600!important;line-height:36.523px!important;
}

/* The source profile uses the shared blue-violet page texture behind its header. */
html body #app>.app.route-user{
  background:transparent url('./assets/original-home-bg.png') center top/100% 100% repeat-y!important;
}
html body #app>.app.route-user .original-user{background:transparent!important}
html body #app>.app.route-user .original-user-head,
html body #app>.app.route-user .original-user-head.has-custom-user-bg-logo{
  background:transparent!important;
}
html body #app>.app.route-user .original-user-head::before,
html body #app>.app.route-user .original-user-head::after{
  display:none!important;content:none!important;background:none!important;
}


/* Unified self-hosted blue-violet background for member and account screens. */
html body #app>.app:is(.route-user,.route-depositRecords,.route-profit,.route-transactions,.route-bets,.route-coins,.route-drawRecords,.route-security,.route-tasks,.route-setMail,.route-editMail,.route-setAccount,.route-editLoginPsd,.route-editReflectPsd,.route-walletAddresses,.route-activity){
  background-color:#11102d!important;
  background-image:url('./assets/tasks/page-background-reference.png')!important;
  background-position:center top!important;
  background-size:100% auto!important;
  background-repeat:repeat-y!important;
}
html body #app>.app.route-user .original-user,
html body #app>.app.route-depositRecords .original-record-list-page,
html body #app>.app.route-profit>.sub-page,
html body #app>.app.route-transactions>.sub-page,
html body #app>.app:is(.route-bets,.route-drawRecords)>.sub-page,
html body #app>.app.route-coins>.sub-page,
html body #app>.app.route-security .safe-center,
html body #app>.app.route-tasks .original-tasks,
html body #app>.app:is(.route-setMail,.route-editMail) .original-set-mail,
html body #app>.app.route-activity .original-activity-page{
  background-color:#11102d!important;
  background-image:url('./assets/tasks/page-background-reference.png')!important;
  background-position:center top!important;
  background-size:100% auto!important;
  background-repeat:repeat-y!important;
}
html body #app>.app.route-profit .profit-page,
html body #app>.app.route-transactions .transaction-page,
html body #app>.app:is(.route-bets,.route-drawRecords) .bets-page,
html body #app>.app.route-coins .buybit-page{background:transparent!important}

/* Keep the account area on one shared page texture; nested screens stay transparent. */
html,html body,html body #app{
  min-height:100%!important;
  background:#11102d!important;
}
html body #app>.app:is(.route-user,.route-depositRecords,.route-profit,.route-transactions,.route-bets,.route-coins,.route-drawRecords,.route-security,.route-tasks,.route-setMail,.route-editMail,.route-setAccount,.route-editLoginPsd,.route-editReflectPsd,.route-walletAddresses,.route-activity){
  min-height:100dvh!important;
  background:#11102d url('./assets/tasks/page-background-reference.png') center top/100% auto repeat-y!important;
}
html body #app>.app.route-user .original-user,
html body #app>.app.route-depositRecords .original-record-list-page,
html body #app>.app.route-profit>.sub-page,
html body #app>.app.route-transactions>.sub-page,
html body #app>.app:is(.route-bets,.route-drawRecords)>.sub-page,
html body #app>.app.route-coins>.sub-page,
html body #app>.app.route-security .safe-center,
html body #app>.app.route-tasks .original-tasks,
html body #app>.app:is(.route-setMail,.route-editMail) .original-set-mail,
html body #app>.app.route-activity .original-activity-page,
html body #app>.app.route-profit .profit-page,
html body #app>.app.route-transactions .transaction-page,
html body #app>.app:is(.route-bets,.route-drawRecords) .bets-page,
html body #app>.app.route-coins .buybit-page{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* Keep the download guide dimmer within the centered mobile canvas, like the source popup. */
html body #app .download-image-overlay{
  left:50%!important;right:auto!important;top:0!important;bottom:0!important;
  width:min(428px,100vw)!important;max-width:100vw!important;height:100dvh!important;
  padding:0!important;transform:translateX(-50%)!important;
  background:rgba(0,0,0,.6)!important;
  backdrop-filter:blur(5.707px)!important;
  -webkit-backdrop-filter:blur(5.707px)!important;
}

/* Restore the original login card footer and neutral charcoal palette. */
html body #app .guest-dialog:not(.register-dialog){
  box-sizing:border-box!important;
  height:524.109px!important;
  min-height:524.109px!important;
  padding-bottom:27.392px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(155deg,#29292f 0%,#222227 52%,#1b1b20 100%)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.38)!important;
}
html body #app .guest-dialog:not(.register-dialog) .social-title{
  display:block!important;
  color:#e7e7ea!important;
}
html body #app .guest-dialog:not(.register-dialog) .socials{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
/* Activity detail shares the source site's blue-violet inner-page texture and round back control. */
html body #app>.app.route-activityDetail,
html body #app>.app.route-activityDetail>.sub-page{
  background:#10152b url('./assets/user/my-background.png') center top/100% auto repeat-y!important;
}
html body #app>.app.route-activityDetail>.sub-page>.sub-header{
  position:relative!important;box-sizing:border-box!important;height:50.219px!important;min-height:50.219px!important;
  padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;
}
html body #app>.app.route-activityDetail>.sub-page>.sub-header>.back{
  position:absolute!important;left:11.413px!important;top:6.848px!important;width:36.523px!important;height:36.523px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;
  color:transparent!important;font-size:0!important;line-height:0!important;
}
html body #app>.app.route-activityDetail>.sub-page>.sub-header>.back::before{
  content:'‹';display:block;color:#fff;font-size:27.392px;line-height:36.523px;
}

/* Keep task card decoration and icon images visible like the reference. */
html body #app>.app.route-tasks .original-task-card{
  border:0!important;
  border-radius:min(3.2vw,13.696px)!important;
  background:transparent url('./assets/tasks/card-mask-reference.webp') center/100% 100% no-repeat!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #app>.app.route-tasks .original-task-icon{
  display:block!important;
  visibility:visible!important;
  object-fit:contain!important;
}
html body #app>.app.route-tasks .original-task-rule{display:block!important}
html body #app>.app.route-tasks .original-task-bottom{
  border-radius:0 0 min(3.2vw,13.696px) min(3.2vw,13.696px)!important;
  background:linear-gradient(180deg,rgba(31,29,62,.73),rgba(25,24,53,.94))!important;
}
html body #app .task-rule-overlay.task-rule-deposit-overlay{
  position:fixed!important;z-index:2200!important;inset:0 auto 0 50%!important;
  width:min(428px,100vw)!important;height:100dvh!important;transform:translateX(-50%)!important;
  display:block!important;padding:0!important;overflow:hidden!important;background:rgba(0,0,0,.58)!important;
}
html body #app .task-rule-deposit-overlay .task-rule-sheet.task-rule-deposit{
  position:absolute!important;inset:35px 2px 0!important;width:auto!important;max-width:none!important;
  height:auto!important;max-height:none!important;box-sizing:border-box!important;overflow-y:auto!important;
  padding:24px 26px 42px!important;border:1px solid rgba(226,220,239,.75)!important;
  border-radius:40px 40px 0 0!important;background:radial-gradient(ellipse at 78% 0%,rgba(62,20,79,.14),transparent 38%),#080310!important;
  color:#eeeaf5!important;scrollbar-width:none!important;
}
html body #app .task-rule-deposit .task-rule-close{
  position:absolute!important;top:18px!important;right:24px!important;width:28px!important;height:28px!important;
  padding:0!important;border:0!important;background:transparent!important;color:#bdb9c8!important;font-size:30px!important;font-weight:300!important;line-height:26px!important;
}
html body #app .task-rule-deposit h2{margin:0 0 14px!important;text-align:center!important;color:#f3eff8!important;font-size:17px!important;font-weight:600!important;line-height:24px!important}
html body #app .task-rule-deposit .deposit-rule-period{margin:0 0 30px!important;color:#e5e0eb!important;font-size:14px!important;line-height:22px!important}
html body #app .task-rule-deposit h3{margin:0 0 12px!important;color:#f1edf6!important;font-size:17px!important;font-weight:700!important;line-height:24px!important}
html body #app .task-rule-deposit .deposit-rule-table{width:100%!important;margin:0 0 28px!important;border-collapse:collapse!important;table-layout:fixed!important;color:#d9c47b!important;font-size:13px!important;text-align:center!important}
html body #app .task-rule-deposit .deposit-rule-table th,
html body #app .task-rule-deposit .deposit-rule-table td{height:27px!important;padding:2px 3px!important;border:1px solid rgba(190,183,205,.42)!important;font-weight:500!important;line-height:19px!important}
html body #app .task-rule-deposit .deposit-rule-table th{height:27px!important;color:#e9e4ef!important;font-size:13px!important;font-weight:500!important}
html body #app .task-rule-deposit .deposit-rule-table tbody tr:nth-child(odd){background:rgba(189,182,207,.14)!important}
html body #app .task-rule-deposit .deposit-rule-table td:first-child{width:16%!important}
html body #app .task-rule-deposit .deposit-rule-table td:nth-child(2){width:27%!important}
html body #app .task-rule-deposit .deposit-rule-table td:nth-child(3){width:27%!important}
html body #app .task-rule-deposit .deposit-rule-table td:last-child{width:30%!important;color:#d9c47b!important;font-weight:700!important}
html body #app .task-rule-deposit .deposit-rule-title{margin-top:0!important}
html body #app .task-rule-deposit .deposit-rule-list{margin:0!important;padding-left:0!important;list-style:none!important;color:#ece8f2!important;font-size:15px!important;line-height:1.7!important}
html body #app .task-rule-deposit .deposit-rule-list li{margin:0 0 2px!important;padding:0!important}
/* Guest and signed-in home rails both include the reference's recent tab. */
@media(max-width:600px){html body #app .home-page .category-tabs.is-guest{padding-right:0!important}}

/* Match the source's circular back control and unboxed inputs on password recovery. */
html body #app>.app .original-forgot-head button{
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
}
html body #app>.app .original-forgot .forgot-field input{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #app>.app .original-forgot .forgot-field.password button{
  position:relative!important;
  margin-right:min(-1.6vw,-6.848px)!important;
  transform:translateX(-12px)!important;
}
html body #app>.app .original-forgot .forgot-field.password button:after{
  width:14px!important;height:8px!important;border-width:1.5px!important;border-radius:50%!important;
}
html body #app>.app .original-forgot .forgot-field.password button:before{
  left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:4px!important;height:4px!important;margin:0!important;
}

/* Match the source member-menu panel's neutral charcoal surface. */
html body #app>.app.route-user .original-user-settings{
  background:linear-gradient(180deg,rgba(34,35,43,.96),rgba(27,28,35,.96))!important;
}

/* The reference task tier marks the selected level with a small gold pointer. */
html body #app>.app.route-tasks .original-task-levels .task-tier-button.current::before{
  content:""!important;display:block!important;left:8.5px!important;bottom:-9px!important;
  width:0!important;height:0!important;border-top:6px solid #ffd33d!important;
  border-right:5px solid transparent!important;border-left:5px solid transparent!important;
  background:none!important;color:transparent!important;font-size:0!important;
}

/* Restore the V8 reference member-menu panel and icon row. */
html body #app>.app.route-user .original-user-settings{background:url('./assets/user/other-card.webp') center/100% 100% no-repeat!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
html body #app>.app.route-user .original-user-settings button{border-bottom:1px solid rgba(255,255,255,.07)!important}
html body #app>.app.route-user .original-user-settings button:last-child{border-bottom:0!important}
html body #app>.app.route-user .original-user-settings button>span img{display:block!important;visibility:visible!important;opacity:1!important}
html body #app>.app.route-user .original-user-settings button>i{display:block!important;visibility:visible!important;opacity:1!important;background:transparent url('./assets/user/settings/arrow.svg') center/100% 100% no-repeat!important}


/* Match the reference member page's blue-violet glass panel and boxed chevrons. */
html body #app>.app.route-user .original-user-settings{
  background:linear-gradient(135deg,rgba(32,43,78,.78),rgba(27,24,49,.88) 58%,rgba(43,25,57,.80))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html body #app>.app.route-user .original-user-settings button>i{
  width:22.823px!important;height:22.823px!important;flex:0 0 22.823px!important;
  box-sizing:border-box!important;border:1px solid rgba(255,255,255,.045)!important;
  border-radius:5px!important;background-color:rgba(255,255,255,.075)!important;
  background-size:100% 100%!important;background-position:center!important;
}