body[data-screen=home] { background: #08060d !important; }
.ast44-home { gap: 14px; color: #faf6ff; }
.ast44-home .h37-profile { margin-bottom: 0; }
.ast44-header-mark { width: 5cqw; height: 6.8cqw; flex: none; object-fit: contain; margin-inline: .8cqw; }
.ast44-home .h37-identity { min-width: 0; }
.ast44-home .h37-identity > b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ast44-carousel { min-width: 0; }
.ast44-banner {
  position: relative;
  overflow: hidden;
  border-radius: 17px;
  border: 1px solid #6c4a964d;
  background: #170d2c;
}
.ast44-slide {
  position: relative;
  isolation: isolate;
  min-height: clamp(154px, 42cqw, 246px);
  padding: 4.1cqw 4cqw 47px;
  box-sizing: border-box;
}
.ast44-slide[hidden], .ast44-feature[hidden] { display: none !important; }
.ast44-slide-daily {
  background: linear-gradient(90deg, #260c4ce8 0%, #260b47a3 41%, #23134500 68%),
    url('assets/ast/vector/bonus.svg') right center / cover no-repeat;
}
.ast44-slide-spin { background: radial-gradient(ellipse at 80% 50%, #553b9a, #1a0e35 68%); }
.ast44-slide-spin > img {
  position: absolute;
  z-index: -1;
  width: 43%;
  height: 97%;
  object-fit: contain;
  right: 2%;
  top: 1%;
}
.ast44-banner-copy { max-width: 59%; }
.ast44-banner-copy h1, .ast44-banner-copy h2 {
  margin: 0 0 .22em;
  font-size: clamp(17px, 5.3cqw, 33px);
  font-weight: 800;
  font-style: italic;
  line-height: 1.07;
  text-shadow: 0 2px 9px #0b0319;
}
.ast44-banner-copy p { margin: 7px 0 11px; font-size: clamp(11px, 3cqw, 18px); color: #e3d3f6; }
.ast44-home .ast44-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  box-sizing: border-box;
  min-height: 29px;
  padding: 4px 13px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(105deg, #a54bf1, #248bf0);
  color: white;
  font-size: clamp(11px, 3cqw, 17px);
  font-weight: 750;
  white-space: nowrap;
}
.ast44-slide-controls { display: flex; gap: 7px; position: absolute; left: 4cqw; bottom: 10px; }
.ast44-slide-controls button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #a587d2;
  border-radius: 50%;
  background: #150e2d9e;
  color: white;
}
.ast44-slide-controls .ic { width: 17px; height: 17px; }
.ast44-prev { transform: rotate(180deg); }
.ast44-dots { display: flex; justify-content: center; align-items: center; gap: 6px; height: 13px; }
.ast44-dots i { width: 5px; height: 5px; border-radius: 6px; background: #45315f; }
.ast44-dots i.is-on { width: 16px; background: linear-gradient(90deg, #a54bf1, #248bf0); }
.ast44-home .ast44-wins {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ast44-home .ast44-wins h2, .ast44-discover > h2 {
  margin: 0 0 9px;
  padding-left: 3px;
  font-size: clamp(16px, 4.55cqw, 28px);
  line-height: 1.2;
  text-transform: none;
  color: #faf6ff;
  letter-spacing: 0;
}
.ast44-home #h37-feed { display: flex; align-items: stretch; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 0 1px 1px; }
.ast44-home #h37-feed::-webkit-scrollbar { display: none; }
.ast44-sample, .ast44-home .h37-win {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 clamp(60px, 16.6cqw, 102px);
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 5px;
  border: 1px solid #8860b47a;
  border-radius: 10px;
  background: radial-gradient(ellipse at 48% 38%, #392058, #1b122b 78%);
}
.ast44-home .h37-win { flex-basis: clamp(76px, 21cqw, 130px); }
.ast44-sample img, .ast44-home .h37-win img { display: block; width: 100%; height: clamp(38px, 12cqw, 75px); object-fit: contain; }
.ast44-sample span, .ast44-home .h37-win span { text-align: center; width: 100%; overflow: hidden; }
.ast44-sample span {
  border-radius: 999px;
  padding: 3px 0;
  background: #4d326c;
  color: #f6edff;
  font-size: 8px;
  font-weight: 700;
}
.ast44-home .h37-win b, .ast44-home .h37-win small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ast44-filters, .ast44-feature-grid { display: grid; gap: 6px; }
.ast44-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ast44-filters button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 36px;
  padding: 4px;
  border: 1px solid #6d4c9180;
  border-radius: 9px;
  color: #e1d2f3;
  background: #201532;
  font-size: clamp(10px, 2.95cqw, 16px);
}
.ast44-filters .ic { width: 17px; height: 17px; flex: none; }
.ast44-filters button[aria-pressed=true] { background: linear-gradient(105deg, #9e43e7, #2284f0); border-color: transparent; color: white; }
.ast44-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ast44-feature, .ast44-home .ast44-ranking {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid #7752a36b;
  border-radius: 13px;
  background: #211035 url('assets/ast/vector/surface.svg') center / cover no-repeat;
}
.ast44-feature-button {
  display: block;
  width: 100%;
  min-height: clamp(108px, 26.7cqw, 165px);
  padding: 9px;
  background: none;
  border: 0;
  color: #fff;
  text-align: left;
}
.ast44-feature-button > img {
  position: absolute;
  inset: auto -3% 0 auto;
  width: 58%;
  height: 96%;
  object-fit: contain;
  object-position: bottom center;
  z-index: -1;
  filter: drop-shadow(0 0 12px #a448ee64);
}
.ast44-feature-copy, .ast44-ranking-copy {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.ast44-feature-copy { width: 60%; }
.ast44-feature-copy strong, .ast44-ranking-copy strong { font-size: clamp(13px, 4cqw, 25px); font-style: italic; line-height: 1.05; font-weight: 800; text-shadow: 0 2px 6px #0c061a; }
.ast44-feature-copy small, .ast44-ranking-copy small { font-size: clamp(9px, 2.55cqw, 15px); color: #eee0ff; line-height: 1.2; text-shadow: 0 2px 6px #0c061a; }
.ast44-feature-copy .ast44-cta { margin-top: 3px; min-height: 25px; padding: 4px 11px; }
.ast44-home .ast44-ranking {
  min-height: clamp(110px, 33cqw, 185px);
  padding: 4cqw;
  color: white;
  text-align: left;
  background: #241236 url('assets/ast/vector/surface.svg') center / 100% 100% no-repeat;
}
.ast44-ranking-copy { width: 50%; }
.ast44-ranking-copy strong { font-size: clamp(20px, 6.1cqw, 38px); }
.ast44-ranking-copy small { font-size: clamp(11px, 3.1cqw, 18px); }
.ast44-ranking-copy .ast44-cta { margin-top: 5px; }
.ast44-ranking > img {
  position: absolute;
  inset: auto 1% -2% auto;
  width: 58%;
  height: 103%;
  object-fit: contain;
  object-position: right bottom;
  z-index: -1;
  filter: drop-shadow(0 0 13px #a94dff8c);
}
.ast44-home button:focus-visible { outline: 2px solid #d8b2ff; outline-offset: 2px; }
#tabbar:not([hidden]) { background: #1b1229 !important; border-color: #704e9a90; border-radius: 20px !important; }
#tabbar .tab.is-on .ic { color: #fff; }
#tabbar .tab.is-on::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 47px;
  height: 40px;
  border-radius: 14px;
  background: linear-gradient(115deg, #a54bf1, #248bf0);
}
#tabbar .tab.is-on::after { display: none; }