body { min-width: 0; }
.hero.game-carousel { background: radial-gradient(ellipse at 70% 50%,#5f3c32,#21171e 65%); isolation: isolate; }
.hero.game-carousel .hero-art { position: absolute; right: 0; top: 0; width: 49%; height: 100%; object-fit: cover; object-position: center 38%; }
.hero.game-carousel:after { z-index: 0; background: linear-gradient(90deg,#21171e 0%,#21171e 42%,#21171eb3 53%,transparent 80%); }
.hero.game-carousel .hero-copy { z-index: 1; left: 26px; max-width: 55%; pointer-events: none; }
.hero.game-carousel .hero-copy small { display: block; color: #d9b37f; font-size: 10px; letter-spacing: .12em; }
.hero.game-carousel .hero-copy h1 { color: #f9e8ca; font-size: 27px; line-height: 1.35; margin: 9px 0 0; }
.carousel-dots { position: absolute; bottom: 12px; left: 24px; z-index: 2; display: flex; gap: 4px; }
.carousel-dots button { position: relative; display: grid; place-items: center; width: 24px; height: 24px; padding: 0; background: transparent; border: 0; }
.carousel-dots button:after { width: 5px; height: 5px; background: #c4a18666; border-radius: 9px; content: ''; }
.carousel-dots button[aria-pressed=true]:after { width: 16px; background: #edc183; }
.carousel-next { position: absolute; right: 8px; bottom: 7px; z-index: 2; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid #f5d5ad40; border-radius: 50%; color: #f8dbaa; background: #21121ab3; }
.carousel-next svg { width: 16px; height: 16px; }
.hero.store-carousel .hero-art { width: 100%; object-fit: contain; }
.hero.store-carousel .hero-copy { display: none; }
.hero.store-carousel:after { display: none; }
.hero.store-carousel .carousel-dots { bottom: 4px; left: 8px; }
.member-identity img,.panel-hero img { border-radius: 50%; object-fit: cover; border: 1px solid #b8905755; }
.login-avatar { position: absolute; right: 68px; top: 20px; width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 1px solid #cc9e6270; }
.support-shop { padding-right: 18px; }
.support-shop:after { display: none; }
.profile-wallet { background: linear-gradient(110deg,#493035,#2c202b); }
@media(max-width:540px) {
  .hero.game-carousel .hero-copy { left: 14px; top: 44%; max-width: 56%; }
  .hero.game-carousel .hero-copy small { font-size: 8px; }
  .hero.game-carousel .hero-copy h1 { font-size: 17px; line-height: 1.3; margin-top: 5px; }
  .hero.game-carousel .hero-art { width: 48%; }
  .carousel-dots { left: 10px; bottom: 0; gap: 0; }
  .carousel-next { right: 6px; bottom: 6px; width: 27px; height: 27px; }
  .hero.store-carousel .hero-art { width: 100%; }
  .login-avatar { width: 53px; height: 53px; top: 17px; right: 53px; }
  .support-shop { padding-right: 14px; }
}