*, *::before, *::after { box-sizing: border-box; }

html, body {
  height: auto;
  min-height: 100%;
  background: #000;
  color: #fff;
  font-family: "HarmonyOS Sans SC", "Noto Sans SC", "Segoe UI", sans-serif;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
}

button {
  font-family: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  color: inherit;
  padding: 0;
}
input, textarea {
  font-family: inherit;
  -webkit-user-select: text !important;
  user-select: text !important;
}
[hidden] { display: none !important; }

#app {
  height: auto;
  min-height: 100vh;
  min-height: 100dvh;
  background: #000;
  position: relative;
  overflow: visible;
}

.app-header-row {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.custom_wrap {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: var(--gmg-header);
  padding: 0;
  overflow: visible;
  background: #000;
}
.custom_wrap__spacer {
  height: var(--gmg-header) !important;
}
:root {
  --gmg-header: calc(4.75rem + var(--status-bar-height, 0px));
}
#wallet-pill {
  max-width: 9.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-logo {
  width: 5.4rem;
  height: auto;
  max-height: 2.1rem;
  object-fit: contain;
}
#main {
  position: relative;
  z-index: 1;
}

@media (width >= 768px) {
  body {
    background: #000;
  }
  #app {
    max-width: var(--page-max-width);
    margin: 0 auto !important;
    box-shadow: 0 0 60px rgba(0, 0, 0, .65);
    min-height: 100vh;
  }
}

.login-page__btn.btn-bg,
.gold-submit {
  color: #fff8eb;
}

.tabbar-item--active .tabbar-label {
  background: linear-gradient(to bottom, #fff 0%, #e6a75c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.mine-action-label { word-break: normal; overflow-wrap: break-word; }
.mine-notice__marquee { overflow: hidden !important; min-width: 0 !important; flex: 1 1 0% !important; }
.mine-notice__cta { position: relative; z-index: 2; }

.mine-icon-ring img,
.tabbar-icon,
.coin-row img { object-fit: contain; }

button.mine-menu-row { width: calc(100% - 1.375rem); }

.coin-row { border-top: 0.03125rem solid rgba(201, 160, 106, .16); }

.auth-links {
  display: flex;
  justify-content: center;
  gap: 1.4rem;
  margin-top: 1.15rem;
}
.auth-links button {
  border: 0;
  background: none;
  color: #e7bea1;
  font-size: .875rem;
  font-weight: 600;
  padding: 0;
}
.auth-field { margin-bottom: .75rem; }
.auth-field label {
  display: block;
  margin-bottom: .35rem;
  font-size: .75rem;
  color: #8b7355;
}
.auth-error {
  min-height: 1.1rem;
  margin-top: .65rem;
  text-align: center;
  color: #ff8a8a;
  font-size: .75rem;
}
.mine-input:focus, .auth-input:focus {
  outline: none;
  border-color: rgba(255, 159, 27, .75);
}

.gmg-mask {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem;
  background: rgba(0, 0, 0, .62);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.wallet-pick__list {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  max-height: 18.5rem;
  margin-top: 1.1rem;
  overflow: auto;
}
.wallet-pick__item {
  display: flex;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .72rem .8rem;
  border: 1px solid rgba(201, 160, 106, .28);
  border-radius: .9rem;
  background: rgba(0, 0, 0, .35);
  color: #f7ede1;
  text-align: left;
  cursor: pointer;
}
.wallet-pick__item:hover,
.wallet-pick__item:focus-visible {
  border-color: rgba(255, 159, 27, .75);
  outline: none;
}
.wallet-pick__icon,
.wallet-pick__badge {
  width: 2.15rem;
  height: 2.15rem;
  border-radius: .65rem;
  flex: 0 0 auto;
}
.wallet-pick__icon {
  object-fit: contain;
  background: #fff;
}
.wallet-pick__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #e7bea1, #8a5a32);
  color: #1a120c;
  font-weight: 700;
}
.wallet-pick__name {
  flex: 1;
  min-width: 0;
  font-size: .95rem;
  font-weight: 700;
}
.wallet-pick__go {
  color: #ff9f1b;
  font-size: .78rem;
  font-weight: 700;
}
.wallet-pick__note {
  margin: .9rem 0 0;
  color: #a89070;
  font-size: .75rem;
  line-height: 1.5;
}
.wallet-install {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .45rem;
  margin-bottom: 1.15rem;
}
.wallet-install a {
  color: #ff9f1b;
  font-size: .75rem;
  text-decoration: none;
  border: 1px solid rgba(201, 160, 106, .35);
  border-radius: 999px;
  padding: .28rem .65rem;
}
.gmg-mask--sheet { align-items: flex-end; padding: 0; }
.gmg-mask--center {
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
}
.invite-modal {
  width: min(22.5rem, 100%);
  max-height: min(90dvh, 36rem);
  overflow: auto;
  border-radius: .85rem;
}
#main:has(.gmg-mask) { z-index: 10000; }
@media (width >= 768px) {
  .gmg-mask {
    left: 50%;
    right: auto;
    width: var(--page-max-width);
    transform: translateX(-50%);
  }
}

#toasts {
  position: fixed;
  left: 50%;
  top: 4.6rem;
  transform: translateX(-50%);
  z-index: 10050;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: min(20rem, calc(100% - 2rem));
  pointer-events: none;
}
.gmg-toast {
  background: #17120e;
  border: 1px solid rgba(201, 160, 106, .35);
  border-left: 3px solid #e6a75c;
  color: #f7ede1;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

.lang-row, .side-hit, .asset-hit, .mine-notice, .mine-menu-row, .mine-records-link, .tabbar-item, [data-act] {
  cursor: pointer;
}
.lang-row {
  display: flex;
  align-items: center;
  gap: .7rem;
  width: 100%;
  margin-bottom: .5rem;
  padding: .7rem .8rem;
  border: 1px solid rgba(201, 160, 106, .18);
  border-radius: .7rem;
  background: rgba(255, 255, 255, .03);
  color: #f2ddbf;
  text-align: left;
}
.lang-row.is-on {
  border-color: rgba(255, 159, 27, .55);
  background: rgba(255, 159, 27, .1);
}
.back-btn {
  display: flex;
  width: 1.875rem;
  height: 1.875rem;
  align-items: center;
  justify-content: center;
  border: .0625rem solid rgba(201, 160, 106, .38);
  border-radius: .375rem;
  background: linear-gradient(145deg, rgba(42, 32, 22, .92), rgba(18, 14, 10, .96));
}
.back-btn img { width: .7rem; height: .7rem; transform: rotate(180deg); }
.empty-note { padding: 1.2rem 0; text-align: center; color: #8b7355; font-size: .8rem; }
.rec-amt.plus { color: #5cbf60; }
.rec-amt.minus { color: #ff8a8a; }

.tools-page { padding-bottom: .5rem; }
.tools-hero {
  position: relative;
  overflow: hidden;
  margin-top: .35rem;
  padding: 1.35rem 1rem 1.15rem;
  border: 1px solid rgba(255, 180, 90, .35);
  border-radius: .9rem;
  background:
    radial-gradient(120px 80px at 80% 0%, rgba(255, 159, 27, .28), transparent 70%),
    linear-gradient(145deg, rgba(48, 34, 24, .96), rgba(14, 11, 9, .98));
  box-shadow: 0 0 1rem rgba(255, 159, 27, .16);
}
.tools-hero__glow {
  position: absolute;
  width: 9rem;
  height: 9rem;
  right: -2rem;
  top: -2.5rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 210, 140, .35), transparent 68%);
  animation: tools-glow 3.4s ease-in-out infinite;
}
.tools-hero__orbit { position: absolute; inset: 0; pointer-events: none; }
.tools-hero__mark {
  position: relative;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: .55rem;
  filter: drop-shadow(0 0 .45rem rgba(255, 159, 27, .65));
  animation: tools-pop 2.8s ease-in-out infinite;
}
.tools-hero__sub {
  position: relative;
  z-index: 1;
  margin: .45rem 0 0;
  max-width: 16rem;
  color: #a89070;
  font-size: .82rem;
  line-height: 1.55;
}
.tools-live {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-top: .8rem;
  padding: .28rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(92, 191, 96, .35);
  color: #9ddeaf;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
}
.tools-live__dot {
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: #5cbf60;
  box-shadow: 0 0 0 0 rgba(92, 191, 96, .7);
  animation: tools-ping 1.8s ease-out infinite;
}
.tools-float {
  position: absolute;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  object-fit: cover;
  opacity: .9;
}
.tools-float--a { top: .8rem; right: 1.1rem; animation: tools-float 4.2s ease-in-out infinite; }
.tools-float--b { top: 3.2rem; right: 3.3rem; width: 1.45rem; height: 1.45rem; animation: tools-float 5s ease-in-out infinite reverse; }
.tools-float--c { top: .55rem; right: 4.6rem; width: 1.15rem; height: 1.15rem; animation: tools-float 3.6s ease-in-out infinite; }
.tools-list { display: flex; flex-direction: column; gap: .7rem; margin-top: 1rem; }
button.link-card {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(201, 160, 106, .28);
  border-radius: .7rem;
  text-align: left;
  color: inherit;
  background: linear-gradient(135deg, rgba(38, 28, 22, .92), rgba(12, 10, 8, .98));
  box-shadow: 0 .3rem .9rem rgba(0, 0, 0, .32);
  animation: tools-rise .45s ease both;
}
button.link-card:active { transform: scale(.985); }
.link-card__shine {
  position: absolute;
  top: 0;
  left: -40%;
  width: 36%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 230, 180, .16), transparent);
  animation: tools-shine 4.8s ease-in-out infinite;
}
.link-card__accent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: .16rem;
  background: linear-gradient(180deg, #ff9f1b, rgba(201, 160, 106, .35));
}
.link-card--egas .link-card__accent { background: linear-gradient(180deg, #6eb5f7, rgba(110, 181, 247, .3)); }
.link-card--swap .link-card__accent { background: linear-gradient(180deg, #f0d78c, rgba(201, 160, 106, .3)); }
.link-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .85rem .75rem .85rem .95rem;
}
.link-card__icon {
  display: flex;
  width: 3.15rem;
  height: 3.15rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: .7rem;
  border: 1px solid rgba(255, 159, 27, .28);
  background: rgba(255, 159, 27, .1);
  animation: tools-icon 2.6s ease-in-out infinite;
}
.link-card__icon img { width: 2.35rem; height: 2.35rem; object-fit: contain; }
.link-card--egas .link-card__icon { border-color: rgba(110, 181, 247, .35); background: rgba(110, 181, 247, .12); }
.link-card--swap .link-card__icon { border-color: rgba(240, 215, 140, .35); background: rgba(201, 160, 106, .12); }
.link-card__info { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.link-card__title-row { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; }
.link-card__title { font-size: 1rem; font-weight: 800; line-height: 1.2; }
.link-card__tag {
  padding: .1rem .38rem;
  border-radius: .25rem;
  border: 1px solid rgba(255, 159, 27, .28);
  color: #ff9f1b;
  background: rgba(255, 159, 27, .1);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .04em;
}
.link-card--egas .link-card__tag { color: #6eb5f7; border-color: rgba(110, 181, 247, .35); background: rgba(110, 181, 247, .1); }
.link-card--swap .link-card__tag { color: #e7bea1; border-color: rgba(201, 160, 106, .35); background: rgba(201, 160, 106, .1); }
.link-card__desc { margin-top: .28rem; color: #8b7355; font-size: .75rem; line-height: 1.45; }
.link-card__coins { display: flex; gap: .28rem; margin-top: .4rem; }
.link-card__coins img {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .45);
}
.link-card__arrow {
  color: rgba(201, 160, 106, .8);
  font-size: 1.35rem;
  line-height: 1;
  animation: tools-nudge 1.6s ease-in-out infinite;
}
.tools-tip {
  margin: .9rem 0 0;
  text-align: center;
  color: #6f5d45;
  font-size: .72rem;
  line-height: 1.5;
}
.tool-detail {
  position: relative;
  overflow: hidden;
  margin-top: .2rem;
  padding: 1.4rem 1rem 1.1rem;
  text-align: center;
  border: 1px solid rgba(201, 160, 106, .32);
  border-radius: .9rem;
  background: linear-gradient(160deg, rgba(42, 30, 22, .96), rgba(10, 8, 7, .98));
  animation: tools-rise .4s ease both;
}
.tool-detail__orb {
  position: absolute;
  left: 50%;
  top: 1.2rem;
  width: 8rem;
  height: 8rem;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 159, 27, .28), transparent 68%);
  animation: tools-glow 3s ease-in-out infinite;
}
.tool-detail__icon {
  position: relative;
  width: 4.6rem;
  height: 4.6rem;
  margin: 0 auto;
  animation: tools-pop 2.4s ease-in-out infinite;
}
.tool-detail__coins {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .45rem;
  margin-top: .8rem;
}
.tool-detail__coins img { width: 2rem; height: 2rem; border-radius: 50%; object-fit: cover; }
.tool-detail__swap { color: #ff9f1b; font-size: 1.1rem; animation: tools-nudge 1.4s ease-in-out infinite; }
.tool-detail .link-card__tag { display: inline-flex; margin-top: .85rem; }
.tool-detail__desc { margin: .7rem 0 0; color: #e7bea1; font-size: .95rem; }
.tool-detail__hint { margin: .45rem auto 0; max-width: 18rem; color: #a89070; font-size: .8rem; line-height: 1.55; }
.tool-detail__btn {
  width: 100%;
  height: 2.7rem;
  margin-top: 1.1rem;
  border-radius: .7rem;
  font-size: .95rem;
  font-weight: 700;
  color: #fff8eb;
}
@keyframes tools-rise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
@keyframes tools-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}
@keyframes tools-glow {
  0%, 100% { opacity: .55; transform: translateX(-50%) scale(1); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.08); }
}
.tools-hero__glow { animation-name: tools-glow-free; }
@keyframes tools-glow-free {
  0%, 100% { opacity: .45; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.12); }
}
@keyframes tools-ping {
  0% { box-shadow: 0 0 0 0 rgba(92, 191, 96, .55); }
  100% { box-shadow: 0 0 0 .45rem rgba(92, 191, 96, 0); }
}
@keyframes tools-shine {
  0%, 55% { transform: translateX(0); opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translateX(380%); opacity: 0; }
}
@keyframes tools-pop {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.05); }
}
@keyframes tools-icon {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}
@keyframes tools-nudge {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(3px); }
}
.hub-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .45rem;
  margin-top: .85rem;
}
.hub-stats--quad { grid-template-columns: 1fr 1fr; }
.hub-stats div {
  padding: .65rem .4rem;
  text-align: center;
  border-radius: .65rem;
  border: 1px solid rgba(201, 160, 106, .22);
  background: rgba(0, 0, 0, .28);
  animation: tools-rise .4s ease both;
}
.hub-stats span { display: block; color: #8b7355; font-size: .68rem; }
.hub-stats strong { display: block; margin-top: .2rem; color: #e7bea1; font-size: .95rem; }
.hub-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .6rem;
  margin-top: .85rem;
}
.hub-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .2rem;
  min-height: 6.2rem;
  padding: .8rem .75rem;
  text-align: left;
  color: inherit;
  border: 1px solid rgba(201, 160, 106, .24);
  border-radius: .75rem;
  background: linear-gradient(160deg, rgba(38, 28, 22, .94), rgba(12, 10, 8, .98));
  box-shadow: 0 .25rem .7rem rgba(0, 0, 0, .28);
  animation: tools-rise .45s ease both;
}
.hub-tile img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  margin-bottom: .25rem;
  animation: tools-pop 2.8s ease-in-out infinite;
}
.hub-tile__k { color: #f2ddbf; font-size: .86rem; font-weight: 700; }
.hub-tile__v { color: #8b7355; font-size: .72rem; line-height: 1.35; }
.hub-form {
  position: relative;
  overflow: hidden;
  margin-top: .85rem;
  padding: 1rem .9rem 1.05rem;
  border: 1px solid rgba(201, 160, 106, .28);
  border-radius: .8rem;
  background: linear-gradient(160deg, rgba(32, 24, 18, .96), rgba(10, 8, 7, .98));
  animation: tools-rise .4s ease both;
}
.hub-form__hint { margin: 0 0 .8rem; color: #a89070; font-size: .78rem; line-height: 1.5; }
.hub-form__btn {
  width: 100%;
  height: 2.7rem;
  margin-top: .35rem;
  border-radius: .7rem;
  font-size: .95rem;
  font-weight: 700;
  color: #fff8eb;
}
.hub-balance {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin-top: .85rem;
  padding: .75rem .85rem;
  border-radius: .75rem;
  border: 1px solid rgba(255, 159, 27, .28);
  background: rgba(255, 159, 27, .08);
  animation: tools-rise .4s ease both;
}
.hub-balance img { width: 2.4rem; height: 2.4rem; border-radius: 50%; object-fit: cover; }
.hub-balance__k { color: #8b7355; font-size: .72rem; }
.hub-balance__v { color: #f2ddbf; font-size: 1.25rem; font-weight: 800; }
.hub-balance__v small { font-size: .72rem; font-weight: 600; color: #c4a882; }
.hub-balance--split { justify-content: space-between; }
.hub-balance--split > div { display: flex; flex-direction: column; align-items: center; gap: .2rem; min-width: 4.5rem; }
.hub-balance--split span { color: #8b7355; font-size: .68rem; }
.hub-balance--split strong { color: #e7bea1; font-size: 1rem; }
.hub-tiers { display: flex; flex-direction: column; gap: .45rem; margin-bottom: .7rem; }
.hub-tier {
  display: flex;
  align-items: center;
  gap: .55rem;
  width: 100%;
  padding: .55rem .65rem;
  color: #e7bea1;
  border: 1px solid rgba(201, 160, 106, .22);
  border-radius: .65rem;
  background: rgba(0, 0, 0, .28);
}
.hub-tier img { width: 1.45rem; height: 1.45rem; object-fit: contain; }
.hub-tier span { flex: 1; text-align: left; font-size: .84rem; }
.hub-tier strong { color: #ff9f1b; font-size: .8rem; }
.hub-tier.is-on {
  border-color: rgba(255, 159, 27, .7);
  box-shadow: 0 0 .7rem rgba(255, 159, 27, .25);
  background: rgba(255, 159, 27, .12);
}
.hub-steps { display: flex; flex-direction: column; gap: .55rem; margin-top: .9rem; }
.hub-step {
  position: relative;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .7rem .75rem;
  border: 1px solid rgba(201, 160, 106, .22);
  border-radius: .75rem;
  background: rgba(18, 14, 10, .9);
  animation: tools-rise .45s ease both;
}
.hub-step img { width: 2.1rem; height: 2.1rem; border-radius: 50%; object-fit: cover; animation: tools-pop 3s ease-in-out infinite; }
.hub-step__k { color: #f2ddbf; font-weight: 700; font-size: .88rem; }
.hub-step__v { color: #8b7355; font-size: .72rem; margin-top: .12rem; }
.hub-step__n {
  margin-left: auto;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a120c;
  font-size: .72rem;
  font-weight: 800;
  background: linear-gradient(180deg, #f0d78c, #ff9f1b);
}
.hub-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .8rem; }
.hub-chips span {
  padding: .32rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 159, 27, .3);
  color: #ffd7a1;
  font-size: .7rem;
  font-weight: 700;
  animation: tools-rise .4s ease both;
}
.hub-note, .hub-out {
  margin: .7rem 0 0;
  padding: .65rem .75rem;
  border-radius: .65rem;
  border: 1px solid rgba(201, 160, 106, .22);
  background: rgba(0, 0, 0, .28);
  color: #c4a882;
  font-size: .75rem;
  line-height: 1.45;
  white-space: pre-wrap;
}
.hub-radio { display: flex; flex-direction: column; gap: .45rem; margin: .2rem 0 .7rem; }
.hub-radio label { display: flex; align-items: center; gap: .45rem; color: #e7bea1; font-size: .8rem; }
.hub-radio input { width: auto; }
.hub-split { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .35rem; }
.admin-sec {
  margin: 1.35rem 0 0;
  color: #f0d78c;
  font-size: .95rem;
  font-weight: 700;
}
.admin-live {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .75rem;
}
.admin-live span {
  padding: .28rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(201, 160, 106, .28);
  color: #e7bea1;
  font-size: .7rem;
  font-weight: 700;
}
.admin-live span.is-on {
  color: #143018;
  background: #5cbf60;
  border-color: #5cbf60;
}
.admin-live span.is-off {
  color: #8b7355;
  border-color: rgba(139, 109, 69, .35);
  background: rgba(0, 0, 0, .28);
}
.admin-status-line,
.admin-pkg,
.admin-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.admin-status-line,
.admin-switch {
  margin: .15rem 0 .7rem;
  padding: .7rem .8rem;
  border-radius: .7rem;
  border: 1px solid rgba(139, 109, 69, .35);
  background: rgba(0, 0, 0, .22);
  color: #e7bea1;
  font-size: .82rem;
  font-weight: 700;
}
.admin-switch { cursor: pointer; }
.admin-switch__main { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.admin-switch input { width: auto; accent-color: #5cbf60; }
.admin-switch .admin-flag--on { display: none; }
.admin-switch:has(input:checked) {
  border-color: rgba(92, 191, 96, .7);
  background: rgba(82, 191, 96, .14);
}
.admin-switch:has(input:checked) .admin-flag--on { display: inline-flex; }
.admin-switch:has(input:checked) .admin-flag--off { display: none; }
.admin-flag {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: .16rem .5rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .02em;
}
.admin-flag--on { color: #143018; background: #5cbf60; }
.admin-flag--off { color: #a89070; background: rgba(255, 255, 255, .06); }
.admin-pkgs {
  margin: 0 0 .8rem;
  overflow: hidden;
  border-radius: .7rem;
  border: 1px solid rgba(139, 109, 69, .28);
}
.admin-pkg {
  padding: .62rem .75rem;
  color: #c4a882;
  font-size: .8rem;
  border-top: 1px solid rgba(139, 109, 69, .2);
}
.admin-pkg:first-child { border-top: 0; }
.admin-pkg.is-on { color: #e7bea1; background: rgba(82, 191, 96, .08); }
.hub-ghost.is-current {
  color: #143018;
  background: #5cbf60;
  border-color: #5cbf60;
}
.hub-ghost {
  height: 2.7rem;
  border-radius: .7rem;
  border: 1px solid rgba(201, 160, 106, .45);
  background: rgba(255, 159, 27, .08);
  color: #f2ddbf;
  font-weight: 700;
}
.hub-ghost--wide { width: 100%; margin-top: .55rem; }
.hub-copy-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .5rem;
  align-items: stretch;
}
.hub-copy-text {
  padding: .75rem .8rem;
  border-radius: .65rem;
  border: .03125rem solid rgba(201, 160, 106, .28);
  background: rgba(0, 0, 0, .38);
  color: #e7bea1;
  font-size: .78rem;
  line-height: 1.45;
  word-break: break-all;
}
.hub-copy-row .hub-ghost {
  height: auto;
  min-height: 2.7rem;
  padding: 0 .85rem;
  white-space: nowrap;
}

/* Pledge-page theme on every screen: black canvas, dark gold panels. */
:root { --UI-BG-0: #000; }
html, body, #app,
#screen-app,
#screen-auth,
.custom_wrap,
.tabbar-fixed,
.login-page {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff;
}
.mine-card,
.tools-hero,
.hub-form,
.hub-tile,
.hub-balance,
.hub-step,
.link-card,
.tool-detail,
.login-page__panel,
.login-page__modal,
.gmg-mask .mine-card,
.gmg-mask .bg-theme {
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%) !important;
  border-color: rgba(201, 160, 106, .26) !important;
  box-shadow: 0 .375rem 1rem rgba(0, 0, 0, .36), inset 0 .03125rem rgba(255, 230, 190, .08);
}
.mine-card--hero,
.tools-hero {
  border-color: rgba(201, 160, 106, .32) !important;
  box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .4), inset 0 .03125rem rgba(255, 230, 190, .1);
}
.hub-stats div,
.ref-meta div {
  background: linear-gradient(160deg, rgba(255, 220, 170, .04) 0%, transparent 55%), rgba(0, 0, 0, .28) !important;
  border-color: rgba(201, 160, 106, .14) !important;
}
.hub-stats span,
.hub-tile__v,
.hub-form__hint,
.hub-balance__k,
.hub-balance--split span,
.hub-step__v,
.hub-note,
.hub-out,
.auth-field label,
.tools-tip,
.tools-hero__sub,
.link-card__desc,
.tool-detail__hint,
.hub-radio label,
.empty-note {
  color: #a89070;
}
.hub-stats strong,
.hub-tile__k,
.hub-balance__v,
.hub-step__k {
  color: #f2e6d4;
}
.hub-stats strong {
  font-size: .82rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.hub-stats.hub-stats--avail { margin-top: 0; margin-bottom: .85rem; }
.hub-stats.hub-stats--avail div:last-child {
  border-color: rgba(255, 159, 27, .55) !important;
}
.hub-stats.hub-stats--avail div:last-child strong {
  color: #ff9f1b;
}
.tabbar-label { color: rgba(232, 214, 190, .62); font-size: .62rem; }
.tabbar-item--active .tabbar-label {
  background: linear-gradient(to bottom, #fff 0%, #ffc56a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.mine-input,
select.mine-input,
.auth-input {
  background: rgba(0, 0, 0, .38) !important;
  border: .03125rem solid rgba(201, 160, 106, .28) !important;
  border-radius: .5625rem;
  color: #e7bea1 !important;
  box-shadow: inset 0 .03125rem rgba(255, 255, 255, .03);
  color-scheme: dark;
}
.mine-input::placeholder,
.auth-input::placeholder { color: #6d5c4a; }
.ref-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .6rem;
}
.ref-head .hub-form__hint { margin-bottom: 0; }
.ref-head .hub-ghost {
  height: 2.1rem;
  padding: 0 .7rem;
  flex-shrink: 0;
}
.ref-crumbs, .ref-filters, .ref-card__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
}
.ref-crumbs { margin: .75rem 0 .55rem; }
.ref-sep { color: #c4a882; font-size: .75rem; }
.ref-crumb, .ref-filter {
  border: .03125rem solid rgba(201, 160, 106, .26);
  background: rgba(0, 0, 0, .22);
  color: #d4bb96;
  border-radius: 999px;
  padding: .28rem .65rem;
  font-size: .72rem;
  font-weight: 700;
}
.ref-crumb:disabled, .ref-crumb.is-on, .ref-filter.is-on {
  color: #1a120c;
  border-color: transparent;
  background: linear-gradient(180deg, #f0d78c, #ff9f1b);
}
.ref-filters { margin-bottom: .75rem; }
.ref-empty {
  margin: .2rem 0 .4rem;
  color: #a89070;
  font-size: .78rem;
  line-height: 1.45;
}
.ref-card {
  margin-top: .65rem;
  padding: .75rem;
  border-radius: .75rem;
  border: .03125rem solid rgba(201, 160, 106, .26);
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%);
  box-shadow: 0 .375rem 1rem rgba(0, 0, 0, .36), inset 0 .03125rem rgba(255, 230, 190, .08);
}
.ref-card.is-leaf { opacity: .72; }
.ref-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}
.ref-card__top strong { color: #e7bea1; font-size: .84rem; }
.ref-badge {
  flex-shrink: 0;
  padding: .18rem .5rem;
  border-radius: 999px;
  border: .03125rem solid rgba(201, 160, 106, .28);
  color: #d4bb96;
  font-size: .66rem;
  font-weight: 700;
}
.ref-badge.is-on {
  color: #1a120c;
  border-color: transparent;
  background: linear-gradient(180deg, #f0d78c, #ff9f1b);
}
.ref-card__addr {
  margin: .4rem 0 .55rem;
  color: #ffd7a1;
  font-size: .72rem;
  line-height: 1.4;
  word-break: break-all;
}
.ref-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .4rem;
}
.ref-meta div {
  padding: .4rem .45rem;
  border-radius: .5rem;
  background: rgba(0, 0, 0, .2);
}
.ref-meta span { display: block; color: #c4a882; font-size: .64rem; }
.ref-meta strong { display: block; margin-top: .12rem; color: #f2e6d4; font-size: .75rem; word-break: break-word; }
.ref-card__acts { margin-top: .65rem; }
.ref-card__acts .hub-ghost {
  height: 2.15rem;
  padding: 0 .7rem;
  font-size: .75rem;
}
.ref-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.ref-leaf { color: #c4a882; font-size: .72rem; font-weight: 700; }
.plan-title { color: #e7bea1; font-size: .95rem; font-weight: 700; }
.plan-scroll { overflow-x: auto; }
.plan-table { width: 100%; border-collapse: collapse; font-size: .74rem; }
.plan-table th {
  text-align: left;
  color: #8b7355;
  font-weight: 600;
  padding: .4rem .28rem;
  border-bottom: 1px solid rgba(201, 160, 106, .22);
  white-space: nowrap;
}
.plan-table td {
  padding: .46rem .28rem;
  color: #c4a882;
  border-bottom: 1px solid rgba(201, 160, 106, .1);
  white-space: nowrap;
}
.plan-table tr.is-on td { color: #f2e6d4; }
.plan-table tr.is-you td { color: #ffd78a; background: rgba(255, 159, 27, .1); }
.plan-tag { color: #5cbf60; font-weight: 700; font-size: .66rem; }
.hub-out:empty { display: none; margin: 0; padding: 0; border: 0; }
select.mine-input { font-size: .82rem; }
#screen-app.pb-140rpx {
  padding-bottom: calc(8.75rem + env(safe-area-inset-bottom)) !important;
}
#main { padding-bottom: 1.4rem; }
#screen-app:not(.pb-140rpx) .cs-support-fab {
  bottom: calc(1.15rem + env(safe-area-inset-bottom));
}
@media (width >= 768px) {
  body { background: #000 !important; }
}
/* Stake screen — same layout as dapp.gmgai.net/pages/pledge */
html:has(.pledge-page),
body:has(.pledge-page),
#app:has(.pledge-page),
#screen-app:has(.pledge-page),
#screen-app:has(.pledge-page) .custom_wrap,
#screen-app:has(.pledge-page) .tabbar-fixed {
  background: #000 !important;
  background-color: #000 !important;
}
.pledge-page { color: #fff; }
.pledge-page .luxury-muted { color: #a89070 !important; }
.pledge-page .luxury-soft { color: #c4b5a0 !important; }
.pledge-page .luxury-dim { color: #8b7355 !important; }
.pledge-page .text-\[\#c4a882\] { color: #c4a882 !important; }
.pledge-page .text-\[\#f2e6d4\] { color: #f2e6d4 !important; }
.pledge-page .text-\[\#d4bb96\] { color: #d4bb96 !important; }
.pledge-page .text-\[\#5cbf60\] { color: #5cbf60 !important; }
.pledge-page .pledge-foot { color: #4a4038 !important; }
.luxury-panel {
  position: relative;
  overflow: hidden;
  border: .03125rem solid rgba(201, 160, 106, .26);
  border-radius: .75rem;
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%);
  box-shadow: 0 .375rem 1rem rgba(0, 0, 0, .36), inset 0 .03125rem rgba(255, 230, 190, .08);
}
.luxury-panel--hero {
  border-color: rgba(201, 160, 106, .32);
  box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .4), inset 0 .03125rem rgba(255, 230, 190, .1);
}
.luxury-panel__accent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: .15625rem;
  background: linear-gradient(180deg, #ffb347 0%, #c9a06a 55%, rgba(201, 160, 106, .25) 100%);
}
.luxury-hero-img { filter: drop-shadow(0 .25rem .5625rem rgba(0, 0, 0, .35)); }
.luxury-inset {
  border: .03125rem solid rgba(201, 160, 106, .14);
  border-radius: .5rem;
  background: linear-gradient(160deg, rgba(255, 220, 170, .04) 0%, transparent 55%), rgba(0, 0, 0, .28);
}
.luxury-muted { color: #a89070; }
.luxury-soft { color: #c4b5a0; }
.luxury-dim { color: #8b7355; }
.luxury-tier {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: .03125rem solid rgba(201, 160, 106, .18);
  border-radius: .6875rem;
  background: linear-gradient(135deg, rgba(30, 22, 17, .9) 0%, rgba(12, 10, 8, .97) 100%);
  box-shadow: inset 0 .03125rem rgba(255, 230, 190, .04);
  text-align: left;
  color: inherit;
}
.luxury-tier--active {
  border-color: rgba(255, 159, 27, .42);
  background: linear-gradient(145deg, rgba(255, 159, 27, .12) 0%, transparent 48%), linear-gradient(135deg, rgba(52, 36, 24, .96) 0%, rgba(16, 12, 10, .98) 100%);
  box-shadow: 0 .3125rem .875rem rgba(0, 0, 0, .3), inset 0 0 0 .03125rem rgba(255, 196, 120, .1);
}
.luxury-badge {
  padding: .0625rem .3125rem;
  border: .03125rem solid rgba(255, 159, 27, .35);
  border-radius: .25rem;
  background: rgba(255, 159, 27, .12);
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: #ffb347;
}
.luxury-input {
  border: .03125rem solid rgba(201, 160, 106, .28);
  border-radius: .5625rem;
  background: rgba(0, 0, 0, .38);
  box-shadow: inset 0 .03125rem rgba(255, 255, 255, .03);
}
.pledge-page .luxury-input input {
  border: 0;
  outline: none;
  min-width: 0;
  background: transparent;
  color: #e7bea1;
}
.pledge-page .luxury-input input::placeholder { color: #6d5c4a; }
.luxury-chip {
  border: .03125rem solid rgba(201, 160, 106, .26);
  border-radius: 31.21875rem;
  color: #d4bb96;
  background: rgba(0, 0, 0, .22);
  box-shadow: inset 0 .03125rem rgba(255, 230, 190, .05);
}
.luxury-status {
  padding: .125rem .375rem;
  border-radius: .25rem;
  font-size: .75rem;
  color: #5cbf60;
  background: rgba(82, 191, 96, .16);
  border: .03125rem solid rgba(82, 191, 96, .18);
  white-space: nowrap;
}
.luxury-progress {
  height: .25rem;
  overflow: hidden;
  border-radius: 31.21875rem;
  background: rgba(60, 48, 40, .55);
  box-shadow: inset 0 .03125rem .0625rem rgba(0, 0, 0, .35);
}
.luxury-progress__bar {
  height: 100%;
  border-radius: 31.21875rem;
  background: linear-gradient(90deg, #a6603d, #e0b06a);
  box-shadow: 0 0 .375rem rgba(224, 176, 106, .28);
}
.pledge-page .btn-bg,
.pledge-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: .625rem;
  font-weight: 500;
  color: rgba(255, 255, 255, .75);
  background: linear-gradient(90deg, #a6603d, #d08255);
  box-shadow: inset 0 .03125rem rgba(255, 255, 255, .14);
}
.pledge-copy {
  display: inline-flex;
  margin-left: .35rem;
  padding: 0;
  background: none;
}
.pledge-copy img { width: 1rem; height: 1rem; object-fit: contain; }
.pledge-refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  color: #ffb347;
  font-size: .95rem;
  line-height: 1;
}
.pledge-foot { color: #4a4038; }
.pledge-pay-card { width: 100%; color: inherit; text-align: left; }
.pledge-pay-card--on {
  border-color: rgba(255, 159, 27, .55) !important;
  background: linear-gradient(145deg, rgba(255, 159, 27, .12) 0%, transparent 48%), linear-gradient(135deg, rgba(52, 36, 24, .96) 0%, rgba(16, 12, 10, .98) 100%) !important;
}
.pledge-pay-card__dot {
  width: 1.05rem;
  height: 1.05rem;
  flex-shrink: 0;
  border: .0625rem solid rgba(139, 109, 69, .55);
  border-radius: 50%;
  background: rgba(0, 0, 0, .28);
}
.pledge-pay-card--on .pledge-pay-card__dot,
.wd-dest:has(input:checked) .pledge-pay-card__dot {
  border-color: #ff9f1b;
  background: radial-gradient(circle at center, #ff9f1b 0, #ff9f1b 38%, transparent 40%), rgba(0, 0, 0, .28);
  box-shadow: 0 0 0 .125rem rgba(255, 159, 27, .12);
}
.wd-dest { cursor: pointer; }
.wd-dest input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.wd-dest:has(input:checked) {
  border-color: rgba(255, 159, 27, .55);
  background: linear-gradient(145deg, rgba(255, 159, 27, .12) 0%, transparent 48%), linear-gradient(135deg, rgba(52, 36, 24, .96) 0%, rgba(16, 12, 10, .98) 100%);
}
.wd-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.75rem;
  padding: .6rem .8rem;
  border: .03125rem solid rgba(201, 160, 106, .4);
  border-radius: .625rem;
  background: rgba(0, 0, 0, .22);
  color: #f2ddbf;
  font-size: .9rem;
  font-weight: 600;
}
.wd-hero-mark {
  width: 4.4rem;
  height: 4.4rem;
  object-fit: contain;
  filter: drop-shadow(0 .25rem .55rem rgba(0, 0, 0, .4));
}
.wd-title {
  display: flex;
  align-items: center;
  gap: .55rem;
}
.wd-title img,
.wd-action img {
  width: 1.55rem;
  height: 1.55rem;
  object-fit: contain;
  flex-shrink: 0;
}
.wd-stat {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
}
.wd-stat > img {
  width: 2.05rem;
  height: 2.05rem;
  object-fit: contain;
  flex-shrink: 0;
}
.wd-input-ico {
  width: 1.35rem;
  height: 1.35rem;
  margin-right: .45rem;
  object-fit: contain;
  flex-shrink: 0;
}
.wd-dest__body {
  display: flex;
  align-items: center;
  gap: .7rem;
}
.wd-dest__body img {
  width: 2.15rem;
  height: 2.15rem;
  object-fit: contain;
  flex-shrink: 0;
}
.wd-action {
  gap: .45rem;
}
.pledge-confirm-modal--sheet {
  width: 100%;
  border-radius: .75rem .75rem 0 0;
  padding-top: .75rem;
  padding-bottom: 1.25rem;
  max-height: 85vh;
  overflow: hidden auto;
  background: linear-gradient(145deg, rgba(255, 214, 160, .06) 0%, transparent 36%), linear-gradient(135deg, rgba(42, 30, 22, .98) 0%, rgba(12, 10, 8, .99) 100%);
  border-top: .03125rem solid rgba(201, 160, 106, .28);
  box-shadow: 0 -.375rem 1.25rem rgba(0, 0, 0, .45);
}
.pledge-confirm-modal--center {
  width: min(22.5rem, 100%);
  border-radius: .85rem;
  padding-top: .75rem;
  padding-bottom: 1.15rem;
  max-height: min(32rem, 100%);
  overflow: hidden auto;
  background: linear-gradient(145deg, rgba(255, 214, 160, .06) 0%, transparent 36%), linear-gradient(135deg, rgba(42, 30, 22, .98) 0%, rgba(12, 10, 8, .99) 100%);
  border: .03125rem solid rgba(201, 160, 106, .28);
  box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .55);
}
.pledge-sheet__bar {
  height: .2rem;
  margin: 0 32% .2rem;
  border-radius: 31rem;
  background: linear-gradient(90deg, #c9a06a, #f0d78c, #c9a06a);
}
.pledge-sheet__head {
  display: grid;
  grid-template-columns: 1.5rem 1fr 1.5rem;
  align-items: center;
  gap: .25rem;
}
.pledge-confirm-modal-title { text-align: center; font-size: 1.125rem; font-weight: 700; }
.pledge-popup-close {
  width: 1.45rem;
  height: 1.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: .0625rem solid rgba(201, 160, 106, .75);
  border-radius: 999px;
  color: #d4bb96;
  font-size: 1rem;
  line-height: 1;
}
.pledge-pay-option {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  width: 100%;
  padding: .75rem;
  border-radius: .625rem;
  border: .03125rem solid rgba(139, 109, 69, .28);
  background: rgba(0, 0, 0, .22);
  color: inherit;
  text-align: left;
}
.pledge-pay-option--active {
  border-color: rgba(255, 159, 27, .42);
  background: radial-gradient(120% 80% at 0% 0%, rgba(255, 159, 27, .1) 0%, transparent 58%), rgba(60, 42, 28, .42);
}
.pledge-pay-option__check {
  width: 1.0625rem;
  height: 1.0625rem;
  margin-top: .2rem;
  flex-shrink: 0;
  border: .0625rem solid rgba(139, 109, 69, .45);
  border-radius: 50%;
  background: rgba(0, 0, 0, .28);
}
.pledge-pay-option__check--active {
  border-color: #ff9f1b;
  background: radial-gradient(circle at center, #ff9f1b 0, #ff9f1b 38%, transparent 40%), rgba(0, 0, 0, .28);
  box-shadow: 0 0 0 .125rem rgba(255, 159, 27, .12);
}
.pledge-review {
  overflow: hidden;
  border: .03125rem solid rgba(139, 109, 69, .35);
  border-radius: .56rem;
  background: rgba(0, 0, 0, .15);
}
.pledge-review__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  padding: .7rem .75rem;
  border-top: .0625rem solid rgba(40, 32, 28, .9);
}
.pledge-review__row:first-child { border-top: 0; }
.pledge-review__row span { color: #d4bb96; font-size: .875rem; }
.pledge-review__row strong { color: #ff9f1b; font-size: .95rem; }
.pledge-review__row strong.is-green { color: #5cbf60; }
.pledge-confirm-btn-cancel {
  height: 2.5rem;
  border-radius: .56rem;
  color: #d4bb96;
  background: rgba(0, 0, 0, .22);
  border: .03125rem solid rgba(212, 175, 120, .2);
  font-size: .875rem;
  font-weight: 700;
}
.pledge-confirm-btn-cancel:disabled,
.pledge-popup-close:disabled {
  opacity: .4;
  pointer-events: none;
}
.pledge-cta.is-busy {
  gap: .45rem;
  pointer-events: none;
}
.pledge-spin {
  width: .95rem;
  height: .95rem;
  flex-shrink: 0;
  border: .12rem solid rgba(255, 248, 235, .35);
  border-top-color: #fff8eb;
  border-radius: 50%;
  animation: pledge-spin .7s linear infinite;
}
@keyframes pledge-spin {
  to { transform: rotate(360deg); }
}
.pledge-success {
  width: min(19.4rem, 100%);
  border-radius: .85rem;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 214, 160, .06) 0%, transparent 36%), linear-gradient(135deg, rgba(42, 30, 22, .98) 0%, rgba(12, 10, 8, .99) 100%);
  border: .03125rem solid rgba(201, 160, 106, .28);
}
/* Home screen — same cards, icons and images as dapp.gmgai.net */
.home-hero-img {
  width: 8.4rem;
  height: 8.125rem;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 .25rem .7rem rgba(0, 0, 0, .45));
}
.home-hero-chip,
.home-soft-card,
.home-stat-card,
.home-market-row {
  border: none;
  background: radial-gradient(110% 75% at 50% 0%, rgba(166, 96, 61, .04), transparent 52%), linear-gradient(168deg, rgba(18, 14, 12, .96) 0%, rgba(6, 5, 5, .98) 100%);
  box-shadow: inset 0 .03125rem rgba(201, 160, 106, .06);
}
.home-soft-card,
.home-core-card,
.home-small-card,
.home-dashed-card {
  width: 100%;
  color: inherit;
  text-align: left;
}
.home-soft-card {
  overflow: hidden;
  border-radius: .7rem;
  padding: .75rem .7rem;
}
.cross-chain-entry__icon {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: .62rem;
  background: rgba(255, 159, 27, .2);
  color: #ffc04d;
  font-size: 1.25rem;
}
.home-pill {
  flex-shrink: 0;
  width: auto;
  border-radius: 999px;
  padding: .32rem .7rem;
  font-size: .7rem;
  font-weight: 600;
  color: rgba(255, 255, 255, .75);
  background: linear-gradient(90deg, #a6603d, #d08255);
}
.home-pill--block { margin-top: .65rem; }
.home-stat-card { border-radius: .45rem; min-height: 3.15rem; }
.home-tab {
  border-radius: 999px;
  padding: .38rem .7rem;
  font-size: .75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, .75);
  white-space: nowrap;
}
.home-tab-inactive {
  color: #c4a882;
  background: linear-gradient(180deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .04) 100%);
  box-shadow: inset 0 .03125rem rgba(255, 255, 255, .06);
}
.home-market-row {
  border-radius: .56rem;
  padding: .5rem .56rem;
}
.home-market-icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.home-core-card {
  display: block;
  margin-bottom: .85rem;
  padding: .7rem;
  border-radius: .65rem;
  border: .03125rem solid rgba(139, 109, 69, .1);
  background: linear-gradient(145deg, #2a1c12 0%, #0e0a08 100%);
  box-shadow: inset 0 .03125rem rgba(255, 255, 255, .06);
}
.home-core-icon {
  width: 4.75rem;
  height: 4.75rem;
  object-fit: contain;
  flex-shrink: 0;
}
.home-tag {
  border-radius: 1rem;
  padding: .2rem .55rem;
  font-size: .75rem;
  color: #c4a882;
  background: rgba(0, 0, 0, .15);
  border: .03125rem solid rgba(139, 109, 69, .35);
}
.home-small-card {
  border: .03125rem solid rgba(139, 109, 69, .4);
  border-radius: .56rem;
  padding: .56rem;
  background: linear-gradient(160deg, #241a12, #0c0a08);
}
.home-dashed-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  border: .0625rem dashed rgba(201, 160, 106, .35);
  border-radius: .65rem;
  background: rgba(18, 14, 12, .6);
  padding: .7rem .45rem;
  text-align: center;
}
.home-tile-icon {
  width: 3.15rem;
  height: 3.15rem;
  object-fit: contain;
}
.home-ghost-pill {
  margin-top: .65rem;
  border: .03125rem solid rgba(201, 160, 106, .5);
  border-radius: 999px;
  padding: .25rem .85rem;
  font-size: .85rem;
  color: #d4bb96;
}
.home-data-card {
  border: .03125rem solid rgba(139, 109, 69, .35);
  border-radius: .56rem;
  background: rgba(0, 0, 0, .25);
  padding: .65rem .55rem;
}
.home-badge-new {
  border-radius: .2rem;
  padding: .05rem .28rem;
  font-size: .62rem;
  color: #ff9f1b;
  background: rgba(232, 168, 74, .25);
}
.home-note {
  margin: 0 0 .7rem;
  color: #a89070;
  font-size: .78rem;
  line-height: 1.5;
}
.home-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.7rem;
  margin-top: .35rem;
  border-radius: .7rem;
  font-size: .95rem;
  font-weight: 700;
  color: rgba(255, 255, 255, .8);
  background: linear-gradient(90deg, #a6603d, #d08255);
}
.home-foot {
  margin-top: 1.4rem;
  padding-bottom: 1rem;
  text-align: center;
  color: #4a4038;
  font-size: .7rem;
}
.home-trade { text-align: left; }
.pledge-success__img {
  display: block;
  width: 8.75rem;
  height: 8.75rem;
  margin: 1rem auto 0;
  object-fit: contain;
}
.team-page { padding-bottom: .6rem; color: #e7bea1; }
.team-head__title { color: #e7bea1; }
.team-hero {
  position: relative;
  overflow: hidden;
  border-color: rgba(201, 160, 106, .32);
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%);
  box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .4), inset 0 .03125rem rgba(255, 230, 190, .1);
}
.team-hero::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: .15625rem;
  background: linear-gradient(180deg, #ffb347 0%, #c9a06a 55%, rgba(201, 160, 106, .25) 100%);
}
.team-hero__k { color: #e7bea1; }
.team-hero__v { color: #a89070; }
.team-period {
  border: .03125rem solid rgba(201, 160, 106, .26);
  background: rgba(0, 0, 0, .22);
  color: #d4bb96;
  box-shadow: inset 0 .03125rem rgba(255, 230, 190, .05);
}
.team-period.is-on {
  border-color: rgba(255, 159, 27, .55);
  color: #f2ddbf;
  background: linear-gradient(145deg, rgba(255, 159, 27, .16) 0%, transparent 55%), linear-gradient(135deg, rgba(52, 36, 24, .96) 0%, rgba(16, 12, 10, .98) 100%);
}
.team-section { color: #e7bea1; }
.team-refresh { color: #ffb347; }
.team-card,
.team-order,
.team-invite,
.team-scope,
.team-tier {
  border: .03125rem solid rgba(201, 160, 106, .26);
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%);
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .28), inset 0 .03125rem rgba(255, 230, 190, .06);
}
.team-card__name,
.team-order__addr,
.team-order__tier,
.team-invite__v { color: #e7bea1; }
.team-card__amt,
.team-order__amt { color: #f2ddbf; }
.team-card__orders {
  border: .03125rem solid rgba(255, 159, 27, .35);
  background: rgba(255, 159, 27, .12);
  color: #ffb347;
}
.team-scope { color: #c4a882; }
.team-scope.is-on {
  border-color: rgba(255, 159, 27, .55);
  color: #f2ddbf;
  background: linear-gradient(145deg, rgba(255, 159, 27, .12) 0%, transparent 48%), linear-gradient(135deg, rgba(52, 36, 24, .96) 0%, rgba(16, 12, 10, .98) 100%);
}
.team-tier { color: #e7bea1; }
.team-order__avatar {
  border-color: rgba(201, 160, 106, .45);
  background: rgba(0, 0, 0, .28);
  color: #ffb347;
}
.team-order__gen {
  border: .03125rem solid rgba(255, 159, 27, .35);
  background: rgba(255, 159, 27, .12);
  color: #ffb347;
}
.team-invite__btn {
  background: linear-gradient(90deg, #a6603d, #d08255);
  color: rgba(255, 255, 255, .9);
  box-shadow: inset 0 .03125rem rgba(255, 255, 255, .14);
}
.team-period,
.team-scope,
.team-refresh,
.team-retry,
.team-invite__btn {
  font-family: inherit;
  cursor: pointer;
}
.team-head {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  margin: .2rem 0 .85rem;
}
.team-head__title {
  position: absolute;
  left: 2.4rem;
  right: 2.4rem;
  text-align: center;
  color: #e7bea1;
  font-size: 1.05rem;
  font-weight: 700;
  pointer-events: none;
}
.team-hero {
  position: relative;
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: .85rem;
  padding: .75rem .85rem;
  border: .03125rem solid rgba(201, 160, 106, .32);
  border-radius: .75rem;
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%);
  box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .4), inset 0 .03125rem rgba(255, 230, 190, .1);
}
.team-hero img {
  width: 3.4rem;
  height: 3.4rem;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 .2rem .4rem rgba(0, 0, 0, .35));
}
.team-hero__k { color: #e7bea1; font-size: .95rem; font-weight: 700; }
.team-hero__v { margin-top: .15rem; color: #a89070; font-size: .72rem; line-height: 1.4; }
.team-section__ico {
  width: 1.35rem;
  height: 1.35rem;
  object-fit: contain;
  flex-shrink: 0;
}
.team-periods {
  display: flex;
  gap: .35rem;
  overflow-x: auto;
  padding-bottom: .15rem;
}
.team-periods::-webkit-scrollbar { display: none; }
.team-period {
  flex: 1 0 auto;
  min-height: 2rem;
  padding: .35rem .7rem;
  border: .03125rem solid rgba(201, 160, 106, .26);
  border-radius: 999px;
  background: rgba(0, 0, 0, .22);
  color: #d4bb96;
  font-size: .74rem;
  font-weight: 700;
  box-shadow: inset 0 .03125rem rgba(255, 230, 190, .05);
}
.team-period.is-on {
  border-color: rgba(255, 159, 27, .55);
  color: #f2ddbf;
  background: linear-gradient(145deg, rgba(255, 159, 27, .16) 0%, transparent 55%), linear-gradient(135deg, rgba(52, 36, 24, .96) 0%, rgba(16, 12, 10, .98) 100%);
}
.team-custom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  margin-top: .65rem;
}
.team-custom label {
  display: flex;
  flex-direction: column;
  gap: .28rem;
  color: #a89070;
  font-size: .68rem;
  font-weight: 700;
}
.team-custom input { min-height: 2.3rem; }
.team-section {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin: 1.05rem 0 .7rem;
  color: #e7bea1;
  font-size: .95rem;
  font-weight: 700;
}
.team-section--split { justify-content: space-between; }
.team-section__label { display: flex; align-items: center; gap: .45rem; }
.team-section__bar {
  width: .18rem;
  height: .85rem;
  border-radius: .12rem;
  background: linear-gradient(180deg, #f8e0a0, #e3a84a);
}
.team-refresh {
  border: 0;
  background: transparent;
  color: #ffb347;
  font-size: .72rem;
  font-weight: 700;
}
.team-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .55rem;
}
.team-card {
  padding: .75rem .7rem .7rem;
  border: .03125rem solid rgba(201, 160, 106, .26);
  border-radius: .75rem;
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%);
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .28), inset 0 .03125rem rgba(255, 230, 190, .06);
}
.team-card__icon {
  width: 2.15rem;
  height: 2.15rem;
  margin-bottom: .4rem;
  object-fit: contain;
}
.team-card__name { color: #c4a882; font-size: .72rem; line-height: 1.35; }
.team-card__amt {
  margin: .35rem 0 .5rem;
  color: #f2ddbf;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1;
}
.team-card__amt span, .team-order__amt span {
  margin-left: .12rem;
  font-size: .68em;
  font-weight: 700;
}
.team-card__orders {
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  padding: .12rem .65rem;
  border: .03125rem solid rgba(255, 159, 27, .35);
  border-radius: 999px;
  background: rgba(255, 159, 27, .12);
  color: #ffb347;
  font-size: .68rem;
  font-weight: 700;
}
.team-scopes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .45rem;
}
.team-scope {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .2rem;
  min-height: 2.55rem;
  padding: .4rem .25rem;
  border: .03125rem solid rgba(201, 160, 106, .26);
  border-radius: .7rem;
  background: linear-gradient(145deg, rgba(255, 214, 160, .05) 0%, transparent 40%), rgba(14, 11, 9, .92);
  color: #c4a882;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1.25;
}
.team-scope img {
  width: 1.15rem;
  height: 1.15rem;
  object-fit: contain;
}
.team-scope.is-on {
  border-color: rgba(255, 159, 27, .55);
  color: #f2ddbf;
  background: linear-gradient(145deg, rgba(255, 159, 27, .12) 0%, transparent 48%), linear-gradient(135deg, rgba(52, 36, 24, .96) 0%, rgba(16, 12, 10, .98) 100%);
}
.team-tier-wrap { position: relative; margin-top: .7rem; }
.team-tier-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: .9rem;
  width: .42rem;
  height: .42rem;
  border-right: 2px solid #e7bea1;
  border-bottom: 2px solid #e7bea1;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}
.team-tier {
  width: 100%;
  min-height: 2.7rem;
  padding: 0 2rem 0 .85rem;
  appearance: none;
  border: .03125rem solid rgba(201, 160, 106, .28);
  border-radius: .5625rem;
  background: rgba(0, 0, 0, .38);
  color: #e7bea1;
  font-size: .82rem;
  font-weight: 700;
}
.team-orders { margin-top: .75rem; }
.team-order {
  margin-top: .6rem;
  padding: .75rem .75rem .7rem;
  border: .03125rem solid rgba(201, 160, 106, .26);
  border-radius: .75rem;
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%);
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .28), inset 0 .03125rem rgba(255, 230, 190, .06);
}
.team-order__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem;
}
.team-order__who {
  display: flex;
  align-items: center;
  gap: .4rem;
  min-width: 0;
  flex: 1;
}
.team-order__addr {
  overflow: hidden;
  color: #e7bea1;
  font-size: .78rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-order__avatar {
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: .03125rem solid rgba(201, 160, 106, .45);
  border-radius: 999px;
  background: rgba(0, 0, 0, .28);
  color: #ffb347;
  font-size: .66rem;
  font-weight: 700;
}
.team-order__gen {
  flex-shrink: 0;
  padding: .08rem .4rem;
  border: .03125rem solid rgba(255, 159, 27, .35);
  border-radius: 999px;
  background: rgba(255, 159, 27, .12);
  color: #ffb347;
  font-size: .62rem;
  font-weight: 700;
}
.team-order__time {
  flex-shrink: 0;
  color: #8d7b66;
  font-size: .66rem;
  line-height: 1.3;
}
.team-order__line {
  height: 1px;
  margin: .65rem 0 .55rem;
  background: rgba(201, 160, 106, .18);
}
.team-order__bot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: .6rem;
}
.team-order__k { color: #8d7b66; font-size: .66rem; }
.team-order__tier {
  display: flex;
  align-items: center;
  gap: .35rem;
  margin-top: .15rem;
  color: #e7bea1;
  font-size: .84rem;
  font-weight: 700;
}
.team-order__tier img {
  width: 1.15rem;
  height: 1.15rem;
  object-fit: contain;
  flex-shrink: 0;
}
.team-order__amt {
  display: flex;
  align-items: center;
  gap: .3rem;
  color: #f2ddbf;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.team-order__amt img {
  width: 1.15rem;
  height: 1.15rem;
  object-fit: contain;
}
.team-empty-art {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .8rem 0 .2rem;
}
.team-empty-art img {
  width: 4.2rem;
  height: auto;
  object-fit: contain;
}
.team-invite__icon {
  width: 2.2rem;
  height: 2.2rem;
  object-fit: contain;
  flex-shrink: 0;
}
.team-empty, .team-note {
  margin: .35rem 0;
  color: #a89070;
  font-size: .78rem;
  line-height: 1.45;
}
.team-retry {
  min-height: 2.2rem;
  margin-top: .35rem;
  padding: 0 .9rem;
  border: 1px solid rgba(227, 181, 106, .45);
  border-radius: 999px;
  background: transparent;
  color: #f0d78c;
  font-weight: 700;
}
.team-invite {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  margin-top: .9rem;
  padding: .75rem .8rem;
  border: .03125rem solid rgba(201, 160, 106, .26);
  border-radius: .75rem;
  background: linear-gradient(145deg, rgba(255, 214, 160, .07) 0%, transparent 38%), linear-gradient(135deg, rgba(42, 30, 22, .94) 0%, rgba(14, 11, 9, .98) 100%);
  box-shadow: inset 0 .03125rem rgba(255, 230, 190, .06);
}
.team-invite__k { color: #8d7b66; font-size: .66rem; }
.team-invite__v {
  margin-top: .12rem;
  color: #e7bea1;
  font-size: .9rem;
  font-weight: 700;
}
.team-invite__btn {
  min-height: 2.15rem;
  padding: 0 .9rem;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #a6603d, #d08255);
  color: rgba(255, 255, 255, .9);
  box-shadow: inset 0 .03125rem rgba(255, 255, 255, .14);
  font-size: .78rem;
  font-weight: 700;
}
.team-invite__btn:disabled { opacity: .45; }
@media (prefers-reduced-motion: reduce) {
  .tools-hero__glow, .tools-hero__mark, .tools-float, .tools-live__dot,
  .link-card, .link-card__shine, .link-card__icon, .link-card__arrow,
  .tool-detail, .tool-detail__orb, .tool-detail__icon, .tool-detail__swap,
  .hub-tile, .hub-tile img, .hub-step, .hub-step img, .hub-stats div, .hub-form, .hub-chips span {
    animation: none;
  }
}