.ServiceLayoutMenu .Item {
  isolation: isolate;
}

.ServiceLayoutMenu .Item .MenuIcon {
  width: 78px !important;
  height: 78px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 9px rgba(0, 0, 0, 0.55)) saturate(1.06) !important;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.ServiceLayoutMenu .Item:hover .MenuIcon {
  transform: translateY(-3px) scale(1.06);
  filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.62)) brightness(1.08) saturate(1.08) !important;
}

.ServiceLayoutMenu .Item .MenuText {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.BannerCard .Card__icon {
  width: 62px !important;
  height: 62px !important;
  flex: 0 0 62px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 9px rgba(0, 0, 0, 0.52)) saturate(1.08) !important;
}

.GameUiButton {
  position: relative;
  width: 122px;
  height: 43px;
  display: grid !important;
  place-items: center;
  margin-left: 8px;
  color: #5d2c15;
  background: url('/common/btn_1.png') center / 100% 100% no-repeat;
  font-family: "Times New Roman", Times, serif;
  font-size: 0.83rem;
  font-weight: 900;
  letter-spacing: 0.025em;
  text-shadow: 0 1px rgba(255, 247, 205, 0.85);
  cursor: pointer;
  transition: transform 0.18s ease, filter 0.18s ease;
}

.GameUiButton--signup {
  background-image: url('/common/btn_2.png');
}

.GameUiButton::after {
  content: attr(aria-label);
  position: relative;
  z-index: 1;
}

.GameUiButton img {
  display: none !important;
}

.GameUiButton:hover {
  transform: translateY(-2px);
  filter: brightness(1.06) saturate(1.06);
}

.GameUiHeaderPlay,
.GameUiHeaderNotify {
  display: grid !important;
  place-items: center;
  margin-left: 9px;
  cursor: pointer;
  transition: transform 0.18s ease, filter 0.18s ease;
}

.GameUiHeaderPlay {
  width: 126px;
  height: 51px;
  background: url('/@New/login/btn_Vaogame.png') center / 100% 100% no-repeat;
}

.GameUiHeaderNotify {
  width: 56px;
  height: 56px;
  background: url('/@New/icon/mainCity/mail.png') center / contain no-repeat;
}

.GameUiHeaderPlay img,
.GameUiHeaderNotify img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 0 !important;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.46));
}

.GameUiHeaderPlay:hover,
.GameUiHeaderNotify:hover {
  transform: translateY(-2px) scale(1.03);
  filter: brightness(1.08) saturate(1.08);
}

@media (max-width: 820px) {
  .ServiceLayoutMenu .Item .MenuIcon {
    width: 68px !important;
    height: 68px !important;
  }

  .BannerCard .Card__icon {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
  }
}

@media (max-width: 500px) {
  .GameUiButton {
    width: 86px;
    height: 32px;
    margin-left: 4px;
    font-size: 0.66rem;
  }

  .ServiceLayoutMenu .Item .MenuIcon {
    width: 64px !important;
    height: 64px !important;
  }

  .GameUiHeaderPlay {
    width: 96px;
    height: 39px;
    margin-left: 4px;
  }

  .GameUiHeaderNotify {
    width: 44px;
    height: 44px;
    margin-left: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ServiceLayoutMenu .Item .MenuIcon,
  .GameUiButton,
  .GameUiHeaderPlay,
  .GameUiHeaderNotify { transition: none !important; }
}