:root {
  --star75-bg: #090f1c;
  --star75-panel: #1d253b;
  --star75-blue: #4c9de5;
  --star75-text: #f7f8fc;
}
html {
  background: var(--star75-bg);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  background: var(--star75-bg);
  color: var(--star75-text);
  min-height: 100vh;
  height: auto !important;
}
#mc-animate-container,
#root,
._container_box,
.home-container,
.star75-lobby,
body,
html {
  max-width: 100%;
  overflow-x: hidden;
}
.home-container {
  width: 100% !important;
}
.header,
.header .header_title,
.header .header_top,
.header-content,
.home-header {
  background: #111 !important;
  border-color: #111 !important;
}
.header .header_top .wrapper {
  max-width: 1000px;
}
.header .common-logo,
.home-header .header-logo img {
  width: 102px !important;
  max-width: 28vw !important;
  height: 24px !important;
  object-fit: contain;
}
.header .header-menu img,
.home-header .header-menu img {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
}
.header .header_holder {
  height: 78px;
}
.home-header .header-logo img {
  width: 85px;
  height: auto;
  object-fit: contain;
}
.header .header-item,
.home-header .login-btn,
.home-header .register-btn {
  border-radius: 8px !important;
  box-shadow: inset 0 1px 2px #ffffff35;
}
.header .header-item.login,
.home-header .login-btn {
  background: linear-gradient(#65c572, #3e9251) !important;
}
.header .header-item.register,
.home-header .register-btn {
  background: linear-gradient(#58a9f3, #2462a5) !important;
}
#mc-app-home-root,
.banner_bg,
.banner_notice,
.br_index_main,
.home-bg,
.home-container,
.home-content,
.home-wrap,
.mc_app_box {
  background: var(--star75-bg) !important;
}
.home-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 24px 8px 100px;
}
.home-entry {
  margin-top: 12px !important;
}
.category-menu-wrap,
.game-menu-bg {
  background-color: transparent !important;
}
.category-menu-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px !important;
}
.category-item {
  flex: 1;
  cursor: pointer;
}
.category-item .category-icon {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
}
.category-item span {
  font-size: 13px;
}
.category-item.on span,
.game-menu-item.on .game-menu-name {
  color: #fff !important;
}
.category-item.on::after {
  background: #4c9de5;
}
.game-content,
.home-item-wrap {
  background: var(--star75-panel) !important;
  border-radius: 12px !important;
  overflow: hidden;
  margin-bottom: 12px !important;
}
.game-content .game-title-wrap,
.home-item-wrap .game-page-title {
  background: linear-gradient(115deg, #2a3d5d 0, #202d47 35%, #1d253b 65%) !important;
  color: #fff !important;
  padding: 12px 16px !important;
  min-height: 54px;
  margin: 0 !important;
}
.game-title-text,
.game-type-title {
  color: #fff !important;
  font-weight: 700;
}
.game-title-text > .icon,
.game-type-title > img {
  width: 26px !important;
  height: 28px !important;
  object-fit: contain;
}
.game-type-title .amount-wrap,
.total-game {
  color: #eef2fa;
  font-size: 12px;
}
.game-type-title .amount,
.total-game .amount {
  font-weight: 700;
  font-size: 16px;
}
.home-item-wrap .row-wrap {
  padding: 14px 14px 0 !important;
}
.home-item-wrap .game-list-item {
  border-radius: 8px 8px 16px 16px;
  overflow: hidden;
  background: linear-gradient(#172235, #263d5b);
  cursor: pointer;
}
.home-item-wrap .game-list-item .img-box {
  padding-bottom: 28px !important;
  height: auto !important;
  position: relative;
}
.home-item-wrap .game-list-item .box-img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
  border-radius: 8px 8px 0 0;
}
.home-item-wrap .vassalage-tag {
  display: flex !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  align-items: center;
  justify-content: center;
  height: 28px !important;
  background: linear-gradient(#172235, #263d5b) !important;
}
.home-item-wrap .vassalage-tag img {
  width: auto !important;
  max-width: 75%;
  height: 23px !important;
  object-fit: contain;
}
.home-item-wrap .item-name {
  display: none !important;
}
.home-item-wrap .games-count {
  display: none !important;
}
.home-item-wrap .navigation-wrap {
  margin: 12px 0 !important;
}
.game-more-text,
.home-item-wrap .more-btn {
  background: linear-gradient(#1c426e, #183052) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 20px !important;
  padding: 6px 18px !important;
  font-weight: 600;
}
.home-item-wrap .game-vendor-item {
  background: linear-gradient(135deg, #253c5c, #17243c);
  border: 1px solid #345277;
  border-radius: 12px;
  overflow: hidden;
}
.home-item-wrap[data-category='Sports'] .swiper-slide {
  max-width: 220px;
}
.home-item-wrap[data-category='Sports'] .game-vendor-item > img {
  height: 150px;
  object-fit: contain;
  width: 100%;
}
.home-item-wrap[data-category='Sports'] .game-vendor-item::after {
  content: 'Sports Exchange';
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 10px;
}
.home-item-wrap[data-category='Sports'] .swiper-slide:first-child .game-vendor-item::after {
  content: 'Velkie';
}
.home-item-wrap[data-category='Sports'] .swiper-slide:nth-child(2) .game-vendor-item::after {
  content: '9wickets';
}
.game-list-item .game-list-img {
  border-radius: 8px 8px 16px 16px !important;
  overflow: hidden;
  background: linear-gradient(#172235, #263d5b) !important;
}
.game-list-item .game-img {
  width: 100% !important;
  aspect-ratio: 1;
  object-fit: cover;
}
.game-vassalage {
  background: linear-gradient(#172235, #263d5b) !important;
  height: 26px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-vassalage img {
  max-width: 75%;
  width: auto !important;
  height: 22px !important;
  object-fit: contain;
}
.game-item-name {
  color: #fff !important;
  font-weight: 600;
  font-size: 12px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 4px;
}
.game-content[data-category='Hot Games'] .game-item-name {
  display: none;
}
.slots-content .vendor-item,
.third-game-list .vendor-item {
  border: 1px solid #355074;
  border-radius: 12px;
  background: linear-gradient(135deg, #263c5a, #16233b) !important;
  overflow: hidden;
}
.third-game-list.SPORTS .vendor-bg {
  object-fit: contain;
  height: 140px !important;
  width: 100%;
}
.third-game-list.SPORTS .vendor-name {
  color: #fff !important;
  background: 0 0 !important;
  font-size: 14px;
}
.index_notice,
.notice_bg,
.notice_main,
.notice_root {
  background: #151c30 !important;
  color: #f4f6fc !important;
  border-radius: 5px;
}
.notice_root {
  margin-bottom: 8px;
}
.br_footer_main {
  max-width: 1000px;
  margin: 0 auto 90px;
  color: #c1c8d6;
}
.br_footer_main .provider-title {
  color: #fff;
}
#menu {
  position: fixed !important;
  z-index: 100;
  inset: auto 0 0 !important;
  height: 78px !important;
  background: #1c2642 !important;
  display: flex !important;
  justify-content: space-around;
  align-items: center;
  border-top: 1px solid #30446a;
  padding-bottom: env(safe-area-inset-bottom, 0);
}
#menu > a,
#menu > div {
  color: #c6d3e9 !important;
  width: 20%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 11px;
}
#menu > .on {
  color: #67b7ff !important;
}
#menu .footer_icon {
  display: block;
  width: 36px !important;
  height: 36px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin: 0 auto 4px;
}
#menu .footer-invite {
  height: 94px;
  align-self: flex-end;
  padding-bottom: 8px;
  position: relative;
}
#menu .footer-invite > .footer_icon {
  width: 150px !important;
  height: 90px !important;
  margin: 0;
  background-size: 100% 100% !important;
}
#menu .icon-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 12px;
}
#menu .icon-wrap .invite {
  width: 54px !important;
  height: 48px !important;
}
#menu .middle {
  color: #71b9ef;
  font-size: 11px;
  margin: 0;
}
.shell-download-bar {
  background: #111 !important;
  height: 58px !important;
  border: 0 !important;
}
.shell-download-bar .download-bar-icon img {
  object-fit: contain;
}
.login_wrap,
.loginmodal-bg,
.mc-account-root,
.mc-layout-wrapper,
.n-home-container,
.tcg_modal_body,
.tcg_modal_wrap.hasBg {
  background-color: var(--star75-bg);
  color: #fff;
}
.login_wrap .item_box,
.search-input-wrap {
  background: #1d253b !important;
  border: 1px solid #34435f !important;
  border-radius: 8px;
}
.login_wrap input,
.search-input {
  color: #fff !important;
}
@media (min-width: 768px) {
  .br_index_main .banner_box {
    margin-bottom: 14px;
  }
  #menu .footer-invite > .footer_icon {
    width: 340px !important;
  }
  .br_footer_main {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .mc_app_box {
    padding-bottom: 90px !important;
  }
  .home-content {
    padding: 0 !important;
  }
  .home-header {
    min-height: 48px;
  }
  .banner_notice {
    padding-top: 0 !important;
  }
  .game-menu-list {
    display: flex !important;
    width: max-content;
    min-width: 100%;
  }
  .game-menu-item {
    min-width: 70px !important;
    padding: 4px 6px !important;
  }
  .game-menu-icon .category-icon {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain;
  }
  .game-menu-name {
    font-size: 10px !important;
  }
  .game-content .game-title-wrap {
    min-height: 42px;
    padding: 8px 12px !important;
  }
  .game-title-text {
    font-size: 17px !important;
  }
  .game-content .gameList-wrap {
    padding: 12px 12px 0 !important;
  }
  .game-slide-group {
    gap: 12px !important;
  }
  .game-slide-group:not(.vendor-grid) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .game-list-item {
    min-width: 0;
  }
  .game-more-list-item {
    margin: 8px auto 12px !important;
  }
  .game-item-name {
    font-size: 10px !important;
  }
  .third-game-list.SPORTS {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .third-game-list.SPORTS .vendor-item {
    width: 100% !important;
  }
  .float-service {
    bottom: 95px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #menu .animate__animated {
    animation: none !important;
  }
}
#menu .footer_icon.home {
  background-image: url('/assets/star75/5d1ff4db61f436a3.png') !important;
}
#menu .footer_icon.promo {
  background-image: url('/assets/star75/3ee722fa1e41b642.png') !important;
}
#menu .footer_icon.reward {
  background-image: url('/assets/star75/8606924254b4c22a.png') !important;
}
#menu .footer_icon.member {
  background-image: url('/assets/star75/1cfb2b1e3722d0c3.png') !important;
}
#menu .footer_icon.invite {
  background-image: url('/assets/star75/6fe31a2a9f3a1983.png') !important;
}
#menu .footer-invite > .footer_icon {
  background-image: url('/assets/star75/bf731fdba60c39e9.png') !important;
}
.star75-download-banner {
  height: 58px;
  max-width: 100%;
  overflow: hidden;
  background: #111;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.star75-download-banner img {
  max-height: 42px;
  width: auto;
  max-width: 40vw;
  object-fit: contain;
}
.star75-download-banner > button {
  position: absolute;
  left: 12px;
  border: 0;
  color: #ddd;
  background: 0 0;
  font-size: 25px;
  cursor: pointer;
}
.star75-download-art {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.star75-download-art img {
  width: 30px;
  height: 36px;
  object-fit: contain;
}
.star75-download-art img.star75-download-text {
  width: 150px;
  height: 42px;
}
.game-list-img::before,
.home-item-wrap .game-list-item .img-box::before {
  content: '♡';
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 5px;
  color: #fff;
  font:
    22px Arial,
    sans-serif;
  pointer-events: none;
  text-shadow: 0 1px 3px #0008;
}
.game-list-img {
  position: relative;
}
.header .header_title {
  position: relative !important;
}
.header .header_holder {
  display: none !important;
}
.header {
  height: auto !important;
}
.home-wrap {
  padding-top: 24px !important;
}
.header .header-menu .svg-icon {
  width: 26px;
  height: 26px;
}
@media (max-width: 767px) {
  .home-wrap {
    width: 100%;
    padding: 12px 0 90px !important;
  }
  .header .header_top .wrapper {
    width: 100%;
    padding: 0 12px;
  }
  .header .common-logo {
    width: 76px !important;
  }
  .header .language_wrap {
    display: none;
  }
  .header .header-item {
    min-width: 70px;
    padding: 6px 10px !important;
    font-size: 12px;
  }
  .category-menu-wrap {
    overflow-x: auto;
    justify-content: flex-start;
  }
  .category-item {
    min-width: 68px;
    flex: 0 0 68px;
  }
  .home-item-wrap:not([data-category='Slots']):not([data-category='Sports']) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    transform: none !important;
  }
  .home-item-wrap:not([data-category='Slots']):not([data-category='Sports']) .swiper-slide {
    width: auto !important;
    margin: 0 !important;
  }
  .home-item-wrap:not([data-category='Slots']):not([data-category='Sports'])
    .swiper-slide:nth-child(n + 13) {
    display: none;
  }
  .home-item-wrap .swiper-arrow {
    display: none;
  }
  .home-item-wrap .navigation-wrap {
    justify-content: center;
  }
  .home-item-wrap .game-type-title {
    font-size: 17px;
  }
}
#menu,
.game-title-text,
.game-type-title,
.header,
.home-header,
body {
  font-family: Inter, Arial, sans-serif !important;
}
.home-bg {
  padding-top: 0 !important;
}
@media (max-width: 767px) {
  .category-menu-wrap {
    padding: 0 8px !important;
    margin-top: 0 !important;
    scrollbar-width: none;
  }
  .category-menu-wrap::-webkit-scrollbar {
    display: none;
  }
  .category-item {
    width: 68px !important;
    min-width: 68px !important;
    flex: 0 0 68px !important;
  }
  .br_footer_main {
    width: 100%;
    padding: 16px 12px 90px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .br_footer_main .copyright,
  .br_footer_main .help-content,
  .br_footer_main .pagcor-wrap,
  .br_footer_main .provider-img,
  .br_footer_main .row2-item,
  .br_footer_main .row2-list {
    width: 100% !important;
    max-width: 100%;
  }
  .br_footer_main img {
    max-width: 100%;
  }
  #menu .footer-invite > .footer_icon {
    width: 110px !important;
  }
}
.acmc_content,
.br_acmc_main,
.br_acmc_mleft,
.br_acmc_mright,
.default-member-wrapper,
.deposit_container,
.n-home-header {
  background-color: #1d253b !important;
  color: #f7f8fc;
  border-color: #304467;
}
.br_acmc_mlnav li.active {
  background: #253d60 !important;
  color: #69b7f7 !important;
}
.submit_btn {
  background: linear-gradient(#62bdf6, #2864ac) !important;
  color: #fff !important;
  border-radius: 8px !important;
}
@media (max-width: 767px) {
  .category-item span {
    font-size: 10px !important;
    white-space: nowrap;
  }
  .v--modal-box.v--modal {
    width: calc(100vw - 24px) !important;
    max-width: 440px;
    left: 12px !important;
  }
  .login_wrap,
  .loginmodal-bg,
  .tcg_modal_wrap.hasBg {
    max-width: 100% !important;
    box-sizing: border-box;
  }
}
.home-item-wrap[data-category='Sports'],
.home-item-wrap[data-category='Sports'] .row-wrap {
  height: auto !important;
}
.home-item-wrap[data-category='Sports'] .swiper {
  height: auto !important;
  padding-bottom: 12px;
}
.home-item-wrap[data-category='Sports'] .game-vendor-item {
  height: auto !important;
  min-height: 190px;
}
.star75-lobby {
  max-width: 1000px;
  margin: 0 auto;
  padding: 48px 0 140px;
  color: #fff;
}
.star75-banner {
  margin-bottom: 12px;
  border-radius: 10px;
  overflow: hidden;
}
.star75-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.star75-notice {
  height: 30px;
  border-radius: 5px;
  background: #151d31;
  display: flex;
  align-items: center;
  margin: 0 8px 6px;
}
.star75-notice marquee {
  flex: 1;
  font-size: 14px;
}
.star75-notice button {
  border: 0;
  background: 0 0;
  color: #369ce9;
  width: 36px;
  cursor: pointer;
  font-size: 20px;
}
.star75-categories {
  display: flex;
  background-size: 100% 100%;
  background-position: center bottom;
  padding: 0 0 8px;
  margin: 0 12px 10px;
}
.star75-categories button {
  position: relative;
  flex: 1;
  min-width: 0;
  border: 0;
  background: 0 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
  cursor: pointer;
  font:
    600 12px Inter,
    Arial,
    sans-serif;
}
.star75-categories button img {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
}
.star75-categories button.active::after {
  content: '';
  position: absolute;
  bottom: -4px;
  width: 16px;
  height: 3px;
  background: #329eed;
  border-radius: 3px;
}
.star75-wallet-actions {
  display: flex;
  gap: 8px;
  margin: 0 8px 8px;
}
.star75-wallet-actions button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  height: 46px;
  border: 2px solid #173d62;
  box-shadow: 0 2px #004052;
  border-radius: 16px;
  background: #1b2643;
  color: #ffac42;
  font:
    700 18px Inter,
    Arial,
    sans-serif;
  cursor: pointer;
}
.star75-wallet-actions .s75-home-vip,
.star75-wallet-actions img {
  width: 28px;
  height: 28px;
  flex: none;
}
.star75-sports-section {
  border-radius: 12px;
  overflow: hidden;
  background: #1c253b;
  margin-bottom: 12px;
}
.star75-sports-banner {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.star75-sports-banner img {
  display: block;
  width: 100%;
  height: 47vw;
  padding: 15px;
  box-sizing: border-box;
  object-fit: fill;
}
.star75-sports-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 12px 12px;
}
.star75-sports-strip button {
  flex: 0 0 calc(25% - 6px);
  width: calc(25% - 6px);
  min-width: 0;
  box-sizing: border-box;
  border: 0;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  background: radial-gradient(50% 60.61%, #174593, #0f3157);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 4px;
  cursor: pointer;
  font:
    400 10px/14px Inter,
    Arial,
    sans-serif;
}
.star75-sports-strip span {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.star75-sports-strip img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.star75-sports-strip p {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  .star75-sports-strip {
    flex-wrap: nowrap;
    padding: 16px;
  }
  .star75-sports-strip button {
    flex: 1 1 0;
    width: auto;
    height: 157px;
    gap: 18px;
    font-size: 14px;
  }
  .star75-sports-strip img {
    width: 48px;
    height: 48px;
  }
}
.star75-section-title {
  height: 68px;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 0 20px;
  background: linear-gradient(115deg, #273e5d, #202d47 35%, #1c253b 40%);
}
.star75-section-title h2 {
  font-size: 28px;
  margin: 0;
  font-weight: 700;
}
.star75-section-title i {
  display: block;
  width: 2px;
  height: 40px;
  transform: rotate(45deg);
  background: #299cf3;
  margin: 0 4px;
}
.star75-section-title div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
.star75-section-title strong {
  font-size: 16px;
}
.star75-section-title span {
  font-size: 12px;
  color: #ccd3e0;
}
.star75-sports-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
  padding: 16px 16px 8px;
}
.star75-sports-grid button {
  border: 0;
  border-radius: 8px;
  height: 185px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  color: #fff;
  background: radial-gradient(ellipse at center, #194783, #113251);
  cursor: pointer;
  font:
    500 16px/1.4 Inter,
    Arial,
    sans-serif;
}
.star75-sports-grid img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.star75-app-download {
  border-radius: 12px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 40px 100px 28px;
  margin-top: 12px;
}
.star75-app-download h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #fff;
}
.star75-app-download p {
  font-size: 16px;
  color: #ddd;
  margin: 0 0 26px;
}
.star75-app-platforms {
  display: flex;
  gap: 24px;
  align-items: center;
}
.star75-app-platforms img {
  width: calc(50% - 12px);
  height: auto;
}
.star75-download-banner > .star75-download-cta {
  left: auto;
  right: 16px;
  padding: 0;
}
.star75-download-cta img {
  width: 120px;
  display: block;
}
.header .header_top {
  min-height: 70px !important;
}
.star75-header-icon {
  width: 20px;
  height: 20px;
  display: block;
}
@media (min-width: 768px) {
  .header .language_wrap,
  .header .member-wrap {
    display: none !important;
  }
  .header .balance-wrap {
    background: #1e293b !important;
    border-radius: 28px !important;
    padding: 8px 10px !important;
    min-width: 0 !important;
    gap: 8px;
  }
  .header .balance-amount {
    font-size: 12px !important;
  }
  .header .balance-return {
    width: 20px !important;
    height: 20px !important;
  }
  .header .header-money {
    gap: 5px !important;
  }
}
.star75-lobby .home-item-wrap {
  position: relative;
}
.star75-lobby .home-item-wrap .game-page-title {
  height: 68px;
  padding: 0 20px !important;
  display: flex;
  align-items: center;
}
.star75-lobby .home-item-wrap .game-type-title {
  font-size: 28px;
}
.star75-lobby .home-item-wrap .row-wrap {
  padding: 16px 16px 8px !important;
}
.star75-lobby .home-item-wrap .game-list-item .img-box {
  padding-bottom: 0 !important;
}
.star75-lobby .home-item-wrap .vassalage-tag {
  position: static !important;
  height: 28px !important;
}
.star75-lobby .home-item-wrap:not([data-category='Hot Games']) .item-name {
  display: block !important;
  position: static !important;
  font-size: 12px;
  text-align: center;
  padding: 5px 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.star75-lobby .home-item-wrap .navigation-wrap {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 195px;
  margin: 0 !important;
}
.star75-lobby .home-item-wrap .game-vendor-item {
  border: 0;
  background: 0 0;
}
.star75-lobby .home-item-wrap .game-vendor-item > img {
  width: 100%;
  height: 175px;
  object-fit: contain;
}
#menu {
  height: 120px !important;
  background: transparent url('/assets/star75/bf731fdba60c39e9.png') center/100% 100% no-repeat !important;
  border: 0 !important;
  align-items: flex-end !important;
  padding-bottom: 8px !important;
}
#menu > a,
#menu > div {
  font-size: 12px !important;
}
#menu .footer_icon {
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 6px;
}
#menu .member,
#menu .promo,
#menu .reward {
  filter: grayscale(90%);
}
#menu .footer-invite {
  height: auto !important;
  padding: 0 !important;
  align-self: flex-end;
}
#menu .footer-invite > .footer_icon {
  width: 100% !important;
  height: auto !important;
  background: 0 0 !important;
}
#menu .icon-wrap {
  padding: 0 !important;
  position: relative;
  top: -8px;
}
#menu .icon-wrap .invite {
  width: 71px !important;
  height: 61px !important;
  margin: 0 !important;
  animation: none !important;
}
#menu .middle {
  font-size: 12px !important;
  margin: 16px 0 0 !important;
}
@media (max-width: 767px) {
  .star75-lobby {
    padding: 16px 8px 130px;
  }
  .star75-notice {
    margin: 0 0 6px;
  }
  .star75-categories {
    margin: 0 0 10px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .star75-categories button {
    flex: 0 0 64px;
    font-size: 10px;
  }
  .star75-categories button img {
    width: 34px !important;
    height: 34px !important;
  }
  .star75-wallet-actions {
    margin: 0 0 10px;
  }
  .star75-wallet-actions button {
    height: 42px;
    font-size: 14px;
    gap: 8px;
  }
  .star75-sports-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 12px;
  }
  .star75-sports-grid button {
    height: 150px;
    font-size: 12px;
    gap: 20px;
  }
  .star75-section-title {
    height: 54px;
    padding: 0 12px;
  }
  .star75-section-title h2 {
    font-size: 20px;
  }
  .star75-app-download {
    padding: 24px 16px;
  }
  .star75-app-download h2 {
    font-size: 24px;
  }
  .star75-app-download p {
    font-size: 12px;
  }
  .star75-app-platforms {
    gap: 10px;
  }
  .star75-app-platforms img {
    width: calc(50% - 5px);
  }
  .star75-download-cta img {
    width: 78px;
  }
  .star75-download-art {
    gap: 4px;
  }
  .star75-download-art img.star75-download-text {
    width: 110px;
  }
  .star75-download-art img {
    width: 20px;
  }
  .star75-download-banner > .star75-download-cta {
    right: 8px;
  }
  .star75-lobby .home-item-wrap .game-page-title {
    height: 54px;
    padding: 0 12px !important;
  }
  .star75-lobby .home-item-wrap .game-type-title {
    font-size: 18px;
  }
  .star75-lobby .home-item-wrap .navigation-wrap {
    position: static;
    width: 100%;
    margin: 10px 0 !important;
  }
  .star75-lobby .home-item-wrap .row-wrap {
    padding: 12px !important;
  }
}
.star75-categories {
  background-image: none !important;
  position: relative;
  isolation: isolate;
}
.star75-categories::before {
  content: '';
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 22px;
  pointer-events: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2974 113' preserveAspectRatio='none'><defs><linearGradient id='s' x1='0' y1='0' x2='0' y2='1'><stop offset='0.16' stop-color='%23142840' stop-opacity='0'/><stop offset='0.34' stop-color='%2318304c' stop-opacity='0.55'/><stop offset='0.72' stop-color='%231c4678' stop-opacity='1'/><stop offset='1' stop-color='%23163358'/></linearGradient></defs><polygon points='136,20 2838,20 2935,88 2935,112 39,112 39,88' fill='url(%23s)'/></svg>")
    center bottom/100% 100% no-repeat;
}
.star75-categories button.active {
  background: 0 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.star75-categories button:focus {
  outline: 0;
}
.star75-categories button:focus-visible {
  outline: 2px solid #369ce9;
  outline-offset: -2px;
}
@media (min-width: 768px) {
  .header .logined_wrap {
    background: #141f31 !important;
    border-radius: 32px;
    padding: 8px;
    gap: 4px !important;
  }
  .header .header-btn-wrap {
    display: flex;
    gap: 4px !important;
  }
  .header .header-btn {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #1e293b !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .balance-wrap {
    padding: 4px 8px !important;
  }
}
.star75-social {
  position: fixed;
  bottom: 128px;
  right: 16px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  z-index: 40;
}
.star75-social a {
  display: block;
  width: 40px;
  height: 40px;
}
.star75-social img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .star75-social {
    right: 8px;
  }
  .star75-social a {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 768px) {
  .header .header_top {
    height: 70px !important;
  }
}
@keyframes star75-heartBet {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  100%,
  70% {
    transform: scale(1);
  }
}
#menu .icon-wrap .star75-share-animation {
  animation: star75-heartBet 1.5s infinite !important;
  filter: drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a);
}
.star75-download-banner {
  height: 64px;
}
.star75-download-art {
  gap: 8px;
}
.star75-download-art img {
  width: auto;
  height: 22px;
}
.star75-download-art img:first-child {
  height: 36px;
  margin-right: 0;
}
.star75-download-art img.star75-download-text {
  width: auto;
  height: 30px;
}
.star75-download-cta img {
  width: auto;
  height: 30px;
}
.star75-promotion-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: #000c;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.star75-treasure-dialog {
  position: relative;
  width: min(550px, calc(90vh * 375 / 667), calc(100vw - 16px));
  aspect-ratio: 375/667;
}
.star75-treasure-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.star75-treasure-dialog h2 {
  position: absolute;
  top: 29%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 21.6px;
  font-weight: 900;
  color: #f8600e;
  white-space: nowrap;
  text-shadow: 0 0 3px #fff;
  margin: 0;
}
.star75-treasure-box {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}
.star75-treasure-action {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 70%;
  padding: 16px 24px;
  border: 0;
  color: #fffbd6;
  font-weight: 900;
  background: transparent url('/assets/star75/treasure-button.png') center/100% 100% no-repeat;
  cursor: pointer;
}
.star75-treasure-close {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font: 36px Arial;
  border: 0;
  background: 0 0;
  cursor: pointer;
}
.star75-download-dialog {
  position: relative;
}
.star75-download-dialog > img {
  display: block;
  max-width: 90vw;
  max-height: 90vh;
}
.star75-download-close {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #fff;
  background: #0008;
  border: 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-size: 22px;
}
.star75-android-download {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
  background: #16a34a;
  color: #fff !important;
  white-space: nowrap;
  padding: 12px 24px;
  border-radius: 32px;
  font-size: 18px;
  font-weight: 600;
}
.star75-social {
  bottom: 96px;
}
.star75-lobby .game-page-title,
.star75-section-title {
  background: #1c253b url('/assets/star75/title-bg.png') left center/auto 100% no-repeat !important;
}
@media (max-width: 767px) {
  .star75-download-cta img {
    width: auto;
    height: 30px;
  }
  .star75-download-banner > .star75-download-cta {
    right: 16px;
  }
  .star75-download-art img {
    width: auto;
    height: 22px;
  }
  .star75-download-art img.star75-download-text {
    width: auto;
    height: 30px;
  }
  .star75-download-art img:first-child {
    height: 36px;
  }
  .star75-lobby {
    padding: 4px 0 32px;
  }
  .star75-lobby .home-item-wrap {
    border-radius: 12px !important;
  }
  .star75-lobby .home-item-wrap .game-page-title,
  .star75-section-title {
    height: 43.9467px;
    padding-left: 20px !important;
  }
  .star75-categories {
    margin: 10px 5px;
  }
  .star75-categories button {
    flex: 0 0 80px;
    font-size: 12px;
  }
  .star75-categories button img {
    width: 40px !important;
    height: 40px !important;
  }
  .star75-notice {
    margin: 0 8px;
    height: 28px;
  }
  .star75-app-download {
    padding: 40px 20px;
  }
  .star75-app-download h2 {
    font-size: 24px;
  }
  .star75-app-download p {
    font-size: 14px;
  }
  .star75-app-platforms {
    gap: 16px;
  }
  .star75-app-platforms img {
    width: calc(50% - 8px);
  }
  .star75-social a {
    width: 40px;
    height: 40px;
  }
  .star75-social {
    right: 16px;
    gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #menu .icon-wrap .star75-share-animation {
    animation: none !important;
  }
}
.star75-games-section {
  position: relative;
  border-radius: 12px;
  background: #1c253b;
  margin-bottom: 12px;
  overflow: hidden;
}
.star75-games-section .star75-section-title {
  margin-bottom: 16px;
}
.star75-section-title h2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.star75-section-title h2 > img {
  width: 24px;
  height: 28px;
  object-fit: contain;
}
.star75-game-cards {
  padding: 0 16px;
}
.star75-game-card {
  display: block;
  width: 100%;
  border: 0;
  color: #fff;
  padding: 0;
  margin: 0;
  background: 0 0;
  text-align: center;
  cursor: pointer;
  min-width: 0;
  font-family: Inter, Arial, sans-serif;
}
.star75-game-art {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.star75-game-art > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.star75-card-heart {
  position: absolute;
  top: 0;
  left: 4px;
  color: #fff;
  font: 25px/30px Arial;
  text-shadow: 0 1px 3px #0005;
}
.star75-provider-strip {
  border-radius: 0 0 24px 24px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#172337, #263d5b);
}
.star75-provider-strip img {
  width: auto;
  max-width: 80%;
  height: 24px;
  object-fit: contain;
}
.star75-game-name {
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.star75-game-card.provider {
  aspect-ratio: 1/1;
}
.star75-game-card.provider .star75-game-art {
  height: 100%;
  border-radius: 8px;
}
.star75-game-card.provider .star75-game-art > img {
  object-fit: fill;
}
.star75-games-section[data-category='Hot Games'] .star75-game-cards {
  padding-bottom: 0;
}
.star75-games-section.providers .star75-game-cards {
  padding-bottom: 16px;
}
.star75-game-arrows {
  position: absolute;
  top: 16px;
  right: 20px;
  display: flex;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.2s;
}
.star75-games-section:focus-within .star75-game-arrows,
.star75-games-section:hover .star75-game-arrows {
  opacity: 1;
}
.star75-game-arrows button {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: #37435e;
  color: #62a2f7;
  font-size: 24px;
  cursor: pointer;
}
.star75-game-card:focus-visible {
  outline: 2px solid #50b3ff;
  outline-offset: -2px;
}
.star75-mobile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.star75-mobile-grid.providers {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.star75-see-all {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}
.star75-see-all button {
  border: 0;
  height: 27.4667px;
  padding: 0 11px;
  border-radius: 24px;
  background: radial-gradient(50% 60.61% at 50% 50%, #174593 0, #0f3157 100%);
  font:
    800 13px Inter,
    Arial,
    sans-serif;
  color: #fff;
  cursor: pointer;
}
.star75-affiliate {
  text-align: center;
  padding: 16px;
}
.star75-affiliate h4 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px;
}
.star75-affiliate a {
  display: inline-block;
  color: #fff;
  background: radial-gradient(50% 60.61% at 50% 50%, #174593 0, #0f3157 100%);
  padding: 6px 16px;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .star75-games-section .star75-section-title {
    height: 43.9467px;
    margin-bottom: 16px;
  }
  .star75-section-title h2 {
    font-size: 18px;
  }
  .star75-section-title {
    gap: 8px;
    padding-right: 20px;
  }
  .star75-section-title i {
    margin: 0 15px;
  }
  .star75-game-cards {
    padding: 0 12px;
  }
  .star75-provider-strip {
    height: 27px;
    border-radius: 0 0 24px 24px;
  }
  .star75-provider-strip img {
    height: 23px;
  }
  .star75-game-name {
    font-size: 12px;
  }
  .br_footer_main {
    background: #0f172a;
    margin-bottom: 120px;
  }
  .header .header_top {
    min-height: 45px !important;
    height: 45px !important;
  }
  .header .header-item {
    font-size: 12px;
    height: 29px;
    padding: 4px 16px !important;
  }
}
.star75-ticker {
  flex: 1;
  display: flex;
  overflow: hidden;
  font-size: 14px;
}
.star75-ticker-track {
  flex: 0 0 auto;
  min-width: 100%;
  white-space: nowrap;
  animation: star75-announcement-scroll var(--star75-ticker-duration) linear infinite;
}
.star75-ticker:hover .star75-ticker-track {
  animation-play-state: paused;
}
@keyframes star75-announcement-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .star75-ticker-track {
    animation: none;
  }
  .star75-ticker-track[aria-hidden] {
    display: none;
  }
}
.home-header .header-content {
  height: 45px !important;
  padding: 0 12px !important;
}
.home-header .header-menu img {
  width: 28px !important;
  height: 28px !important;
}
.home-header .header-logo img {
  width: 80px !important;
}
.home-header .login-btn,
.home-header .register-btn {
  height: 29px !important;
  padding: 4px 16px !important;
  font-size: 12px !important;
  line-height: 21px !important;
}
.home-header .header-btns {
  gap: 12px !important;
}
@media (min-width: 768px) {
  .header .header_top {
    height: 45px !important;
    min-height: 45px !important;
  }
}
.home-header {
  position: relative !important;
  height: 45px !important;
  min-height: 45px !important;
}
.home-header .header-content {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  min-height: 45px !important;
  box-sizing: border-box;
}
.header .header-item.login,
.home-header .login-btn {
  background: linear-gradient(135deg, #17ce6c, #15965e) !important;
}
.header .header-item.register,
.home-header .register-btn {
  background: linear-gradient(135deg, #36adf5, #0872c8) !important;
}
.header .header-item {
  font-size: 12px !important;
  height: 29px !important;
  padding: 4px 16px !important;
  line-height: 21px !important;
}
.star75-lobby .star75-section-title {
  background: #1c253b url('/assets/star75/title-bg.png') left center/auto 100% no-repeat !important;
}
.star75-page-footer {
  text-align: center;
  background: #0f172a;
  color: #fff;
  padding: 32px 16px 144px;
}
.star75-page-footer h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 24px 0 12px;
}
.star75-page-footer h2:first-child {
  margin-top: 0;
}
.star75-affiliate-link {
  display: inline-block;
  border-radius: 24px;
  padding: 6px 18px;
  background: radial-gradient(50% 60.61% at 50% 50%, #174593 0, #0f3157 100%);
  color: #fff !important;
  font-weight: 700;
  font-size: 13px;
}
.star75-footer-payments {
  display: block;
  width: min(600px, 100%);
  margin: 0 auto;
}
.star75-footer-vendors {
  display: block;
  width: min(850px, 100%);
  margin: 0 auto;
}
.star75-footer-license {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
}
.star75-footer-license img {
  width: auto;
  max-width: 40%;
  height: 40px;
  object-fit: contain;
}
.star75-page-footer p {
  margin: 20px 0 0;
  font-size: 12px;
  color: #9299a8;
}
.home-header .login-btn,
.home-header .register-btn {
  white-space: nowrap !important;
  min-width: 71px !important;
  flex-shrink: 0;
  box-sizing: border-box;
}
.home-header .login-btn {
  min-width: 80px !important;
}
.star75-app-download h2 {
  font-size: 30px;
}
@media (max-width: 767px) {
  .star75-app-download h2 {
    font-size: 24px;
  }
}
.br_promotion_main {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 16px auto 32px !important;
  padding: 0 8px !important;
  min-width: 0 !important;
}
.br_promotion_main > .main-title {
  display: none !important;
}
.br_promotion_main .content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.br_promotion_main .prom_list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  width: 100% !important;
  padding: 0 !important;
}
.br_promotion_main .promo-item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 4px;
  overflow: hidden;
  background: #0f3157;
}
.br_promotion_main .promo-item > img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.br_promotion_main .promo-title {
  min-height: 50px;
  padding: 0 12px !important;
  display: flex;
  align-items: center;
  background: linear-gradient(#174593, #0f3157) !important;
}
.br_promotion_main .promo-title p {
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
}
.star75-promo-description {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.5s ease-in-out,
    opacity 0.5s ease-in-out;
}
.star75-promo-description.open {
  max-height: 2000px;
  opacity: 1;
}
.star75-promo-description img {
  display: block;
  width: 100%;
  padding: 8px;
  border-radius: 12px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .br_promotion_main .promo-title p {
    font-size: 14px;
  }
}
.star75-promotion-overlay {
  overflow: auto;
  overscroll-behavior: contain;
}
.star75-treasure-summary .star75-treasure-close {
  bottom: -3%;
}
.star75-bonus-summary-content {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
  color: #826849;
}
.star75-bonus-summary-content h3 {
  font-size: clamp(22px, 5vw, 30px);
  font-weight: 900;
  color: #f44915;
  margin: 0 0 16px;
}
.star75-bonus-summary-content p {
  font-size: 14px;
  margin: 12px 0;
}
.star75-bonus-summary-content strong {
  font-size: 32px;
  color: #f44a15;
}
.star75-bonus-orange {
  border: 0;
  background: transparent url('/assets/star75/treasure-button.png') center/100% 100% no-repeat;
  color: #fff;
  font-weight: 900;
  padding: 19px 28px;
  cursor: pointer;
  line-height: 1.3;
}
.star75-bonus-summary-content .star75-bonus-orange {
  width: 90%;
  font-size: 15px;
}
.star75-bonus-panel {
  position: relative;
  width: calc(100% - 24px);
  height: calc(100dvh - 80px);
  color: #73491d;
}
.star75-bonus-panel-close {
  position: absolute;
  right: 0;
  top: -36px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: 0 0;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
}
.star75-bonus-panel-scroll {
  height: 100%;
  overflow-y: auto;
  background: #ffe9c4;
  border-radius: 28px;
  padding: 0 12px 24px;
  background-image: url('/assets/star75/temu-condition-bg.89a81e3f.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.star75-bonus-heading {
  height: 365px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff3d0;
}
.star75-bonus-heading h2 {
  margin: 35px 0 0;
  color: #f8600e;
  text-shadow: 0 0 3px #fff;
  font-size: 38px;
  font-weight: 900;
}
.star75-bonus-heading img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}
.star75-bonus-heading p {
  font-weight: 700;
}
.star75-bonus-progress {
  position: relative;
  background: #fffbf1 url('/assets/star75/temu-condition-count-bg.48d54198.png') center/cover;
  text-align: center;
  padding: 58px 30px 28px;
  min-height: 230px;
}
.star75-bonus-countdown {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  background: url('/assets/star75/temu-time-bg1.7e5e581e.png') center/100% 100%;
  padding: 8px 36px;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
.star75-bonus-progress > strong {
  font-size: 44px;
  font-weight: 500;
  color: #ff4d17;
}
.star75-bonus-progress-track {
  height: 12px;
  border-radius: 20px;
  background: #ffeac4;
  margin: 14px 0;
}
.star75-bonus-progress p {
  font-size: 13px;
  font-weight: 700;
}
.star75-bonus-progress .star75-bonus-orange {
  padding: 14px 35px;
}
.star75-bonus-tabs {
  display: flex;
  background: #ffdb9e;
  margin-top: 12px;
}
.star75-bonus-tabs button {
  position: relative;
  width: 33.333%;
  border: 0;
  background: 0 0;
  color: #17110a;
  font-weight: 900;
  padding: 16px 4px;
  cursor: pointer;
}
.star75-bonus-tabs button[aria-selected='true'] {
  color: #f44915;
}
.star75-bonus-tabs button[aria-selected='true']:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: calc(50% - 8px);
  border: 8px solid transparent;
  border-bottom-color: #fff9ec;
}
.star75-bonus-tab-content {
  background: #fff9ec;
  padding: 12px 8px;
  min-height: 250px;
}
.star75-bonus-task {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px;
  background: #ffedc3;
  border-radius: 10px;
  margin-bottom: 8px;
  min-height: 96px;
  font-size: 14px;
}
.star75-bonus-task > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.star75-bonus-task strong {
  color: #ff5513;
  font-size: 20px;
  font-weight: 500;
}
.star75-bonus-task button,
.star75-bonus-unavailable {
  border: 0;
  border-radius: 6px;
  background: #717783;
  color: #fff;
  padding: 8px 12px;
  font-size: 13px;
}
.star75-bonus-task button {
  background: #ff7017;
  cursor: pointer;
}
.star75-bonus-description {
  padding: 24px;
  line-height: 1.7;
}
.star75-bonus-account {
  display: block;
  margin: 24px auto;
}
@media (max-width: 767px) {
  .star75-bonus-panel {
    width: 100%;
    height: calc(100dvh - 42px);
    margin-top: 30px;
  }
  .star75-bonus-panel-scroll {
    border-radius: 16px;
    padding: 0 8px 20px;
  }
  .star75-bonus-heading {
    height: 270px;
  }
  .star75-bonus-heading h2 {
    font-size: 25px;
    margin-top: 22px;
  }
  .star75-bonus-heading img {
    width: 170px;
    height: 170px;
  }
  .star75-bonus-progress {
    padding: 48px 12px 18px;
  }
  .star75-bonus-progress > strong {
    font-size: 36px;
  }
  .star75-bonus-tabs button {
    font-size: 12px;
  }
  .star75-bonus-task {
    padding: 16px 12px;
  }
  .star75-bonus-summary-content p {
    font-size: 12px;
  }
  .star75-bonus-summary-content .star75-bonus-orange {
    font-size: 12px;
    padding: 15px 12px;
  }
}
.star75-bonus-heading {
  position: relative;
  background: url('/assets/star75/temu-condition-amount-bg.3eb40b4d.png') center bottom/cover
    no-repeat;
}
.star75-bonus-heading h2,
.star75-bonus-heading img,
.star75-bonus-heading p {
  position: relative;
}
.star75-bonus-countdown {
  background: linear-gradient(#ff5714, #df290a);
  border-radius: 0 0 12px 12px;
  padding: 8px 12px;
}
.star75-bonus-countdown:after,
.star75-bonus-countdown:before {
  content: '';
  position: absolute;
  top: 0;
  width: 42px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}
.star75-bonus-countdown:before {
  left: -40px;
  background-image: url('/assets/star75/temu-time-bg1.7e5e581e.png');
}
.star75-bonus-countdown:after {
  right: -40px;
  background-image: url('/assets/star75/temu-time-bg3.4912ad8a.png');
  background-position: right top;
}
.star75-treasure-dialog {
  width: min(550px, calc(100vw - 16px));
  flex: none;
}
.star75-treasure-action {
  background-size: cover;
  background-position: center;
  padding: 16px 24px;
  line-height: 24px;
  font-size: 16px;
}
.star75-bonus-orange {
  background-size: cover;
  background-position: center;
}
.star75-bonus-summary-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.star75-bonus-summary-content h3 {
  line-height: 36px;
  margin: 0;
  font-size: 30px;
}
.star75-bonus-summary-content p {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin: 4px 0 0;
}
.star75-bonus-summary-content strong {
  line-height: 32px;
  font-size: 30.4px;
  margin-top: 4px;
}
.star75-bonus-summary-content .star75-bonus-orange {
  width: 80%;
  min-height: 56px;
  margin-top: 12px;
  padding: 20px 24px;
  line-height: 16px;
  font-size: 16px;
}
.star75-treasure-summary .star75-treasure-close {
  bottom: -8%;
}
.star75-bonus-panel {
  width: 100%;
  height: calc(100dvh - 80px);
}
.star75-bonus-panel-scroll {
  border-radius: 10px;
  padding: 0 11.52px 19.2px;
}
.star75-bonus-heading {
  height: 345.6px;
}
.star75-bonus-heading h2 {
  height: 79.2px;
  margin: 24.96px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 19.2px;
  font-size: 34.56px;
  line-height: 1.1;
  flex-shrink: 0;
}
.star75-bonus-heading img {
  width: 203.52px;
  height: 203.52px;
  margin-top: -35.04px;
  flex-shrink: 0;
  background: url('/assets/star75/temu-history-box-bg.08e8a9fd.gif') center/contain no-repeat;
}
.star75-bonus-heading p {
  margin: -14.4px 0 0;
  min-height: 38.4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13.44px;
  font-weight: 600;
}
.star75-bonus-progress {
  height: 232px;
  min-height: 0;
  margin-top: 8px;
  padding: 54px 28.8px 0;
}
.star75-bonus-progress > strong {
  font-size: 39.36px;
  line-height: 45.12px;
}
.star75-bonus-progress-track {
  height: 11.52px;
  margin: 10px 0 0;
}
.star75-bonus-progress p {
  font-size: 11.52px;
  line-height: 16px;
  margin: 10px 0 0;
  font-weight: 600;
}
.star75-bonus-progress .star75-bonus-orange {
  width: 100%;
  height: 50.88px;
  margin-top: 1.92px;
  padding: 0 48px;
  font-size: 13.44px;
  background-image: url('/assets/star75/temu-condition-button.ca95ba96.png');
  background-size: contain;
}
.star75-bonus-progress .star75-bonus-orange:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70.08px;
  height: 70.08px;
  background: url('/assets/star75/temu-condition-button-img.2aa322c9.png') center/cover;
  pointer-events: none;
}
.star75-bonus-tabs {
  margin-top: 11.52px;
  height: 45px;
}
.star75-bonus-tabs button {
  padding: 0 4px;
  font-size: 14px;
}
.star75-bonus-tabs button + button:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  border-left: 1px solid #e9c892;
}
.star75-bonus-tab-content {
  padding: 11.52px 7.68px;
}
.star75-bonus-task {
  min-height: 89px;
  height: 89px;
  padding: 16px 20px;
  margin-bottom: 8px;
  border-radius: 8px;
  font-size: 13.44px;
}
.star75-bonus-task strong {
  font-size: 19.2px;
  line-height: 22px;
}
.star75-bonus-task button,
.star75-bonus-unavailable {
  font-size: 12px;
  padding: 8px 12px;
}
@media (max-width: 767px) {
  .star75-bonus-panel {
    height: calc(100dvh - 80px);
    margin-top: 0;
  }
  .star75-bonus-heading h2 {
    font-size: 28px;
  }
  .star75-bonus-summary-content h3 {
    font-size: 8vw;
    line-height: 1.2;
  }
  .star75-bonus-summary-content p {
    font-size: 4vw;
    line-height: 1.2;
  }
  .star75-bonus-summary-content strong {
    font-size: 14vw;
    line-height: 1;
  }
  .star75-bonus-summary-content .star75-bonus-orange {
    width: 90%;
    font-size: 4.5vw;
    padding: 20px 18px;
    line-height: 1;
  }
  .star75-treasure-action {
    font-size: 4vw;
  }
  .star75-bonus-tabs button {
    font-size: 12px;
  }
}
.star75-bonus-progress-track {
  position: relative;
}
.star75-bonus-progress-bubble {
  position: absolute;
  right: -16px;
  bottom: 19px;
  background: linear-gradient(90deg, #fb4605, #ff9503);
  border-radius: 9.6px 2.4px;
  padding: 6.72px 4.8px;
  font-size: 9.6px;
  font-weight: 600;
  line-height: 14px;
  color: #ffe9c7;
  text-align: center;
}
.star75-bonus-progress-bubble:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #ff7904;
  border-bottom: 0;
}
.star75-promotion-overlay {
  padding: 0;
}
.star75-treasure-dialog h2 {
  line-height: 1.1;
  letter-spacing: -0.64px;
  -webkit-text-stroke: 0.16px #fcf8d8;
}
.star75-notice .star75-announcement-trigger {
  display: flex;
  align-items: center;
  gap: 70px;
  flex: none;
  min-width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: 0 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  overflow: visible;
}
.star75-announcements {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: #1a2332;
  color: #fff;
}
.star75-announcements > header {
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #4b5563;
  min-height: 68px;
  box-sizing: border-box;
}
.star75-announcements > header button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: 0 0;
  padding: 0;
  color: #fff;
  cursor: pointer;
}
.star75-announcements h2 {
  flex: 1;
  text-align: center;
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
.star75-announcement-list {
  height: calc(100dvh - 68px);
  overflow: auto;
  background: #120f22;
}
.star75-announcement-list article {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid #374151;
}
.star75-announcement-list article:last-child {
  border-bottom: 0;
}
.star75-announcement-list article > img {
  width: 24px;
  height: 24px;
  flex: none;
}
.star75-announcement-body {
  flex: 1;
  min-width: 0;
}
.star75-announcement-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 8px;
}
.star75-announcement-row h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.star75-announcement-row time {
  color: #9ca3af;
  font-size: 12px;
  flex-shrink: 0;
  white-space: nowrap;
}
.star75-announcement-body p {
  color: #d1d5db;
  font-size: 14px;
  line-height: 22.75px;
  margin: 0;
}
.star75-announcement-body small {
  display: block;
  color: #f87171;
  font-size: 12px;
  margin-top: 8px;
}
.star75-announcement-empty {
  padding: 32px;
  text-align: center;
  color: #9ca3af;
}
@media (max-width: 767px) {
  .star75-announcement-row {
    align-items: flex-start;
  }
  .star75-announcement-row time {
    font-size: 10px;
  }
  .star75-announcement-row h3 {
    font-size: 16px;
  }
}
.star75-lobby {
  padding-bottom: 20px;
}
.star75-account-surface {
  min-height: 100dvh;
  background: #080f20;
  color: #374151;
  font-family: Inter, Arial, sans-serif;
}
.star75-account-shell {
  max-width: 1000px;
  margin: 0 auto;
  background: #f9fafb;
  min-height: calc(100dvh - 120px);
}
.star75-account-header {
  height: 48px;
  display: flex;
  align-items: center;
  background: #1b2644;
  color: #fff;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}
.star75-account-header button {
  background: 0 0;
  border: 0;
  color: #fff;
  padding: 0;
  cursor: pointer;
  display: flex;
}
.star75-account-header h1 {
  flex: 1;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
.star75-account-home {
  background: #fff url('/assets/star75/account-background.png') center -4.816px/100% auto no-repeat;
}
.star75-account-profile {
  min-height: 214px;
  border-radius: 13px;
  background: linear-gradient(248deg, #f1f9ff 0, #b3bcc8 100%);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  overflow: hidden;
}
.star75-account-medal {
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
  opacity: 0.6;
  filter: blur(0.6px);
}
.star75-account-identity {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}
.star75-account-avatar {
  width: 80px;
  height: 80px;
  border: 4px solid #fff;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 1px 3px #0002;
}
.star75-account-username {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #222;
}
.star75-account-username b {
  font-size: 17px;
  font-weight: 700;
}
.star75-account-vip {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  color: #fff !important;
  background: #374151;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
}
.star75-account-vip img {
  width: 20px;
  height: 20px;
}
.star75-account-identity p {
  font-size: 14px;
  color: #4b5563;
  margin: 0;
}
.star75-account-balance {
  border: 0;
  padding: 0;
  background: 0 0;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #444;
  align-self: flex-start;
  cursor: pointer;
}
.star75-account-wallet {
  display: flex;
  justify-content: space-around;
  margin-top: 16px;
}
.star75-account-wallet a {
  background: linear-gradient(0deg, #ffffffb3, #ffffff4d 33.33%, transparent 67%, #fff);
  border-radius: 24px;
  box-shadow: 0 1px 3px #0002;
  color: #454545 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 4px 16px;
}
.star75-account-menu {
  padding: 16px;
}
.star75-account-menu h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 16px;
  color: #374151;
}
.star75-account-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.star75-account-grid > a,
.star75-account-grid > button {
  border: 0;
  background: 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  color: #374151;
  font: inherit;
  text-decoration: none;
  gap: 8px;
  min-height: 98px;
}
.star75-account-menu-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff2db;
  color: #d1a24f;
  font-size: 20px;
}
.star75-account-grid > a > span:last-child,
.star75-account-grid > button > span:last-child {
  font-size: 14px;
  line-height: 17.5px;
  text-align: center;
}
.star75-account-extra {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 16px;
  font-size: 12px;
}
.star75-account-download .star75-app-banner {
  display: none;
}
.star75-account-inner {
  background: #f9fafb;
}
.star75-account-inner #mc-animate-container,
.star75-account-inner .v-base {
  position: relative !important;
  inset: auto !important;
  max-width: none !important;
  width: 100% !important;
  transform: none !important;
  min-height: calc(100dvh - 48px);
  background: #f9fafb !important;
}
.star75-account-inner .mc-header-wrap {
  display: none !important;
}
.star75-account-inner .myWithdrawCards,
.star75-account-inner .personalCenter,
.star75-account-inner .security-center,
.star75-account-inner .webMail {
  max-width: 440px;
  margin: 16px auto;
  background: #fff;
  border-radius: 12px;
  padding: 16px;
}
.star75-account-inner .am-list-body,
.star75-account-inner .am-list-item {
  background: #fff;
  color: #374151;
}
.star75-account-inner input,
.star75-account-inner select,
.star75-account-inner textarea {
  color: #374151;
}
.star75-account-form {
  max-width: 384px;
  margin: 16px auto;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px #0001;
}
.star75-account-form select,
.star75-account-form textarea {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  margin-bottom: 12px;
}
.star75-account-form small {
  display: block;
  text-align: right;
  color: #9ca3af;
}
.star75-account-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
  border: 1px dashed #d1d5db;
  color: #9ca3af;
  margin: 12px 0;
  cursor: pointer;
}
.star75-account-upload input {
  width: 100%;
  font-size: 12px;
  max-width: 180px;
}
.star75-account-service-note {
  font-size: 13px;
  color: #6b7280;
}
.star75-account-primary {
  display: block;
  background: #1b2644;
  color: #fff !important;
  text-align: center;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
}
.star75-account-form details {
  border-bottom: 1px solid #e5e7eb;
  padding: 12px 0;
  margin-bottom: 12px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .star75-account-header {
    padding: 0 16px;
  }
  .star75-account-grid {
    gap: 12px 4px;
  }
  .star75-account-grid > a,
  .star75-account-grid > button {
    padding: 8px 2px;
  }
  .star75-account-grid > a > span:last-child,
  .star75-account-grid > button > span:last-child {
    font-size: 12px;
  }
  .star75-account-profile {
    padding: 16px;
  }
  .star75-account-username b {
    font-size: 15px;
  }
  .star75-account-identity {
    gap: 10px;
  }
  .star75-account-medal {
    width: 120px;
  }
  .star75-account-form {
    margin: 16px;
  }
  .star75-account-shell {
    min-height: 100dvh;
  }
}
.star75-account-download .star75-download-banner {
  display: none;
}
.star75-account-menu-icon svg {
  width: 20px !important;
  height: 20px !important;
}
.star75-account-surface {
  background: #fff;
}
.star75-account-shell {
  box-shadow:
    100vw 0 #080f20,
    -100vw 0 #080f20;
}
.star75-account-shell.account-home {
  min-height: 0;
}
.star75-account-shell {
  box-shadow:
    1000px 0 #080f20,
    -1000px 0 #080f20;
}
.star75-account-surface {
  font-family: Roboto, Arial, sans-serif;
  background: #080f20;
}
.star75-account-shell {
  background: #f5f5f5;
  min-height: 100dvh;
  box-shadow: none;
}
.star75-account-header {
  padding: 0;
  height: 48px;
  background: #1b2644;
}
.star75-account-header button {
  width: 64px;
  flex-shrink: 0;
  justify-content: center;
}
.star75-account-header h1 {
  font-size: 19px;
  font-weight: 400;
}
.s75-betting,
.s75-profit-page,
.s75-reward,
.s75-reward-detail {
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
}
.s75-betting button,
.s75-calendar button,
.s75-profit-page button {
  font-family: inherit;
  cursor: pointer;
}
.s75-betting {
  min-height: 100dvh;
  background: #f5f5f5;
  padding-bottom: 120px;
}
.s75-betting-controls {
  background: #fff;
  padding: 16px;
}
.s75-exclusion {
  background: #2196f3;
  color: #fff;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  margin: 0 0 16px auto;
}
.s75-category-tabs {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
  overflow: auto;
}
.s75-category-tabs button {
  padding: 12px 16px;
  background: 0 0;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #666;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}
.s75-category-tabs button.active {
  border-bottom-color: #2196f3;
  color: #2196f3;
  font-weight: 600;
}
.s75-betting-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.s75-date-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: #f8f9fa;
  border: 1px solid #2196f3;
  border-radius: 8px;
  color: #2196f3;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.s75-search {
  border: 0;
  background: 0 0;
  padding: 8px;
  color: #2196f3;
  display: flex;
}
.s75-betting-results {
  padding: 16px;
}
.s75-empty {
  text-align: center;
  padding: 40px;
  color: #666;
  font-size: 16px;
  margin: 0;
}
.s75-empty button,
.s75-record-error button {
  display: block;
  margin: 8px auto;
  border: 0;
  background: 0 0;
  color: #2196f3;
}
.s75-betting-totals {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f0f0f0;
  border-top: 1px solid #e0e0e0;
  padding: 12px 16px;
  z-index: 50;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  font-size: 14px;
}
.s75-betting-totals span {
  display: block;
  color: #666;
  margin-bottom: 2px;
}
.s75-betting-totals b {
  display: block;
  font-size: 16px;
  color: #4caf50;
}
.s75-record-card {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  font-size: 14px;
}
.s75-record-card p {
  margin: 8px 0;
}
.s75-record-heading {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.s75-profit-page {
  background: #080f20;
  min-height: calc(100dvh - 48px);
}
.s75-profit-content {
  max-width: 600px;
  margin: 0 auto;
  padding: 16px;
  background: #f5f5f5;
  font-family: Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  min-height: calc(100dvh - 48px);
}
.s75-profit-filter {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
}
.s75-profit-filter button {
  padding: 8px 10px;
  color: #2196f3;
  background: #f8f9fa;
  border: 1px solid #2196f3;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.s75-profit-filter button.active {
  background: #2196f3;
  color: #fff;
  font-weight: 600;
}
.s75-profit-filter .s75-date-button {
  font-size: 14px;
  min-width: 120px;
  border-radius: 8px;
}
.s75-pl-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px #0000001a;
  padding: 16px;
  margin-bottom: 12px;
}
.s75-pl-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.s75-pl-title h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 24px;
}
.s75-pl-title > div {
  text-align: right;
}
.s75-pl-title > div span {
  font-size: 12px;
  display: block;
  color: #666;
}
.s75-pl-title > div b {
  font-size: 16px;
  display: block;
  margin-top: 2px;
}
.s75-pl-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  font-size: 12px;
}
.s75-pl-metrics span {
  display: block;
  color: #666;
  margin-bottom: 4px;
}
.s75-pl-metrics b {
  font-size: 12px;
  font-weight: 600;
  display: block;
}
.s75-pl-detail {
  border-top: 1px solid #eee;
  margin-top: 16px;
  padding-top: 16px;
}
.s75-pl-sports {
  border-top: 1px solid #eee;
  margin-top: 16px;
  padding-top: 16px;
  text-align: center;
  color: #666;
  font-size: 14px;
}
.s75-record-error {
  font-size: 12px;
  color: #b45309;
}
.s75-record-error button {
  display: inline;
}
.positive {
  color: #00c853 !important;
}
.negative {
  color: #f44336 !important;
}
.s75-reward {
  min-height: calc(100dvh - 48px);
  background: #f3f4f6 url('/assets/star75/account/reward-background.png') center -80px/100% auto
    no-repeat;
  padding-top: 100px;
}
.s75-reward-profile {
  padding: 24px;
  border-radius: 0 0 24px 24px;
  background:
    url('/assets/images/border.b5fa93b3.png'), url('/assets/images/badge.bf45a271.png'),
    linear-gradient(30deg, #e6b14b, #ffecaa);
  color: #25252599;
}
.s75-reward-identity {
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 12px;
}
.s75-reward-identity > img {
  width: 48px;
  height: 48px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.s75-reward-identity h2 {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin: 0;
  line-height: 24px;
}
.s75-reward-identity h2 span {
  font-size: 14px;
}
.s75-reward-identity p {
  font-size: 14px;
  margin: 0;
  line-height: 20px;
}
.s75-reward-balance {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  color: #000;
  line-height: 24px;
}
.s75-reward-balance button {
  padding: 0;
  display: flex;
  border: 0;
  background: 0 0;
  color: inherit;
  cursor: pointer;
}
.s75-reward-level {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.s75-reward-level > a,
.s75-reward-level > span {
  display: flex;
  gap: 8px;
  align-items: center;
}
.s75-reward-level a {
  color: #0009 !important;
  font-size: 15px;
}
.s75-reward-progress {
  display: flex;
  align-items: center;
  margin-top: 8px;
  gap: 8px;
  font-size: 14px;
}
.s75-reward-progress > div {
  height: 4px;
  background: #6666664d;
  border-radius: 24px;
  flex: 1;
}
.s75-reward-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 12px 16px 16px;
}
.s75-reward-grid > a {
  height: 120px;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px #0002;
  color: #fff !important;
}
.s75-reward-grid > a > span {
  width: 44px;
  height: 44px;
  background: #fff;
  border-radius: 50%;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s75-reward-grid img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.s75-reward-grid b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.s75-reward-detail {
  min-height: calc(100dvh - 48px);
  background: #f5f5f9;
}
.s75-reward-detail-profile {
  height: 158px;
  background: url('/assets/star75/account/bonus-background.jpg') center/cover no-repeat;
  padding: 28px 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #fff;
}
.s75-reward-detail-profile > img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.s75-reward-detail-profile h3 {
  font-size: 16px;
  margin: 0;
  font-weight: 500;
  line-height: 24px;
}
.s75-reward-detail-profile p {
  font-size: 16px;
  margin: 0;
  font-weight: 700;
}
.s75-modal-overlay {
  position: fixed;
  inset: 0;
  background: #0008;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s75-calendar {
  width: 350px;
  max-width: calc(100vw - 32px);
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  font:
    14px/1.5 Roboto,
    Arial,
    sans-serif;
  color: #333;
  outline: 0;
}
.s75-calendar button {
  border: 0;
  background: 0 0;
  color: inherit;
  cursor: pointer;
}
.s75-calendar-range {
  display: flex;
  gap: 10px;
}
.s75-calendar-range button {
  flex: 1;
  border: 1px solid #4a90e2;
  background: #f0f8ff;
  border-radius: 8px;
  padding: 12px;
  color: #4a90e2;
  font-weight: 500;
}
.s75-calendar-range small {
  display: block;
  font-size: 12px;
}
.s75-calendar .selected {
  background: #4a90e2;
  color: #fff;
}
.s75-calendar-month {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4px 0 16px;
  font-size: 18px;
}
.s75-calendar-month button {
  font-size: 24px;
  color: #666;
}
.s75-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}
.s75-calendar-days small {
  text-align: center;
  color: #999;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 0 16px;
}
.s75-calendar-days button {
  height: 45px;
  border-radius: 8px;
  font-size: 14px;
}
.s75-calendar-days .muted {
  color: #bbb;
}
.s75-calendar-days .in-range {
  background: #e6f3ff;
  color: #2196f3;
}
.s75-calendar footer {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.s75-calendar footer button {
  flex: 1;
  background: #f5f5f5;
  padding: 14px;
  border-radius: 8px;
}
.s75-calendar footer button:last-child {
  background: #4a90e2;
  color: #fff;
}
.s75-bottom-overlay {
  align-items: flex-end;
}
.s75-bottom-sheet {
  height: 50dvh;
  max-height: 80dvh;
  overflow: auto;
  background: #fff;
  width: 100%;
  font:
    14px/1.5 Roboto,
    Arial,
    sans-serif;
}
.s75-bottom-sheet header {
  padding: 16px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s75-bottom-sheet h2 {
  font-size: 20px;
  margin: 0;
  font-weight: 600;
}
.s75-bottom-sheet header button {
  background: 0 0;
  border: 0;
  font-size: 26px;
  color: #6b7280;
  cursor: pointer;
}
.s75-rescue-rates {
  padding: 16px;
}
.s75-rescue-rates table {
  width: 100%;
  border-collapse: collapse;
}
.s75-rescue-rates td,
.s75-rescue-rates th {
  text-align: left;
  padding: 8px 12px;
  border-bottom: 1px solid #f3f4f6;
  font-weight: 400;
}
.s75-rescue-rates td[rowspan] {
  vertical-align: top;
  border-right: 1px solid #eee;
  font-weight: 500;
}
.s75-rescue-info {
  border: 0;
  background: #fff;
  color: #2196f3;
  padding: 12px 24px;
  cursor: pointer;
}
.s75-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  font-size: 14px;
}
.s75-pagination button {
  padding: 6px 12px;
  background: #2196f3;
  border: 0;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}
.s75-pagination button:disabled {
  background: #e0e0e0;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .s75-category-tabs button {
    padding: 12px;
  }
  .s75-date-button {
    font-size: 12px;
    padding: 10px;
  }
  .s75-reward {
    background-position: center -30px;
    padding-top: 100px;
  }
  .s75-pl-metrics {
    gap: 16px 8px;
  }
  .s75-betting-filter {
    gap: 4px;
  }
  .s75-reward-profile {
    padding: 24px;
  }
}
.star75-account-header svg {
  width: 12px !important;
  height: 22px !important;
  flex: none !important;
}
.s75-history {
  background: #fff;
  min-height: calc(100dvh - 48px);
  padding: 16px 0;
}
.s75-history-tabs {
  display: flex;
  padding: 0 8px 8px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 16px;
}
.s75-history-tabs button {
  flex: 1;
  text-align: center;
  padding: 0 0 4px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: 0 0;
  color: #4b5563;
  font:
    16px/24px Roboto,
    Arial,
    sans-serif;
  cursor: pointer;
}
.s75-history-tabs button.active {
  border-color: #3b82f6;
  color: #2563eb;
  font-weight: 500;
}
.s75-history-empty {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  color: #4b5563;
  padding: 20px;
}
.s75-cards-empty button,
.s75-history-empty button {
  background: 0 0;
  border: 0;
  color: #2196f3;
  cursor: pointer;
}
.s75-statement {
  background: #fff;
  font:
    14px/1.5 Helvetica,
    Tahoma,
    sans-serif;
  padding-bottom: 8px;
  min-height: calc(100dvh - 48px);
}
.s75-statement-filter {
  background: #f0f0f0;
  padding: 10px 0;
  margin-bottom: 10px;
  display: flex;
  gap: 8px;
  justify-content: space-evenly;
  align-items: center;
}
.s75-statement-filter button,
.s75-statement-filter label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: #e5e7eb;
  color: #6b7280;
  border: 0;
  border-radius: 8px;
  font:
    500 14px/20px Helvetica,
    Arial,
    sans-serif;
  cursor: pointer;
}
.s75-statement-filter label {
  position: relative;
  padding: 0;
}
.s75-statement-filter label > svg {
  position: absolute;
  right: 16px;
  pointer-events: none;
  width: 16px !important;
  height: 16px !important;
}
.s75-statement-filter select {
  appearance: none;
  background: 0 0;
  border: 0;
  padding: 10px 40px 10px 16px;
  cursor: pointer;
  font: inherit;
}
.s75-statement-filter .s75-statement-today {
  background: #2196f3;
  color: #fff;
}
.s75-statement-filter button:last-child {
  background: 0 0;
  min-width: 140px;
}
.s75-form-page {
  background: #f9fafb;
  min-height: calc(100dvh - 48px);
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font:
    14px/1.5 Roboto,
    Arial,
    sans-serif;
}
.s75-profile-form {
  background: #fff;
  padding: 24px;
  max-width: 384px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 1px 3px #0002;
}
.s75-profile-form > p {
  margin: 0 0 16px;
  font-size: 14px;
}
.s75-profile-form > p b {
  font-weight: 500;
}
.s75-profile-input {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  background: #f3f4f6;
  border-radius: 4px;
  margin-bottom: 12px;
  color: #9ca3af;
}
.s75-profile-input svg {
  width: 16px !important;
  height: 16px !important;
  flex: none;
}
.s75-profile-input input {
  width: 100%;
  border: 0 !important;
  outline: 0;
  background: 0 0;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
  padding: 0;
  min-height: 20px;
  color: #374151;
}
.s75-profile-input.readonly {
  background: #d1d5db;
}
.s75-privacy {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.s75-privacy a {
  color: #3b82f6 !important;
  font-weight: 500;
}
.s75-privacy p {
  color: #6b7280;
  margin: 4px 0 0;
}
.s75-red-submit {
  width: 100%;
  margin-top: 16px;
  background: linear-gradient(to right, #ef4444, #dc2626);
  color: #fff;
  border: 0;
  border-radius: 4px;
  font:
    500 14px/20px Roboto,
    Arial,
    sans-serif;
  padding: 8px;
  box-shadow: 0 1px 3px #0002;
  cursor: pointer;
}
.s75-red-submit:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}
.s75-security {
  max-width: 448px;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 6px #0002;
  color: #374151;
}
.s75-security h3 {
  font-size: 16px;
  margin: 0 0 8px;
  font-weight: 600;
}
.s75-security-status {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
}
.s75-security-status p {
  margin: 0;
  word-break: break-word;
}
.s75-security-status p:nth-last-child(2) {
  margin-top: 4px;
}
.s75-security-circle {
  width: 64px;
  height: 64px;
  flex: none;
  border-radius: 50%;
  padding: 5px;
}
.s75-security-circle span {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #22c55e;
  font-size: 14px;
  font-weight: 600;
}
.s75-security-level {
  text-align: center;
  margin: 16px 0;
  font-size: 14px;
  font-weight: 500;
}
.s75-security-links > a,
.s75-security-links > button {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid #e5e7eb;
  width: 100%;
  background: 0 0;
  text-align: left;
  color: #374151 !important;
  cursor: pointer;
}
.s75-security-links svg {
  width: 20px !important;
  height: 20px !important;
  flex: none;
  color: #3b82f6;
}
.s75-security-links span {
  flex: 1;
}
.s75-security-links b {
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.s75-security-links small {
  display: block;
  font-size: 12px;
  color: #6b7280;
}
.s75-security-links i {
  font-style: normal;
  color: #9ca3af;
  font-size: 24px;
}
.s75-cards-page {
  background: #fff;
  min-height: calc(100dvh - 48px);
  padding: 16px;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
  color: #4b5563;
}
.s75-cards-page > section {
  max-width: 384px;
  margin: auto;
  width: 100%;
}
.s75-cards-page p {
  margin: 0;
}
.s75-cards-page b {
  font-weight: 500;
}
.s75-cards-empty {
  text-align: center;
  padding: 32px 0;
  color: #6b7280;
}
.s75-wallet-card {
  position: relative;
  margin: 16px 0;
  padding: 20px;
  background: linear-gradient(120deg, #e6b14b, #ffecaa);
  border-radius: 12px;
}
.s75-wallet-card p {
  margin: 8px 0;
}
.s75-wallet-card button {
  position: absolute;
  right: 16px;
  bottom: 16px;
  border: 0;
  background: 0 0;
  color: #ef4444;
  cursor: pointer;
}
@media (max-width: 500px) {
  .s75-statement-filter {
    gap: 4px;
  }
  .s75-statement-filter button {
    padding: 10px;
  }
  .s75-statement-filter button:last-child {
    min-width: 0;
  }
  .s75-statement-filter select {
    padding-left: 10px;
  }
}
.s75-message-page {
  padding: 16px 0;
}
.s75-inbox {
  width: 100%;
  max-width: 448px;
  background: #fff;
  border-radius: 4px;
}
.s75-inbox h2 {
  text-align: center;
  color: #3b82f6;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  border-bottom: 1px solid #e5e7eb;
  margin: 0;
}
.s75-inbox-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
}
.s75-inbox-tools label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.s75-inbox input {
  width: 16px;
  height: 16px;
  appearance: auto;
}
.s75-inbox-tools > div {
  display: flex;
  gap: 12px;
}
.s75-inbox-tools button {
  background: 0 0;
  border: 0;
  color: #6b7280;
  padding: 0;
  cursor: pointer;
}
.s75-inbox-tools svg {
  width: 18px !important;
  height: 18px !important;
}
.s75-inbox-tools button:disabled {
  opacity: 0.4;
  cursor: default;
}
.s75-mail-row {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  gap: 8px;
  border-bottom: 1px solid #e5e7eb;
}
.s75-mail-row > input {
  margin-top: 4px;
  flex: none;
}
.s75-mail-row > button {
  background: 0 0;
  border: 0;
  text-align: left;
  flex: 1;
  cursor: pointer;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
  color: #374151;
  padding: 0;
}
.s75-mail-row button > span {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.s75-mail-row b {
  font-weight: 500;
}
.s75-mail-row small {
  font-size: 12px;
  color: #9ca3af;
}
.s75-mail-row i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
}
.s75-mail-row > span {
  font-size: 24px;
  color: #9ca3af;
}
.s75-message-detail {
  width: 440px;
  max-width: calc(100vw - 32px);
  border-radius: 12px;
  background: #fff;
  padding: 24px;
  position: relative;
  white-space: pre-wrap;
}
.s75-message-detail > button {
  position: absolute;
  right: 12px;
  top: 8px;
  border: 0;
  background: 0 0;
  font-size: 24px;
  cursor: pointer;
}
.s75-message-detail h2 {
  font-size: 18px;
}
.s75-message-detail p {
  font-size: 14px;
}
.s75-cashback-page {
  min-height: calc(100dvh - 48px);
  background: #f5f5f5;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
}
.s75-cashback {
  width: 100%;
  max-width: 384px;
  padding: 20px;
}
.s75-cashback-date,
.s75-cashback-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding-right: 8px;
  margin-bottom: 12px;
}
.s75-cashback-date {
  border: 1px solid #fca5a5;
  border-radius: 4px;
  margin-bottom: 16px;
}
.s75-cashback-date span,
.s75-cashback-row span {
  padding: 4px 12px;
  color: #fff;
  border-radius: 4px;
  background: #fca5a5;
}
.s75-cashback b {
  color: #fb923c;
  font-size: 16px;
  font-weight: 400;
}
.s75-cashback-date b {
  font-weight: 500;
}
.s75-cashback-total {
  margin-top: 20px;
}
.s75-cashback-total span {
  background: #d8b4fe;
}
.s75-cashback-claim {
  width: 100%;
  background: #2196f3;
  color: #fff;
  border: 0;
  border-radius: 4px;
  font-weight: 500;
  padding: 8px;
  cursor: pointer;
}
.s75-cashback-claim:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}
.s75-cashback-reminder {
  text-align: center;
  color: #f87171;
  font-size: 12px;
  line-height: 16px;
  margin: 12px 0 0;
}
.s75-deposit-page {
  background: #fff;
  min-height: calc(100dvh - 48px);
  padding: 16px 8px;
  font:
    16px/24px Roboto,
    Arial,
    sans-serif;
  color: #333;
}
.s75-deposit-page form {
  width: 100%;
}
.s75-deposit-page label span {
  color: red;
}
.s75-deposit-bank {
  margin-bottom: 24px;
}
.s75-payment-methods {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.s75-payment-methods button {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  padding: 12px 20px;
  cursor: pointer;
}
.s75-payment-methods button.active {
  background: #fef2f2;
  border-color: #ef4444;
}
.s75-deposit-label {
  display: block;
  margin: 12px 0 8px;
}
.s75-deposit-presets {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 16px;
}
.s75-deposit-presets button {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 12px 0;
  font-size: 16px;
  background: #fff;
  cursor: pointer;
}
.s75-deposit-presets button.active {
  border-color: #ef4444;
  background: #fef2f2;
}
.s75-deposit-page input:not([type='file']),
.s75-deposit-page select {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 14px 12px;
  font:
    16px/24px Roboto,
    Arial,
    sans-serif;
  background: #f9fafb;
}
.s75-deposit-page small {
  font-size: 12px;
}
.s75-deposit-submit {
  background: #182343;
  border: 0;
  width: 100%;
  margin-top: 24px;
  border-radius: 4px;
  padding: 12px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.s75-deposit-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.s75-transaction-input {
  display: flex;
  gap: 8px;
}
.s75-transaction-input button {
  background: #182343;
  color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
}
.s75-deposit-bank-detail {
  font-size: 14px;
}
.s75-deposit-bank-detail button {
  background: 0 0;
  border: 0;
  color: #2196f3;
  cursor: pointer;
}
.s75-withdraw-page {
  background: #fff;
  min-height: calc(100dvh - 48px);
  padding: 16px;
  color: #1f2937;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
}
.s75-ewallet-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 3px solid red;
}
.s75-ewallet-heading img {
  width: 35px;
  height: 35px;
}
.s75-ewallet-heading h2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #dc2626;
  margin: 0;
}
.s75-bound-wallets {
  font-size: 18px;
  line-height: 28px;
  color: #4b5563;
  margin: 0 0 8px;
}
.s75-empty-wallet {
  height: 192px;
  background: url('/assets/star75/account/empty-wallet.png') center/cover;
  padding: 32px 0;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.s75-empty-wallet span {
  width: 192px;
  height: 112px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #9ca3af;
  font-size: 14px;
}
.s75-add-wallet-line {
  padding: 8px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.s75-add-wallet-line:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #d1d5db;
}
.s75-add-wallet-line button {
  background: #fe0000;
  border: 0;
  border-radius: 50%;
  padding: 12px;
  margin: 8px 0;
  z-index: 1;
  box-shadow: 0 4px 6px #0002;
  color: #fff;
  display: flex;
  cursor: pointer;
}
.s75-add-wallet-line svg {
  width: 24px !important;
  height: 24px !important;
}
.s75-withdraw-info {
  margin-top: 16px;
}
.s75-withdraw-info p {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 8px;
}
.s75-withdraw-info p:nth-child(2) {
  margin-bottom: 4px;
}
.s75-withdraw-info p:nth-child(n + 3) {
  font-size: 14px;
  color: #1f2937;
  margin-bottom: 12px;
}
.s75-recall {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #3b79f3;
  background: #d7e7fe;
  margin: 0 auto 16px;
  cursor: pointer;
}
.s75-withdraw-page form > p {
  padding: 8px 0;
  margin: 0;
}
.s75-withdraw-amount {
  position: relative;
  display: block;
}
.s75-withdraw-amount span {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
}
.s75-withdraw-amount input {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 12px 16px 128px;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
}
.s75-withdraw-submit {
  width: 100%;
  margin-top: 24px;
  padding: 16px;
  border: 0;
  border-radius: 8px;
  font:
    500 14px/20px Roboto,
    Arial,
    sans-serif;
  background: #182343;
  color: #fff;
  cursor: pointer;
}
.s75-withdraw-submit:disabled {
  background: #d1d5db;
  color: #6b7280;
  cursor: not-allowed;
}
.s75-withdraw-pin {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.s75-withdraw-pin input {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 12px;
}
.s75-withdraw-wallets {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 16px 0;
}
.s75-withdraw-wallets button {
  padding: 24px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #f9fafb;
  cursor: pointer;
}
.s75-withdraw-wallets button.active {
  border-color: #ff3039;
  background: #fff1f2;
}
.s75-withdraw-wallets span {
  display: block;
}
.s75-wallet-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
}
.s75-add-wallet {
  background: #f5f5f9;
  color: #1f2937;
  max-width: 448px;
  margin: 0 auto;
  height: 100%;
  padding: 56px 16px 16px;
  position: relative;
  overflow: auto;
  font:
    16px/24px Roboto,
    Arial,
    sans-serif;
}
.s75-wallet-close {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 4px;
  border: 0;
  background: 0 0;
  font-size: 28px;
  cursor: pointer;
}
.s75-add-wallet h2 {
  font-size: 16px;
  font-weight: 400;
  color: #4b5563;
  margin: 0 0 16px;
}
.s75-wallet-group {
  width: 120px;
  border: 1px solid #ff3039;
  background: #ff30390f;
  border-radius: 8px;
  padding: 4px;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.s75-wallet-group img {
  height: 42px;
  width: auto;
}
.s75-add-wallet section {
  border: 1px solid #0003;
  background: #fff;
  border-radius: 8px;
  padding: 8px;
}
.s75-add-wallet h3 {
  font-size: 16px;
  color: #4b5563;
  font-weight: 400;
  margin: 0 0 12px;
}
.s75-wallet-types {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.s75-wallet-types button {
  flex: 1;
  border: 1px solid #0003;
  background: #f3f4f6;
  border-radius: 8px;
  padding: 12px 16px;
  cursor: pointer;
  color: #4b5563;
}
.s75-wallet-types button.active {
  background: #ff30390f;
  border-color: #ff3039;
  color: #000;
}
.s75-add-wallet label {
  position: relative;
  display: block;
  margin-bottom: 16px;
}
.s75-add-wallet label svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  width: 24px !important;
  height: 24px !important;
}
.s75-add-wallet input {
  font:
    18px/28px Roboto,
    Arial,
    sans-serif;
  background: #efefef;
  width: 100%;
  padding: 12px 16px 12px 48px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
}
.s75-add-wallet section p {
  color: red;
  font-weight: 700;
  margin: 0 0 16px;
}
.s75-wallet-submit {
  width: 100%;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 500;
  background: #182343;
  color: #fff;
  cursor: pointer;
}
.s75-wallet-submit:disabled {
  background: #d1d5db;
  color: #000;
  cursor: not-allowed;
}
.s75-invite {
  background: #fff;
  min-height: calc(100dvh - 48px);
  padding: 8px;
  font:
    16px/24px Roboto,
    Arial,
    sans-serif;
}
.s75-invite-tabs {
  display: flex;
  overflow: auto;
  border-bottom: 1px solid #d1d5db;
  margin-bottom: 16px;
}
.s75-invite-tabs button {
  padding: 8px 16px;
  background: 0 0;
  border: 0;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  color: #4b5563;
  cursor: pointer;
  font: inherit;
}
.s75-invite-tabs button.active {
  color: #2563eb;
  border-color: #3b82f6;
  font-weight: 600;
}
.s75-invite-overview > section {
  margin-bottom: 16px;
}
.s75-invite-share {
  padding: 16px;
  border-radius: 12px;
  background: linear-gradient(#f3f7fb, #e0e9f1);
}
.s75-invite-share h3 {
  font-size: 16px;
  text-align: center;
  color: #3b2987;
  font-weight: 600;
  margin: 0 0 8px;
}
.s75-invite-share > div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #566073;
}
.s75-invite-share > div button {
  border: 0;
  background: 0 0;
  color: #566073;
  padding: 0;
  cursor: pointer;
}
.s75-invite-share label {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  padding: 4px 8px;
  gap: 8px;
}
.s75-invite-share input {
  font-size: 9px;
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: 0 0;
}
.s75-invite-share label button {
  background: #3b82f6;
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 4px 12px;
  cursor: pointer;
}
.s75-invite svg {
  width: 20px !important;
  height: 20px !important;
  flex: none;
}
.s75-invite-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.s75-invite-stats button {
  border: 0;
  border-radius: 4px;
  padding: 8px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(108deg, #abdcff, #0396ff);
}
.s75-invite-stats .stat-1,
.s75-invite-stats .stat-2 {
  background: linear-gradient(108deg, #ce9ffc, #7367f0);
}
.s75-invite-stats small {
  display: block;
  font-size: 10px;
  line-height: 15px;
}
.s75-invite-stats b {
  display: block;
  font-size: 18px;
  line-height: 28px;
}
.s75-invite h2 {
  font-size: 20px;
  text-align: center;
  color: #3b2987;
  font-weight: 700;
  margin: 8px 0;
}
.s75-invite-reward {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 4px;
  background: linear-gradient(#f3f7fb, #e0e9f1);
  margin-bottom: 16px;
}
.s75-invite-reward img {
  width: 69px;
  height: auto;
  margin-right: 24px;
}
.s75-invite-reward p {
  color: #566073;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.s75-invite-reward b {
  color: #3b2987;
  font-size: 19px;
  display: block;
  margin-top: 4px;
}
.s75-invite-reward small {
  color: #566073;
  font-size: 11px;
  display: block;
}
.s75-invite-winners {
  max-width: 448px;
  background: linear-gradient(to right, #38bdf8, #a855f7);
  color: #fff;
  border-radius: 12px;
  padding: 16px;
  margin: auto;
}
.s75-invite-winners h3 {
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 0 12px;
}
.s75-invite-winners > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
  color: #1f2937;
  border-radius: 32px;
  padding: 8px 16px;
  margin-bottom: 8px;
  font-size: 14px;
}
.s75-invite-winners > p {
  text-align: center;
}
.s75-income-calculator {
  background: linear-gradient(122deg, #fd6585, #0d25b9);
  padding: 16px;
  border-radius: 4px;
  color: #fff;
}
.s75-income-calculator > div {
  display: flex;
  align-items: center;
}
.s75-income-calculator img {
  width: 85px;
  height: auto;
}
.s75-income-calculator h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 0 8px;
}
.s75-income-calculator > p {
  color: #ffc576;
  text-align: center;
  margin: 0 0 8px;
}
.s75-invite-incomes {
  padding: 16px;
}
.s75-invite-incomes h2 {
  text-align: left;
}
.s75-invite-incomes > div {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  border-bottom: 1px solid #eee;
}
.s75-invite-records > div {
  display: flex;
  gap: 8px;
}
.s75-invite-records select {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
}
.s75-invite-records table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 16px;
  font-size: 14px;
}
.s75-invite-records td,
.s75-invite-records th {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: center;
}
.s75-referrals {
  padding: 16px;
}
.s75-referrals h2 {
  text-align: left;
}
.s75-referrals p {
  text-align: center;
}
.s75-reward {
  background-position: center -53.44px;
}
.s75-reward-balance svg,
.s75-reward-level svg {
  width: 16px !important;
  height: 16px !important;
  flex: none;
}
.s75-betting-filter .s75-date-button svg {
  width: 16px !important;
  height: 16px !important;
  flex: none;
}
.s75-search svg {
  width: 28px !important;
  height: 28px !important;
}
.s75-recall svg {
  width: 16px !important;
  height: 16px !important;
}
.s75-password-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0008;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
  color: #374151;
}
.s75-password-overlay > section {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: auto;
}
.s75-password-overlay header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.s75-password-overlay h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
}
.s75-password-overlay header button {
  font-size: 24px;
  color: #6b7280;
  border: 0;
  background: 0 0;
  cursor: pointer;
}
.s75-password-overlay form {
  padding: 24px;
}
.s75-password-overlay label {
  display: block;
  margin-bottom: 16px;
}
.s75-password-overlay label span {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}
.s75-password-overlay input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
}
.s75-password-submit {
  width: 100%;
  padding: 8px 16px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: #3b82f6;
  font-weight: 500;
  cursor: pointer;
}
.s75-password-submit:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}
.s75-password-service {
  font-size: 12px;
}
.s75-password-service a {
  color: #2196f3 !important;
}
.s75-suggestion {
  background: #fff;
  max-width: 384px;
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 1px 3px #0002;
}
.s75-suggestion select,
.s75-suggestion textarea,
.s75-suggestion-code input {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px 12px;
  font:
    14px/20px Roboto,
    Arial,
    sans-serif;
  background: #fff;
  color: #374151;
}
.s75-suggestion select {
  margin-bottom: 12px;
}
.s75-suggestion textarea {
  resize: none;
  display: block;
}
.s75-suggestion > small {
  text-align: right;
  display: block;
  font-size: 12px;
  color: #9ca3af;
  line-height: 16px;
  margin-bottom: 12px;
}
.s75-suggestion-upload {
  height: 96px;
  width: 100%;
  border: 1px dashed #d1d5db;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 14px;
  position: relative;
  margin-bottom: 16px;
  cursor: pointer;
  overflow: hidden;
}
.s75-suggestion-upload > span:first-child {
  font-size: 24px;
}
.s75-suggestion-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.s75-suggestion-code {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.s75-suggestion-code input {
  min-width: 0;
  flex: 1;
}
.s75-suggestion-code > span {
  border: 1px solid #d1d5db;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
}
.s75-suggestion > button {
  width: 100%;
  background: #d1d5db;
  color: #fff;
  font-size: 14px;
  padding: 8px;
  border: 0;
  border-radius: 4px;
  cursor: not-allowed;
}
.s75-suggestion-service {
  font-size: 12px;
  color: #6b7280;
}
.s75-suggestion-service a {
  color: #2196f3 !important;
}
.s75-category-tabs button,
.s75-date-button,
.s75-profit-filter button {
  box-shadow: none !important;
  outline: 0;
}
.s75-category-tabs button:focus-visible,
.s75-date-button:focus-visible,
.s75-profit-filter button:focus-visible {
  outline: 2px solid #2196f3;
  outline-offset: -2px;
}
.s75-search img {
  width: 32px;
  height: 32px;
}
.s75-betting-filter .s75-date-button img {
  width: 16px;
  height: 16px;
  flex: none;
}
.star75-account-shell.account-home {
  min-height: 0;
  background: #fff;
}
.star75-account-surface:has(.account-home) {
  background: #fff;
}
.star75-account-home {
  font-family: Inter, Arial, sans-serif;
  background-position: center -52.816px;
}
.star75-account-profile {
  min-height: 219px;
}
.star75-account-balance {
  line-height: 27px;
  margin-bottom: 8px;
  font-family: inherit;
}
.star75-account-wallet {
  margin-top: 16px;
}
.star75-account-grid > a,
.star75-account-grid > button {
  min-height: 97.5px;
  position: relative;
}
.star75-account-badge {
  position: absolute;
  right: 12px;
  top: 4px;
  background: #ef4444;
  color: #fff;
  font:
    700 12px/16px Inter,
    Arial,
    sans-serif;
  border-radius: 999px;
  padding: 2px 6px;
  font-style: normal;
}
.star75-account-shell.account-home {
  box-shadow:
    1000px 0 #080f20,
    -1000px 0 #080f20;
}
.star75-account-shell.account-home .star75-account-header {
  font-family: Inter, Arial, sans-serif;
}
.star75-account-vip {
  line-height: 20px;
  gap: 4px;
}
.s75-history,
.star75-account-shell:has(.s75-history) .star75-account-header {
  font-family: Inter, Arial, sans-serif;
}
.s75-history-tabs button {
  font-family: Inter, Arial, sans-serif;
  box-shadow: none !important;
  outline: 0 !important;
}
.s75-history-tabs button:focus-visible {
  outline: 2px solid #3b82f6 !important;
  outline-offset: 2px;
}
.s75-history .s75-history-empty {
  padding: 0;
  color: #6b7280;
}
.star75-account-surface:has([data-account-page='accountRecord']) {
  background: #fff;
}
.star75-account-shell[data-account-page='accountRecord'] {
  min-height: 0;
  background: #fff;
  box-shadow:
    1000px 0 #080f20,
    -1000px 0 #080f20;
}
.star75-account-shell[data-account-page='accountRecord'] .star75-account-header {
  font-family: Inter, Arial, sans-serif;
}
.s75-statement {
  min-height: 0;
  padding-bottom: 0;
  font:
    14px/21px Inter,
    Arial,
    sans-serif;
}
.s75-statement-filter button,
.s75-statement-filter label {
  font:
    500 14px/21px Inter,
    Arial,
    sans-serif;
  box-shadow: none !important;
  outline: 0;
  white-space: nowrap;
}
.s75-statement-filter label {
  width: 73px;
  height: 41px;
  flex: none;
}
.s75-statement-filter select {
  width: 100%;
  height: 41px;
  padding: 10px 32px 10px 16px;
  color: #6b7280;
}
.s75-statement-filter img {
  width: 16px !important;
  height: 16px !important;
  flex: none;
}
.s75-statement-filter label img {
  position: absolute;
  right: 16px;
  pointer-events: none;
}
.s75-statement-filter .s75-statement-today img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(325deg) brightness(103%) contrast(101%);
  margin-right: 4px;
}
.s75-statement-filter button:last-child {
  gap: 8px;
  min-width: 0;
}
.s75-statement .s75-history-empty {
  font:
    14px/21px Inter,
    Arial,
    sans-serif;
  color: #6b7280;
  padding: 20px;
  margin: 0;
}
.s75-statement .s75-pagination {
  font:
    16px/24px Inter,
    Arial,
    sans-serif;
  color: #000;
  margin: 10px 0 0;
}
.s75-statement .s75-pagination button {
  font: inherit;
  padding: 6px 12px;
  box-shadow: none !important;
}
.s75-statement .s75-pagination span {
  font:
    14px/21px Inter,
    Arial,
    sans-serif;
}
.s75-statement-filter .s75-statement-today {
  background: #2196f3 !important;
}
.s75-invite-tabs button {
  outline: 0 !important;
  box-shadow: none !important;
}
.s75-invite-share {
  min-height: 146px;
  box-sizing: border-box;
}
.s75-invite-share > div {
  min-height: 32px;
  margin-bottom: 12px;
}
.s75-invite .s75-invite-share .s75-share-icon svg {
  width: 28px !important;
  height: 28px !important;
}
.s75-invite-share .s75-share-icon-0 {
  color: #2468f2;
}
.s75-invite-share .s75-share-icon-1 {
  color: #13ca56;
}
.s75-invite-share .s75-share-icon-2 {
  color: #08a9df;
}
.s75-invite-share .s75-share-icon-3 {
  color: #39dd72;
}
.s75-invite-share label {
  min-height: 40px;
  box-sizing: border-box;
}
.s75-invite-share label button {
  min-height: 32px;
}
.s75-invite-overview > h2 {
  margin: 16px 0;
}
.s75-invite-reward {
  height: 85px;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .s75-invite-share > div {
    gap: 10px;
    flex-wrap: wrap;
  }
  .s75-invite-share > div > span {
    font-size: 13px;
  }
}
.s75-cashback-page {
  background: linear-gradient(#f5f5f5 0 442px, #f8f9fa 442px);
}
.s75-cashback {
  box-sizing: content-box;
  width: 344px;
  max-width: calc(100% - 40px);
  padding: 20px;
}
.s75-cashback-date,
.s75-cashback-row {
  min-height: 28px;
  box-sizing: border-box;
}
.s75-cashback-claim {
  min-height: 40px;
  font-size: 16px;
}
.s75-message-page .s75-inbox {
  min-height: calc(100dvh - 64px);
}
.s75-inbox-tools {
  color: #111;
}
.s75-mail-row {
  min-height: 69px;
  box-sizing: border-box;
}
.s75-mail-row > button {
  min-width: 0;
}
.s75-mail-row > button > b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s75-mail-row i {
  flex-shrink: 0;
}
.s75-suggestion {
  box-sizing: border-box;
  width: 384px;
  max-width: 100%;
  min-height: calc(100dvh - 64px);
  padding: 16px;
}
.s75-suggestion select {
  appearance: none;
  height: 38px;
}
.s75-suggestion textarea {
  box-sizing: border-box;
  height: 118px;
}
.s75-suggestion > small {
  margin-top: 6px;
  margin-bottom: 12px;
}
.s75-suggestion-upload {
  box-sizing: border-box;
  height: 96px;
  margin-bottom: 12px;
}
.s75-suggestion-code input {
  box-sizing: border-box;
  height: 40px;
}
.s75-suggestion-code > span {
  box-sizing: border-box;
  flex: 0 0 90px;
  width: 90px;
  height: 40px;
  font-size: 16px;
  color: #777;
}
.s75-suggestion > button {
  height: 36px;
  padding: 0;
}
.s75-suggestion textarea::placeholder,
.s75-suggestion-code input::placeholder {
  color: #9ca3af;
  opacity: 1;
}
.star75-account-vip {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.star75-account-vip::after {
  content: '';
  position: absolute;
  inset: -30% auto -30% -65%;
  width: 45%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  transform: skewX(-22deg);
  pointer-events: none;
  animation: star75-vip-shine 3.5s ease-in-out infinite;
}
@keyframes star75-vip-shine {
  0%,
  45% {
    left: -65%;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100%,
  80% {
    left: 135%;
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .star75-account-vip::after {
    animation: none;
    display: none;
  }
}
.s75-deposit-page {
  padding: 28px 8px 16px !important;
}
.s75-deposit-channel {
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px dashed #9ca3af;
}
.s75-deposit-channel > b {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #111;
}
.s75-deposit-channel > div {
  position: relative;
  background: #1b2646;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.s75-deposit-channel > div > span {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 24px;
  background: #168340;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0 0 14px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1;
}
.s75-deposit-page .s75-payment-methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 86%;
  gap: 10px;
  margin-top: 14px;
}
.s75-deposit-page .s75-payment-methods > button {
  position: relative;
  aspect-ratio: 1.08;
  border: 5px solid #141d36;
  background: #1b2646;
  color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 20px 10px;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: clamp(18px, 3.1vw, 60px);
}
.s75-deposit-page .s75-payment-methods > button > img {
  width: 33%;
  aspect-ratio: 1;
  object-fit: contain;
}
.s75-deposit-page .s75-payment-methods > button.active {
  border-color: #141d36;
}
.s75-deposit-page .s75-deposit-presets > button {
  min-height: 50px;
  outline: 0 !important;
  box-shadow: none !important;
}
.s75-deposit-promotions {
  border: 0;
  padding: 0;
  margin: 12px 0;
}
.s75-deposit-promotions legend {
  font-size: 16px;
  margin-bottom: 8px;
}
.s75-deposit-promotions label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 10px;
  border: 1px solid #ff8a92;
  border-radius: 4px;
  background: #fff7f7;
  margin-bottom: 10px;
}
.s75-deposit-promotions input {
  width: 14px !important;
  height: 14px !important;
  accent-color: #ff3434;
}
@media (max-width: 600px) {
  .s75-deposit-page .s75-payment-methods {
    width: 100%;
  }
  .s75-deposit-page .s75-payment-methods > button {
    font-size: 18px;
    border-width: 3px;
    padding: 12px 6px;
  }
}
.s75-deposit-page .s75-deposit-promotions label {
  min-height: 50px;
  box-sizing: border-box;
  padding: 12px 10px;
  margin-bottom: 10px;
  color: #111;
  font-size: 14px;
  font-weight: 600;
}
.s75-deposit-page .s75-deposit-promotions input[type='radio'] {
  appearance: auto !important;
  -webkit-appearance: radio !important;
  width: 14px !important;
  height: 14px !important;
  min-height: 0 !important;
  flex: 0 0 14px;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: 0 0 !important;
  accent-color: #ff3434;
}
.s75-deposit-page #s75-deposit-amount {
  min-height: 48px;
  padding: 8px;
  background: #fff;
  appearance: textfield;
  -moz-appearance: textfield;
}
.s75-deposit-page #s75-deposit-amount::-webkit-inner-spin-button,
.s75-deposit-page #s75-deposit-amount::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.s75-deposit-page .s75-payment-methods > button > span {
  white-space: nowrap;
  font-size: clamp(16px, 2.7vw, 54px);
}
.s75-deposit-page .s75-deposit-submit {
  margin-top: 10px;
  min-height: 40px;
  font-weight: 700;
}
.s75-deposit-page .s75-payment-methods {
  width: 86.2%;
}
.s75-deposit-page .s75-payment-methods > button {
  aspect-ratio: 1.08;
}
.s75-deposit-page .s75-payment-methods > button > span {
  font-weight: 400;
  line-height: 1.2;
}
.s75-deposit-page .s75-deposit-promotions label > span {
  color: #111 !important;
  font-size: 14px;
  font-weight: 600;
}
.s75-deposit-page .s75-deposit-promotions {
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .s75-deposit-page .s75-payment-methods {
    width: 100%;
  }
}
.s75-empty-wallet {
  position: relative;
  background: 0 0;
  isolation: isolate;
}
.s75-empty-wallet::before {
  content: '';
  position: absolute;
  width: 58%;
  max-width: 564px;
  height: 164px;
  bottom: 0;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(145deg, #d0cece, #e8e7e7);
  box-shadow: 28px -28px 0 #f3f3f3;
  z-index: -1;
}
.s75-empty-wallet::after {
  content: '';
  position: absolute;
  width: 11%;
  height: 20px;
  left: 24%;
  top: 68px;
  background: #c5c3c3;
  box-shadow:
    0 31px 0 #c5c3c3,
    0 62px 0 #c5c3c3;
  z-index: -1;
}
.s75-empty-wallet > span {
  align-items: center;
  height: auto;
  margin-top: 78px;
}
.s75-add-wallet-line button {
  width: 48px;
  height: 48px;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.s75-add-wallet-line button svg {
  stroke-width: 1;
}
.s75-recall {
  min-height: 42px;
  padding: 8px 16px;
}
.s75-recall svg {
  width: 22px !important;
  height: 22px !important;
}
.s75-withdraw-info p:nth-child(n + 3) {
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .s75-empty-wallet::before {
    width: 75%;
  }
  .s75-empty-wallet::after {
    left: 18%;
  }
}
.s75-wallet-overlay {
  overflow: hidden;
}
.s75-add-wallet {
  box-sizing: border-box;
  width: min(448px, 100%);
  height: 100dvh;
  overscroll-behavior: contain;
  padding: 56px 16px 24px;
}
.s75-add-wallet h2 {
  margin-bottom: 18px;
}
.s75-wallet-close {
  color: #1f2937;
  font:
    36px/28px Arial,
    sans-serif;
}
.s75-wallet-group {
  box-sizing: border-box;
  height: 52px;
  align-items: center;
}
.s75-add-wallet section {
  padding: 8px;
}
.s75-wallet-types button {
  min-width: 0;
  height: 50px;
  padding: 8px;
  font:
    16px/24px Roboto,
    Arial,
    sans-serif;
}
.s75-add-wallet input {
  box-sizing: border-box;
  height: 53px;
  min-width: 0;
  font-weight: 500;
}
.s75-add-wallet input::placeholder {
  color: #9ca3af;
  opacity: 1;
}
.s75-add-wallet section p {
  font:
    700 16px/24px Roboto,
    Arial,
    sans-serif;
}
.s75-add-wallet label:last-child {
  margin-bottom: 16px;
}
.s75-wallet-submit {
  height: 52px;
  font-size: 18px;
}
@media (max-width: 380px) {
  .s75-add-wallet input {
    font-size: 15px;
    padding-left: 42px;
  }
}
.s75-withdraw-page .s75-recall {
  box-sizing: border-box;
  height: 42px;
  min-width: 164px;
  gap: 10px;
  padding: 8px 16px;
  border-radius: 24px;
  font:
    500 14px/20px Roboto,
    Arial,
    sans-serif;
  color: #3979ff;
  background: #d7e7fe;
}
.s75-withdraw-page .s75-recall svg {
  width: 22px !important;
  height: 22px !important;
  flex: none;
  fill: none !important;
  stroke: currentColor;
  stroke-width: 2;
}
.s75-withdraw-page .s75-recall svg * {
  fill: none !important;
  stroke: currentColor;
}
.s75-cards-page .s75-cards-empty {
  padding: 42px 0;
  font-size: 16px;
  line-height: 20px;
}
.s75-cards-page .s75-cards-withdrawals {
  margin: 6px 0 0;
}
@media (min-width: 768px) {
  .left-bar .side-menu {
    width: 256px !important;
    padding: 16px !important;
    box-sizing: border-box;
    background: #131b30;
    overflow-y: auto;
    height: calc(100dvh - 90px);
  }
  .left-bar .common-logo {
    width: 100px !important;
    height: auto;
    display: block;
    margin: 4px auto 26px !important;
  }
  .left-bar .logined-wrap .balance {
    display: none;
  }
  .left-bar .deposit-withdraw {
    margin-bottom: 12px;
  }
  .left-bar .deposit-withdraw .invite {
    width: 168px;
    height: 38px;
    margin: 0 auto 12px;
  }
  .left-bar .deposit-withdraw .deposit,
  .left-bar .deposit-withdraw .promo {
    height: 38px;
  }
  .left-bar .side-item {
    min-height: 40px !important;
    height: 40px;
    margin: 0 0 8px !important;
    padding: 0 16px !important;
    border-radius: 6px !important;
    background: #232c44;
    display: flex;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    cursor: pointer;
  }
  .left-bar .side-item span {
    font:
      400 16px/20px Roboto,
      Arial,
      sans-serif !important;
    color: #fff !important;
  }
  .left-bar .side-item img {
    width: 16px !important;
    height: 16px !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
  }
  .left-bar .side-item > svg {
    width: 16px;
    height: 16px;
    color: #fff;
  }
  .left-bar .control-container {
    margin: 0 !important;
  }
  .left-bar .control-drop:not(.active) {
    display: none !important;
  }
  .left-bar .control-drop__inner .side-item {
    background: #101728;
  }
  .left-bar .lang-item {
    height: 40px;
    margin: 0 0 8px;
    border-radius: 6px;
    background: #232c44;
  }
  .left-bar .logout-item {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 6px;
    background: #df2026;
    color: #fff;
  }
  .left-bar .logout-item svg {
    color: #fff !important;
  }
}
@media (min-width: 768px) {
  .left-bar .side-menu .logined-wrap .balance {
    display: none !important;
  }
  .left-bar .side-menu .logo-img {
    width: 128px !important;
    flex-shrink: 0;
    margin: 0 auto 24px !important;
  }
  .left-bar .side-menu .side-top-wrap {
    width: 100%;
    margin: 0 !important;
    flex-shrink: 0;
  }
  .left-bar .side-menu .deposit-withdraw {
    margin: 0 0 12px !important;
    gap: 0 8px;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.invite {
    width: 168px !important;
    height: 38px !important;
    margin: 0 28px 12px !important;
    font-size: 10px;
    padding: 7px 8px;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.deposit,
  .left-bar .side-menu .deposit-withdraw .icon-wrap.promo {
    width: 108px !important;
    height: 38px !important;
    font-size: 10px;
    padding: 10px 8px;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap:after {
    display: none !important;
  }
  .left-bar .side-menu .mc-menu-wrap {
    gap: 0 !important;
    margin: 0 !important;
    flex-shrink: 0;
  }
  .left-bar .side-item:after {
    display: none !important;
  }
  .left-bar .side-menu .side-item > svg:not(.side-top-arrow) {
    fill: white !important;
    color: #fff !important;
    width: 16px !important;
    height: 16px !important;
    flex: none;
  }
  .left-bar .side-menu .control-container {
    flex-shrink: 0;
  }
  .left-bar .side-menu .lang-item {
    width: 100% !important;
    margin: 0 0 8px !important;
    height: 40px !important;
  }
  .left-bar .side-menu .logout-item {
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
  }
}
@media (min-width: 768px) {
  .left-bar .side-menu .deposit-withdraw {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px 8px !important;
    width: 100%;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.invite {
    grid-column: 1/-1;
    justify-self: center;
    width: 168px !important;
    margin: 0 !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.deposit,
  .left-bar .side-menu .deposit-withdraw .icon-wrap.promo {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-weight: 400 !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.invite {
    font-weight: 400 !important;
  }
  .left-bar .side-menu .logo-img {
    width: 136px !important;
    margin: 0 auto 24px !important;
  }
}
@media (min-width: 768px) {
  .left-bar .side-menu .logo-img {
    margin-bottom: 14px !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap {
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.invite {
    padding: 0 8px !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.deposit,
  .left-bar .side-menu .deposit-withdraw .icon-wrap.promo {
    padding: 0 8px !important;
  }
}
@media (min-width: 768px) {
  .left-bar .side-menu .deposit-withdraw {
    margin-bottom: 16px !important;
  }
  .left-bar .side-menu .side-item:hover {
    background: #232c44 !important;
  }
  .left-bar .side-menu .side-top-arrow {
    width: 10px !important;
    height: 10px !important;
    margin-left: auto;
    margin-right: 2px;
  }
  .left-bar .side-menu .lang-item .language-select,
  .left-bar .side-menu .lang-item .select-input,
  .left-bar .side-menu .lang-item .simple-select {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
  .left-bar .side-menu .lang-item .select-input {
    padding: 0 16px !important;
  }
  .left-bar .side-menu .language-selected {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100%;
  }
  .left-bar .side-menu .language-selected svg {
    width: 16px !important;
    height: 16px !important;
    flex: none;
    fill: white !important;
    color: #fff !important;
  }
  .left-bar .side-menu .language-title {
    font:
      400 16px/20px Roboto,
      Arial,
      sans-serif !important;
    color: #fff;
  }
  .left-bar .side-menu .lang-item .arrow-icon {
    display: none;
  }
  .left-bar .side-menu .logout-item {
    height: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 0 16px !important;
    margin: 0 0 8px !important;
  }
  .left-bar .side-menu .logout-item svg {
    width: 16px !important;
    height: 16px !important;
    flex: none;
    fill: white !important;
  }
  .left-bar .side-menu .logout-item span {
    font:
      400 16px/20px Roboto,
      Arial,
      sans-serif !important;
  }
}
.left-bar {
  height: 100vh;
  height: 100dvh;
}
.left-bar .side-menu,
.sidebar .right-side-menu {
  box-sizing: border-box;
  max-width: calc(100vw - 48px);
  height: calc(100vh - 120px) !important;
  height: calc(100dvh - 120px) !important;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
}
.left-bar .side-menu > * {
  flex-shrink: 0;
  max-width: 100%;
}
@media (max-width: 767px) {
  .left-bar .side-menu,
  .sidebar .right-side-menu {
    width: min(292px, calc(100vw - 48px));
  }
  .left-bar .side-menu .side-top-wrap {
    width: 100%;
  }
  .left-bar .side-menu .deposit-withdraw {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 6px;
    width: 100%;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.invite {
    grid-column: 1/-1;
    justify-self: center;
    max-width: 100%;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.deposit,
  .left-bar .side-menu .deposit-withdraw .icon-wrap.promo {
    width: 100%;
    min-width: 0;
  }
  .left-bar .side-item {
    min-height: 44px;
    height: auto;
    padding: 12px 16px;
    gap: 14px;
  }
  .left-bar .side-item > img,
  .left-bar .side-item > svg {
    flex-shrink: 0;
  }
  .left-bar .side-item span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}
.star75-promo-rail {
  z-index: 1001;
}
.star75-notice > button {
  flex: 0 0 36px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.star75-notice > button svg {
  width: 24px !important;
  height: 24px !important;
  fill: currentColor;
}
.star75-notice > button svg {
  width: 16px !important;
  height: 16px !important;
}
.star75-balance-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 80px;
  height: 20px;
}
.star75-balance-dots i {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: #9ca3af;
  flex: 0 0 8px;
  animation: star75-balance-pulse 1.4s infinite ease-in-out;
}
.star75-balance-dots i:nth-child(2) {
  animation-delay: 0.1s;
}
.star75-balance-dots i:nth-child(3) {
  animation-delay: 0.2s;
}
.star75-balance-dots i:nth-child(4) {
  animation-delay: 0.3s;
}
.star75-balance-dots i:nth-child(5) {
  animation-delay: 0.4s;
}
.star75-balance-dots i:nth-child(6) {
  animation-delay: 0.5s;
}
@keyframes star75-balance-pulse {
  0%,
  80%,
  100% {
    transform: scale(0.6);
    opacity: 0.6;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.star75-balance-mark {
  font-size: 10px;
  padding: 0 4px;
}
.balance-return img {
  animation: none;
}
.balance-return.is-loading img {
  animation: spin 1s linear infinite;
}
@media (min-width: 768px) {
  .header .logined_wrap {
    position: relative;
    padding: 8px !important;
    gap: 4px !important;
    background: #0f172a !important;
    border-radius: 9999px !important;
  }
  .header:has(.logined_wrap) .language_wrap {
    display: none !important;
  }
  .header .balance-wrap {
    width: auto !important;
    height: auto !important;
    min-height: 28px;
    box-sizing: border-box;
    padding: 4px 8px !important;
    gap: 8px !important;
    background: #1e293b !important;
    border-radius: 9999px !important;
  }
  .header .balance-amount {
    white-space: nowrap;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 16px;
  }
  .header .star75-secondary-balance {
    font:
      700 8px/12px Inter,
      Arial,
      sans-serif;
    color: #ed0f11;
    white-space: nowrap;
  }
  .header .balance-return {
    width: 16px !important;
    height: 16px !important;
  }
  .header .balance-return img {
    width: 16px !important;
    height: 16px !important;
  }
  .header .header-btn {
    width: 34px !important;
    height: 34px !important;
    background: #1e293b !important;
  }
  .header .header-btn img {
    width: 18px !important;
    height: 18px !important;
  }
  .star75-wallet-chevron {
    display: none !important;
    position: absolute;
    top: -7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #303a54;
    color: #587df5;
    align-items: center;
    justify-content: center;
    font:
      300 28px/30px Arial,
      sans-serif;
    z-index: 1;
    pointer-events: none;
  }
  .star75-wallet-chevron.left {
    left: 24px;
  }
  .star75-wallet-chevron.right {
    right: 0;
  }
}
@media (max-width: 767px) {
  .star75-secondary-balance,
  .star75-wallet-chevron {
    display: none;
  }
}
.star75-game-art .star75-card-heart {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px !important;
  height: 16px !important;
  color: #fff;
  fill: currentColor;
  stroke-width: 0;
  z-index: 5;
  filter: none;
  text-shadow: none;
  pointer-events: none;
}
@media (min-width: 768px) {
  .header .right-wrap {
    gap: 0 !important;
  }
  .header .header-menu {
    margin-right: 0 !important;
    width: 28px !important;
    flex-shrink: 0;
  }
  .header .header-menu img {
    width: 28px !important;
    height: 28px !important;
  }
  .header .common-logo {
    width: 102.4px !important;
    height: 24px !important;
    margin-left: 0 !important;
  }
  .header .hd_login {
    width: auto !important;
    margin-left: auto;
    position: relative;
  }
  .header .header-login-wrap {
    gap: 12px !important;
  }
  .header .hd_login .header-item {
    min-width: 0 !important;
    height: 29px !important;
    padding: 4px 16px !important;
    font:
      14px/21px Inter,
      Arial,
      sans-serif !important;
    box-sizing: border-box;
  }
  .header .hd_login .header-item.login {
    width: 80px !important;
    background: linear-gradient(#14c968, #1c9756) !important;
  }
  .header .hd_login .header-item.register {
    background: linear-gradient(#38a6fb, #096fd1) !important;
  }
  .header .language_wrap {
    display: block !important;
    margin-left: 12px !important;
    width: auto !important;
  }
  .header .selected_lang {
    display: flex !important;
    align-items: center;
    gap: 4px;
  }
  .header .flag-box,
  .header .flag-icon {
    width: 20px !important;
    height: 20px !important;
  }
  .header .lang_name {
    font:
      16px/24px Inter,
      Arial,
      sans-serif !important;
    color: #fff;
  }
  .star75-guest-chevron {
    position: absolute;
    top: -28px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #303a54;
    color: #587df5;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
      300 28px/30px Arial,
      sans-serif;
    pointer-events: none;
  }
  .star75-guest-chevron.left {
    left: 83px;
  }
  .star75-guest-chevron.right {
    right: -90px;
  }
}
@media (min-width: 768px) {
  .header .language_wrap,
  .header .selected_lang {
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    height: 24px !important;
  }
  .header .selected_lang::after {
    display: none !important;
  }
  .header .flag-box {
    margin: 0 !important;
  }
  .header .lang_name {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .header .selected_lang {
    margin: 0 !important;
    width: auto !important;
  }
  .header .lang_name {
    padding: 0 !important;
  }
  .header .flag-box {
    padding: 0 !important;
    border: 0 !important;
  }
}
@media (min-width: 768px) {
  .star75-guest-chevron {
    top: -28px;
    background: #37415d;
    color: #6188ff;
  }
  .star75-guest-chevron.left {
    left: 83px;
    background: #2d3549;
    color: #557ae6;
  }
  .star75-guest-chevron.right {
    right: -90px;
  }
  .star75-guest-chevron svg {
    width: 24px !important;
    height: 24px !important;
    fill: none !important;
    stroke: currentColor;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .header .hd_login .header-item {
    box-shadow: none !important;
  }
}
.star75-promotion-page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 16px 16px 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  box-sizing: border-box;
}
.star75-promotion-card {
  border-radius: 4px;
  overflow: hidden;
  background: #0f3157;
}
.star75-promotion-banner {
  display: block;
  width: 100%;
  height: auto;
}
.star75-promotion-toggle {
  width: 100%;
  min-height: 50px;
  padding: 0 12px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#174593, #0f3157);
  color: #fff;
  font:
    16px/24px Inter,
    Arial,
    sans-serif;
}
.star75-promotion-toggle img {
  width: 24px;
  height: 14px;
  transition: transform 0.3s;
}
.star75-promotion-toggle[aria-expanded='true'] img {
  transform: rotate(180deg);
}
.star75-promotion-details {
  padding: 16px;
  color: #fff;
}
.star75-promotion-details p {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
  font:
    16px/24px Inter,
    Arial,
    sans-serif;
}
.star75-promotion-details strong {
  text-align: right;
}
.star75-promotion-details section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.star75-promotion-details section + section {
  margin-top: 24px;
}
.star75-promotion-details section h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.4;
}
.star75-promotion-details section > img {
  display: block;
}
@media (max-width: 767px) {
  .star75-promotion-details section {
    gap: 12px;
  }
  .star75-promotion-details section h3 {
    font-size: 16px;
  }
}
body:has(.star75-promotion-page) .star75-guest-chevron {
  display: none;
}
@media (max-width: 767px) {
  .star75-promotion-page {
    grid-template-columns: 1fr;
    padding: 16px 16px 110px;
  }
  .star75-promotion-toggle {
    font-size: 14px;
  }
  .star75-promotion-details p {
    font-size: 12px;
  }
}
body:has(.star75-promotion-page) #menu .home {
  filter: grayscale(90%);
}
body:has(.star75-promotion-page) #menu .on .promo {
  filter: none;
}
.star75-promotion-details p strong {
  font-weight: 700;
}
.star75-page-footer,
body:has(.star75-promotion-page) .star75-page-footer {
  padding-bottom: calc(160px + env(safe-area-inset-bottom, 0px));
}
.s75-reward-balance button svg,
.s75-reward-balance button svg * {
  fill: none !important;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.s75-reward-level > span svg {
  width: 20px !important;
  height: 20px !important;
}
@media (max-width: 767px) {
  .header .header_top,
  .home-header,
  .home-header .header-content {
    height: 45px !important;
    min-height: 45px !important;
    box-sizing: border-box;
  }
  .header .header_top,
  .home-header .header-content {
    padding: 8px 12px !important;
  }
  .header .right-wrap,
  .home-header .header-content {
    gap: 0 !important;
    display: flex;
    align-items: center;
  }
  .header .header-menu,
  .home-header .header-menu {
    width: 28px !important;
    flex: 0 0 28px;
    margin: 0 !important;
  }
  .header .header-menu img,
  .home-header .header-menu img {
    width: 28px !important;
    height: 28px !important;
  }
  .header .common-logo,
  .home-header .header-logo img {
    width: 102.4px !important;
    height: 24px !important;
    margin: 0 !important;
    object-fit: contain;
  }
  .home-header .header-logo,
  .home-header .header-user {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }
  .header .hd_login,
  .home-header .header-nav {
    margin-left: auto !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .header .header-login-wrap,
  .home-header .header-btns {
    display: flex !important;
    gap: 12px !important;
  }
  .header .header-item,
  .home-header .login-btn,
  .home-header .register-btn {
    width: auto !important;
    min-width: 0 !important;
    height: 29px !important;
    padding: 4px 16px !important;
    border-radius: 8px;
    box-sizing: border-box;
    font:
      14px/21px Inter,
      Arial,
      sans-serif !important;
    box-shadow: none !important;
  }
  .header .header-item.login,
  .home-header .login-btn {
    width: 80px !important;
    background: linear-gradient(#14c968, #1c9756) !important;
  }
  .header .header-item.register,
  .home-header .register-btn {
    background: linear-gradient(#38a6fb, #096fd1) !important;
  }
  .header .language_wrap,
  .star75-guest-chevron {
    display: none !important;
  }
  .star75-categories {
    margin: 10px 0;
    padding: 0;
    height: 64px;
  }
  .star75-categories button {
    height: 64px;
    box-sizing: border-box;
    padding: 0 0 8px;
    gap: 0;
    line-height: 14px;
    font-size: 10px;
  }
  .star75-categories button span {
    display: block;
    white-space: nowrap;
  }
  .star75-categories button img {
    width: 48px !important;
    height: 36px !important;
  }
  .star75-categories button.active::after {
    bottom: 0;
  }
  .star75-section-title div {
    gap: 0;
  }
  .star75-section-title strong {
    line-height: 24px;
  }
  .star75-section-title span {
    line-height: 18px;
  }
  .star75-section-title h2 > img {
    width: 18px;
    height: 22px;
  }
  .star75-provider-strip {
    border-radius: 0 0 15px 15px;
  }
  .star75-provider-strip img {
    height: 26.368px;
  }
  .star75-game-name {
    font-size: 13.184px;
    line-height: 19.776px;
    font-weight: 600;
  }
  .star75-mobile-grid.providers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .star75-promotion-page {
    padding: 16px;
  }
  .star75-promotion-details p {
    line-height: 18px;
  }
  .s75-add-wallet,
  .s75-betting,
  .s75-form-page,
  .s75-invite,
  .s75-reward,
  .s75-reward-detail,
  .s75-withdraw-page,
  .star75-account-surface {
    font-family: Inter, Arial, sans-serif;
  }
  .star75-account-profile {
    padding: 20px;
  }
  .star75-account-identity {
    gap: 16px;
  }
  .star75-account-username b {
    font-size: 17px;
  }
  .star75-account-medal {
    width: 140px;
  }
  .star75-account-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  .star75-account-grid > a,
  .star75-account-grid > button {
    min-width: 0;
    padding: 12px 6px;
  }
  .star75-account-grid > a > span:last-child,
  .star75-account-grid > button > span:last-child {
    font-size: 12px;
    line-height: 16px;
    overflow-wrap: anywhere;
  }
  .s75-category-tabs button {
    padding: 12px 16px;
  }
  .s75-date-button {
    font-size: 14px;
    padding: 12px 16px;
  }
  .s75-betting-filter {
    gap: 12px;
  }
  .s75-pl-title {
    margin-bottom: 16px;
  }
  .s75-pl-metrics {
    gap: 16px;
  }
  .s75-statement-filter {
    gap: 8px;
  }
  .s75-statement-filter button {
    padding: 10px 16px;
  }
  .s75-statement-filter button:last-child {
    min-width: 140px;
  }
  .s75-statement,
  .s75-statement .s75-history-empty,
  .s75-statement .s75-pagination,
  .s75-statement-filter button,
  .s75-statement-filter label {
    font-family: Helvetica, Tahoma, Arial, sans-serif;
  }
  .s75-statement .s75-pagination {
    margin: 10px 0;
  }
  .s75-form-page:has(.s75-security) {
    min-height: 100dvh;
    align-items: stretch;
  }
  .s75-security {
    min-height: calc(100dvh - 32px);
  }
  .s75-security-links i {
    font-size: 20px;
  }
  .s75-search svg {
    width: 32px !important;
    height: 32px !important;
  }
  #menu .icon-wrap > img:not(.star75-share-animation) {
    margin-bottom: 4px;
  }
  #menu .on .text {
    color: #fff;
  }
  html body #menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 120px !important;
    z-index: 4000 !important;
    display: flex !important;
    background: transparent url('/assets/star75/bf731fdba60c39e9.png') center/100% 100% no-repeat !important;
  }
  .star75-social {
    position: fixed !important;
    right: 16px !important;
    bottom: 96px !important;
    z-index: 50 !important;
  }
  .star75-sports-strip {
    padding: 8px 8px 12px;
  }
  .star75-sports-strip button {
    font-size: 9.6px;
    line-height: 14px;
    padding: 8px 2px;
  }
}
@media (max-width: 767px) {
  .header .header_top .wrapper {
    padding: 0 !important;
  }
  .header {
    border: 0 !important;
  }
  .header .header_top {
    border: 0 !important;
  }
  .s75-add-wallet input,
  .s75-password-overlay,
  .s75-password-overlay input,
  .s75-profile-input input,
  .s75-withdraw-amount input {
    font-family: Inter, Arial, sans-serif;
  }
}
@media (max-width: 767px) {
  .star75-account-header button {
    width: 56px;
  }
  .star75-account-header h1 {
    font:
      500 20px/28px Inter,
      Arial,
      sans-serif;
  }
  .s75-reward-progress {
    font-size: 14px;
    line-height: 20px;
  }
  .s75-reward-level a {
    font-size: 16px;
  }
  .s75-statement .s75-pagination,
  .s75-statement .s75-pagination span,
  .s75-statement-filter button,
  .s75-statement-filter label {
    font-family: Inter, Arial, sans-serif;
  }
}
@media (max-width: 767px) {
  .s75-security-status {
    line-height: 16px;
  }
  .s75-security-links b {
    font-weight: 500;
    line-height: 20px;
  }
  .s75-security-links small {
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .header:has(.logined_wrap) .header_top,
  .home-header:has(.star75-mobile-wallet),
  .home-header:has(.star75-mobile-wallet) .header-content {
    height: 56.5px !important;
    min-height: 56.5px !important;
  }
  .header .logined_wrap {
    margin-left: auto;
    padding: 8px !important;
    height: 40.5px !important;
    background: #10192c !important;
    box-sizing: border-box;
    border-radius: 999px;
  }
  .header .balance-wrap {
    height: 24.5px !important;
    padding: 2px 8px !important;
    gap: 8px !important;
  }
  .header .balance-amount {
    font:
      500 11px/16.5px Inter,
      Arial,
      sans-serif !important;
    white-space: nowrap;
  }
  .header .balance-return,
  .header .balance-return img {
    width: 16px !important;
    height: 16px !important;
  }
  .header .star75-secondary-balance {
    display: block;
    font:
      500 9px/13.5px Inter,
      Arial,
      sans-serif;
    white-space: nowrap;
  }
  .header .header-btn-wrap,
  .header .member-wrap {
    display: none !important;
  }
  .star75-mobile-wallet {
    padding: 8px !important;
    height: 40.5px;
    box-sizing: border-box;
  }
  .star75-mobile-wallet > div {
    padding: 2px 8px !important;
    gap: 8px;
  }
}
.star75-announcements,
.star75-download-dialog,
.star75-promotion-overlay {
  z-index: 5000 !important;
}
.star75-promotion-overlay {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 20px 8px 28px !important;
  box-sizing: border-box;
  touch-action: pan-y;
}
.star75-treasure-dialog {
  width: min(420px, calc(100vw - 16px), calc((100dvh - 96px) * 375 / 667)) !important;
  height: auto;
  margin: auto;
  flex: 0 0 auto;
}
.star75-bonus-panel {
  width: min(100%, 420px);
  height: auto;
  max-height: calc(100dvh - 72px);
  margin: 36px auto 12px;
}
.star75-bonus-panel-scroll {
  max-height: calc(100dvh - 72px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
@media (max-width: 767px) {
  .star75-treasure-dialog h2 {
    font-size: clamp(15px, 4.6vw, 20px);
    max-width: 80%;
    text-align: center;
    white-space: normal;
  }
  .star75-treasure-box {
    width: 62%;
  }
  .star75-treasure-action {
    min-width: 64%;
    max-width: 78%;
    padding: 12px 14px;
    font-size: 15px;
    bottom: 16%;
    line-height: 1.2;
  }
  .star75-treasure-close {
    bottom: 1.5%;
    width: 44px;
    height: 44px;
    font-size: 32px;
    line-height: 44px;
  }
  .star75-bonus-heading {
    height: auto;
    min-height: 220px;
    padding-bottom: 12px;
  }
  .star75-bonus-heading h2 {
    height: auto;
    margin: 16px 0 0;
    font-size: 22px;
    padding: 0 12px;
  }
  .star75-bonus-heading img {
    width: 140px;
    height: 140px;
    margin-top: 0;
  }
  .star75-bonus-progress {
    height: auto;
    min-height: 200px;
    padding: 48px 12px 16px;
  }
  .star75-bonus-task {
    height: auto;
    min-height: 72px;
    padding: 12px;
  }
  .star75-bonus-countdown {
    white-space: normal;
    max-width: 70%;
  }
  .star75-download-banner {
    height: 56px !important;
    padding: 0 120px 0 36px !important;
    box-sizing: border-box;
    overflow: hidden;
    justify-content: center;
  }
  .star75-download-banner > button:first-child {
    left: 6px;
    width: 28px;
    height: 28px;
    font-size: 22px;
    line-height: 1;
    z-index: 2;
  }
  .star75-download-art {
    flex: 1;
    min-width: 0;
    width: 100%;
    gap: 4px !important;
    justify-content: center;
  }
  .star75-download-art img {
    height: 16px !important;
    width: auto !important;
    flex: 0 0 auto;
  }
  .star75-download-art img:first-child {
    height: 32px !important;
  }
  .star75-download-art img.star75-download-text {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    max-width: min(136px, 32vw);
    height: 24px !important;
    object-fit: contain;
    object-position: center;
  }
  .star75-download-banner > .star75-download-cta {
    right: 8px !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    padding: 0;
  }
  .star75-download-cta img {
    height: 28px !important;
    width: auto !important;
    max-width: 108px;
  }
}
@keyframes s75-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes s75-rise-in {
  from {
    opacity: 0;
    translate: 0 16px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes s75-drawer-in {
  from {
    opacity: 0;
    translate: -28px 0;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes s75-dialog-in {
  from {
    opacity: 0;
    translate: 0 18px;
    scale: 0.97;
  }
  to {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-motion='pending'] {
    opacity: 0;
  }
  [data-motion='visible'] {
    animation: s75-rise-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  [data-motion='visible'] .star75-game-card {
    animation: s75-fade-in 0.45s ease-out var(--s75-stagger, 0ms) both;
  }
  .star75-account-shell {
    animation: s75-fade-in 0.3s ease-out;
  }
  .star75-account-header h1 {
    animation: s75-rise-in 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .left-bar .left-mask,
  .s75-modal-overlay,
  .s75-password-overlay,
  .s75-wallet-overlay,
  .sidebar .sidebar-mask,
  .star75-promotion-overlay {
    animation: s75-fade-in 0.22s ease-out;
  }
  .left-bar .side-menu,
  .sidebar .right-side-menu {
    animation: s75-drawer-in 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .s75-add-wallet,
  .s75-modal-overlay > div,
  .s75-modal-overlay > section,
  .s75-password-overlay > section,
  .star75-bonus-panel,
  .star75-download-dialog,
  .star75-treasure-dialog {
    animation: s75-dialog-in 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }
  #menu .icon-wrap,
  :is(.star75-lobby, .star75-account-surface, .left-bar, .sidebar, .star75-promotion-overlay)
    :is(button, a, [role='button']) {
    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      box-shadow 0.2s ease,
      scale 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .star75-game-art > img {
    transition:
      scale 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      filter 0.3s ease;
  }
  .star75-game-card .star75-game-art {
    transition: box-shadow 0.25s ease;
  }
  .star75-categories button {
    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      scale 0.2s ease;
  }
  .star75-categories button.active::after {
    animation: s75-fade-in 0.25s ease;
  }
  .star75-wallet-actions button {
    transition:
      box-shadow 0.25s ease,
      background-color 0.25s ease,
      scale 0.2s ease;
  }
  .left-bar .side-item,
  .sidebar .main-nav a {
    transition:
      background-color 0.2s ease,
      scale 0.2s ease;
  }
  .star75-account-surface :is(input, select, textarea) {
    transition:
      border-color 0.2s ease,
      box-shadow 0.2s ease;
  }
  .star75-account-surface :is(input, select, textarea):focus-visible {
    box-shadow: 0 0 0 3px #329eed26;
  }
  #menu .icon-wrap:active,
  :is(.star75-lobby, .star75-account-surface, .left-bar, .sidebar, .star75-promotion-overlay)
    :is(button, a, [role='button']):not(:disabled):not([aria-disabled='true']):active {
    scale: 0.97;
  }
  .star75-game-card:focus-visible .star75-game-art {
    box-shadow: inset 0 0 0 2px #50b3ff;
  }
  @media (hover: hover) and (pointer: fine) {
    .star75-game-card:hover .star75-game-art > img {
      filter: brightness(1.08);
    }
    .star75-wallet-actions button:hover {
      box-shadow: 0 0 20px #329eed26;
      scale: 1.015;
    }
    #menu .icon-wrap:hover,
    .star75-categories button:hover {
      scale: 1.04;
    }
    .left-bar .side-item:hover {
      scale: 1.015;
    }
    .star75-social a {
      transition: scale 0.25s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .star75-social a:hover {
      scale: 1.1;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-motion] {
    opacity: 1;
  }
  :is(.star75-lobby, .star75-account-surface, .left-bar, .sidebar, #menu) ::after,
  :is(
    .star75-lobby,
    .star75-account-surface,
    .left-bar,
    .sidebar,
    .star75-promotion-overlay,
    .s75-modal-overlay,
    .s75-wallet-overlay,
    .s75-password-overlay,
    #menu,
    .star75-social
  ),
  :is(
      .star75-lobby,
      .star75-account-surface,
      .left-bar,
      .sidebar,
      .star75-promotion-overlay,
      .s75-modal-overlay,
      .s75-wallet-overlay,
      .s75-password-overlay,
      #menu,
      .star75-social
    )
    * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
@keyframes s75-float {
  0%,
  100% {
    translate: 0 0;
    rotate: -2deg;
  }
  50% {
    translate: 0 -5px;
    rotate: 2deg;
  }
}
@keyframes s75-glow {
  0%,
  100% {
    box-shadow:
      0 2px #004052,
      0 0 0 0 #329eed00;
  }
  50% {
    box-shadow:
      0 2px #004052,
      0 0 20px 2px #329eed66;
  }
}
@keyframes s75-shine {
  0%,
  55% {
    translate: -180% 0;
    opacity: 0;
  }
  62% {
    opacity: 0.65;
  }
  100%,
  85% {
    translate: 380% 0;
    opacity: 0;
  }
}
@keyframes s75-tile-enter {
  from {
    opacity: 0;
    scale: 0.96;
  }
  to {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-motion='visible'] {
    animation-duration: 0.7s;
  }
  [data-motion='visible'] .star75-game-card {
    animation: s75-tile-enter 0.65s cubic-bezier(0.16, 1, 0.3, 1) var(--s75-stagger, 0ms) backwards;
  }
  .star75-download-art img:not(.star75-download-text) {
    animation: s75-float 3.2s ease-in-out infinite;
  }
  .star75-download-art img:nth-child(2) {
    animation-delay: -1s;
  }
  .star75-download-art img:nth-child(4) {
    animation-delay: -2s;
  }
  .star75-download-cta {
    animation: s75-glow 2.4s ease-in-out infinite;
    border-radius: 12px;
  }
  .star75-categories button.active > :is(img, svg) {
    animation: s75-float 3s ease-in-out infinite;
  }
  .star75-wallet-actions button {
    animation: s75-glow 3s ease-in-out infinite;
  }
  .star75-wallet-actions button:nth-child(2) {
    animation-delay: -1.5s;
  }
  .star75-wallet-actions button img {
    animation: s75-float 3s ease-in-out infinite;
  }
  .star75-wallet-actions button:nth-child(2) img {
    animation-delay: -1.5s;
  }
  .star75-game-art::after {
    content: '';
    position: absolute;
    inset: -20% auto -20% 0;
    width: 35%;
    background: linear-gradient(90deg, transparent, #ffffff42, transparent);
    transform: skewX(-20deg);
    pointer-events: none;
    opacity: 0;
  }
  [data-motion='visible'] .star75-game-art::after {
    animation: s75-shine 6s ease-in-out calc(var(--s75-stagger, 0ms) * 8) infinite;
  }
  .star75-game-card:is(:hover, :focus-visible) .star75-game-art::after {
    animation-duration: 2.5s;
  }
  .star75-social a {
    animation: s75-float 4s ease-in-out infinite;
  }
  .star75-social a:nth-child(2) {
    animation-delay: -1.3s;
  }
  .star75-social a:nth-child(3) {
    animation-delay: -2.6s;
  }
  .star75-download-cta:is(:hover, :focus-visible),
  .star75-social a:is(:hover, :focus-visible),
  .star75-wallet-actions button:is(:hover, :focus-visible) {
    animation-play-state: paused;
  }
}
@media (prefers-reduced-motion: reduce) {
  .star75-download-banner,
  .star75-download-banner *,
  .star75-game-art::after {
    animation: none !important;
    transition: none !important;
  }
  .star75-game-art::after {
    display: none;
  }
}
@keyframes s75-icon-bounce {
  0%,
  100%,
  65% {
    translate: 0 0;
    scale: 1;
  }
  76% {
    translate: 0 -7px;
    scale: 1.08;
  }
  88% {
    translate: 0 1px;
    scale: 0.98;
  }
}
@keyframes s75-title-light {
  0%,
  100% {
    color: #fff;
    text-shadow: 0 0 0 #329eed00;
  }
  50% {
    color: #a7deff;
    text-shadow: 0 0 12px #329eed88;
  }
}
@keyframes s75-row-enter {
  from {
    opacity: 0;
    translate: -24px 0;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .star75-categories button.active > :is(img, svg) {
    animation: s75-icon-bounce 3s ease-in-out infinite;
  }
  .star75-section-title h2 {
    animation: s75-title-light 4s ease-in-out infinite;
  }
  .star75-section-title h2 > img {
    animation: s75-icon-bounce 3.5s ease-in-out infinite;
  }
  #menu .on .footer_icon:not(.invite),
  #menu .on > img:not(.star75-share-animation) {
    animation: s75-icon-bounce 3.2s ease-in-out infinite;
  }
  .left-bar .mc-menu-wrap .side-item {
    animation: s75-row-enter 0.5s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  }
  .left-bar .mc-menu-wrap .side-item:nth-child(2) {
    animation-delay: 50ms;
  }
  .left-bar .mc-menu-wrap .side-item:nth-child(3) {
    animation-delay: 0.1s;
  }
  .left-bar .mc-menu-wrap .side-item:nth-child(4) {
    animation-delay: 150ms;
  }
  .left-bar .mc-menu-wrap .side-item:nth-child(5) {
    animation-delay: 0.2s;
  }
  .left-bar .mc-menu-wrap .side-item:nth-child(6) {
    animation-delay: 250ms;
  }
  .left-bar .mc-menu-wrap .side-item:nth-child(7) {
    animation-delay: 0.3s;
  }
  .left-bar .mc-menu-wrap .side-item:nth-child(8) {
    animation-delay: 350ms;
  }
  .left-bar .control-drop.active .side-item {
    animation: s75-row-enter 0.4s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  }
}
.star75-account-surface,
.star75-inner-games,
.star75-lobby,
.star75-promotion-surface {
  position: relative;
  isolation: isolate;
}
.star75-promotion-surface {
  min-height: 60dvh;
  background: #090f1e;
}
.star75-promotion-toolbar {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  color: #fff;
}
.star75-promotion-toolbar h1 {
  font-size: 24px;
  margin: 0;
}
.star75-promotion-action,
.star75-promotion-toolbar button {
  background: #174593;
  color: #fff;
  border: 1px solid #329eed66;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
}
.star75-promotion-toolbar button:disabled {
  opacity: 0.5;
  cursor: wait;
}
.star75-promotion-action {
  display: block;
  margin: 12px;
  text-align: center;
  text-decoration: none;
}
.star75-promotion-action:focus-visible,
.star75-promotion-toolbar button:focus-visible {
  outline: 2px solid #81ceff;
  outline-offset: 2px;
}
.star75-inner-games {
  background: #090f1e !important;
  min-height: 100dvh;
}
.star75-inner-games .egame-container,
.star75-inner-games .slots-content-wrap,
.star75-inner-games .vendor-game-container {
  background: 0 0 !important;
}
.star75-ambient-background {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.star75-ambient-glow {
  position: absolute;
  width: min(640px, 90vw);
  height: min(640px, 90vw);
  border-radius: 50%;
  opacity: 0.65;
}
.star75-ambient-glow.blue {
  top: 0;
  left: -20%;
  background: radial-gradient(circle, #188bff55, transparent 68%);
}
.star75-ambient-glow.purple {
  top: 380px;
  right: -25%;
  background: radial-gradient(circle, #874bff44, transparent 68%);
}
.star75-ambient-glow.gold {
  top: 65%;
  left: 10%;
  background: radial-gradient(circle, #ffad2826, transparent 68%);
}
.star75-ambient-particles {
  position: absolute;
  top: 0;
  left: -5%;
  width: 110%;
  height: 900px;
  opacity: 0.55;
  background-image:
    radial-gradient(circle at 18% 14%, #81ceff 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 72% 32%, #b28dff 0 1px, transparent 2px),
    radial-gradient(circle at 45% 75%, #ffc874 0 1.5px, transparent 2.5px);
  background-size:
    190px 230px,
    270px 310px,
    330px 290px;
}
@keyframes s75-background-drift {
  0%,
  100% {
    translate: 0 0;
    scale: 1;
  }
  50% {
    translate: 45px 55px;
    scale: 1.18;
  }
}
@keyframes s75-particle-drift {
  0%,
  100% {
    translate: 0 0;
    opacity: 0.35;
  }
  50% {
    translate: 12px -35px;
    opacity: 0.75;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .star75-ambient-glow {
    animation: s75-background-drift 14s ease-in-out infinite;
  }
  .star75-ambient-glow.purple {
    animation-duration: 18s;
    animation-delay: -7s;
    animation-direction: reverse;
  }
  .star75-ambient-glow.gold {
    animation-duration: 20s;
    animation-delay: -10s;
  }
  .star75-ambient-particles {
    animation: s75-particle-drift 10s ease-in-out infinite;
  }
}
@media (max-width: 767px) {
  .star75-ambient-glow {
    opacity: 0.5;
  }
  .star75-ambient-particles {
    background-size:
      150px 210px,
      210px 270px,
      270px 250px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .star75-ambient-background * {
    animation: none !important;
  }
}
.star75-ambient-background {
  position: fixed;
  inset: 0;
}
.star75-ambient-glow.blue {
  top: 8%;
  left: 2%;
  background: radial-gradient(circle, #188bff77, transparent 68%);
}
.star75-ambient-glow.purple {
  top: 28%;
  right: 0;
  background: radial-gradient(circle, #874bff66, transparent 68%);
}
.star75-ambient-glow.gold {
  top: 60%;
  left: 25%;
}
.star75-ambient-particles {
  height: 110vh;
  opacity: 0.8;
}
.star75-ambient-background::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    320px circle at var(--pointer-x, 50%) var(--pointer-y, 40%),
    #279aff28,
    transparent 75%
  );
}
.star75-categories button,
.star75-game-card,
.star75-wallet-actions button {
  position: relative;
}
.star75-click-ripple {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 8;
  background: #9bdbff88;
  border: 1px solid #c8eeff;
  translate: -50% -50%;
  animation: s75-click-wave 0.65s ease-out forwards;
}
@keyframes s75-click-wave {
  from {
    scale: 0.2;
    opacity: 0.9;
  }
  to {
    scale: 12;
    opacity: 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .star75-game-card {
    transition:
      transform 0.18s ease-out,
      filter 0.2s ease;
  }
  .star75-game-art::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(
      110px circle at var(--card-x, 50%) var(--card-y, 50%),
      #b4e4ff44,
      transparent 75%
    );
    transition: opacity 0.2s ease;
  }
  .star75-game-card[data-hovering='true'] .star75-game-art::before {
    opacity: 1;
  }
  .star75-games-section .star75-section-title {
    position: relative;
    overflow: hidden;
  }
  .star75-games-section .star75-section-title::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 25%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, #399eff35, transparent);
    animation: s75-shine 4s ease-in-out infinite;
  }
}
@media (prefers-reduced-motion: reduce) {
  .star75-click-ripple {
    display: none;
  }
  .star75-ambient-background::after {
    display: none;
  }
  .star75-game-card {
    transition: none !important;
  }
}
.star75-games-section[data-category='Slots'] .star75-game-card.provider .star75-game-art > img {
  position: absolute;
  top: 0;
  left: var(--provider-left, 0);
  width: var(--provider-width, 100%);
  max-width: none;
  height: var(--provider-height, 100%);
}
.star75-drawer-header {
  position: sticky;
  top: -20px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 64px;
  padding: 8px 0;
  background: #131b30;
  gap: 12px;
}
.left-bar .side-menu .star75-drawer-header .logo-img {
  width: 126px !important;
  height: auto;
  margin: 0 !important;
}
.star75-drawer-header > span {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.star75-drawer-header button {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid #334363;
  border-radius: 12px;
  background: #232c44;
  color: #fff;
  font:
    28px/1 Arial,
    sans-serif;
  cursor: pointer;
}
@media (max-width: 767px) {
  .left-bar .side-menu,
  .sidebar .right-side-menu {
    padding: 12px !important;
    padding-bottom: 20px !important;
  }
  .star75-drawer-header {
    top: -12px;
    min-height: 56px;
  }
  .left-bar .side-menu .side-top-wrap {
    margin: 12px 0 !important;
  }
  .left-bar .side-item {
    min-height: 46px;
    border-radius: 10px;
  }
  .left-bar .control-container {
    margin-bottom: 6px;
  }
  .left-bar .side-item > img,
  .left-bar .side-item > svg:not(.side-top-arrow) {
    width: 22px !important;
    height: 22px !important;
  }
  .left-bar .side-menu .lang-item {
    width: 100% !important;
    height: auto !important;
    min-height: 46px;
    margin: 12px 0 6px !important;
    border-radius: 10px;
  }
  .left-bar .language-select,
  .left-bar .simple-select {
    width: 100%;
    height: auto;
  }
  .left-bar .lang-item .select-input {
    width: 100%;
    min-height: 46px;
    padding: 0 16px !important;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
  .left-bar .selected-option {
    flex: 1;
    min-width: 0;
  }
  .left-bar .language-selected {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 14px;
  }
  .left-bar .language-selected svg {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px;
    color: #47a3f3;
  }
  .left-bar .language-title {
    font-size: 14px !important;
    font-weight: 600;
  }
  .left-bar .lang-item .arrow-icon {
    width: 12px;
    height: 12px;
    margin-left: auto;
  }
  .left-bar .lang-item .arrow-icon svg {
    width: 12px !important;
    height: 12px !important;
  }
  .left-bar .lang-item .select-options {
    position: static !important;
    transform: none !important;
    width: 100%;
    padding: 8px;
    gap: 12px;
    justify-content: center;
    box-sizing: border-box;
  }
  .left-bar .lang-item .flag-icon {
    width: 28px !important;
    height: 28px !important;
  }
  .left-bar .side-menu .logout-item {
    width: 100% !important;
    min-height: 46px;
    height: 46px;
    margin: 0 !important;
    padding: 0 16px;
    justify-content: flex-start;
    gap: 14px;
    border-radius: 10px;
    background: #462738;
    color: #ffb7bd;
    font-size: 14px;
  }
  .left-bar .logout-item svg {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px;
  }
  .sidebar .logout-wrap {
    min-height: 46px;
    border-radius: 10px;
    padding: 0 16px;
  }
}
@media (min-width: 768px) {
  .star75-drawer-header {
    top: -16px;
  }
}
@keyframes s75-mobile-drawer-in {
  from {
    translate: -100% 0;
  }
  to {
    translate: 0 0;
  }
}
@media (max-width: 767px) {
  .left-bar,
  .sidebar.main-nav-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    z-index: 12000 !important;
  }
  .left-bar .left-mask,
  .sidebar .sidebar-mask {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    z-index: 0 !important;
    display: block !important;
    opacity: 1 !important;
    background: #020817b3 !important;
  }
  .left-bar .side-menu,
  .sidebar .right-side-menu {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 0;
    box-shadow: none;
  }
  .star75-drawer-header {
    padding-top: calc(8px + env(safe-area-inset-top, 0px));
  }
  .sidebar .logout-wrap {
    width: 100%;
    box-sizing: border-box;
    margin: 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
  }
  .sidebar .lang-wrap {
    width: 100%;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .left-bar .side-menu,
  .sidebar .right-side-menu {
    animation: s75-mobile-drawer-in 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }
}
@media (max-width: 767px) {
  .slotsCenter-wrap .slots-games .game-list-wrapper .game-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px 10px;
  }
  .slotsCenter-wrap .slots-games .game-list-item {
    width: 100%;
    min-width: 0;
  }
  .slotsCenter-wrap .slots-games .game-list-img .game-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
  }
  .vendor-game-wrap .vendor-game-container {
    width: 100% !important;
    box-sizing: border-box;
    padding: 12px;
  }
  .vendor-game-wrap .vendor-game-container .vendor-game-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px 10px;
  }
  .vendor-game-wrap .vendor-game-list > .img-box {
    width: 100% !important;
    min-width: 0;
  }
}
.star75-inner-games .egame_content .game-list-item > .img-box {
  padding: 0 !important;
  overflow: hidden;
  border-radius: 16px;
  background: #182b43;
}
.star75-inner-games .egame_content .box-img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1/1;
  object-fit: contain;
  background: #182b43;
}
.star75-inner-games .egame_content .vassalage-tag {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  box-sizing: border-box;
  background: #213854;
}
.star75-inner-games .egame_content .vassalage-tag img {
  width: auto !important;
  max-width: 75%;
  height: 24px !important;
  object-fit: contain;
}
.star75-inner-games .slots-games .game-list-img .game-img {
  display: block;
  width: 100%;
  height: auto !important;
  aspect-ratio: 1/1;
  object-fit: contain;
  background: #182b43;
}
.star75-inner-games .slots-games .game-vassalage {
  height: 28px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .egame-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .star75-inner-games .egame_content {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }
  .star75-inner-games .vendor-swiper-container {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    padding: 12px !important;
  }
  .star75-inner-games .vendor-swiper-container .swiper-slide {
    width: 90px;
    flex-shrink: 0;
  }
  .star75-inner-games .vendor-swiper-container .list-item {
    width: 100% !important;
    min-width: 0;
    height: 76px !important;
    border-radius: 12px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 4px !important;
    gap: 6px;
  }
  .star75-inner-games .vendor-swiper-container .game-icon {
    width: 100% !important;
    height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .star75-inner-games .vendor-swiper-container .game-icon img {
    width: auto !important;
    max-width: 76px !important;
    height: 28px !important;
    object-fit: contain;
  }
  .star75-inner-games .vendor-swiper-container .game-text {
    width: 100%;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center;
    white-space: nowrap;
  }
  .star75-inner-games .egame_content .row-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100%;
    box-sizing: border-box;
    padding: 12px !important;
    gap: 12px 10px;
  }
  .star75-inner-games .egame_content .row-wrap > .img-box {
    min-width: 0;
    width: 100% !important;
  }
  .egame-container .game-page-title {
    width: 100% !important;
    box-sizing: border-box;
  }
  .egame-container .game-page-title {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 12px;
    height: auto !important;
    padding: 12px !important;
  }
  .egame-container .game-page-title .game-type-title {
    font-size: 18px !important;
    min-width: 0;
  }
  .egame-container .slsearch {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .egame-container .slsearch .search_form {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #34435f;
    border-radius: 8px;
  }
  .egame-container .slsearch input {
    width: 100% !important;
    min-width: 0;
    height: 40px !important;
    font-size: 14px !important;
    border: 0 !important;
    background: 0 0 !important;
  }
  .slotsCenter-wrap .game-title-wrap {
    height: auto !important;
    min-height: 54px;
    padding: 12px !important;
  }
  .slotsCenter-wrap .game-title-text {
    margin: 0;
    min-width: 0;
    font-size: 18px;
  }
  .slotsCenter-wrap .search-input-wrap {
    position: relative !important;
    inset: auto !important;
    width: calc(100% - 24px) !important;
    margin: 8px 12px 14px;
    box-sizing: border-box;
    height: 40px;
    display: flex;
    align-items: center;
  }
  .slotsCenter-wrap .search-input-wrap .search-input {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
    border: 0 !important;
    outline: 0;
    padding: 8px 12px 8px 36px;
    font-size: 14px;
    border-radius: 8px;
    background: 0 0 !important;
  }
  .slotsCenter-wrap .search-input-wrap .search-icon {
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
  }
}
:is(
  .star75-game-card,
  .slots-games .game-list-item,
  .vendor-game-list > .img-box,
  .star75-account-grid > a,
  .star75-account-wallet > a
) {
  position: relative;
  cursor: pointer;
  outline-offset: -3px;
}
:is(
  .star75-game-card .star75-game-art,
  .slots-games .game-list-img,
  .vendor-game-list > .img-box,
  .star75-account-grid > a,
  .star75-account-wallet > a
) {
  box-shadow: inset 0 0 0 1px #78baff22;
  transition:
    box-shadow 0.22s ease,
    background-color 0.22s ease,
    filter 0.22s ease;
}
:is(.slots-games .game-list-img, .vendor-game-list > .img-box)::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background: radial-gradient(
    130px circle at var(--card-x, 50%) var(--card-y, 50%),
    #a8dfff40,
    transparent 80%
  );
  transition: opacity 0.2s ease;
}
.slots-games .game-list-item::after,
.star75-game-card:not(.provider)::after {
  content: '▶ Play';
  position: absolute;
  left: 50%;
  top: 42%;
  translate: -50% -50%;
  z-index: 6;
  padding: 8px 14px;
  border: 1px solid #b9e7ff88;
  border-radius: 24px;
  background: #0c2139eb;
  color: #fff;
  font:
    700 12px/16px Inter,
    Arial,
    sans-serif;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
:is(.star75-game-card, .slots-games .game-list-item):focus-visible {
  outline: 2px solid #63c4ff;
}
:is(.star75-game-card, .slots-games .game-list-item):focus-visible::after {
  opacity: 1;
}
:is(.star75-game-card, .slots-games .game-list-item):active {
  filter: brightness(0.88);
}
:is(.star75-account-grid > a, .star75-account-wallet > a):focus-visible {
  outline: 2px solid #329eed;
}
@media (hover: hover) and (pointer: fine) {
  .slots-games .game-list-item:hover .game-list-img,
  .star75-game-card:hover .star75-game-art {
    box-shadow:
      inset 0 0 0 2px #58beff,
      0 0 14px #329eed33;
  }
  .slots-games .game-list-item:hover::after,
  .star75-game-card:not(.provider):hover::after {
    opacity: 1;
  }
  .slots-games .game-list-item[data-hovering='true'] .game-list-img::after,
  .vendor-game-list > .img-box[data-hovering='true']::after {
    opacity: 1;
  }
  .star75-game-card:hover .star75-provider-strip {
    background: linear-gradient(#1e3e60, #285b82);
  }
  .star75-account-grid > a:hover,
  .star75-account-wallet > a:hover {
    box-shadow:
      inset 0 0 0 2px #329eed66,
      0 4px 12px #329eed22;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.slots-games .game-list-img, .vendor-game-list > .img-box, .star75-game-card)::after,
  :is(
    .star75-game-card,
    .slots-games .game-list-item,
    .vendor-game-list > .img-box,
    .star75-account-grid > a,
    .star75-account-wallet > a
  ) {
    transition: none !important;
    animation: none !important;
  }
}
@media (max-width: 767px) {
  .left-bar,
  .sidebar.main-nav-open {
    z-index: 3000 !important;
  }
  .left-bar .side-menu,
  .sidebar .right-side-menu {
    width: 256px !important;
    max-width: calc(100vw - 72px) !important;
    padding: 12px 16px 132px !important;
    overflow-y: auto !important;
    background: #131b30 !important;
  }
  .left-bar .star75-drawer-header {
    position: relative;
    top: 0;
    min-height: 48px;
    padding: 0;
    margin-bottom: 12px;
    justify-content: center;
    background: 0 0;
  }
  .left-bar .side-menu .star75-drawer-header .logo-img {
    width: 100px !important;
  }
  .star75-drawer-header button {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 0;
    background: 0 0;
    font-size: 20px;
    opacity: 0;
  }
  .star75-drawer-header button:focus-visible {
    opacity: 1;
    outline: 2px solid #47a3f3;
  }
  .left-bar .side-menu .logined-wrap .balance {
    display: none !important;
  }
  .left-bar .side-menu .side-top-wrap {
    margin: 0 !important;
  }
  .left-bar .side-menu .deposit-withdraw {
    gap: 12px 8px !important;
    margin-bottom: 12px !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.invite {
    width: 168px !important;
    height: 38px !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.deposit,
  .left-bar .side-menu .deposit-withdraw .icon-wrap.promo {
    height: 38px !important;
    font-size: 10px !important;
  }
  .left-bar .side-item {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .left-bar .control-container {
    margin-bottom: 8px !important;
  }
  .left-bar .side-item > svg:not(.side-top-arrow) {
    width: 18px !important;
    height: 18px !important;
    color: #fff !important;
    fill: #fff !important;
  }
  .left-bar .side-item > img {
    width: 18px !important;
    height: 18px !important;
    filter: grayscale(1) brightness(0) invert(1);
  }
  .sidebar .star75-drawer-header {
    display: none;
  }
  .sidebar .top-logo {
    display: block;
    width: 100px !important;
    height: auto !important;
    margin: 8px auto 24px !important;
  }
  .sidebar .member-balance {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .left-bar .side-item span {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .sidebar .deposit-wrap {
    gap: 12px 8px;
    margin: 0 0 12px !important;
  }
  .sidebar .deposit-wrap .share-item {
    width: 168px;
    height: 38px !important;
    margin: 0 28px !important;
  }
  .sidebar .deposit-wrap .deposit-item,
  .sidebar .deposit-wrap .promo-item {
    width: 108px;
    height: 38px !important;
    margin: 0 !important;
  }
  .sidebar .deposit-wrap img {
    width: 100%;
    object-fit: fill;
  }
  .sidebar .deposit-wrap .text {
    font-size: 10px !important;
    text-transform: none;
  }
  .sidebar .main-accordion .am-accordion-header,
  .sidebar .menu-list {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    margin-bottom: 8px !important;
    border-radius: 6px !important;
  }
  .sidebar .am-accordion-header-wrap > span,
  .sidebar .menu-list span {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-left: 14px !important;
  }
  .sidebar .am-accordion-header-wrap > img,
  .sidebar .menu-list > img,
  .sidebar .menu-list > svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0;
  }
  .sidebar .menu-list > svg {
    color: #fff !important;
    fill: #fff !important;
  }
  .sidebar .am-accordion-header-wrap > img,
  .sidebar .menu-list > img {
    filter: grayscale(1) brightness(0) invert(1);
  }
}
@media (max-width: 767px) {
  .left-bar .side-menu .lang-item {
    height: auto !important;
    min-height: 40px !important;
    margin: 0 0 8px !important;
    border-radius: 6px !important;
  }
  .left-bar .lang-item .select-input {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
  }
  .left-bar .language-title,
  .left-bar .side-menu .logout-item span {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .left-bar .language-selected svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
  .left-bar .side-menu .logout-item,
  .sidebar .logout-wrap {
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 0 8px !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    background: #df2026 !important;
    color: #fff !important;
    font-size: 14px !important;
  }
  .left-bar .logout-item svg,
  .sidebar .logout-wrap svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    color: #fff !important;
  }
  .left-bar .side-item[aria-expanded='false'] .side-top-arrow {
    transform: rotate(180deg);
  }
  .sidebar .lang-accordion .am-accordion-header {
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    background: #232c44 !important;
  }
  .sidebar .lang-accordion .accordion-header {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .sidebar .lang-accordion .accordion-name,
  .sidebar .logout-wrap span {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .sidebar .lang-accordion .lang-nav-icon {
    width: 18px !important;
    height: 18px !important;
  }
}
@media (max-width: 767px) {
  .left-bar .control-drop:not(.active) {
    display: none !important;
  }
  .left-bar .control-drop.active {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .left-bar .side-menu {
    box-sizing: border-box;
  }
  .left-bar .mc-menu-wrap {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    margin: 0 !important;
  }
  .left-bar .side-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 0 8px !important;
    background: #232c44 !important;
    color: #fff !important;
    flex-shrink: 0;
    cursor: pointer;
  }
  .left-bar .side-item:after {
    display: none !important;
  }
  .left-bar .side-item span {
    color: #fff !important;
    line-height: 20px !important;
  }
  .left-bar .control-container {
    margin: 0 !important;
  }
  .left-bar .side-top-arrow {
    width: 10px !important;
    height: 10px !important;
    flex: 0 0 10px !important;
    margin-left: auto !important;
    fill: #fff !important;
    color: #fff !important;
  }
  .left-bar .control-drop__inner .side-item {
    background: #101728 !important;
  }
  .left-bar .lang-item {
    background: #232c44 !important;
    width: 100% !important;
  }
  .left-bar .language-selected {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100%;
  }
  .left-bar .language-selected svg {
    color: #fff !important;
    fill: #fff !important;
  }
  .left-bar .language-title {
    color: #fff !important;
    line-height: 20px !important;
  }
  .left-bar .lang-item .arrow-icon {
    display: none !important;
  }
  .left-bar .logout-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-sizing: border-box;
    width: 100% !important;
  }
  .left-bar .side-menu .deposit-withdraw {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
  }
  .left-bar .deposit-withdraw .icon-wrap {
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box;
    padding: 0 8px !important;
    background-size: 100% 100% !important;
  }
  .left-bar .deposit-withdraw .icon-wrap.invite {
    grid-column: 1/-1;
    justify-self: center;
    margin: 0 !important;
  }
  .left-bar .deposit-withdraw .icon-wrap.deposit,
  .left-bar .deposit-withdraw .icon-wrap.promo {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .left-bar .side-menu .deposit-withdraw .icon-wrap {
    position: relative;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.invite {
    background-image: url('/assets/images/side-share.f9c9f9d2.png') !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.deposit {
    background-image: url('/assets/images/side-deposit.081aab6a.png') !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.promo {
    background-image: url('/assets/images/side-promo.4974b7f4.png') !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap:after {
    display: none !important;
  }
  .left-bar .side-menu .star75-drawer-header .logo-img {
    height: auto !important;
    max-height: 40px;
    object-fit: contain;
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .left-bar .side-menu {
    padding-top: 16px !important;
  }
  .left-bar .star75-drawer-header {
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
  }
  .left-bar .side-menu .star75-drawer-header .logo-img {
    width: 100px !important;
    height: auto !important;
    display: block !important;
  }
  .left-bar .side-menu .deposit-withdraw {
    gap: 12px 8px !important;
    margin: 0 0 12px !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.invite {
    width: 168px !important;
    height: 38px !important;
  }
  .left-bar .side-menu .deposit-withdraw .icon-wrap.deposit,
  .left-bar .side-menu .deposit-withdraw .icon-wrap.promo {
    height: 38px !important;
  }
  .left-bar .side-menu .side-item {
    height: 40px !important;
    min-height: 40px !important;
    margin-bottom: 8px !important;
    padding: 0 16px !important;
    gap: 12px !important;
    border-radius: 6px !important;
  }
  .left-bar .side-menu .side-item span {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
  }
  .left-bar .side-menu .side-item > img,
  .left-bar .side-menu .side-item > svg:not(.side-top-arrow) {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
  }
}
@media (max-width: 767px) {
  .left-bar .side-menu .language-title,
  .left-bar .side-menu .logout-item span,
  .left-bar .side-menu .side-item span {
    font-weight: 700 !important;
  }
}
@media (max-width: 767px) {
  .left-bar .side-menu,
  .sidebar .right-side-menu {
    scrollbar-width: none !important;
    -ms-overflow-style: none;
  }
  .left-bar .side-menu::-webkit-scrollbar,
  .sidebar .right-side-menu::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .left-bar .star75-drawer-header button,
  .sidebar .star75-drawer-header button {
    opacity: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }
}
.star75-language-overlay {
  position: fixed;
  inset: 0;
  z-index: 6000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
}
.star75-language-dialog {
  width: 100%;
  max-width: 360px;
  padding: 24px;
  background: #131b30;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
}
.star75-language-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.star75-language-heading h2 {
  margin: 0;
  font:
    700 20px/28px Inter,
    Arial,
    sans-serif;
}
.star75-language-heading button {
  position: static;
  width: 28px;
  height: 28px;
  border: 0;
  background: 0 0;
  color: #9ca3af;
  font-size: 28px;
  line-height: 28px;
  cursor: pointer;
}
.star75-language-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 48px;
  margin: 0 0 12px;
  padding: 12px 24px;
  background: #232c44;
  border: 0;
  border-radius: 8px;
  color: #fff;
  text-align: left;
  font:
    500 18px/24px Inter,
    Arial,
    sans-serif;
  cursor: pointer;
}
.star75-language-option:last-child {
  margin-bottom: 0;
}
.star75-language-option.selected {
  background: #2563eb;
}
.star75-language-check {
  color: #22c55e;
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 767px) {
  html body #menu {
    height: 120px !important;
    padding: 0 0 10px !important;
    box-sizing: border-box;
    align-items: flex-end !important;
  }
  #menu > .footer-home,
  #menu > a:not(.footer-invite) {
    height: 68px !important;
    justify-content: flex-end !important;
    gap: 5px !important;
  }
  #menu .footer-home .footer_icon,
  #menu > a:not(.footer-invite) .footer_icon {
    width: 38px !important;
    height: 38px !important;
    background-size: 38px 38px !important;
  }
  #menu .footer-home .footer_icon.home {
    filter: none !important;
  }
  #menu .footer-home span,
  #menu a span {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #fff !important;
    font-weight: 500 !important;
  }
  #menu > a.footer-invite {
    height: 100px !important;
    top: 0 !important;
    justify-content: flex-end !important;
  }
  #menu .footer-invite > .footer_icon {
    width: 80px !important;
    height: 90px !important;
  }
  #menu .footer-invite .icon-wrap {
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 80px !important;
    height: 90px !important;
    justify-content: flex-start !important;
  }
  #menu .footer-invite .footer_icon.invite {
    width: 80px !important;
    height: 72px !important;
    background-size: contain !important;
    flex-shrink: 0;
  }
  #menu .footer-invite .middle {
    margin: 0 !important;
    color: #47a3f3 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
  }
}
.s75-invite-reference {
  padding: 0 15px 20px;
  font:
    14px/1.5 Arial,
    sans-serif;
  color: #333;
}
.s75-invite-reference .s75-invite-tabs {
  margin: 0 -15px 20px;
  padding: 0 3px;
  border: 0;
  scrollbar-width: thin;
}
.s75-invite-reference .s75-invite-tabs button {
  padding: 16px 11px 10px;
  color: #111;
  font-size: 16px;
  font-weight: 400;
}
.s75-invite-reference .s75-invite-tabs button.active {
  color: #3498db;
  border-bottom: 2px solid #3498db;
}
.s75-invite-reference a:focus-visible,
.s75-invite-reference button:focus-visible {
  outline: 2px solid #3498db !important;
  outline-offset: 3px;
}
.s75-ref-share {
  padding: 7px 8px;
  border-radius: 5px;
  background: linear-gradient(#f4f6fa, #e1e9f2);
}
.s75-ref-share h3 {
  margin: 0 0 5px;
  font-size: 12px;
  color: #483084;
  font-weight: 700;
}
.s75-ref-share-body {
  display: flex;
  gap: 5px;
  align-items: center;
}
.s75-ref-qr {
  flex: 0 0 72px;
  overflow: hidden;
  border-radius: 3px;
  background: #fff;
}
.s75-ref-qr canvas {
  display: block;
  width: 72px !important;
  height: 72px !important;
}
.s75-ref-qr button {
  display: block;
  border: 0;
  background: #483084;
  color: #fff;
  width: 100%;
  padding: 4px 0;
  font-size: 6px;
  cursor: pointer;
}
.s75-ref-share-links {
  min-width: 0;
  flex: 1;
}
.s75-ref-share-links label {
  display: flex;
  align-items: center;
  gap: 3px;
  border-radius: 30px;
  padding: 4px 5px 4px 10px;
  background: #fff;
  margin: 0 0 9px;
}
.s75-ref-share-links textarea {
  resize: none;
  width: 100%;
  min-width: 0;
  height: 20px;
  padding: 0;
  border: 0;
  background: 0 0;
  font: bold 9px/10px Arial;
  color: #444;
}
.s75-ref-share-links label button {
  border: 0;
  border-radius: 50%;
  background: #483084;
  color: #fff;
  padding: 4px;
  display: flex;
  cursor: pointer;
}
.s75-ref-share-links label svg {
  width: 12px !important;
  height: 12px !important;
}
.s75-ref-socials {
  display: flex;
  gap: 5px;
}
.s75-ref-socials a {
  height: 35px;
  flex: 1;
  min-width: 0;
  border-radius: 5px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 23px;
}
.s75-invite-reference .s75-ref-socials svg {
  width: 23px !important;
  height: 23px !important;
}
.s75-ref-socials .social-facebook {
  background: #4269cc;
}
.s75-ref-socials .social-telegram {
  background: #00a1df;
}
.s75-ref-socials .social-whatsapp {
  background: #27df51;
}
.s75-ref-socials .social-sms {
  background: #4caf50;
}
.s75-ref-socials .social-line {
  background: #06c755;
}
.s75-invite-reference .s75-invite-stats {
  gap: 8px;
  margin: 10px 4px;
}
.s75-invite-reference .s75-invite-stats button {
  padding: 8px 4px;
  min-height: 59px;
}
.s75-invite-reference .s75-invite-stats small {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.s75-invite-reference .s75-invite-stats b {
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}
.s75-invite-commission {
  position: relative;
  padding: 16px;
  min-height: 202px;
  border-radius: 6px;
  color: #fff;
  background: radial-gradient(at top right, #61277c, transparent 60%), #10051e;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  text-align: center;
}
.s75-invite-commission strong {
  font-size: 24px;
  color: #ffcc71;
}
.s75-invite-commission h3 {
  font-size: 25px;
  margin: 0;
}
.s75-invite-commission b {
  grid-column: 1/-1;
  color: #ffcc71;
  font-size: 28px;
  font-weight: 400;
}
.s75-invite-commission small {
  grid-column: 1/-1;
  font-size: 11px;
}
.s75-invite-reference .s75-invite-overview > h2 {
  font-size: 21px;
  color: #201d47;
  margin: 14px 0 30px;
}
.s75-invite-reference .s75-invite-reward {
  min-height: 100px;
  height: auto;
  margin-bottom: 12px;
  padding: 10px 16px;
}
.s75-invite-reference .s75-invite-reward img {
  width: 80px;
  margin-right: 26px;
}
.s75-invite-reference .s75-invite-reward p {
  font-size: 16px;
  font-weight: 600;
}
.s75-invite-reference .s75-invite-reward b {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.s75-invite-reference .s75-invite-reward small {
  font-size: 12px;
}
.s75-invite-reference .s75-income-calculator {
  margin-top: 18px;
}
.s75-income-calculator label {
  display: block;
  text-align: center;
  font-size: 12px;
}
.s75-income-calculator input {
  display: block;
  width: 100%;
  margin: 16px 0;
  accent-color: #ffc576;
}
.s75-invite-reference .s75-invite-incomes {
  padding: 0;
}
.s75-invite-reference .s75-invite-incomes h2 {
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  color: #333;
  border-bottom: 1px solid #eee;
  padding: 8px 0 20px;
}
.s75-invite-incomes h2 span {
  color: #3498db;
}
.s75-invite-reference .s75-invite-incomes > div {
  background: #f4f5f7;
  border: 0;
  padding: 12px;
}
.s75-invite-incomes > p {
  font-size: 11px;
  color: #999;
  margin-top: 15px;
}
.s75-invite-filters {
  display: flex;
  gap: 6px;
  align-items: center;
  padding-bottom: 16px;
}
.s75-invite-reference .s75-invite-filters button,
.s75-invite-reference .s75-invite-filters select {
  min-width: 0;
  border: 1px solid #3498db;
  border-radius: 4px;
  color: #3498db;
  background: #fff;
  padding: 8px 10px;
  font: 14px Arial;
  cursor: pointer;
}
.s75-invite-filters select {
  flex: 1;
}
.s75-invite-date {
  display: flex;
  gap: 8px;
  align-items: center;
  white-space: nowrap;
}
.s75-invite-reference .s75-invite-date svg {
  width: 15px !important;
  height: 15px !important;
}
.s75-invite-reference .s75-invite-records table {
  font-size: 11px;
  margin: 0;
  border: 0;
}
.s75-invite-reference .s75-invite-records th {
  background: #f5f5f7;
  color: #666;
  border: 0;
  padding: 10px 3px;
}
.s75-invite-reference .s75-invite-records td {
  border: 0;
  border-bottom: 1px solid #eee;
  padding: 10px 3px;
}
.s75-invite-records footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 40px;
  color: #666;
  box-shadow: 0 -3px 6px #0001;
}
.s75-invite-empty {
  min-height: 55dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #299bd1;
  font-size: 24px;
}
.s75-invite-empty img {
  width: 210px;
  max-width: 65%;
}
.s75-invite-empty p {
  margin: 10px 0;
}
.s75-invited-summary {
  display: flex;
  gap: 5px;
  margin-bottom: 20px;
  font-size: 11px;
}
.s75-invited-summary > div {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #e3f5ff;
  border-radius: 10px;
  padding: 10px;
  flex: 1.5;
  color: #245a7b;
}
.s75-invited-summary strong {
  font-size: 22px;
  text-align: center;
}
.s75-invited-summary p {
  margin: 0;
}
.s75-invited-summary > div p {
  flex: 1;
  font-weight: 700;
  text-align: center;
}
.s75-invited-summary p b {
  display: block;
  border-radius: 20px;
  background: #fff;
  color: #619bb8;
  margin: 3px 0;
}
.s75-invited-summary aside {
  flex: 1.1;
  display: grid;
  gap: 5px;
}
.s75-invited-summary aside p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #f4ebd5;
  border-radius: 8px;
  background: #fff8e7;
  padding: 5px 8px;
  color: #bf862c;
  font-weight: 700;
}
.s75-invited-summary aside b {
  display: inline;
  background: 0 0;
  color: #666;
}
.s75-invited-list .s75-invite-filters {
  margin: 0 -15px;
  padding: 10px 15px;
  border-block: 1px solid #eee;
}
.s75-invited-list .s75-invite-filters button:not(.s75-invite-date) {
  background: #099bea;
  color: #fff;
  padding: 8px 5px;
}
.s75-invited-row {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eee;
}
.s75-invite-tier {
  background: #f4f6fa;
  padding: 15px;
  border-radius: 8px;
  margin: 12px 0;
}
.s75-invite-tier img {
  width: 65px;
  float: left;
  margin-right: 20px;
}
.s75-invite-tier b,
.s75-invite-tier progress,
.s75-invite-tier span {
  display: block;
}
.s75-invite-tier progress {
  width: 65%;
}
@media (min-width: 768px) {
  .s75-invite-reference {
    max-width: 700px;
    margin: auto;
  }
  .s75-ref-qr {
    flex-basis: 96px;
  }
  .s75-ref-qr canvas {
    width: 96px !important;
    height: 96px !important;
  }
  .s75-ref-qr button {
    font-size: 9px;
  }
  .s75-ref-share h3 {
    font-size: 15px;
  }
  .s75-ref-share-links textarea {
    font-size: 12px;
    line-height: 14px;
    height: 28px;
  }
  .s75-ref-socials a {
    height: 40px;
  }
  .s75-invite-reference .s75-invite-stats button {
    min-height: 80px;
  }
}
.star75-account-shell[data-account-page='inviteFriends'] .star75-account-header {
  background: #fff;
  color: #333;
}
.star75-account-shell[data-account-page='inviteFriends'] .star75-account-header h1 {
  color: #333;
  font-weight: 400;
}
.star75-account-shell[data-account-page='inviteFriends'] .star75-account-header button {
  color: #333;
}
.star75-account-shell[data-account-page='inviteFriends'] .star75-account-header {
  position: relative;
  padding: 0;
  height: 49px;
}
.star75-account-shell[data-account-page='inviteFriends'] .star75-account-header h1 {
  position: absolute;
  left: 64px;
  right: 64px;
  text-align: center;
  margin: 0;
  font-size: 22px;
  pointer-events: none;
}
.s75-invite-reference .s75-invite-rewards-banner {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1600/650;
  object-fit: contain;
}
.s75-invite-reference .s75-invite-expiration {
  text-align: right;
  font-size: 9px;
  line-height: 14px;
  font-weight: 700;
  color: #777;
  margin: 41px 0 8px;
}
.s75-invite-reference .s75-invite-tier {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  min-height: 94px;
  box-sizing: border-box;
  margin: 0 0 8px;
  padding: 10px;
  border-radius: 3px;
  background: linear-gradient(180deg, #f3f7fb, #e0e9f1);
  color: #999;
}
.s75-invite-reference .s75-invite-tier > img {
  float: none;
  flex: 0 0 65px;
  width: 65px;
  height: 74px;
  object-fit: contain;
  margin: 0;
  opacity: 0.65;
}
.s75-invite-tier-content {
  flex: 1;
  min-width: 0;
}
.s75-invite-reference .s75-invite-tier-content p {
  margin: 0 0 5px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  color: #999;
}
.s75-invite-reference .s75-invite-tier-content b {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 17px;
  color: #999;
}
.s75-invite-reference .s75-invite-tier-content svg {
  width: 13px !important;
  height: 13px !important;
}
.s75-invite-tier-status {
  flex: 0 0 55px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.s75-invite-tier-status > span {
  white-space: nowrap;
  line-height: 18px;
}
.s75-invite-tier-status strong {
  font-size: 17px;
  color: #887db9;
}
.s75-invite-tier-status small {
  font-size: 7px;
  font-weight: 700;
  color: #666;
}
.s75-invite-reference .s75-invite-tier-available {
  width: 55px;
  display: block;
  padding: 3px 0;
  text-align: center;
  line-height: 16px;
  font-size: 7px;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  background: linear-gradient(100deg, #86d8f4, #b55ce1);
}
.s75-invite-reference button.s75-invite-tier-available {
  border: 0;
  cursor: pointer;
  font-family: inherit;
}
.s75-invite-reference button.s75-invite-tier-available:disabled {
  cursor: not-allowed;
  opacity: 1;
  color: #8b93a7;
  background: #d7dde6;
}
.s75-invite-reference .s75-invite-income-card {
  background: #f7f7f7;
  border-radius: 7px;
  padding: 0 10px 26px;
  margin: 0 0 32px;
  overflow: hidden;
}
.s75-invite-reference .s75-invite-income-card h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 66px;
  box-sizing: border-box;
  padding: 20px 0;
  margin: 0 0 18px;
  border-bottom: 1px solid #e8e8e8;
  color: #777;
  font:
    700 12px/20px Arial,
    sans-serif;
  text-align: center;
}
.s75-invite-reference .s75-invite-income-card h2 span {
  color: #483494;
  font-size: 14px;
  white-space: nowrap;
}
.s75-invite-income-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1600/650;
  object-fit: contain;
}
.s75-invite-reference .s75-invite-incomes > p {
  color: #647087;
  font:
    700 12px/18px Arial,
    sans-serif;
  margin: -16px 0 0;
}
.s75-invite-reference:has(.s75-invite-records) {
  height: calc(100dvh - 49px);
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.s75-invite-reference:has(.s75-invite-records) > .s75-invite-tabs {
  flex-shrink: 0;
}
.s75-invite-reference .s75-invite-records {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.s75-invite-reference .s75-invite-records > .s75-invite-filters {
  justify-content: space-between;
  flex-shrink: 0;
  gap: 0;
  padding: 0 0 17px;
  margin-bottom: 3px;
  border-bottom: 1px solid #eee;
}
.s75-invite-reference .s75-invite-records .s75-invite-filters select {
  flex: none;
  width: 55%;
  height: 34px;
  padding: 0 14px;
  font-size: 13px;
  appearance: none;
  background: #fff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m2 2 3 3 3-3' fill='%233498db'/%3E%3C/svg%3E")
    no-repeat right 12px center/8px;
}
.s75-invite-reference .s75-invite-records .s75-invite-date {
  height: 34px;
  padding: 0 6px;
  gap: 8px;
  font-size: 13px;
}
.s75-invite-reference .s75-invite-records .s75-invite-date svg {
  height: 12px !important;
  width: 12px !important;
}
.s75-invite-reference .s75-invite-records table {
  flex-shrink: 0;
  table-layout: fixed;
}
.s75-invite-reference .s75-invite-records th {
  height: 32px;
  box-sizing: border-box;
  padding: 8px 0;
  font:
    700 10px/16px Arial,
    sans-serif;
  background: #f7f7f7;
}
.s75-invite-reference .s75-invite-records > .s75-invite-empty {
  flex: 1;
  min-height: 220px;
  gap: 0;
}
.s75-invite-reference .s75-invite-records .s75-invite-empty img {
  width: 220px;
  height: 180px;
  max-width: 80%;
  object-fit: contain;
}
.s75-invite-reference .s75-invite-records .s75-invite-empty p {
  font:
    400 27px/34px Arial,
    sans-serif;
  color: #199dd8;
  margin: 22px 0 0;
}
.s75-invite-reference .s75-invite-records footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 49px;
  box-sizing: border-box;
  margin: 0 -15px;
  padding: 0 60px;
  background: #fff;
  box-shadow: 0 -3px 6px #0001;
  color: #666;
  font:
    700 14px/20px Arial,
    sans-serif;
}
.s75-invite-reference:has(.s75-invited-list) {
  height: calc(100dvh - 49px);
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.s75-invite-reference:has(.s75-invited-list) > .s75-invite-tabs {
  flex-shrink: 0;
  margin-bottom: 15px;
}
.s75-invite-reference .s75-invited-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.s75-invite-reference .s75-invited-summary {
  display: flex;
  gap: 5px;
  height: 104px;
  flex-shrink: 0;
  margin: 0 0 12px;
  font:
    700 10px/14px Arial,
    sans-serif;
}
.s75-invite-reference .s75-invited-summary > div {
  flex: 1.46;
  gap: 6px;
  padding: 10px;
  background: #e3f5ff;
  border-radius: 12px;
  min-width: 0;
}
.s75-invite-reference .s75-invited-summary strong {
  flex: 0 0 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.s75-invited-summary em {
  font-size: 14px;
  line-height: 18px;
  color: #24698e;
  font-style: italic;
}
.s75-referral-diamond {
  position: relative;
  display: block;
  line-height: 48px;
  font-size: 52px;
  color: #16a9f2;
  text-shadow:
    0 3px 0 #0073ce,
    0 0 5px #6be0ff;
  transform: scaleX(1.15);
}
.s75-referral-diamond i {
  position: absolute;
  inset: 2px 0 0;
  color: #b6f1ff;
  font: bold 27px/44px Arial;
  text-shadow: 0 2px 0 #0b7bc6;
}
.s75-invited-counts {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1;
  min-width: 0;
}
.s75-invited-counts > div {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 35px;
}
.s75-invited-person {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  color: #8bc8e9;
}
.s75-invite-reference .s75-invited-person svg {
  width: 27px !important;
  height: 27px !important;
  stroke-width: 1;
}
.s75-invite-reference .s75-invited-counts p {
  margin: 0 0 0 -10px;
  flex: 1;
  text-align: center;
  color: #24698e;
  font-size: 10px;
  white-space: nowrap;
}
.s75-invite-reference .s75-invited-counts p b {
  margin: 3px 0 0;
  background: #fff;
  color: #60a4cc;
  border-radius: 14px;
  font-size: 10px;
  line-height: 19px;
  height: 19px;
}
.s75-invite-reference .s75-invited-summary aside {
  flex: 1;
  gap: 5px;
}
.s75-invite-reference .s75-invited-summary aside p {
  padding: 5px 9px;
  border-radius: 8px;
  color: #d18b20;
  background: #fff9e9;
  font-size: 10px;
}
.s75-invite-reference .s75-invited-summary aside b {
  font-size: 12px;
}
.s75-invite-reference .s75-invited-list .s75-invite-filters {
  flex-shrink: 0;
  gap: 8px;
  padding: 10px 15px;
  margin: 0 -15px;
  border-block: 1px solid #eee;
}
.s75-invite-reference .s75-invited-list .s75-invite-filters select {
  flex: 0 0 89px;
  width: 89px;
  min-width: 0;
  height: 33px;
  padding: 0 14px;
  font-size: 13px;
}
.s75-invite-reference .s75-invited-list .s75-invited-today {
  height: 33px;
  padding: 0 6px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.s75-invited-today span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  font-size: 11px;
}
.s75-invite-reference .s75-invited-list .s75-invite-date {
  margin-left: auto;
  height: 33px;
  font-size: 13px;
  padding: 0 8px;
  gap: 8px;
}
.s75-invite-reference .s75-invited-list > .s75-invite-empty {
  flex: 1;
  min-height: 220px;
}
.s75-invite-reference .s75-invited-list .s75-invite-empty img {
  width: 220px;
  height: 180px;
  max-width: 80%;
  object-fit: contain;
}
.s75-invite-reference .s75-invited-list .s75-invite-empty p {
  font:
    400 27px/34px Arial,
    sans-serif;
  color: #199dd8;
  margin: 22px 0 0;
}
.star75-account-shell[data-account-page='inviteFriends']:has(.s75-invite-overview)
  .star75-account-header {
  position: sticky;
  top: 0;
  z-index: 21;
  background: #fff;
}
.s75-invite-reference:has(.s75-invite-overview) > .s75-invite-tabs {
  position: sticky;
  top: 49px;
  z-index: 20;
  background: #fff;
  scrollbar-width: none;
}
.s75-invite-reference .s75-invite-overview > section {
  margin-bottom: 10px;
}
.s75-invite-reference .s75-ref-share {
  padding: 7px 8px;
  min-height: 120px;
  box-sizing: border-box;
}
.s75-invite-reference .s75-ref-share h3 {
  margin-bottom: 7px;
}
.s75-invite-reference .s75-invite-stats {
  margin: 10px 4px;
  gap: 8px;
}
.s75-invite-reference .s75-invite-stats button {
  height: 59px;
  min-height: 59px;
  padding: 7px 4px 0;
}
.s75-invite-reference .s75-invite-stats small {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 3px;
}
.s75-invite-reference .s75-invite-stats b {
  font-size: 22px;
  line-height: 28px;
}
.s75-invite-reference .s75-invite-commission {
  height: 202px;
  min-height: 0;
  padding: 12px 18px 10px;
  grid-template-columns: 100px 1fr;
  grid-template-rows: 100px 1fr 18px;
  gap: 0 16px;
  background: #10051e url('/assets/star75/invite/commission-background.png') center/cover no-repeat;
  border-radius: 6px;
}
.s75-invite-commission > img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.s75-invite-reference .s75-invite-commission h3 {
  font-size: 27px;
  font-weight: 400;
  line-height: 36px;
}
.s75-invite-reference .s75-invite-commission b {
  font-size: 28px;
  line-height: 40px;
  align-self: end;
  color: #ffc16f;
}
.s75-invite-reference .s75-invite-commission small {
  font-size: 11px;
  line-height: 18px;
}
.s75-invite-reference .s75-invite-overview > h2 {
  font:
    700 21px/28px Arial,
    sans-serif;
  margin: 10px 0 16px;
  color: #211e4c;
}
.s75-invite-reference .s75-invite-reward {
  height: 100px;
  min-height: 100px;
  padding: 10px 16px;
  margin: 0 0 10px;
}
.s75-invite-reference .s75-invite-reward img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-right: 26px;
}
.s75-invite-reference .s75-invite-reward p {
  font-size: 16px;
  line-height: 22px;
}
.s75-invite-reference .s75-invite-reward b {
  font:
    500 22px/29px Arial,
    sans-serif;
  margin-top: 0;
}
.s75-invite-reference .s75-invite-reward small {
  font-size: 12px;
  line-height: 18px;
}
.s75-overview-promotion {
  display: block;
  width: 100%;
  height: auto;
}
.s75-invite-reference .s75-invite-overview > .s75-overview-commission-title {
  font-size: 17px;
  margin: 9px 0 18px;
}
.s75-invite-reference .s75-invite-overview > .s75-overview-leaderboard-title {
  font-size: 27px;
  line-height: 34px;
  margin: 24px 0 18px;
}
.s75-invite-reference .s75-invite-winners {
  box-sizing: border-box;
  max-width: none;
  width: 100%;
  height: 267px;
  padding: 35px 21px 18px;
  background: linear-gradient(125deg, #39c8f5, #9900d5);
  border-radius: 6px;
  overflow: hidden;
}
.s75-invite-reference .s75-invite-winners h3 {
  font:
    700 24px/29px Arial,
    sans-serif;
  white-space: nowrap;
  margin: 0 12px 11px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ffffff80;
}
.s75-invite-reference .s75-winner-window {
  overflow: hidden;
}
.s75-invite-reference .s75-winner-track.shifting {
  transition: transform 0.45s ease;
}
.s75-invite-reference .s75-winner-row {
  display: grid;
  grid-template-columns: 1fr 75px 90px;
  align-items: center;
  gap: 0;
  min-height: 32px;
  box-sizing: border-box;
  margin-bottom: 11px;
  padding: 6px 18px;
  border-radius: 20px;
  color: #566073;
  background: linear-gradient(#f3f7fb, #e0e9f1);
  font:
    700 10px/20px Arial,
    sans-serif;
}
.s75-invite-reference .s75-winner-row b {
  font-size: 13px;
  font-weight: 400;
}
.s75-invite-reference .s75-income-calculator {
  box-sizing: border-box;
  height: 231px;
  margin: 10px 0 0;
  padding: 17px 21px 26px;
  border-radius: 6px;
  background: linear-gradient(115deg, #fd6585, #1224bd);
}
.s75-invite-reference .s75-income-calculator > div {
  align-items: center;
  gap: 26px;
}
.s75-invite-reference .s75-income-calculator img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.s75-invite-reference .s75-income-calculator h3 {
  font:
    700 27px/31px Arial,
    sans-serif;
  margin: 0;
  text-shadow: 0 2px 3px #0002;
}
.s75-invite-reference .s75-income-calculator > p {
  font:
    700 18px/26px Arial,
    sans-serif;
  margin: 20px 0 13px;
  color: #ffc576;
}
.s75-invite-reference .s75-income-calculator label {
  font:
    700 10px/18px Arial,
    sans-serif;
}
.s75-income-calculator label strong {
  color: #ffc576;
  margin: 0 7px;
}
.s75-invite-reference .s75-income-calculator input {
  appearance: none;
  height: 6px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(
    90deg,
    #6d5bd0 var(--s75-earning-fill, 0),
    #24187a60 var(--s75-earning-fill, 0)
  );
  margin: 16px 0 0;
}
.s75-income-calculator input::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #a7d7db;
  border-radius: 50%;
  background: linear-gradient(135deg, #71edce, #3aa4ce);
}
.s75-income-calculator input::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 2px solid #a7d7db;
  border-radius: 50%;
  background: linear-gradient(135deg, #71edce, #3aa4ce);
}
.s75-invite-reference .s75-invite-overview > .s75-overview-agent-title {
  font-size: 27px;
  line-height: 34px;
  margin: 12px 0 18px;
}
@media (min-width: 768px) {
  .s75-invite-reference .s75-invite-commission {
    height: 280px;
    grid-template-rows: 150px 1fr 18px;
  }
  .s75-invite-commission > img {
    width: 140px;
    height: 140px;
  }
  .s75-invite-reference .s75-invite-winners h3 {
    white-space: normal;
  }
}
.acmc_content[data-v-c129d1f8] {
  width: min(1290px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
}
.br_acmc_main[data-v-c129d1f8] {
  display: flex;
  width: 100%;
  height: min(620px, calc(100dvh - 24px));
  max-height: calc(100dvh - 24px);
}
.br_acmc_mleft[data-v-c129d1f8] {
  flex: 0 0 180px;
  float: none;
  height: auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.br_acmc_mright[data-v-c129d1f8] {
  flex: 1 1 auto;
  float: none;
  width: auto;
  min-width: 0;
  height: auto;
  overflow: auto;
}
.br_acmc_main:has(.s75-invite-reference) {
  height: min(920px, calc(100dvh - 24px));
}
.br_acmc_mright:has(.s75-invite-reference) {
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff !important;
  color: #333;
  -webkit-user-select: text;
  user-select: text;
}
.br_acmc_mright .s75-invite {
  min-height: 0;
  background: #fff;
}
.br_acmc_mright .s75-invite-reference {
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}
.br_acmc_mright .s75-invite.s75-invite-reference > .s75-invite-tabs {
  top: 0;
}
.br_acmc_mright .s75-invite-reference:has(.s75-invite-records),
.br_acmc_mright .s75-invite-reference:has(.s75-invited-list) {
  height: auto;
  min-height: 0;
}
.br_acmc_mright .s75-invited-summary {
  height: auto;
  align-items: stretch;
  max-width: 560px;
}
.br_acmc_mright .s75-invited-summary > div {
  flex: 1 1 280px;
  max-width: 340px;
}
.br_acmc_mright .s75-invited-counts p {
  flex: 0 1 150px;
  max-width: 160px;
}
.br_acmc_mright .s75-invited-summary aside {
  flex: 0 0 180px;
}
.br_acmc_mright .s75-invited-list .s75-invite-filters {
  max-width: 560px;
  margin-left: 0;
  margin-right: 0;
  gap: 8px;
  justify-content: flex-start;
}
.br_acmc_mright .s75-invited-list .s75-invite-date {
  margin-left: 0;
}
.br_acmc_mright .s75-invited-list .s75-invite-filters .s75-invited-status {
  flex: none;
  width: auto;
  min-width: 108px;
  white-space: nowrap;
}
.s75-invite-reference .s75-invited-list .s75-invite-filters .s75-invited-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
  color: #3498db;
  min-width: 89px;
  height: 33px;
  padding: 0 14px;
  font:
    13px Arial,
    sans-serif;
}
.s75-invite-reference .s75-invited-list .s75-invite-filters .s75-invited-status.selected {
  background: #1499e8;
  color: #fff;
}
.s75-invited-status span {
  font-size: 11px;
}
.s75-status-overlay {
  position: fixed;
  inset: 0;
  background: #0006;
  z-index: 1100;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.s75-status-sheet {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px 8px 0 0;
  padding: 0 15px 14px;
  color: #666;
  font:
    700 14px/20px Arial,
    sans-serif;
}
.s75-status-sheet header {
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.s75-invite-reference .s75-status-sheet h2 {
  font:
    700 16px/22px Arial,
    sans-serif;
  color: #666;
  margin: 0;
  text-align: left;
}
.s75-status-sheet header button {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: #a5a8ac;
  color: #fff;
  font: 20px/18px Arial;
  cursor: pointer;
}
.s75-status-sheet [role='radio'] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 39px;
  border: 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  padding: 0;
  color: #666;
  font:
    700 14px/20px Arial,
    sans-serif;
  text-align: left;
  cursor: pointer;
}
.s75-status-sheet [role='radio']:last-child {
  border-bottom: 0;
}
.s75-status-sheet [role='radio'] span {
  color: #ff333b;
  font-size: 25px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .s75-status-sheet {
    max-width: 700px;
  }
}
.s75-invite-reference .s75-invite-records .s75-record-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 55%;
  height: 34px;
  padding: 0 14px;
  font:
    13px Arial,
    sans-serif;
  color: #3498db;
  background: #fff;
}
.s75-invite-reference .s75-invite-records .s75-record-type.selected {
  background: #1499e8;
  color: #fff;
}
.s75-record-type span {
  font-size: 11px;
}
.s75-invite-reference .s75-invite-filters .s75-filter-caret {
  width: 8px !important;
  height: 6px !important;
  flex: none;
}
.s75-invite-reference .s75-invite-filters .s75-today-check {
  width: 18px !important;
  height: 18px !important;
  flex: none;
}
.star75-promotion-surface {
  background: #000;
  min-height: 100dvh;
}
.star75-promotion-header {
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border-bottom: 1px solid #27100b;
  position: sticky;
  top: 0;
  z-index: 20;
  max-width: 1000px;
  margin: auto;
}
.star75-promotion-header h1 {
  color: #e5ef00;
  font:
    700 30px/40px Arial,
    sans-serif;
  margin: 0;
}
.star75-promotion-header button {
  position: absolute;
  left: 24px;
  color: #fff;
  background: 0 0;
  border: 0;
  cursor: pointer;
}
.star75-promotion-page {
  padding: 21px 17px 100px;
  gap: 21px;
  background: #000;
}
.star75-promotion-card {
  padding: 11px;
  border: 1px solid #603027;
  background: #240807;
  border-radius: 8px;
}
.star75-promotion-banner {
  border-radius: 10px;
  aspect-ratio: 340/129;
  object-fit: cover;
}
.star75-promotion-toggle {
  padding: 11px 0 0;
  min-height: 39px;
  gap: 8px;
  background: 0 0;
  color: #fff;
  font:
    14px/20px Arial,
    sans-serif;
}
.star75-promotion-toggle strong {
  font-weight: 400;
  flex: 1;
  min-width: 0;
}
.star75-promotion-toggle > span {
  flex: none;
  background: #ff4500;
  border: 1px solid #ff971b;
  border-radius: 10px;
  padding: 4px 8px;
  font:
    700 14px/18px Arial,
    sans-serif;
}
.star75-promotion-details {
  background: #240807;
  color: #fff;
  border-top: 1px solid #603027;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .star75-promotion-page {
    display: flex;
    flex-direction: column;
  }
  .star75-promotion-card {
    width: 100%;
    box-sizing: border-box;
  }
}
.star75-promo-rail {
  --promo-unit: clamp(40px, 13.333vw, 57px);
  position: fixed !important;
  top: auto !important;
  right: calc(var(--promo-unit) * 0.2) !important;
  bottom: calc(100dvh / 6 - var(--promo-unit) * 0.60667) !important;
  left: auto !important;
  width: calc(var(--promo-unit) * 1.4) !important;
  height: auto !important;
  z-index: 5000 !important;
  display: block !important;
  pointer-events: none;
}
.star75-promo-rail.expanded {
  bottom: calc(var(--promo-unit) * 1.21) !important;
}
.star75-promo-rail .star75-promo-controls {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}
.star75-promo-rail .star75-promo-controls button {
  position: absolute;
  display: grid;
  place-items: center;
  width: calc(var(--promo-unit) * 0.43);
  height: calc(var(--promo-unit) * 0.43);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
}
.star75-promo-rail .star75-promo-controls button:first-child {
  top: calc(var(--promo-unit) * -0.45);
  left: calc(var(--promo-unit) * -0.23);
  background: #868686;
  color: #111;
  font:
    400 calc(var(--promo-unit) * 0.48) / 1 Arial,
    sans-serif;
}
.star75-promo-rail .star75-promo-controls button:last-child {
  top: calc(var(--promo-unit) * -0.48);
  left: 50%;
  transform: translateX(-50%);
  background: 0 0;
}
.star75-promo-rail.expanded .star75-promo-controls button:last-child {
  top: calc(var(--promo-unit) * -0.75);
}
.star75-promo-rail .star75-promo-controls img {
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
  transition: transform 0.3s;
}
.star75-promo-rail.expanded .star75-promo-controls img {
  transform: rotate(0);
}
.star75-promo-rail .star75-promo-preview {
  width: calc(var(--promo-unit) * 1.2);
  height: calc(var(--promo-unit) * 1.5);
  margin: 0 auto;
  overflow: hidden;
  pointer-events: auto;
}
.star75-promo-rail .star75-promo-preview .swiper {
  width: 100%;
  height: 100%;
  touch-action: pan-y;
}
.star75-promo-rail .star75-promo-preview .swiper-slide {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.star75-promo-rail .star75-promo-shortcut {
  position: relative;
  display: block;
  flex: none;
  box-sizing: border-box;
  width: calc(var(--promo-unit) * 1.2);
  height: calc(var(--promo-unit) * 1.2);
  padding: 0;
  margin: 0;
  border: 0;
  background: 0 0;
  pointer-events: auto;
  cursor: pointer;
}
.star75-promo-rail .star75-promo-shortcut img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  pointer-events: none;
}
.star75-promo-rail .star75-promo-shortcut i {
  position: absolute;
  top: calc(var(--promo-unit) * 0.05);
  right: 0;
  width: calc(var(--promo-unit) * 0.2);
  height: calc(var(--promo-unit) * 0.2);
  border-radius: 50%;
  background: #f01414;
  box-shadow: inset 0 2px 2px #ffffff40;
}
.star75-promo-rail .star75-promo-expanded {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--promo-unit) * 0.3);
  width: 100%;
  max-height: min(calc(var(--promo-unit) * 8), calc(100dvh - 150px));
  padding: calc(var(--promo-unit) * 0.35) calc(var(--promo-unit) * 0.1);
  border-radius: calc(var(--promo-unit) * 0.8);
  background: #000b;
  box-shadow: 1px 2px 16px #0004;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  pointer-events: auto;
  touch-action: pan-y;
}
.star75-promo-rail .star75-promo-expanded::-webkit-scrollbar {
  display: none;
}
.star75-promo-rail .star75-promo-next {
  position: absolute;
  bottom: calc(var(--promo-unit) * -0.2);
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: calc(var(--promo-unit) * 0.4);
  height: calc(var(--promo-unit) * 0.4);
  padding: 4px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #ff6400;
  box-shadow: 0 2px 2px #0004;
  pointer-events: auto;
  cursor: pointer;
}
.star75-promo-rail .star75-promo-next svg {
  width: 100%;
  height: 100%;
}
.star75-featured-popup {
  --u: min(13.333vw, calc((100dvh - 24px) / 9.8), calc((100vw - 16px) / 6.8));
  position: fixed;
  inset: 0;
  z-index: 100010;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.star75-featured-popup::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(calc(var(--u) * 0.12));
  backdrop-filter: blur(calc(var(--u) * 0.12));
}
.star75-featured-sheet {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--u) * 0.1);
  width: min(calc(var(--u) * 6.8), calc(100vw - 12px));
}
.star75-featured-close {
  align-self: flex-end;
  display: flex;
  z-index: 2;
  width: calc(var(--u) * 0.5);
  height: calc(var(--u) * 0.5);
  margin: 0;
  padding: 0;
  border: 0;
  background: 0 0;
  cursor: pointer;
}
.star75-featured-close svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #fff;
}
.star75-featured-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--u) * 0.16);
  box-sizing: border-box;
  width: 100%;
  max-height: calc(100dvh - var(--u) * 1.7);
  padding: calc(var(--u) * 0.4) calc(var(--u) * 0.2);
  overflow: auto;
  border-radius: calc(var(--u) * 0.5);
  background: rgba(69, 46, 136, 0.12);
  box-shadow: inset 0 calc(var(--u) * 0.04) calc(var(--u) * 0.04) 0 hsla(0, 0%, 100%, 0.25);
  scrollbar-width: thin;
}
.star75-featured-title {
  display: block;
  width: 100%;
  min-height: calc(var(--u) * 0.78);
  background: center/contain no-repeat;
}
.star75-featured-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--u) * 0.18);
  width: 100%;
}
.star75-featured-game {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: calc(var(--u) * 0.2);
  overflow: hidden;
  background: 0 0;
  cursor: pointer;
}
.star75-featured-game img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: calc(var(--u) * 0.2);
}
.star75-featured-game::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: calc(var(--u) * 1.12);
  height: calc(var(--u) * 1.12);
  background: hsla(0, 0%, 100%, 0.4);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  filter: drop-shadow(0 calc(var(--u) * 0.02) calc(var(--u) * 0.08) rgba(0, 0, 0, 0.25));
  pointer-events: none;
}
.star75-featured-game::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: calc(var(--u) * 0.06);
  right: calc(var(--u) * 0.06);
  width: calc(var(--u) * 0.62);
  height: calc(var(--u) * 0.69);
  background: url('/assets/star75/featured/play.png') center/contain no-repeat;
  pointer-events: none;
}
.star75-featured-game .shine {
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  border-radius: calc(var(--u) * 0.2);
}
.star75-featured-game .shine::after {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  width: 20%;
  height: 100%;
  content: '';
  background: linear-gradient(
    120deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0)
  );
  transform: skewX(-25deg);
  animation: star75-featured-shine 2s infinite;
}
@keyframes star75-featured-shine {
  to {
    left: 125%;
  }
}
.star75-featured-info {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 0.16);
  width: 100%;
  box-sizing: border-box;
  padding: calc(var(--u) * 0.12) calc(var(--u) * 0.12) calc(var(--u) * 0.2);
  border-radius: calc(var(--u) * 0.2);
  background: hsla(0, 0%, 100%, 0.16);
}
.star75-featured-info h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--u) * 0.12);
  margin: 0;
  color: #fff;
  text-align: center;
  font:
    800 calc(var(--u) * 0.26) / 1.2 Arial,
    sans-serif;
  text-shadow: 0 calc(var(--u) * 0.04) calc(var(--u) * 0.04) rgba(0, 0, 0, 0.25);
}
.star75-featured-info h2 svg {
  flex: none;
  width: calc(var(--u) * 0.26);
  height: calc(var(--u) * 0.26);
}
.star75-featured-info img {
  display: block;
  width: 100%;
  border-radius: calc(var(--u) * 0.12);
  object-fit: cover;
}
.star75-featured-info p {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 0.04);
  margin: 0;
  color: #fff;
  text-align: center;
  font:
    500 calc(var(--u) * 0.22) / 1.45 Arial,
    sans-serif;
}
.star75-featured-nav {
  align-self: center;
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 0.4);
  width: min(100%, calc(var(--u) * 6));
}
.star75-featured-nav button {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: calc(var(--u) * 0.72);
  padding: 0;
  border: 0;
  border-radius: calc(var(--u) * 0.5);
  background: rgba(69, 46, 136, 0.12);
  box-shadow: inset 0 calc(var(--u) * 0.04) calc(var(--u) * 0.04) 0 hsla(0, 0%, 100%, 0.25);
  cursor: pointer;
}
.star75-featured-nav svg {
  width: calc(var(--u) * 0.4);
  height: calc(var(--u) * 0.4);
}
.star75-featured-nav .next svg {
  transform: rotate(180deg);
}
.star75-treasure-intro-overlay {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 16px 16px 60px;
  background: #000b;
  overflow-y: auto;
}
.star75-treasure-intro {
  position: relative;
  flex: none;
  width: min(388px, calc((100dvh - 90px) * 680 / 920), calc(100vw - 32px));
  aspect-ratio: 680/920;
  outline: 0;
}
.star75-treasure-intro-background {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.star75-treasure-intro h2 {
  position: absolute;
  top: 23%;
  left: 10%;
  right: 10%;
  margin: 0;
  color: #fc6d16;
  text-align: center;
  font:
    900 clamp(16px, 3vw, 23px) / 1.3 Arial,
    sans-serif;
  -webkit-text-stroke: 1px #fff8d3;
  text-shadow:
    0 0 3px #fff8d3,
    1px 1px 2px #fff8d3;
}
.star75-treasure-intro-chest {
  position: absolute;
  top: 34%;
  left: 18%;
  display: block;
  width: 64%;
  height: auto;
  object-fit: contain;
}
.star75-treasure-intro-action {
  position: absolute;
  bottom: 5.5%;
  left: 12%;
  width: 76%;
  height: 15%;
  margin: 0;
  padding: 0 8px;
  border: 0;
  background: transparent url('/assets/star75/treasure-button.png') center/100% 100% no-repeat;
  color: #fff;
  font:
    700 clamp(14px, 2.8vw, 20px) / 1.2 Arial,
    sans-serif;
  cursor: pointer;
}
.star75-treasure-intro-close {
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #111;
  font:
    26px/1 Arial,
    sans-serif;
  cursor: pointer;
}
.star75-rewards-popup {
  position: fixed;
  inset: 0;
  z-index: 10020;
  background: #000c;
  overflow-y: auto;
  color: #fff;
  font-family: Arial, sans-serif;
}
.star75-rewards-popup-content {
  --reward-unit: min(57px, calc((100dvh - 12px) / 14), calc(100vw / 7.5));
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding: 0 0 calc(var(--reward-unit) * 0.15);
  outline: 0;
}
.star75-rewards-popup-close {
  position: fixed;
  right: 24px;
  top: 28px;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: 0 0;
  color: #fff;
  font: 32px/1 Arial;
  cursor: pointer;
}
.star75-rewards-popup-header {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: calc(var(--reward-unit) * 4.06);
  height: calc(var(--reward-unit) * 1.55);
  padding-bottom: calc(var(--reward-unit) * 0.04);
  background: url('/assets/star75/shortcuts/rewards-crown.png') center top/100%
    calc(var(--reward-unit) * 1.12) no-repeat;
}
.star75-rewards-popup-header h2 {
  position: relative;
  min-width: calc(var(--reward-unit) * 2.46);
  height: calc(var(--reward-unit) * 0.65);
  padding: 0 calc(var(--reward-unit) * 0.1);
  margin: 0;
  background: linear-gradient(90deg, #ff7663, #ff301f 15% 85%, #ff7663);
  color: #fff;
  font: 400 calc(var(--reward-unit) * 0.36) / 1.65 Arial;
  text-align: center;
  text-shadow: 1px 1px #c63036;
}
.star75-rewards-popup-header h2:after,
.star75-rewards-popup-header h2:before {
  position: absolute;
  top: 0;
  width: calc(var(--reward-unit) * 0.8);
  height: 100%;
  content: '';
  background: center/contain no-repeat;
}
.star75-rewards-popup-header h2:before {
  right: calc(100% - var(--reward-unit) * 0.1);
  background-image: url('/assets/star75/shortcuts/rewards-ribbon-left.png');
}
.star75-rewards-popup-header h2:after {
  left: calc(100% - var(--reward-unit) * 0.1);
  background-image: url('/assets/star75/shortcuts/rewards-ribbon-right.png');
}
.star75-rewards-popup-ticket {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--reward-unit) * 5.6);
  height: calc(var(--reward-unit) * 1);
  margin-top: calc(var(--reward-unit) * 0.08);
  border-radius: 8px;
  background: #818181 url('/assets/star75/shortcuts/rewards-ticket.png') center/100% 100% no-repeat;
  color: #eee;
  font-size: calc(var(--reward-unit) * 0.2);
}
.star75-rewards-popup-name {
  margin: calc(var(--reward-unit) * 0.1) 0 0;
  color: #ffe28b;
  font-size: calc(var(--reward-unit) * 0.28);
  line-height: 1.4;
  text-align: center;
}
.star75-rewards-popup-countdown {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: calc(var(--reward-unit) * 0.2);
  margin-top: calc(var(--reward-unit) * 0.18);
  height: calc(var(--reward-unit) * 0.9);
}
.star75-rewards-popup-time-label {
  display: flex;
  align-items: center;
  gap: calc(var(--reward-unit) * 0.22);
  height: calc(var(--reward-unit) * 0.6);
  font-size: calc(var(--reward-unit) * 0.22);
  white-space: nowrap;
}
.star75-rewards-popup-time-label svg {
  width: calc(var(--reward-unit) * 0.37);
  height: calc(var(--reward-unit) * 0.41);
  fill: none;
  stroke: #ffb30b;
  stroke-width: 2;
}
.star75-rewards-popup-time {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.star75-rewards-popup-time:not(:last-child):after {
  position: absolute;
  right: calc(var(--reward-unit) * -0.15);
  top: 0;
  content: ':';
  color: #ccc;
  font-size: calc(var(--reward-unit) * 0.38);
  font-weight: 700;
}
.star75-rewards-popup-time b {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: calc(var(--reward-unit) * 0.7);
  height: calc(var(--reward-unit) * 0.6);
  border: 1px solid #707070;
  border-radius: 4px;
  background: #262626;
  font-size: calc(var(--reward-unit) * 0.38);
}
.star75-rewards-popup-time small {
  color: #a2a2a2;
  font-size: calc(var(--reward-unit) * 0.16);
  line-height: 1.5;
}
.star75-rewards-popup-envelope {
  display: block;
  width: calc(var(--reward-unit) * 6.9);
  height: calc(var(--reward-unit) * 6.45);
  object-fit: contain;
}
.star75-rewards-popup-claim {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--reward-unit) * 3.52);
  height: calc(var(--reward-unit) * 0.56);
  margin-top: calc(var(--reward-unit) * 0.1);
  padding: 0;
  border: 0;
  border-radius: 30px;
  background: linear-gradient(#fff, #f7c163 50%, #f2b03e);
  color: #d63000;
  font-size: calc(var(--reward-unit) * 0.28);
  cursor: pointer;
}
.star75-rewards-popup-claim:disabled {
  cursor: default;
  filter: grayscale(0.4);
  opacity: 0.7;
}
.star75-rewards-popup-progress {
  position: relative;
  box-sizing: border-box;
  width: calc(100% - var(--reward-unit) * 1.7);
  height: calc(var(--reward-unit) * 0.36);
  padding: calc(var(--reward-unit) * 0.05) calc(var(--reward-unit) * 0.12);
  margin-top: calc(var(--reward-unit) * 0.22);
  border: 2px solid #707070;
  border-radius: 30px;
  background: #262626;
}
.star75-rewards-popup-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(#ffcf00, #ee7c0e);
}
.star75-rewards-popup-progress > b {
  position: absolute;
  right: calc(var(--reward-unit) * 0.3);
  top: 0;
  font-size: calc(var(--reward-unit) * 0.24);
  font-weight: 400;
  line-height: 1.3;
}
.star75-rewards-popup-rank {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--reward-unit) * 6.1);
  height: calc(var(--reward-unit) * 2.38);
  margin: calc(var(--reward-unit) * 0.1) auto 0;
  overflow: hidden;
  background: url('/assets/star75/shortcuts/rewards-rank.png') center/100% 100% no-repeat;
  color: #d9c883;
  font-size: calc(var(--reward-unit) * 0.22);
}
.star75-rewards-popup-rank ul {
  position: absolute;
  top: 25%;
  right: 13%;
  bottom: 15%;
  left: 18%;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.star75-rewards-popup-rank li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  height: 100%;
  color: #f3f3f1;
  font-size: calc(var(--reward-unit) * 0.22);
  font-weight: 400;
  line-height: 1;
}
.star75-rewards-popup-rank li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.star75-rewards-popup-rank li b {
  flex: none;
  color: #e6ae38;
  font-weight: 700;
}
.star75-rewards-popup-rank > span {
  max-width: 68%;
  padding: 0 6%;
  text-align: center;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .star75-rewards-popup-close {
    right: 16px;
    top: 20px;
    width: 28px;
    height: 28px;
    font-size: 26px;
  }
}
.s75-rain {
  --reward-unit: min(57px, calc((100dvh - 12px) / 14), calc(100vw / 7.5));
  position: fixed;
  inset: 0;
  z-index: 10030;
  color: #fff;
  font-family: Arial, sans-serif;
}
.s75-rain-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}
.s75-rain-head {
  position: relative;
  z-index: 2;
  display: block;
  width: min(100%, calc(var(--reward-unit) * 7.5));
  height: auto;
  margin: 0 auto;
}
.s75-rain-count {
  position: relative;
  z-index: 2;
  margin-top: calc(var(--reward-unit) * 0.9);
  text-align: center;
}
.s75-rain-count h3 {
  margin: 0;
  color: #fff;
  font-size: calc(var(--reward-unit) * 0.48);
  font-weight: 700;
}
.s75-rain-count p {
  margin: calc(var(--reward-unit) * 0.4) 0 0;
  color: #ffea00;
  font-size: calc(var(--reward-unit) * 4);
  font-weight: 700;
  line-height: 1;
}
.s75-rain-wait {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 0;
  border: 0;
  background: 0 0;
  color: #fff;
  cursor: pointer;
}
.s75-rain-wait-copy {
  position: relative;
  z-index: 3;
  margin-top: calc(var(--reward-unit) * 0.9);
  text-align: center;
}
.s75-rain-wait-copy h4 {
  margin: calc(var(--reward-unit) * 0.4) 0 0;
  color: #fff;
  font-size: calc(var(--reward-unit) * 0.3);
  font-weight: 500;
}
.s75-rain-wait-copy b {
  padding: 0 0.3em;
  color: #ffea00;
  font-size: calc(var(--reward-unit) * 0.48);
  font-weight: 700;
}
.s75-rain-layer {
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
  background: url('/assets/star75/rewards/rain.png') no-repeat;
  background-size: 100% auto;
  transform: translate3d(0, -100%, 0);
  animation: s75-envelope-rain linear infinite;
}
.s75-rain-layer.foreground {
  animation-duration: 5s;
}
.s75-rain-layer.second {
  animation-duration: 3s;
  animation-delay: 1.5s;
}
@keyframes s75-envelope-rain {
  to {
    transform: translate3d(15%, 100%, 0);
  }
}
.s75-rain-prize {
  position: absolute;
  inset: 0;
}
.s75-rain-card {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: min(90%, calc(var(--reward-unit) * 6.9));
  transform: translate(-50%, -40%);
  animation: s75-rain-zoom 1s linear forwards;
}
.s75-rain-card > img {
  display: block;
  width: 100%;
  height: auto;
}
.s75-rain-card-copy {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 100%;
  color: #b27008;
  text-align: center;
  transform: translate(-50%, -50%);
}
.s75-rain-card-copy p {
  max-width: 64%;
  margin: 0 auto;
  font-size: calc(var(--reward-unit) * 0.28);
  font-weight: 700;
}
.s75-rain-card-copy strong {
  display: block;
  margin-top: calc(var(--reward-unit) * 0.08);
  font-size: calc(var(--reward-unit) * 0.8);
  font-weight: 700;
  line-height: 1;
}
.s75-rain-card > button {
  position: relative;
  z-index: 2;
  display: block;
  margin: calc(var(--reward-unit) * 0.6) auto 0;
  padding: 0;
  border: 0;
  background: 0 0;
  cursor: pointer;
}
.s75-rain-card > button img {
  width: calc(var(--reward-unit) * 0.8);
  height: calc(var(--reward-unit) * 0.8);
  margin-left: calc(var(--reward-unit) * 0.22);
}
@keyframes s75-rain-zoom {
  0% {
    opacity: 0;
    transform: translate(-50%, -40%) scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.star75-account-shell[data-account-page='rewardCenter'] {
  position: relative;
  background: #f5f5f9;
}
.star75-account-shell[data-account-page='rewardCenter'] .star75-account-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  height: 54px;
  background: 0 0;
  color: #333;
  box-shadow: none;
}
.star75-account-shell[data-account-page='rewardCenter'] .star75-account-header h1 {
  font-size: 22px;
  font-weight: 400;
}
.star75-account-shell[data-account-page='rewardCenter'] .star75-account-header button {
  color: #444;
  width: 90px;
}
.s75-reward {
  min-height: 100dvh;
  padding-top: 118px;
  background: #f5f5f9 url('/assets/star75/account/reward-background.png') center top/100% auto
    no-repeat;
}
.s75-reward-profile {
  position: relative;
  margin: 0 20px;
  padding: 42px 22px 52px;
  border-radius: 16px;
  height: 234px;
  box-sizing: border-box;
  background:
    url('/assets/images/border.b5fa93b3.png') center/100% 100% no-repeat,
    url('/assets/images/badge.bf45a271.png') right bottom/auto 86% no-repeat,
    linear-gradient(30deg, #e6b14b, #ffecaa);
}
.s75-reward-identity {
  margin: 0;
  gap: 8px;
}
.s75-reward-identity > img {
  width: 62px;
  height: 62px;
  border: 3px solid #b59c66;
}
.s75-reward-identity h2 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  line-height: 24px;
}
.s75-reward-copy {
  background: 0 0;
  border: 0;
  padding: 0;
  color: #111;
  display: flex;
  font-size: 14px;
  cursor: pointer;
}
.s75-reward-identity p {
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  margin-top: 6px;
}
.s75-reward-identity p a {
  color: inherit !important;
  display: inline-flex;
  margin-left: 4px;
}
.s75-reward-balance {
  color: #8b773f;
  font-size: 23px;
  line-height: 26px;
  padding: 0;
  gap: 0;
}
.s75-reward-balance button svg {
  width: 24px !important;
  height: 24px !important;
}
.s75-reward-level {
  margin-top: 12px;
  font-size: 13px;
}
.s75-reward-level > a,
.s75-reward-level > span {
  gap: 3px;
}
.s75-reward-progress {
  margin-top: 0;
  gap: 6px;
  font-size: 13px;
  line-height: 18px;
}
.s75-reward-signin {
  position: absolute;
  right: 0;
  top: 0;
  height: 28px;
  min-width: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border-radius: 0 16px 0 22px;
  background: linear-gradient(#ef6b6b, #da262d);
  color: #fff !important;
  font-size: 13px;
}
.s75-reward-signin svg {
  width: 16px;
  height: 16px;
}
.s75-reward-signin svg:first-child {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.s75-reward-grid {
  padding: 30px 22px 20px;
  gap: 20px 14px;
}
.s75-reward-grid > a {
  height: 141px;
  border-radius: 8px;
  box-shadow: none;
}
.s75-reward-grid > a > span {
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
}
.s75-reward-grid b {
  font-size: 15px;
  font-weight: 400;
}
.s75-reward-grid .s75-reward-signin-tile {
  background-image:
    radial-gradient(circle at 80% 18%, #ffffff55 0 3px, transparent 4px),
    radial-gradient(circle at 10% 80%, transparent 0 2px, #ffffff88 3px, transparent 4px),
    linear-gradient(45deg, #24bafa, #636aff) !important;
}
.s75-reward-signin-tile > span svg {
  color: #4d91ff;
  width: 26px;
  height: 26px;
}
.s75-reward-signin-tile > span svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.s75-reward-grid > a > span {
  position: relative;
}
.s75-reward-count {
  position: absolute;
  right: -9px;
  top: -7px;
  z-index: 1;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #ff3347;
  color: #fff;
  font:
    500 14px/25px Arial,
    sans-serif;
  text-align: center;
  font-style: normal;
}
.star75-account-shell[data-account-page='bonus'] {
  background: #f5f5f9;
}
.star75-account-shell[data-account-page='bonus'] .star75-account-header {
  height: 48px;
  padding: 0;
  background: #1b2644;
  color: #fff;
  box-shadow: none;
}
.star75-account-shell[data-account-page='bonus'] .star75-account-header button {
  color: #fff;
  width: 56px;
}
.star75-account-shell[data-account-page='bonus'] .star75-account-header h1 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.star75-account-shell[data-account-page='bonus'] .s75-bonus-history {
  display: none;
}
.s75-bonus-history {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444 !important;
}
.s75-bonus-history svg {
  width: 32px;
  height: 21px;
  overflow: visible;
}
.s75-bonus-history .ticket-shape {
  fill: #333;
}
.s75-bonus-history .ticket-perforation {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 1.5 1.5;
}
.s75-bonus-history .ticket-calendar {
  fill: none;
  stroke: #fff;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.s75-bonus-history .ticket-clock {
  fill: #333;
  stroke: #fff;
  stroke-width: 1.3;
}
.s75-bonus-history .ticket-clock-hands {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.s75-bonus-center {
  min-height: calc(100dvh - 54px);
  background: #f5f5f9;
}
.s75-bonus-hero {
  height: 178px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 34px;
  color: #fff;
  background: #159ff0 url('/assets/images/mall-bg.00c9d202.jpg') center/cover no-repeat;
}
.s75-bonus-hero > img {
  width: 82px;
  height: 82px;
  box-sizing: border-box;
  border: 5px solid #9fd2f9;
  border-radius: 50%;
  object-fit: cover;
}
.s75-bonus-hero > div {
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
}
.s75-bonus-hero b {
  font-weight: 700;
}
.s75-bonus-hero strong {
  font-size: 22px;
  line-height: 28px;
}
.s75-bonus-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
}
.s75-bonus-list > p:first-child {
  margin: 0;
  padding: 8px 16px 4px 16px;
}
.s75-bonus-list > p:first-child a {
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
}
.s75-bonus-reward {
  height: 135px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr) 94px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 16px #0000000d;
}
.s75-bonus-reward:before {
  position: absolute;
  inset: 0;
  content: '';
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 28%, #5cc9f733 0 20px, transparent 21px),
    radial-gradient(circle at 62% 6%, #5cc9f722 0 28px, transparent 29px),
    radial-gradient(circle at 87% 86%, #5cc9f733 0 19px, transparent 20px),
    linear-gradient(120deg, #def8ff, #fff);
}
.s75-bonus-reward.MISSION_MANUAL:before,
.s75-bonus-reward.RAFFLE:before {
  background:
    radial-gradient(circle at 10% 28%, #ff75d533 0 22px, transparent 23px),
    radial-gradient(circle at 62% 6%, #ff75d522 0 28px, transparent 29px),
    radial-gradient(circle at 87% 86%, #ff75d533 0 19px, transparent 20px),
    linear-gradient(120deg, #ffe1f4, #fff);
}
.s75-bonus-reward.TEMU:before {
  background:
    radial-gradient(circle at 10% 28%, #ff894333 0 22px, transparent 23px),
    radial-gradient(circle at 62% 6%, #ff894322 0 28px, transparent 29px),
    radial-gradient(circle at 87% 86%, #ff894333 0 19px, transparent 20px),
    linear-gradient(120deg, #fff0e9, #fff);
}
.s75-bonus-description,
.s75-bonus-due,
.s75-bonus-ticket {
  position: relative;
  z-index: 1;
}
.s75-bonus-ticket {
  align-self: center;
  margin-left: 17px;
  width: 116px;
  height: 82px;
  box-sizing: border-box;
  padding: 8px 5px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  background: linear-gradient(0deg, #07e5ed, #1075f2);
  box-shadow: 0 4px 12px #0ab6d559;
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 17px;
}
.s75-bonus-reward.MISSION_MANUAL .s75-bonus-ticket,
.s75-bonus-reward.RAFFLE .s75-bonus-ticket {
  background: linear-gradient(0deg, #ff73c3, #f425d4);
  box-shadow: 0 4px 12px #fe34d859;
}
.s75-bonus-reward.TEMU .s75-bonus-ticket {
  background: linear-gradient(0deg, #ff773b, #ff1e31);
  box-shadow: 0 4px 12px #ff753b59;
}
.s75-bonus-ticket b {
  font-weight: 400;
}
.s75-bonus-description {
  min-width: 0;
  align-self: center;
  padding: 0 8px;
  color: #747474;
}
.s75-bonus-description h2 {
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  margin: 0 0 5px;
}
.s75-bonus-description p {
  font-size: 13px;
  line-height: 19px;
  margin: 0;
}
.s75-bonus-description-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 1px 7px;
  border-radius: 12px;
  background: #fff;
  color: #888;
  font-size: 11px;
  line-height: 16px;
}
.s75-bonus-description-label i {
  display: inline-flex;
  width: 11px;
  height: 11px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #999;
  color: #fff;
  font:
    bold 8px/11px Arial,
    sans-serif;
  font-style: normal;
}
.s75-bonus-due {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 4px;
  background: #fff;
  color: #bcbcbc;
  text-align: center;
}
.s75-bonus-due small {
  font-size: 13px;
  line-height: 18px;
}
.s75-bonus-due > strong {
  color: #666;
  font-size: 34px;
  line-height: 36px;
}
.s75-bonus-due > strong i {
  font-size: 12px;
  font-style: normal;
}
.s75-bonus-due > b {
  margin-top: -2px;
  color: #666;
  font-size: 13px;
  line-height: 18px;
}
.s75-bonus-due > strong.s75-bonus-permanent {
  font-size: 17px;
  line-height: 30px;
  white-space: nowrap;
}
.s75-bonus-due button {
  width: 86px;
  height: 33px;
  margin-top: auto;
  border: 0;
  border-radius: 20px;
  background: #22cf09;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 2px 6px #35d56a7a;
}
@media (max-width: 380px) {
  .s75-bonus-reward {
    grid-template-columns: 120px minmax(0, 1fr) 84px;
  }
  .s75-bonus-ticket {
    width: 98px;
    margin-left: 10px;
  }
  .s75-bonus-due button {
    width: 76px;
  }
  .s75-bonus-description {
    padding: 0 5px;
  }
}
.star75-account-shell[data-account-page='signIn'] {
  background: #f5f5f9;
}
.star75-account-shell[data-account-page='signIn'] .star75-account-header {
  height: 54px;
  padding: 0 20px;
  background: #fff;
  color: #444;
  box-shadow: none;
}
.star75-account-shell[data-account-page='signIn'] .star75-account-header button {
  color: #333;
  width: 42px;
}
.star75-account-shell[data-account-page='signIn'] .star75-account-header h1 {
  font-size: 22px;
  font-weight: 400;
}
.star75-account-shell[data-account-page='temuTicket'] {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  background: #ffe9c4;
  min-height: 100dvh;
}
.star75-account-shell[data-account-page='temuTicket'] .star75-account-header {
  height: 54px;
  padding: 0 20px;
  background: #fff;
  color: #353535;
  box-shadow: none;
}
.star75-account-shell[data-account-page='temuTicket'] .star75-account-header button {
  color: #333;
  width: 42px;
}
.star75-account-shell[data-account-page='temuTicket'] .star75-account-header h1 {
  color: #353535;
  font-size: 22px;
  font-weight: 400;
}
.s75-temu-history {
  --u: clamp(42px, 13.333vw, 56px);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: calc(100dvh - 54px);
  padding-bottom: calc(var(--u) * 0.45);
  background: #ffe9c4 url('/assets/star75/temu/history-bg.png') top center/calc(var(--u) * 7.5)
    calc(var(--u) * 13.34) no-repeat;
}
.s75-temu-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(var(--u) * 5.3);
  overflow: hidden;
}
.s75-temu-banner:before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/star75/temu/amount-bg.png') bottom/cover no-repeat;
}
.s75-temu-chest {
  position: relative;
  width: calc(var(--u) * 4.24);
  height: calc(var(--u) * 4.24);
  margin-top: calc(var(--u) * -0.33);
}
.s75-temu-chest:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: url('/assets/star75/temu/box-bg.gif') center/contain no-repeat;
}
.s75-temu-chest img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.s75-temu-amount {
  position: absolute;
  bottom: calc(var(--u) * 0.55);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  text-align: center;
}
.s75-temu-amount span {
  width: 100%;
  overflow: hidden;
  color: #ffe9c3;
  font-size: calc(var(--u) * 0.32);
  font-weight: 600;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s75-temu-amount strong {
  display: flex;
  align-items: flex-end;
  margin-top: calc(var(--u) * -0.2);
  color: #fff9f0;
  font-size: calc(var(--u) * 0.64);
  font-weight: 700;
  line-height: calc(var(--u) * 0.74);
}
.s75-temu-amount i,
.s75-temu-amount small {
  font-style: normal;
  font-size: calc(var(--u) * 0.42);
  font-weight: 700;
}
.s75-temu-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  width: calc(100% - var(--u) * 0.9);
  min-height: calc(var(--u) * 8);
  margin: 0 auto;
  border-radius: calc(var(--u) * 0.15);
  background: #fff;
  color: #826849;
  font-weight: 600;
}
.s75-temu-list .s75-temu-empty {
  display: block;
  width: calc(var(--u) * 4);
  height: calc(var(--u) * 4);
  margin-top: calc(var(--u) * 2);
  color: #1296db;
}
.s75-temu-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  padding: 24px 0;
}
.s75-temu-list .s75-temu-empty-state .s75-temu-empty {
  margin-top: 0;
}
.s75-temu-list .s75-temu-empty path {
  fill: #1296db;
}
.s75-temu-list p {
  margin: 0;
  font-size: calc(var(--u) * 0.5);
  font-weight: 600;
  line-height: 1.15;
}
.star75-account-shell[data-account-page='signIn'] {
  background: #fff;
}
.star75-account-shell[data-account-page='signIn'] .star75-account-header {
  background: #fff;
  color: #333;
}
.star75-account-shell[data-account-page='signIn'] .star75-account-header button,
.star75-account-shell[data-account-page='signIn'] .star75-account-header h1 {
  color: #333;
}
.s75-signin-center {
  --u: clamp(42px, 13.333vw, 56px);
  min-height: calc(100dvh - 48px);
  padding-bottom: calc(var(--u) * 0.5);
  background: #fff;
  color: #333;
  font-family: Arial, sans-serif;
}
.s75-signin-hero {
  box-sizing: border-box;
  display: flex;
  height: calc(var(--u) * 3.3);
  padding: calc(var(--u) * 0.24) 0 0 calc(var(--u) * 0.6);
  color: #fff;
  background: url('/assets/star75/signin/bg.png') center/cover no-repeat;
}
.s75-signin-hero > img {
  width: calc(var(--u) * 1.5);
  height: calc(var(--u) * 1.5);
  box-sizing: border-box;
  border: calc(var(--u) * 0.1) solid #9fd2f9;
  border-radius: 50%;
  object-fit: cover;
}
.s75-signin-hero > div {
  margin: calc(var(--u) * 0.06) 0 0 calc(var(--u) * 0.3);
  font-size: calc(var(--u) * 0.26);
}
.s75-signin-hero b {
  display: block;
  max-width: calc(var(--u) * 2.5);
  overflow: hidden;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s75-signin-hero strong {
  display: block;
  margin-top: calc(var(--u) * 0.05);
  font-size: calc(var(--u) * 0.42);
  line-height: 1.2;
}
.s75-signin-summary {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 94%;
  box-sizing: border-box;
  margin: -calc(var(--u) * 0.6) auto 0;
  padding: calc(var(--u) * 0.2) 0;
  border-radius: calc(var(--u) * 0.25);
  background: #fff;
  box-shadow: 0 6px 16px #0000001a;
}
.s75-signin-summary > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.s75-signin-summary > div + div {
  border-left: 1px solid #b3b3b3;
}
.s75-signin-summary strong {
  font-size: calc(var(--u) * 0.42);
  font-weight: 900;
  line-height: 1.1;
  color: #2476ff;
}
.s75-signin-summary > div + div strong {
  color: #fe3b44;
}
.s75-signin-summary span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  margin-top: calc(var(--u) * 0.08);
  padding: 0 calc(var(--u) * 0.08);
  color: #b3b3b3;
  font-size: calc(var(--u) * 0.22);
  line-height: 1.25;
  text-align: center;
}
.s75-signin-eligibility {
  margin-top: calc(var(--u) * -0.2);
  padding: calc(var(--u) * 0.26) calc(var(--u) * 0.4);
  background: #fff;
}
.s75-signin-eligibility h2 {
  height: auto;
  min-height: calc(var(--u) * 0.7);
  margin: 0;
  padding: calc(var(--u) * 0.08) 0;
  overflow: visible;
  color: #108ee9;
  font-size: calc(var(--u) * 0.3);
  font-weight: 400;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
}
.s75-signin-status {
  display: flex;
  align-items: center;
  min-height: calc(var(--u) * 0.72);
}
.s75-signin-status > img {
  flex: none;
  width: calc(var(--u) * 0.82);
  height: calc(var(--u) * 0.72);
  margin-right: calc(var(--u) * 0.22);
  object-fit: contain;
}
.s75-signin-status > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.s75-signin-status b {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #f32246;
  font-size: calc(var(--u) * 0.3);
  line-height: 1.5;
}
.s75-signin-status strong {
  display: flex;
  align-items: center;
  margin: 0.1em 0;
  color: #8e0019;
  font-size: calc(var(--u) * 0.24);
  font-weight: 700;
}
.s75-signin-status svg {
  width: calc(var(--u) * 0.28);
  height: calc(var(--u) * 0.28);
  margin-left: calc(var(--u) * 0.1);
}
.s75-signin-conditions {
  display: flex;
  width: 100%;
  margin-top: calc(var(--u) * 0.15);
  padding: 0 calc(var(--u) * 0.25);
  border-radius: calc(var(--u) * 0.2);
  background: #fff8f1;
  box-sizing: border-box;
}
.s75-signin-conditions > div {
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
  padding: calc(var(--u) * 0.18) calc(var(--u) * 0.06);
}
.s75-signin-conditions span {
  display: block;
  color: #6f6f6f;
  font-size: calc(var(--u) * 0.22);
  line-height: 1.25;
  overflow-wrap: break-word;
}
.s75-signin-conditions b {
  margin-top: calc(var(--u) * 0.08);
  color: #f32246;
  font-size: calc(var(--u) * 0.26);
  font-weight: 400;
}
.s75-signin-days {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--u) * 0.14);
  padding: calc(var(--u) * 0.2);
  background: #fff;
  font-size: 0;
}
.s75-signin-day {
  position: relative;
  display: flex;
  flex: 0 0 33.333%;
  flex-direction: column;
  box-sizing: border-box;
  padding: calc(var(--u) * 0.2) calc(var(--u) * 0.07);
}
.s75-signin-day h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--u) * 0.41);
  margin: 0;
  border-radius: calc(var(--u) * 0.2) calc(var(--u) * 0.2) 0 0;
  background: #2476ff;
  color: #fff;
  font-size: calc(var(--u) * 0.24);
  font-weight: 700;
}
.s75-signin-day > div {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  min-height: calc(var(--u) * 2.8);
  padding: calc(var(--u) * 0.16) calc(var(--u) * 0.1) calc(var(--u) * 0.16);
  border: calc(var(--u) * 0.02) solid rgba(12, 210, 175, 0.2);
  border-top: 0;
  border-radius: 0 0 calc(var(--u) * 0.2) calc(var(--u) * 0.2);
  background: linear-gradient(180deg, #fff4d9 12%, #fff);
}
.s75-signin-day > div:after {
  content: '';
  position: absolute;
  z-index: 0;
  top: calc(var(--u) * 0.24);
  right: calc(var(--u) * 0.1);
  width: calc(var(--u) * 2.1);
  height: calc(var(--u) * 2.1);
  background: url('/assets/star75/signin/sparkle.png') center/contain no-repeat;
  pointer-events: none;
}
.s75-signin-day button,
.s75-signin-day img,
.s75-signin-day p {
  position: relative;
  z-index: 1;
}
.s75-signin-day img {
  display: block;
  width: calc(var(--u) * 1.2);
  height: calc(var(--u) * 1.2);
  margin: calc(var(--u) * 0.16) auto 0;
  object-fit: contain;
}
.s75-signin-day p {
  display: -webkit-box;
  overflow: hidden;
  min-height: calc(var(--u) * 0.6);
  margin: calc(var(--u) * 0.08) 0 0;
  color: #666;
  font-size: calc(var(--u) * 0.2);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.s75-signin-day button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: calc(var(--u) * 2);
  min-height: calc(var(--u) * 0.39);
  margin: calc(var(--u) * 0.14) auto 0;
  padding: 0 calc(var(--u) * 0.1);
  border: 0;
  border-radius: calc(var(--u) * 0.4);
  background: linear-gradient(90deg, #f8493f, #fd603f);
  color: #fff;
  font-size: calc(var(--u) * 0.26);
  cursor: pointer;
}
.s75-signin-day button:disabled {
  background: #cecece;
  cursor: default;
}
.s75-signin-day.featured h3 {
  position: relative;
}
.s75-signin-day.featured h3:after {
  content: '';
  position: absolute;
  top: calc(var(--u) * -0.12);
  right: calc(var(--u) * 0.08);
  width: calc(var(--u) * 0.32);
  height: calc(var(--u) * 0.32);
  background: url('/assets/star75/signin/gift.png') center/contain no-repeat;
}
.s75-signin-rules {
  padding: calc(var(--u) * 0.28) calc(var(--u) * 0.4) calc(var(--u) * 0.5);
  background: #fff;
  overflow-wrap: break-word;
}
.s75-signin-rules h2 {
  margin: 0 0 calc(var(--u) * 0.2);
  color: #f94b3f;
  font-size: calc(var(--u) * 0.3);
  font-weight: 700;
  line-height: 1.3;
}
.s75-signin-rules .s75-signin-rule-title {
  margin: 0 0 calc(var(--u) * 0.35);
  color: #222;
  font-size: calc(var(--u) * 0.28);
  font-weight: 700;
  line-height: 1.35;
}
.s75-signin-rules ol {
  margin: 0;
  padding: 0 0 0 1.15em;
  color: #222;
  font-size: calc(var(--u) * 0.28);
  line-height: 1.45;
  list-style: decimal !important;
}
.s75-signin-rules li {
  list-style: decimal !important;
}
.s75-signin-rules li {
  margin: 0 0 calc(var(--u) * 0.45);
  padding-left: 0.15em;
}
.s75-signin-rules li:last-child {
  margin-bottom: 0;
}
.s75-signin-confirm {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0006;
}
.s75-signin-confirm > section {
  width: min(78vw, 320px);
  overflow: hidden;
  border-radius: 7px;
  background: #fff;
  color: #000;
  font-family: Arial, sans-serif;
  box-shadow: 0 8px 24px #0003;
}
.s75-signin-confirm h2 {
  margin: 0;
  padding: 18px 16px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.s75-signin-confirm > section > div {
  padding: 14px 18px 18px;
  text-align: center;
}
.s75-signin-confirm > section > div p {
  margin: 0;
  color: #111;
  font-size: 16px;
  line-height: 1.45;
  text-align: center;
}
.s75-signin-confirm footer {
  display: flex;
  border-top: 1px solid #ddd;
}
.s75-signin-confirm footer button {
  flex: 1;
  height: 50px;
  border: 0;
  background: #fff;
  color: #111;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
}
.s75-signin-confirm footer button + button {
  border-left: 1px solid #ddd;
  color: #108ee9;
  font-weight: 400;
}
@media (max-width: 767px) {
  .star75-wallet-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 0 8px 10px;
  }
  .star75-wallet-actions button {
    min-width: 0;
    width: 100%;
    height: 66px;
    padding: 6px 2px;
    flex-direction: column;
    gap: 5px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    box-sizing: border-box;
  }
  .star75-wallet-actions .s75-home-vip,
  .star75-wallet-actions img {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 359px) {
  .star75-wallet-actions {
    gap: 4px;
    margin-left: 6px;
    margin-right: 6px;
  }
  .star75-wallet-actions button {
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .star75-account-shell[data-account-page='inviteFriends'] {
    width: calc(100% - 48px);
    max-width: 1100px;
    min-height: 100dvh;
    background: #fff;
    border-radius: 12px;
    overflow: clip;
  }
  .star75-account-shell[data-account-page='inviteFriends'] .star75-account-header {
    height: 64px;
    position: sticky;
    top: 0;
    z-index: 22;
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  .s75-invite-reference {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 32px 32px;
    min-height: calc(100dvh - 64px);
  }
  .s75-invite-reference:has(.s75-invite-overview) > .s75-invite-tabs,
  .s75-invite-reference > .s75-invite-tabs {
    position: sticky;
    top: 64px;
    z-index: 20;
    margin: 0 -32px 24px;
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: visible;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
  }
  .s75-invite-reference .s75-invite-tabs button {
    min-width: 0;
    padding: 18px 8px;
    font-size: 16px;
    line-height: 22px;
  }
  .s75-invite-reference .s75-ref-share {
    padding: 24px;
    min-height: 0;
    border-radius: 12px;
  }
  .s75-invite-reference .s75-ref-share h3 {
    font-size: 20px;
    margin: 0 0 20px;
  }
  .s75-ref-share-body {
    gap: 28px;
    align-items: center;
  }
  .s75-ref-qr {
    flex: 0 0 160px;
    border-radius: 8px;
  }
  .s75-ref-qr canvas {
    width: 160px !important;
    height: 160px !important;
  }
  .s75-ref-qr button {
    padding: 10px 6px;
    font: 13px/18px Arial;
  }
  .s75-ref-share-links label {
    gap: 12px;
    padding: 12px 16px;
    margin-bottom: 20px;
    border-radius: 10px;
  }
  .s75-ref-share-links textarea {
    height: 48px;
    font: 14px/22px Arial;
    overflow-wrap: anywhere;
  }
  .s75-ref-share-links label button {
    padding: 10px;
    flex-shrink: 0;
  }
  .s75-ref-share-links label svg {
    width: 20px !important;
    height: 20px !important;
  }
  .s75-ref-socials {
    gap: 10px;
    flex-wrap: wrap;
  }
  .s75-ref-socials a {
    flex: 0 1 48px;
    height: 48px;
    min-width: 40px;
    border-radius: 8px;
  }
  .s75-invite-reference .s75-invite-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 24px 0;
  }
  .s75-invite-reference .s75-invite-stats button {
    height: auto;
    min-height: 100px;
    padding: 18px 8px;
    border-radius: 8px;
  }
  .s75-invite-reference .s75-invite-stats small {
    font-size: 14px;
  }
  .s75-invite-reference .s75-invite-stats b {
    font-size: 28px;
    margin-top: 8px;
  }
  .s75-invite-reference .s75-invite-overview > h2 {
    margin: 28px 0 20px;
  }
  .s75-invite-reference .s75-invite-reward {
    height: auto;
    min-height: 120px;
    padding: 20px 28px;
    border-radius: 10px;
  }
  .s75-invite-reference .s75-invite-commission {
    height: auto;
    min-height: 240px;
    grid-template-columns: 160px 1fr;
    grid-template-rows: auto auto auto;
    padding: 24px 32px;
  }
  .s75-invite-reference .s75-invite-winners {
    height: auto;
    min-height: 240px;
    padding: 28px;
  }
  .s75-invite-reference .s75-winner-row {
    font-size: 14px;
    grid-template-columns: 1fr 1fr 120px;
    padding: 10px 20px;
  }
  .s75-invite-reference .s75-income-calculator {
    height: auto;
    min-height: 240px;
    padding: 24px 32px;
  }
  .s75-invite-reference .s75-income-calculator label {
    font-size: 14px;
  }
  .s75-overview-promotion {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    object-fit: contain;
  }
  .s75-invite-income-card img,
  .s75-invite-reference .s75-invite-rewards-banner {
    display: block;
    width: 100%;
    max-width: 720px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
  }
  .s75-invite-reference .s75-invite-tier {
    padding: 20px;
    min-height: 130px;
    height: auto;
    gap: 20px;
  }
  .s75-invite-reference .s75-invite-tier-content {
    min-width: 0;
    flex: 1;
  }
  .s75-invite-reference .s75-invite-tier-content p {
    white-space: normal;
    font-size: 16px;
  }
  .s75-invite-reference .s75-invite-income-card {
    padding: 20px;
    margin-bottom: 24px;
  }
  .s75-invite-reference .s75-invite-incomes h2 {
    font-size: 18px;
    line-height: 26px;
  }
  .s75-invite-reference .s75-invite-records,
  .s75-invite-reference .s75-invited-list {
    min-height: calc(100dvh - 190px);
  }
  .s75-invite-reference .s75-invite-filters,
  .s75-invite-reference .s75-invited-list .s75-invite-filters {
    gap: 12px;
    margin: 0;
    padding: 16px 0;
    flex-wrap: wrap;
  }
  .s75-invite-reference .s75-invite-records .s75-record-type {
    width: auto;
    min-width: 240px;
    height: 42px;
    font-size: 15px;
    gap: 24px;
  }
  .s75-invite-reference .s75-invite-date,
  .s75-invite-reference .s75-invited-list .s75-invite-filters button {
    height: 42px;
    font-size: 15px;
    padding: 0 14px;
  }
  .s75-invite-reference .s75-invited-list .s75-invite-date {
    margin-left: 0;
  }
  .s75-invite-reference .s75-invite-records table {
    font-size: 14px;
    table-layout: fixed;
  }
  .s75-invite-reference .s75-invite-records td,
  .s75-invite-reference .s75-invite-records th {
    padding: 16px 12px;
    overflow-wrap: anywhere;
  }
  .s75-invite-reference .s75-invite-records footer {
    font-size: 15px;
    padding: 18px 24px;
  }
  .s75-invite-reference .s75-invited-summary {
    gap: 20px;
    font-size: 14px;
    margin: 8px 0 24px;
  }
  .s75-invite-reference .s75-invited-summary > div {
    padding: 24px;
    gap: 24px;
  }
  .s75-invite-reference .s75-invited-summary aside p {
    font-size: 14px;
    padding: 12px 16px;
  }
  .s75-invite-reference .s75-invited-summary aside b {
    font-size: 16px;
  }
  .s75-invite-reference .s75-status-overlay {
    align-items: center;
    padding: 24px;
  }
  .s75-invite-reference .s75-status-sheet {
    width: min(100%, 480px);
    max-height: 80dvh;
    overflow: auto;
    border-radius: 12px;
    padding: 0 24px 16px;
    box-shadow: 0 16px 64px #0003;
  }
  .s75-invite-reference .s75-status-sheet [role='radio'] {
    height: 52px;
    font-size: 15px;
  }
  .s75-invite-reference .s75-modal-overlay {
    align-items: center;
    justify-content: center;
    padding: 24px;
  }
  .s75-invite-reference .s75-calendar {
    width: 420px;
    max-width: 100%;
    max-height: 90dvh;
    overflow: auto;
  }
}
.star75-promotion-banner-button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: 0 0;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.star75-promotion-banner-button:focus-visible,
.star75-promotion-toggle:focus-visible {
  outline: 2px solid #ff971b;
  outline-offset: 3px;
}
.star75-promotion-detail-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.star75-promotion-description {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font:
    14px/1.7 Arial,
    sans-serif;
}
.star75-promotion-image-fallback {
  display: grid;
  place-items: center;
  min-height: 130px;
  padding: 20px;
  box-sizing: border-box;
  color: #f5d18b;
  background: linear-gradient(135deg, #42201c, #170706);
  font:
    700 20px/1.5 Arial,
    sans-serif;
  text-align: center;
}
.star75-promotion-status {
  grid-column: 1/-1;
  width: 100%;
  min-height: calc(100dvh - 180px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 16px;
  color: #eee;
  font:
    16px/1.6 Arial,
    sans-serif;
}
.star75-promotion-status img {
  display: block;
  width: 180px;
  max-width: 70%;
  margin: 0 auto 20px;
}
.star75-promotion-status button {
  display: block;
  margin: 16px auto 0;
  padding: 8px 24px;
  background: #ff4500;
  border: 1px solid #ff971b;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
}
.star75-promotion-details[hidden] {
  display: none !important;
}
.star75-promotion-details .star75-promotion-action {
  display: block;
  align-self: stretch;
  padding: 10px 16px;
  border-radius: 8px;
  background: linear-gradient(#ff8a15, #ff4500);
  color: #fff;
  text-decoration: none;
  text-align: center;
  font:
    700 14px/22px Arial,
    sans-serif;
}
.star75-promotion-details .star75-promotion-validity {
  display: block;
  color: #ccc;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .star75-promotion-details {
    padding: 12px 0;
  }
  .star75-promotion-description {
    font-size: 13px;
  }
  .star75-promotion-status {
    padding: 40px 12px;
  }
}
.star75-promotion-banner-button .star75-promotion-banner {
  object-fit: contain;
  background: #170706;
}
.star75-promotion-route .star75-promotion-page {
  padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px));
}
.star75-promotion-route .star75-promotion-surface {
  overflow: visible;
}
html:has(.star75-promotion-route) {
  scroll-padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px));
}

/* Reserve mobile navigation clearance once, below the page footer. */
@media (max-width: 767px) {
  html body .star75-page-footer,
  html body:has(.star75-promotion-page) .star75-page-footer {
    padding-bottom: 16px !important;
  }
  html body .home-container:has(> .star75-page-footer) {
    padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 767px) {
  html body .star75-page-footer,
  html body:has(.star75-promotion-page) .star75-page-footer {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  html body .s75-reward-profile {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  html body .s75-reward-profile {
    border-radius: 16px 16px 0 0;
    overflow: hidden;
  }
  html body .s75-reward-signin {
    top: 0;
    right: 0;
    border-radius: 0 16px 0 24px;
    box-sizing: border-box;
  }
}

html body #menu > :not(.on):not(.footer-invite) .footer_icon:not(.invite) {
  filter: grayscale(100%) !important;
}
html body #menu > .on .footer_icon:not(.invite) {
  filter: none !important;
}
html body #menu > :not(.on) span,
html body #menu > :not(.on) .middle {
  color: #818ba3 !important;
  font-weight: 400 !important;
}
html body #menu > .on span,
html body #menu > .on .middle {
  color: #47aaff !important;
  font-weight: 700 !important;
}

html body #menu > .footer-invite .footer_icon {
  filter: none !important;
}

@keyframes s75-recall-spin {
  to {
    transform: rotate(360deg);
  }
}
.s75-withdraw-page .s75-recall.spinning svg {
  animation: s75-recall-spin 1s linear infinite;
  transform-box: fill-box;
  transform-origin: center;
}

/* Match the selected language for the hover action drawn by CSS. */
.slots-games .game-list-item:lang(bn)::after,
.star75-game-card:not(.provider):lang(bn)::after {
  content: '▶ খেলুন';
}

/*
 * Bangla glyphs sit high in Latin font line boxes, so labels look top-heavy.
 * Prefer Noto Sans Bengali and optically nudge pill/button text downward.
 */
html[lang='bn'] body {
  font-family: 'Noto Sans Bengali', Inter, Arial, sans-serif;
}
html[lang='bn'] button,
html[lang='bn'] [type='button'],
html[lang='bn'] [type='submit'],
html[lang='bn'] [type='reset'],
html[lang='bn'] [role='button'],
html[lang='bn'] .am-button,
html[lang='bn'] .s75-signin-day button,
html[lang='bn'] .s75-reward-signin,
html[lang='bn'] .s75-member-signin,
html[lang='bn'] .star75-rewards-popup-claim,
html[lang='bn'] .s75-cashback-claim,
html[lang='bn'] .star75-wallet-actions button,
html[lang='bn'] .star75-see-all button,
html[lang='bn'] .star75-game-arrows button,
html[lang='bn'] .star75-sports-strip button p,
html[lang='bn'] .menu-list-item .item-bg span,
html[lang='bn'] .vendor-swiper-container .game-text,
html[lang='bn'] .total-game span,
html[lang='bn'] .game-title-text > span,
html[lang='bn'] .star75-section-title h2,
html[lang='bn'] .star75-section-title span,
html[lang='bn'] .star75-game-name,
html[lang='bn'] .game-item-name {
  font-family: 'Noto Sans Bengali', Inter, Arial, sans-serif;
  line-height: 1.25;
}
/*
 * Optical nudge for named pill CTAs only.
 * Never apply justify-content/padding to generic `button` — that breaks
 * flex rows (open-bets headings, language options, account headers, etc.)
 * when lang switches to bn.
 */
html[lang='bn'] .am-button,
html[lang='bn'] .s75-signin-day button,
html[lang='bn'] .s75-reward-signin,
html[lang='bn'] .s75-member-signin,
html[lang='bn'] .star75-rewards-popup-claim,
html[lang='bn'] .s75-cashback-claim,
html[lang='bn'] .star75-wallet-actions button,
html[lang='bn'] .star75-see-all button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.2em;
  padding-bottom: 0.05em;
  box-sizing: border-box;
}
html[lang='bn'] .left-bar .side-item,
html[lang='bn'] .left-bar .logout-item {
  justify-content: flex-start;
  align-items: center;
}
html[lang='bn'] .left-bar .side-item span,
html[lang='bn'] .left-bar .logout-item span {
  line-height: 1.2;
  padding-top: 0.12em;
}
/* Open bets accordion rows stay left-aligned under Bangla. */
html[lang='bn'] .s75-open-heading {
  justify-content: space-between !important;
  align-items: center;
  text-align: left;
  padding-top: 16px;
  padding-bottom: 16px;
}
html[lang='bn'] .s75-open-heading > span {
  flex: 1;
  min-width: 0;
  text-align: left;
}
html[lang='bn'] .star75-language-option {
  justify-content: space-between !important;
}
html[lang='bn'] .s75-open-bets,
html[lang='bn'] .star75-account-shell[data-account-page='openbets'] .star75-account-header h1 {
  font-family: 'Noto Sans Bengali', Inter, Arial, sans-serif !important;
}

/* Reference withdrawal font, hosted locally. */
@font-face { font-family: 'Withdrawal Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/withdrawal-inter-400.ttf') format('truetype'); }
@font-face { font-family: 'Withdrawal Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/withdrawal-inter-500.ttf') format('truetype'); }
@font-face { font-family: 'Withdrawal Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/withdrawal-inter-600.ttf') format('truetype'); }
@font-face { font-family: 'Withdrawal Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/withdrawal-inter-700.ttf') format('truetype'); }
/* Keep the raised mobile navigation artwork close to the bottom edge. */
@media (max-width: 767px) {
  html body div#menu {
    height: 90px !important;
    min-height: 0 !important;
    background-position: center bottom !important;
    background-size: 100% 90px !important;
  }
  html body div#menu > a.footer-invite { height: 82px !important; }
  html body div#menu .footer-invite > .footer_icon {
    height: 78px !important;
    background: none !important;
  }
  html body div#menu .footer-invite .icon-wrap {
    height: 78px !important;
    top: 6px !important;
  }
}
@media (max-width: 767px) {
  html body div#menu > a.footer-invite {
    height: 82px !important;
    overflow: visible !important;
  }
  html body div#menu .footer-invite > .footer_icon,
  html body div#menu .footer-invite .icon-wrap {
    position: relative !important;
    display: block !important;
    width: 80px !important;
    height: 78px !important;
    top: 0 !important;
    overflow: visible !important;
  }
  html body div#menu .footer-invite .footer_icon.invite {
    position: absolute !important;
    top: 0 !important;
    left: 12px !important;
    width: 56px !important;
    height: 54px !important;
    margin: 0 !important;
    transform-origin: center center;
    animation: s75-mobile-share-pulse 1.5s ease-in-out infinite !important;
  }
  html body div#menu .footer-invite .middle {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: block !important;
    margin: 0 !important;
    height: 16px !important;
    line-height: 16px !important;
    text-align: center;
    color: #47aaff !important;
    z-index: 1;
  }
}
@keyframes s75-mobile-share-pulse {
  0%, 28%, 70%, 100% { transform: scale(1); }
  14%, 42% { transform: scale(1.12); }
}
/* Fish / Crash home provider rail — matches gold desktop full-width COLOR tiles. */
.star75-lobby .star75-provider-rail {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: none;
  padding: 0 16px 16px;
  box-sizing: border-box;
  overflow: hidden;
}
.star75-lobby .star75-provider-rail[data-count='4'] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.star75-lobby .star75-provider-rail[data-count='5'] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.star75-lobby .star75-provider-rail[data-count='6'] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.star75-lobby .star75-provider-rail-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
  height: 120px;
  padding: 12px 8px 10px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #243b5a 0%, #18233e 100%);
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}
.star75-lobby .star75-provider-rail-art {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  overflow: hidden;
}
.star75-lobby .star75-provider-rail-art img {
  display: block;
  width: auto;
  height: auto;
  max-width: 86%;
  max-height: 64px;
  object-fit: contain;
}
.star75-lobby .star75-provider-rail-name {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.star75-lobby .star75-mobile-grid.with-rail {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 16px 8px;
}
@media (max-width: 767px) {
  .star75-lobby .star75-provider-rail {
    gap: 6px;
    padding: 0 8px 8px;
  }
  .star75-lobby .star75-provider-rail[data-count='5'] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .star75-lobby .star75-provider-rail[data-count='6'] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .star75-lobby .star75-provider-rail-item {
    height: 72px;
    gap: 4px;
    padding: 6px 4px 5px;
    border-radius: 10px;
  }
  .star75-lobby .star75-provider-rail-art {
    height: 36px;
  }
  .star75-lobby .star75-provider-rail-art img {
    max-height: 36px;
  }
  .star75-lobby .star75-provider-rail-name {
    font-size: 10px;
  }
  .star75-lobby .star75-mobile-grid.with-rail {
    gap: 5px 4px;
    padding: 0;
  }
}

/*
 * Desktop: Account.css / Mobile rem root (html{font-size:50px}) must not apply.
 * Keep the lobby at a normal 16px root so px/rem layout matches gold desktop.
 */
@media (min-width: 768px) {
  html {
    font-size: 16px !important;
  }
  html body {
    font-size: 14px;
  }
  /* Bottom nav matches the 1000px lobby column (gold), not the full viewport. */
  html body #menu {
    left: 50% !important;
    right: auto !important;
    width: min(1000px, 100%) !important;
    max-width: 1000px !important;
    transform: translateX(-50%);
    height: 100px !important;
    padding: 0 0 10px !important;
    box-sizing: border-box !important;
    align-items: flex-end !important;
    background-size: 100% 100px !important;
    background-position: center bottom !important;
  }
  html body #menu > a,
  html body #menu > div {
    justify-content: flex-end !important;
    gap: 4px !important;
    min-height: 64px;
  }
  html body #menu > a span,
  html body #menu > div span,
  html body #menu .middle {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    text-align: center !important;
    white-space: nowrap;
  }
  html body #menu .footer_icon:not(.invite) {
    width: 36px !important;
    height: 36px !important;
    margin: 0 auto 2px !important;
  }
  html body #menu > a.footer-invite {
    position: relative !important;
    height: 100px !important;
    align-self: flex-end !important;
    justify-content: center !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  html body #menu .footer-invite > .footer_icon {
    width: 100% !important;
    height: 100% !important;
    background: none !important;
  }
  html body #menu .footer-invite .icon-wrap {
    position: absolute !important;
    left: 50% !important;
    bottom: 10px !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    display: block !important;
    width: 72px !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html body #menu .footer-invite .footer_icon.invite {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 56px !important;
    height: 50px !important;
    margin: 0 !important;
  }
  html body #menu .footer-invite .middle {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    height: 16px !important;
    line-height: 16px !important;
    color: #47aaff !important;
  }
  /* Provider COLOR tiles — gold desktop proportions inside 1000px shell. */
  .star75-lobby .star75-provider-rail {
    gap: 10px;
    padding: 0 16px 14px;
  }
  .star75-lobby .star75-provider-rail-item {
    height: 100px;
    gap: 6px;
    padding: 10px 6px 8px;
  }
  .star75-lobby .star75-provider-rail-art {
    height: 52px;
  }
  .star75-lobby .star75-provider-rail-art img {
    max-height: 52px;
  }
  .star75-lobby .star75-provider-rail-name {
    font-size: 12px;
  }
  .star75-lobby .star75-mobile-grid.with-rail {
    gap: 10px;
    padding: 0 16px 8px;
  }
  .star75-social {
    right: max(16px, calc(50% - 500px - 56px)) !important;
    bottom: 120px !important;
  }
}

/* Match gold bg-bodyColor rgb(9 15 31). Keep ambient animation, quieter so base stays dark. */
html,
html body,
html body.outter-app,
html body:has(.star75-lobby),
html body:has(.star75-inner-games),
html body:has(.star75-lobby) .home-container,
html body .home-container,
html body .star75-lobby,
html body .star75-inner-games {
  background: #090f1f !important;
  background-color: #090f1f !important;
}
/* Section panels were #1c253b and read as the page bg — flatten to gold body. */
html body .star75-lobby .star75-games-section,
html body .star75-lobby .star75-sports-section,
html body .star75-lobby .star75-app-download {
  background: #090f1f !important;
}
html body .star75-ambient-glow {
  opacity: 0.14;
}
html body .star75-ambient-particles {
  opacity: 0.14;
}
html body .star75-ambient-background::after {
  opacity: 0.55;
}