/* The original member page, support sheet and download artwork. */
#app>.app.route-user{
  min-height:100dvh!important;
  padding:0 0 0!important;
  background:#131322 url('./assets/user/my-background.png') center top/100% auto repeat-y!important;
}
#app>.app.route-user>.original-user{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:100dvh!important;
  padding:0 0 max(84px,calc(env(safe-area-inset-bottom) + 76px))!important;
  background:transparent!important;
  color:#fff!important;
}
#app>.app.route-user .original-user-head{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:min(48.13vw,206px)!important;
  overflow:hidden!important;
  background:#3614a8 url('./assets/user/profile-header-original.webp') center top/100% 100% no-repeat!important;
}
#app>.app.route-user .original-user-head::after{display:none!important;content:none!important}
#app>.app.route-user .original-user-profile{
  top:min(17.067vw,73.045px)!important;
  left:0!important;
  width:100%!important;
  z-index:2!important;
}
#app>.app.route-user .original-user-profile>img{
  width:min(14.933vw,63.915px)!important;
  height:min(14.933vw,63.915px)!important;
  border:min(.533vw,2.283px) solid rgba(255,255,255,.18)!important;
  box-sizing:border-box!important;
  object-fit:cover!important;
}
#app>.app.route-user .original-user-profile>strong{
  margin-top:min(2.133vw,9.131px)!important;
  color:#fff!important;
  font-size:min(4.8vw,20.544px)!important;
  line-height:1.2!important;
  text-shadow:0 1px 4px rgba(25,6,93,.5)!important;
}
#app>.app.route-user .original-user-pills{gap:min(2.133vw,9.131px)!important}
#app>.app.route-user .original-user-pills>span{
  min-height:min(6.773vw,28.992px)!important;
  border-color:rgba(255,255,255,.3)!important;
  background:rgba(25,14,91,.42)!important;
  box-shadow:0 2px 7px rgba(27,12,87,.22)!important;
  color:#fff!important;
}
#app>.app.route-user .original-user-pills>span.profile-balance{background:rgba(25,14,91,.52)!important}
#app>.app.route-user .original-user-actions{
  position:relative!important;
  z-index:2!important;
  height:min(10.667vw,45.653px)!important;
  margin:0 min(6.4vw,27.392px) min(3.2vw,13.696px)!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#app>.app.route-user .original-user-actions button{
  position:relative!important;
  width:min(42.133vw,180.331px)!important;
  height:min(10.667vw,45.653px)!important;
  border:0!important;
  overflow:hidden!important;
  color:#fff!important;
}
#app>.app.route-user .original-user-actions .action-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important}
#app>.app.route-user .original-user-actions .action-icon{position:relative!important;z-index:1!important;inset:auto!important;width:min(4.267vw,18.261px)!important;height:min(4.267vw,18.261px)!important;margin:0 min(2.667vw,11.413px) 0 0!important;object-fit:contain!important}
#app>.app.route-user .original-user-actions b{position:relative!important;z-index:1!important;padding:0!important;font-size:min(3.733vw,15.979px)!important;line-height:min(10.667vw,45.653px)!important;font-weight:600!important}
#app>.app.route-user .original-user-vip{display:none!important}
#app>.app.route-user .original-user-features{
  box-sizing:border-box!important;
  width:calc(100% - min(7.466vw,31.958px))!important;
  height:min(42.667vw,182.616px)!important;
  margin:0 min(3.733vw,15.979px) min(2.8vw,11.984px)!important;
  padding:min(2.133vw,9.131px) min(1.067vw,4.565px)!important;
  display:grid!important;
  grid-template-columns:repeat(4,min(21.333vw,91.307px))!important;
  grid-template-rows:repeat(2,min(19.2vw,82.176px))!important;
  column-gap:min(1.067vw,4.565px)!important;
  row-gap:0!important;
  border-radius:min(4.267vw,18.261px)!important;
  background:transparent url('./assets/user/feature-card.webp') center/100% 100% no-repeat!important;
}
#app>.app.route-user .original-user-features button{
  width:min(21.333vw,91.307px)!important;
  height:min(19.2vw,82.176px)!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  color:rgba(255,255,255,.82)!important;
  font-size:min(3.2vw,13.696px)!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
#app>.app.route-user .original-user-features img{
  box-sizing:border-box!important;
  width:min(9.973vw,42.688px)!important;
  height:min(9.973vw,42.688px)!important;
  margin:min(2.133vw,9.131px) auto min(1.6vw,6.848px)!important;
  padding:min(1.067vw,4.565px)!important;
  border:0!important;
  border-radius:min(2.133vw,9.131px)!important;
  background:transparent!important;
  object-fit:contain!important;
}
#app>.app.route-user .original-user-features button span{margin:0!important;line-height:min(3.68vw,15.75px)!important}
#app>.app.route-user .original-user-invite{
  box-sizing:border-box!important;
  position:relative!important;
  width:calc(100% - min(7.466vw,31.958px))!important;
  height:min(17.6vw,75.328px)!important;
  margin:0 min(3.733vw,15.979px) min(3.2vw,13.696px)!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  border:0!important;
  border-radius:min(3.2vw,13.696px)!important;
  overflow:hidden!important;
  background:#32104b url('./assets/user/invite-banner.webp') center/100% 100% no-repeat!important;
}
#app>.app.route-user .original-user-invite .invite-first-line{margin:min(2.4vw,10.272px) min(2.667vw,11.413px) 0 min(19.2vw,82.176px)!important}
#app>.app.route-user .original-user-invite .invite-first-line span{font-size:min(3.733vw,15.977px)!important;line-height:min(5.867vw,25.109px)!important;color:#ffe3ad!important;background:none!important;-webkit-text-fill-color:currentColor!important}
#app>.app.route-user .original-user-invite .invite-first-line button{color:#d8c7ff!important;line-height:min(5.867vw,25.109px)!important}
#app>.app.route-user .original-user-invite .invite-url{height:min(5.333vw,22.827px)!important;margin:0 min(2.667vw,11.413px) 0 min(19.2vw,82.176px)!important}
#app>.app.route-user .original-user-invite .invite-url span{font-size:min(3.2vw,13.696px)!important;line-height:min(5.333vw,22.827px)!important}
#app>.app.route-user .original-user-invite .invite-url button{flex:0 0 min(13.333vw,57.067px)!important;width:min(13.333vw,57.067px)!important;height:min(5.333vw,22.827px)!important;color:#fff!important;font-size:min(3.2vw,13.696px)!important;line-height:min(5.333vw,22.827px)!important;background:rgba(90,44,155,.46)!important;border-radius:999px!important}
#app>.app.route-user .original-user-settings{
  box-sizing:border-box!important;
  position:relative!important;
  margin:0 min(3.733vw,15.979px)!important;
  padding:min(2.667vw,11.413px)!important;
  border:0!important;
  border-radius:min(4.267vw,18.261px)!important;
  overflow:hidden!important;
  background:transparent url('./assets/user/other-card.webp') center/100% 100% no-repeat!important;
}
#app>.app.route-user .original-user-settings button{
  width:100%!important;
  height:min(10.667vw,45.653px)!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  color:#fff!important;
  font-size:min(3.733vw,15.977px)!important;
  line-height:min(10.667vw,45.653px)!important;
  text-align:left!important;
}
#app>.app.route-user .original-user-settings button>span{display:flex!important;align-items:center!important;height:100%!important}
#app>.app.route-user .original-user-settings button>span img{position:relative!important;width:min(6.4vw,27.392px)!important;height:min(6.4vw,27.392px)!important;margin-right:min(2.667vw,11.413px)!important;border-radius:0!important;object-fit:contain!important}
#app>.app.route-user .original-user-settings b{margin-right:min(2.133vw,9.131px)!important;color:rgba(255,255,255,.62)!important;font-size:min(3.2vw,13.696px)!important;font-weight:400!important}
#app>.app.route-user .original-user-settings i{flex:0 0 min(5.333vw,22.827px)!important;width:min(5.333vw,22.827px)!important;height:min(5.333vw,22.827px)!important;border-radius:0!important;background:transparent url('./assets/user/settings/arrow.svg') center/100% 100% no-repeat!important}
#app>.app.route-user .original-user-logout{margin:18px auto 0!important}

/* Keep the five original shortcut illustrations visible and aligned. */
#app>.app.route-home .home-page .quick-grid .quick{
  box-sizing:border-box!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
#app>.app.route-home .home-page .quick-grid .quick-icon{
  box-sizing:border-box!important;
  flex:0 0 min(11.733vw,50.213px)!important;
  width:min(11.733vw,50.213px)!important;
  height:min(11.733vw,50.213px)!important;
  margin:0 auto min(.533vw,2.283px)!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:transparent!important;
}
#app>.app.route-home .home-page .quick-grid .quick-icon>img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:min(11.733vw,50.213px)!important;
  max-width:none!important;
  height:min(11.733vw,50.213px)!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  filter:none!important;
}

/* Brand cover for the supplied source promo art. */
#app .home-page .hero,
#app .original-activity-card,
#app .activity-detail-art{position:relative!important}
#app .embedded-brand-overlay{
  position:absolute!important;
  z-index:8!important;
  top:3.2%!important;
  left:3.2%!important;
  width:30%!important;
  height:28%!important;
  max-height:54px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:2px min(1.1vw,5px)!important;
  border-radius:4px!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,rgba(15,10,39,.97),rgba(24,12,48,.93) 84%,rgba(24,12,48,.22))!important;
  pointer-events:none!important;
}
#app .embedded-brand-overlay img{display:block!important;width:90%!important;max-width:145px!important;height:78%!important;object-fit:contain!important;object-position:left center!important}
#app .home-page .hero>.embedded-brand-overlay{top:4%!important;left:3%!important;width:29%!important;height:25%!important;max-height:48px!important}
#app .activity-detail-art{width:100%!important;overflow:hidden!important}
#app .activity-detail-art>img{display:block!important;width:100%!important;height:auto!important}

/* Original customer-service modal. */
#app .service-original.service-overlay{
  position:fixed!important;
  z-index:2147483600!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  box-sizing:border-box!important;
  background:rgba(10,8,30,.66)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}
#app .service-original .customer-service-pop{
  position:relative!important;
  box-sizing:border-box!important;
  width:min(76.533vw,327.563px)!important;
  height:min(91.733vw,392.619px)!important;
  max-height:calc(100dvh - 32px)!important;
  flex:none!important;
  border-radius:min(3.2vw,13.696px)!important;
  background:linear-gradient(180deg,rgba(25,17,64,.76),rgba(46,15,76,.84))!important;
  box-shadow:0 18px 56px rgba(5,2,22,.46)!important;
}
#app .service-original .title-bg{
  position:relative!important;
  z-index:1!important;
  width:min(81.067vw,346.965px)!important;
  height:min(49.067vw,210.005px)!important;
  margin-left:min(1.6vw,6.848px)!important;
  background:transparent url('./assets/service/background.webp') center top/100% 100% no-repeat!important;
}
#app .service-original .first_title,
#app .service-original .second_title{position:absolute!important;left:min(3.2vw,13.696px)!important;color:#fff!important;text-shadow:0 2px 5px rgba(31,11,81,.48)!important}
#app .service-original .first_title{top:min(11.733vw,50.219px)!important;font-size:min(4.8vw,20.544px)!important;line-height:1.2!important;font-weight:700!important}
#app .service-original .second_title{top:min(17.733vw,75.887px)!important;font-size:min(4.267vw,18.261px)!important;line-height:1.2!important;font-weight:500!important}
#app .service-original .list{
  position:relative!important;
  z-index:2!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:min(66.667vw,285.336px)!important;
  margin-top:max(-21.333vw,-91.307px)!important;
  padding:min(4.267vw,18.261px) min(5.333vw,22.827px)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:min(4.267vw,18.261px)!important;
  background:linear-gradient(145deg,rgba(247,244,255,.17),rgba(91,62,150,.19))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
#app .service-original .item{
  box-sizing:border-box!important;
  width:100%!important;
  height:min(12.8vw,54.784px)!important;
  margin:0 0 min(1.6vw,6.848px)!important;
  padding:0 min(2.133vw,9.131px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:min(2.133vw,9.131px)!important;
  background:linear-gradient(100deg,rgba(64,44,133,.48),rgba(45,67,159,.31))!important;
  color:#fff!important;
}
#app .service-original .left{display:flex!important;align-items:center!important;min-width:0!important;color:#fff!important;font-size:min(3.733vw,15.979px)!important}
#app .service-original .left>div{flex:none!important}
#app .service-original .right{
  box-sizing:border-box!important;
  flex:none!important;
  width:min(21.333vw,91.307px)!important;
  height:min(6.4vw,27.392px)!important;
  padding:0!important;
  border:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:min(3.2vw,13.696px)!important;
  line-height:1!important;
  background:transparent url('./assets/service/consult.webp') center/100% 100% no-repeat!important;
}
#app .service-original .close-icon{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  bottom:max(-12.267vw,-52.503px)!important;
  width:min(6.933vw,29.675px)!important;
  height:min(6.933vw,29.675px)!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent url('./assets/service/close.svg') center/100% 100% no-repeat!important;
}

/* Keep the original download guide artwork legible on short mobile screens. */
#app .download-image-overlay{
  position:fixed!important;
  z-index:2147483601!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  box-sizing:border-box!important;
  background:rgba(4,4,16,.82)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
#app .download-image-sheet{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(398px,calc(100vw - 28px),calc((100dvh - 28px)*.5047))!important;
  height:auto!important;
  max-height:calc(100dvh - 28px)!important;
  margin:auto!important;
  border:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:0 16px 55px rgba(0,0,0,.55)!important;
}
#app .download-image-sheet>img{display:block!important;width:100%!important;height:auto!important;max-height:calc(100dvh - 28px)!important;margin:0!important;object-fit:contain!important;background:transparent!important}
#app .download-image-close{
  position:absolute!important;
  z-index:5!important;
  top:2.5%!important;
  right:2.5%!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:50%!important;
  background:rgba(22,15,49,.8)!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:30px!important;
}