.wl-backdrop[data-v-59bc0eaf] {
  position: fixed; inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  display: grid;
  place-items: center;
  z-index: 4000;
}
.wl-panel[data-v-59bc0eaf] {
  position: relative;
  width: 360px;
  max-width: calc(100vw - 32px);
  padding: 26px 20px 24px;
  border-radius: 16px;
  background: #101010;
  border: 1px solid #2a2a2a;
  color: #e7e7e7;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  text-align: center;
}
.x[data-v-59bc0eaf] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 10px;
  background: #151515;
  color: #cfcfcf;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
}
.x[data-v-59bc0eaf]:hover { background: #1f1f1f; color: #fff;
}
.logo[data-v-59bc0eaf] {
  width: 38px;
  height: 38px;
  margin: 0 auto 12px;
  display: block;
}
.title[data-v-59bc0eaf] {
  font: 900 20px/1.2 'Saira', sans-serif;
  margin: 0 0 8px;
  color: #fff;
}
.desc[data-v-59bc0eaf] {
  color: #a7a7a7;
  font-size: 14px;
  margin: 0 0 18px;
  line-height: 1.4;
}
.btn[data-v-59bc0eaf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 20px;
  border-radius: 12px;
  border: 1px solid #b7ff1a;
  background: #b7ff1a;
  color: #0b0b0b;
  font-weight: 900;
  font-family: 'Saira', sans-serif;
  cursor: pointer;
  box-shadow: 0 0 24px rgba(183, 255, 26, 0.25);
  transition: all 0.15s ease;
}
.btn[data-v-59bc0eaf]:hover { filter: brightness(0.95);
}

.wm[data-v-45364097] {
  width: 480px;
  height: 880px;
  position: relative;
  border-radius: 22px;
  background: #0f0f0f;
  color: #e7e7e7;
  border: 1px solid #262626;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.topbar[data-v-45364097] {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px 0 18px;
}
.brand[data-v-45364097] {
  width: 28px;
  height: 28px;
}
.share[data-v-45364097] {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid #2a2a2a;
  background: #141414;
  display: grid;
  place-items: center;
  padding: 0;
}
.share img[data-v-45364097] {
  width: 16px;
  height: 16px;
}
.hero[data-v-45364097] {
  margin: 0 18px 12px;
  padding: 16px;
  border: 1px solid #2b2b2b;
  border-radius: 16px;
  background: linear-gradient(180deg, #1b1b1b, #151515);
}
.user[data-v-45364097] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.who[data-v-45364097] {
  min-width: 0;
  flex: 1;
}
.name[data-v-45364097] {
  font: 900 22px/1 'Saira', sans-serif;
}
.addr[data-v-45364097] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #a9b0b4;
  font-weight: 700;
  margin-top: 4px;
}
.ext[data-v-45364097] {
  width: 14px;
  height: 14px;
  opacity: 0.9;
  cursor: pointer;
  transition: opacity 0.2s;
}
.ext[data-v-45364097]:hover {
  opacity: 1;
}
.line[data-v-45364097] {
  height: 2px;
  width: 220px;
  background: #2a2a2a;
  margin-top: 8px;
}
.avatar-ring[data-v-45364097] {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  padding: 4px;
  background: radial-gradient(
      circle at 60% -20%,
      rgba(183, 255, 26, 0.6),
      transparent 60%
    ),
    #222;
  box-shadow: 0 0 0 2px #2a2a2a inset;
}
.av[data-v-45364097] {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  background: #0e0e0e;
}
.av.ph[data-v-45364097] {
  background: #1c1c1c;
}
.title[data-v-45364097] {
  color: #b7ff1a;
  font: 900 20px/1.2 'Saira', sans-serif;
  margin-top: 14px;
}
.money[data-v-45364097] {
  font: 900 54px/1 'Saira', sans-serif;
  margin-top: 6px;
}
.creator[data-v-45364097] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
  padding: 12px;
  border-radius: 12px;
  background: #121212;
  border: 1px solid #2a2a2a;
}
.creator .left[data-v-45364097] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.creator .ico[data-v-45364097] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.creator .tt[data-v-45364097] {
  font-weight: 900;
}
.creator .sub[data-v-45364097] {
  color: #9aa0a6;
  font-size: 12px;
}
.claim[data-v-45364097] {
  height: 36px;
  padding: 0 14px;
  border-radius: 12px;
  border: 0;
  background: #c8ff37;
  color: #111;
  font-weight: 900;
}

/* Tabs */
.tabs[data-v-45364097] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  margin: 10px 18px 0;
}
.tabs button[data-v-45364097] {
  position: relative;
  height: 38px;
  padding: 0 6px;
  font: 900 20px/1 'Saira', sans-serif;
  color: #8c9298;
  background: transparent;
  border: 0;
}
.tabs .on[data-v-45364097] {
  color: #c9ff3b;
}
.tabs .on[data-v-45364097]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 4px;
  border-radius: 2px;
  background: #c9ff3b;
}

/* Body */
.body[data-v-45364097] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 14px 18px 18px;
}
.subttl[data-v-45364097] {
  margin: 0;
  font: 900 26px/1.2 'Saira', sans-serif;
}
.hint[data-v-45364097] {
  margin: 6px 0 14px;
  color: #9aa0a6;
}
.list[data-v-45364097] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.row[data-v-45364097] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
  border: 1px solid #2a2a2a;
  background: #141414;
  border-radius: 14px;
}
.left[data-v-45364097] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.coin[data-v-45364097] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #2a2a2a;
  background: #101010;
}
.coin.ph[data-v-45364097] {
  background: #1b1b1b;
}
.meta .tt[data-v-45364097] {
  font-weight: 900;
}
.meta .sub[data-v-45364097] {
  color: #9aa0a6;
  font-size: 12px;
}
.right[data-v-45364097] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.usd[data-v-45364097] {
  font-weight: 900;
}
.amt[data-v-45364097] {
  color: #9aa0a6;
  font-size: 12px;
}

/* skeleton */
.skeleton[data-v-45364097] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sk[data-v-45364097] {
  height: 68px;
  border-radius: 14px;
  background: linear-gradient(90deg, #171717, #1d1d1d, #171717);
  background-size: 200% 100%;
  animation: sh-45364097 1.2s infinite;
}
@keyframes sh-45364097 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}

/* Close */
.x[data-v-45364097] {
  position: absolute;
  right: 14px;
  top: 12px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #ddd;
  font-weight: 900;
  padding: 0;
  text-align: center;
}
.row.muted[data-v-45364097] {
  opacity: 0.5;
}
.usd.usdc-muted[data-v-45364097] {
  color: #8c9298;
}

.tw-mask[data-v-04e66a69]{ position:fixed; inset:0; z-index:2000; background:rgba(0,0,0,.55); display:grid; place-items:center;
}

.tb[data-v-87d69992] {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 64px;
  background: #0c0c0c;
  border-bottom: 1px solid #1c1c1c;
}
.tb-inner[data-v-87d69992] {
  max-width: var(--shell-width, 1160px);
  height: 64px;
  margin: 0 auto;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left[data-v-87d69992] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.brand[data-v-87d69992] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.logo[data-v-87d69992] {
  width: 120px;
}
.name[data-v-87d69992] {
  color: #e7e7e7;
  font-size: 20px;
  letter-spacing: 0.3px;
}
.nav-ctrl[data-v-87d69992] {
  display: flex;
  gap: 10px;
  margin-left: 8px;
}
.icon-btn[data-v-87d69992] {
  height: 36px;
  width: 36px;
  border-radius: 10px;
  border: 1px solid #232323;
  background: #141414;
  color: #d8d8d8;
  display: grid;
  place-items: center;
  padding: 0;
}
.icon-btn img[data-v-87d69992] {
  width: 20px;
  height: 20px;
  display: block;
}
.icon-btn[data-v-87d69992]:hover {
  background: #171717;
}
.icon-btn[data-v-87d69992]:active {
  transform: translateY(1px);
}
.icon-btn.disabled[data-v-87d69992] {
  opacity: 0.4;
  pointer-events: none;
}
.main-nav[data-v-87d69992] {
  display: flex;
  gap: 26px;
  margin-left: 16px;
}
.nav-item[data-v-87d69992] {
  position: relative;
  font-family: 'Saira', sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.02em;
  color: #bdbdbd;
  text-decoration: none;
  padding: 6px 2px 10px;
}
.nav-item[data-v-87d69992]:hover {
  color: #fff;
}
.nav-item.is-active[data-v-87d69992] {
  color: #b7ff1a;
}
.nav-item.is-active[data-v-87d69992]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 3px;
  border-radius: 2px;
  background: #b7ff1a;
  box-shadow: 0 0 10px rgba(183, 255, 26, 0.35);
}
button.nav-item[data-v-87d69992] {
  background: transparent;
  border: 0;
  padding: 6px 2px 10px;
  color: #bdbdbd;
  font: inherit;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.right[data-v-87d69992] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.auth-wrap[data-v-5e13b628] { position: relative; display: flex; align-items: center;
}
.menu[data-v-5e13b628] {
  position: absolute;
  right: 0;
  top: 0;
  width: 360px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
  z-index: 120;
}
.group[data-v-5e13b628] { margin-bottom: 14px;
}
.label[data-v-5e13b628] { font-size: 13px; color: #555; margin-bottom: 6px;
}
.addr-row[data-v-5e13b628] { display: flex; align-items: center; gap: 8px;
}
.addr[data-v-5e13b628] { flex: 1; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; padding: 10px 12px; background: #f7f7f7; border: 1px solid #eee; border-radius: 10px; color: #111;
}
.copy[data-v-5e13b628] { font-size: 12px; padding: 6px 10px; border: 1px solid #ddd; border-radius: 8px; background: #fff; color: #000;
}
.actions[data-v-5e13b628] { margin: 10px 0;
}
.export[data-v-5e13b628] { width: 100%; padding: 12px; border-radius: 12px; border: 1px solid #111; background: #111; color: #fff;
}
.export-error[data-v-5e13b628] { margin: 8px 0; color: #b91c1c; font-size: 13px;
}
.hr[data-v-5e13b628] { height: 1px; background: #eee; margin: 12px 0;
}
.logout[data-v-5e13b628] { width: 100%; padding: 12px; border: 1px solid #ef4444; color: #ef4444; background: #fff; border-radius: 10px;
}

.trade-popover[data-v-ac5cb5de] {
  width: 338px;
  height: 420px;
  border-radius: 16px;
  background: #1f1f1f;
  border: 1px solid #2b2b2b;
  color: #eaeaea;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
  padding: 12px 14px 14px;
  box-sizing: border-box;
  position: relative;
  font-family: 'Saira', ui-sans-serif, system-ui, -apple-system, Segoe UI,
    Roboto, Helvetica, Arial;
}
.top[data-v-ac5cb5de] {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
}
.wallet-icon[data-v-ac5cb5de] {
  width: 28px;
  height: 28px;
  color: #ff7a17;
  filter: drop-shadow(0 2px 4px rgba(255, 122, 23, 0.25));
}
.wallet-icon svg[data-v-ac5cb5de] {
  width: 100%;
  height: 100%;
}
.token-switch select[data-v-ac5cb5de] {
  height: 28px;
  border-radius: 8px;
  border: 1px solid #3a3a3a;
  background: #141414;
  color: #d7d7d7;
  font-weight: 800;
  padding: 0 8px;
}
.balance[data-v-ac5cb5de] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
}
.balance-line[data-v-ac5cb5de] {
  color: #bdbdbd;
  font-weight: 700;
  font-size: 13px;
}
.balance-line strong[data-v-ac5cb5de] {
  color: #fff;
  margin-left: 6px;
}
.balance-usd[data-v-ac5cb5de] {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  color: #8dfb4f;
}
.login-guard[data-v-ac5cb5de] {
  height: calc(100% - 40px);
  border: 1px dashed #3a3a3a;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  background: #171717;
}
.lg-title[data-v-ac5cb5de] {
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.2px;
}
.lg-desc[data-v-ac5cb5de] {
  color: #b8b8b8;
  line-height: 1.5;
  font-weight: 600;
  max-width: 260px;
}
.lg-btn[data-v-ac5cb5de] {
  height: 36px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid #a8ff00;
  background: #a8ff00;
  color: #0b0b0b;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(168, 255, 0, 0.22);
}
.locked[data-v-ac5cb5de] {
  height: calc(100% - 40px);
  border-radius: 12px;
  display: grid;
  place-items: center;
  text-align: center;
}
.locked-title[data-v-ac5cb5de] {
  font-weight: 900;
  font-size: 22px;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
}
.locked-desc[data-v-ac5cb5de] {
  color: #bdbdbd;
  line-height: 1.5;
  font-weight: 600;
}
.body[data-v-ac5cb5de] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.coin[data-v-ac5cb5de] {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 2px;
}
.coin-icon[data-v-ac5cb5de] {
  width: 32px;
  height: 32px;
}
.coin-icon svg[data-v-ac5cb5de] {
  width: 100%;
  height: 100%;
  display: block;
}
.coin-txt[data-v-ac5cb5de] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.coin-title[data-v-ac5cb5de] {
  font-size: 18px;
  font-weight: 900;
}
.coin-sub[data-v-ac5cb5de] {
  color: #bdbdbd;
  font-weight: 700;
}
.seg[data-v-ac5cb5de] {
  display: flex;
  gap: 10px;
}
.seg-btn[data-v-ac5cb5de] {
  height: 32px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #3a3a3a;
  background: #141414;
  color: #d7d7d7;
  font-weight: 900;
  letter-spacing: 0.2px;
}
.seg-btn.buy.on[data-v-ac5cb5de] {
  background: #b7ff1a;
  border-color: #b7ff1a;
  color: #0b0b0b;
  box-shadow: 0 0 18px rgba(183, 255, 26, 0.25);
}
.seg-btn.sell.on[data-v-ac5cb5de] {
  background: #ff28d9;
  border-color: #ff28d9;
  color: #0b0b0b;
  box-shadow: 0 0 18px rgba(255, 40, 217, 0.25);
}
.amount[data-v-ac5cb5de] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  border-radius: 10px;
  padding: 0 10px;
  background: #181818;
  border: 1px solid #313131;
}
.amount input[data-v-ac5cb5de] {
  flex: 1;
  height: 100%;
  background: transparent;
  border: 0;
  outline: none;
  color: #fff;
  font-weight: 900;
  font-size: 16px;
}
.amount .unit[data-v-ac5cb5de] {
  color: #cfcfcf;
  font-weight: 900;
}
.amount-hint[data-v-ac5cb5de] {
  margin-top: -4px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #bdbdbd;
  text-align: right;
}
.hint-warn[data-v-ac5cb5de] {
  margin-top: -4px;
  color: #ff7a9c;
  font-weight: 800;
  font-size: 12px;
}
.chips[data-v-ac5cb5de] {
  display: flex;
  gap: 8px;
}
.chip[data-v-ac5cb5de] {
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1.5px solid #a8ff00;
  color: #a8ff00;
  background: #0f1400;
  font-weight: 900;
  font-size: 12px;
}
.cta[data-v-ac5cb5de] {
  margin-top: auto;
  height: 44px;
  border-radius: 14px;
  width: 100%;
  font-weight: 900;
  border: 1px solid transparent;
}
.cta.buy[data-v-ac5cb5de] {
  background: #b7ff1a;
  color: #0b0b0b;
  border-color: #b7ff1a;
  box-shadow: 0 8px 24px rgba(168, 255, 0, 0.22);
}
.cta.sell[data-v-ac5cb5de] {
  background: #ff28d9;
  color: #0b0b0b;
  border-color: #ff28d9;
  box-shadow: 0 8px 24px rgba(255, 40, 217, 0.25);
}
.quote-row[data-v-ac5cb5de] {
  min-height: 20px;
  margin-top: 6px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.quote-loading[data-v-ac5cb5de] {
  font-size: 12px;
  font-weight: 600;
  color: #9aa0a6;
  display: flex;
  align-items: center;
  gap: 6px;
}
.quote-spinner[data-v-ac5cb5de] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-top-color: #ffffff;
  animation: sp-ac5cb5de 0.9s linear infinite;
}
.quote-hint[data-v-ac5cb5de] {
  margin-top: 0;
}
.busy-mask[data-v-ac5cb5de] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  backdrop-filter: blur(1px);
}
.spinner[data-v-ac5cb5de] {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
  border-radius: 50%;
  animation: sp-ac5cb5de 0.9s linear infinite;
}
@keyframes sp-ac5cb5de {
to {
    transform: rotate(360deg);
}
}
.busy-text[data-v-ac5cb5de] {
  color: #fff;
  font-weight: 900;
}
.toast[data-v-ac5cb5de] {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  padding: 8px 12px;
  border-radius: 10px;
  font-weight: 800;
  font-size: 13px;
  border: 1px solid transparent;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.35);
}
.quote-error[data-v-ac5cb5de] {
  color: #ffb347; /* soft orange */
}
.toast.ok[data-v-ac5cb5de] {
  background: #0f2a12;
  color: #b7ff1a;
  border-color: #2e6b2e;
}
.toast.fail[data-v-ac5cb5de] {
  background: #2a1318;
  color: #ff7a9c;
  border-color: #6b2e3a;
}

.games-scroll[data-v-7bb09d29]{height:100%;min-height:0;overflow:auto;padding-right:8px;overscroll-behavior:contain}
.grid[data-v-7bb09d29]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.game-card[data-v-7bb09d29]{display:flex;flex-direction:column;gap:6px}
.shot[data-v-7bb09d29]{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid #2a2a2a;background:#0e0e0e}
.gname[data-v-7bb09d29]{font:700 13px/1.2 'Saira',sans-serif;color:#d9d9d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hint[data-v-7bb09d29]{padding:10px;color:#8f8f8f;text-align:center}.hint.err[data-v-7bb09d29]{color:#ff7a7a}

.wrap[data-v-68299481] {
  padding: 12px;
}
.bar[data-v-68299481] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.ttl[data-v-68299481] {
  font-weight: 900;
  color: #e7e7e7;
}
.btn[data-v-68299481] {
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #cfcfcf;
  font-weight: 800;
}
.hint[data-v-68299481] {
  padding: 10px;
  color: #9aa0a6;
}
.err[data-v-68299481] {
  padding: 10px;
  color: #ff97a0;
  background: #2a1318;
  border: 1px solid #6b2e3a;
  border-radius: 10px;
  font-weight: 700;
}
.loading[data-v-68299481],
.empty[data-v-68299481] {
  padding: 10px;
  color: #9aa0a6;
}
.list[data-v-68299481] {
  border-radius: 16px;
  background: #050505;
  border: 1px solid #222;
  padding: 4px 0;

  max-height: 420px;      
  overflow-y: auto;
  scroll-behavior: smooth;

  scrollbar-width: thin;
  scrollbar-color: #444 #111;
}
.list[data-v-68299481]::-webkit-scrollbar {
  width: 6px;
}
.list[data-v-68299481]::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 4px;
}
.list[data-v-68299481]::-webkit-scrollbar-track {
  background: #111;
}
.row[data-v-68299481] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  gap: 12px;
}
.row + .row[data-v-68299481] {
  border-top: 1px solid #171717;
}
.left[data-v-68299481] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.rank[data-v-68299481] {
  width: 20px;
  text-align: right;
  font-weight: 800;
  font-size: 13px;
  color: #9ca3af;
}
.avatar[data-v-68299481] {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #222;
}
.avatar-fallback[data-v-68299481] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 14px;
  color: #e5e7eb;
}
.info[data-v-68299481] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.name[data-v-68299481] {
  font-weight: 900;
  color: #e5e7eb;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
}
.symbol[data-v-68299481] {
  font-size: 11px;
  font-weight: 700;
  color: #9ca3af;
  text-transform: uppercase;
}
.right[data-v-68299481] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.usd[data-v-68299481] {
  font-weight: 900;
  font-size: 14px;
  color: #e5e7eb;
}
.usd-empty[data-v-68299481] {
  color: #6b7280;
}
.usd-new[data-v-68299481] {
  color: #a8ff00;
  text-transform: uppercase;
}
.balance[data-v-68299481] {
  font-size: 11px;
  font-weight: 700;
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
}

.games-scroll[data-v-9fce8072]{height:100%;min-height:0;overflow:auto;padding-right:8px;overscroll-behavior:contain}
.grid[data-v-9fce8072]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.game-card[data-v-9fce8072]{display:flex;flex-direction:column;gap:6px}
.shot[data-v-9fce8072]{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid #2a2a2a;background:#0e0e0e}
.gname[data-v-9fce8072]{font:700 13px/1.2 'Saira',sans-serif;color:#d9d9d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hint[data-v-9fce8072]{padding:10px;color:#8f8f8f;text-align:center}.hint.err[data-v-9fce8072]{color:#ff7a7a}

.step-create[data-v-0af6573b]{background:#121212;border:1px solid #262626;border-radius:16px;padding:16px;color:#e7e7e7;display:flex;flex-direction:column;gap:14px}
.creating[data-v-0af6573b]{min-height:260px;display:grid;place-items:center;gap:10px;padding:24px;border:1px solid #242424;border-radius:18px;background:#0f0f0f;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.ring[data-v-0af6573b]{width:84px;height:84px;border-radius:999px;position:relative;--c:#b7ff1a;background:conic-gradient(var(--c) 0 25%, #2a2a2a 0 100%);-webkit-mask: radial-gradient(closest-side, transparent 62%, #000 64%);mask: radial-gradient(closest-side, transparent 62%, #000 64%);animation:spin-0af6573b 1s linear infinite}
@keyframes spin-0af6573b{to{transform:rotate(360deg)}}
.tip-title[data-v-0af6573b]{font:900 22px/1.2 'Saira',sans-serif;color:#eaeaea;letter-spacing:.3px;text-align:center}
.tip-sub[data-v-0af6573b]{color:#bdbdbd;text-align:center;font-weight:600}
.center-box[data-v-0af6573b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 12px;border:1px solid #232323;border-radius:14px;background:#151515}
.center-box.ok[data-v-0af6573b]{background:linear-gradient(180deg,#182016,#121212);border-color:#2a3922}
.center-box.err[data-v-0af6573b]{background:linear-gradient(180deg,#2a1818,#121212);border-color:#4a2a2a}
.big[data-v-0af6573b]{font-weight:900;font-size:18px}
.sub[data-v-0af6573b]{color:#c9c9c9;font-size:13px}
.okmark[data-v-0af6573b]{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#b7ff1a;color:#0b0b0b;font-weight:900;font-size:24px;box-shadow:0 0 22px rgba(183,255,26,.25)}
.errmark[data-v-0af6573b]{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#b94a4a;color:#fff;font-weight:900;font-size:22px;box-shadow:0 0 22px rgba(185,74,74,.25)}
.hdr .title[data-v-0af6573b]{font-weight:900;font-size:20px;margin-bottom:6px}
.meta[data-v-0af6573b]{display:grid;grid-template-columns: repeat(2, minmax(220px, 1fr));gap:8px 16px}
.row[data-v-0af6573b]{display:flex;gap:10px;align-items:center;min-width:0}
.k[data-v-0af6573b]{color:#9aa0a6;font-size:12px;min-width:80px}
.v[data-v-0af6573b]{color:#e9e9e9;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mono[data-v-0af6573b]{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace}
.status[data-v-0af6573b]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#161616;border:1px solid #2a2a2a}
.status.busy[data-v-0af6573b]{box-shadow:0 0 0 1px rgba(183,255,26,.15) inset}
.spinner[data-v-0af6573b]{width:16px;height:16px;border-radius:50%;border:2px solid #2f2f2f;border-top-color:#b7ff1a;animation:spin-0af6573b 1s linear infinite}
.txt[data-v-0af6573b]{font-size:13px;color:#cfcfcf}
.actions[data-v-0af6573b]{display:flex;flex-direction:column;gap:10px}
.btn[data-v-0af6573b]{height:42px;padding:0 16px;border-radius:12px;font-weight:900;cursor:pointer;border:1px solid #2a2a2a;background:#191919;color:#e7e7e7}
.btn[disabled][data-v-0af6573b]{opacity:.6;cursor:not-allowed}
.primary[data-v-0af6573b]{border-color:#b7ff1a;background:#b7ff1a;color:#0b0b0b;box-shadow:0 0 22px rgba(183,255,26,.25)}
.mt12[data-v-0af6573b]{margin-top:12px}
@media (max-width: 760px){
.meta[data-v-0af6573b]{ grid-template-columns: 1fr
}
}

.mask[data-v-f44c62c5] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: grid;
  place-items: center;
  z-index: 1000;
}
.panel[data-v-f44c62c5] {
  width: 520px;
  max-height: 72vh;
  border-radius: 16px;
  background: #141414;
  border: 1px solid #2a2a2a;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  color: #e7e7e7;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hd[data-v-f44c62c5] {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #232323;
  background: #191919;
}
.title[data-v-f44c62c5] {
  margin: 0;
  font: 900 18px/1 'Saira', sans-serif;
  flex: 1;
}
.x[data-v-f44c62c5] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid #2a2a2a;
  background: #171717;
  color: #ddd;
  padding: 0;
}
.tabs[data-v-f44c62c5] {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #232323;
}
.tabs button[data-v-f44c62c5] {
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #2a2a2a;
  background: #181818;
  color: #bbb;
  font-weight: 800;
}
.tabs button.on[data-v-f44c62c5] {
  background: #b7ff1a;
  border-color: #b7ff1a;
  color: #111;
}
.body[data-v-f44c62c5] {
  padding: 6px 8px 12px;
  overflow: auto;
}
.loading[data-v-f44c62c5] {
  padding: 16px;
  color: #aaa;
}
.list[data-v-f44c62c5] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.item[data-v-f44c62c5] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border: 1px solid #222;
  border-radius: 12px;
  background: #111;
}
.ava[data-v-f44c62c5] {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  object-fit: cover;
}
.meta[data-v-f44c62c5] {
  flex: 1;
  min-width: 0;
}
.name[data-v-f44c62c5] {
  font-weight: 800;
}
.sub[data-v-f44c62c5] {
  color: #aaa;
  font-size: 12px;
}
.btn[data-v-f44c62c5] {
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #2a2a2a;
  background: #181818;
  color: #ddd;
  font-weight: 800;
}
.btn.danger[data-v-f44c62c5] {
  background: #2a1212;
  border-color: #3a1a1a;
  color: #ffb3b3;
}
.more[data-v-f44c62c5] {
  display: grid;
  place-items: center;
  margin-top: 8px;
}

.panel[data-v-78b26cc2] {
  background: #141414;
  border: 1px solid #262626;
  border-radius: 14px;
  padding: 14px;
  color: #e7e7e7;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
  
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.hd[data-v-78b26cc2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.user[data-v-78b26cc2] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.av[data-v-78b26cc2] {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  object-fit: cover;
}
.meta .name[data-v-78b26cc2] {
  font-weight: 700;
  color: #fff;
}
.meta .time[data-v-78b26cc2] {
  font-size: 12px;
  color: #9aa0a6;
}
.title[data-v-78b26cc2] {
  margin: 6px 0 10px;
  font-weight: 900;
  font-size: 20px;
  flex-shrink: 0;
}
.tags[data-v-78b26cc2] {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.pill[data-v-78b26cc2] {
  height: 22px;
  padding: 0 8px;
  border: 1px solid #2b2b2b;
  border-radius: 999px;
  background: #191919;
  color: #bbb;
  font-size: 12px;
}
.ghost[data-v-78b26cc2] {
  background: transparent;
}
.metrics[data-v-78b26cc2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 10px 0 8px;
  flex-shrink: 0;
}
.k[data-v-78b26cc2] {
  color: #9aa0a6;
  font-size: 12px;
}
.v[data-v-78b26cc2] {
  font-weight: 800;
  color: #e9edf1;
  min-height: 18px;
  display: flex;
  align-items: center;
}
.v.pink[data-v-78b26cc2] {
  color: #f28aff;
}
.metric-skel[data-v-78b26cc2] {
  display: inline-block;
  width: 80px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    #262626 0%,
    #3a3a3a 50%,
    #262626 100%
  );
  background-size: 200% 100%;
  animation: metric-shimmer-78b26cc2 1.1s linear infinite;
}
@keyframes metric-shimmer-78b26cc2 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
.trade-embed[data-v-78b26cc2] {
  margin: 12px 0 10px;
  padding: 10px;
  border: 1px solid #2b2b2b;
  border-radius: 14px;
  background: #191919;
  flex-shrink: 0;
}
.tabs-wrap[data-v-78b26cc2] {
  margin-top: 6px;
  flex-shrink: 0;
}
.tab-body[data-v-78b26cc2] {
  margin-top: 10px;
  background: #111;
  border: 1px solid #232323;
  border-radius: 12px;
  padding: 10px;
  
  height: 230px;
  max-height: 230px;
  min-height: 230px;

  flex-shrink: 0;
  overflow: hidden;
}
.tab-body[data-v-78b26cc2] > * {
  height: 100%;
}

.tabs[data-v-4559e602] {
  display: flex;
  gap: 8px;
}
.tab[data-v-4559e602] {
  height: 28px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: #171717;
  color: #cfcfcf;
  font-weight: 700;
  font-size: 12px;
}
.tab.on[data-v-4559e602] {
  background: #a8ff00;
  color: #0b0b0b;
  border-color: #a8ff00;
  box-shadow: 0 0 18px rgba(168, 255, 0, 0.25);
}

.wrap[data-v-8dc06d30] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.head[data-v-8dc06d30] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 4px;
}
.ttl[data-v-8dc06d30] {
  font-weight: 900;
  font-size: 16px;
}
.sub[data-v-8dc06d30] {
  font-size: 12px;
  color: #9ca3af;
}
.hint[data-v-8dc06d30] {
  padding: 6px 0;
  font-size: 13px;
  color: #9ca3af;
}
.err[data-v-8dc06d30] {
  color: #ff97a0;
}
.list[data-v-8dc06d30] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.row[data-v-8dc06d30] {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.rank[data-v-8dc06d30] {
  text-align: right;
  font-weight: 800;
  color: #9ca3af;
  font-size: 13px;
}
.user[data-v-8dc06d30] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.avatar[data-v-8dc06d30] {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: #272727;
}
.avatar-fallback[data-v-8dc06d30] {
  border: 1px solid #333;
}
.info[data-v-8dc06d30] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.name[data-v-8dc06d30] {
  font-weight: 800;
  font-size: 14px;
  color: #e5e7eb;
  display: flex;
  align-items: center;
  gap: 4px;
}
.creator-badge[data-v-8dc06d30] {
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.5);
}
.you-badge[data-v-8dc06d30] {
  color: #60a5fa;
  border-color: rgba(96, 165, 250, 0.6);
}
.addr[data-v-8dc06d30] {
  font-size: 12px;
  color: #9ca3af;
}
.pct[data-v-8dc06d30] {
  display: flex;
  justify-content: flex-end;
}
.pct-pill[data-v-8dc06d30] {
  min-width: 70px;
  text-align: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  color: #111827;
  background: #f3f4f6;
}
.pct-pill.top[data-v-8dc06d30] {
  background: #000;
  color: #f9fafb;
}
.pct-pill.creator[data-v-8dc06d30] {
  background: #2563eb;
  color: #f9fafb;
}

.box[data-v-40f3e662] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;  /* stretch to match Details height inside RightPanel */
  height: 100%;
  min-height: 0;
}

/* header */
.head[data-v-40f3e662] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.ttl[data-v-40f3e662] {
  font-weight: 900;
  font-size: 16px;
}
.hint[data-v-40f3e662] {
  padding: 6px 0;
  font-size: 13px;
  color: #9ca3af;
  flex-shrink: 0;
}
.err[data-v-40f3e662] {
  color: #ff97a0;
}

/* scroll area */
.list[data-v-40f3e662] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
}

/* tight fixed columns on the right */
.row[data-v-40f3e662] {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)   /* avatar + name */
    30px             /* Buy/Sell */
    50px             /* amount */
    50px             /* USD */
    30px;            /* time */
  gap: 4px;
  align-items: center;
  padding: 6px 0;
}

/* left: avatar + name */
.user[data-v-40f3e662] {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.avatar[data-v-40f3e662] {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  object-fit: cover;
  background: #272727;
  flex-shrink: 0;
}
.avatar-fallback[data-v-40f3e662] {
  border: 1px solid #333;
}
.info[data-v-40f3e662] {
  min-width: 0;
}
.name[data-v-40f3e662] {
  font-weight: 800;
  font-size: 14px;
  color: #e5e7eb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Buy/Sell badge */
.side[data-v-40f3e662] {
  display: flex;
  justify-content: flex-end;
}
.side-pill[data-v-40f3e662] {
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}
.side-pill.buy[data-v-40f3e662] {
  background: #d1fae5;
  color: #065f46;
}
.side-pill.sell[data-v-40f3e662] {
  background: #fee2e2;
  color: #b91c1c;
}

/* numeric columns */
.amt[data-v-40f3e662] {
  text-align: center;
  font-size: 13px;
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
}
.price[data-v-40f3e662] {
  text-align: center;
  font-size: 13px;
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
}
.time[data-v-40f3e662] {
  text-align: right;
  font-size: 13px;
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
}

.wrap[data-v-a9550b1c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 260px;
  max-height: 260px;
}
.ttl[data-v-a9550b1c] {
  font-weight: 900;
  font-size: 16px;
}
.hint[data-v-a9550b1c] {
  padding: 6px 0;
  font-size: 13px;
  color: #9ca3af;
}
.err[data-v-a9550b1c] {
  color: #ff97a0;
}
.grid[data-v-a9550b1c] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;

  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.row[data-v-a9550b1c] {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #1f2933;
}
.row[data-v-a9550b1c]:last-child {
  border-bottom: none;
}
.k[data-v-a9550b1c] {
  font-size: 13px;
  color: #9ca3af;
}
.v[data-v-a9550b1c] {
  font-size: 14px;
  font-weight: 700;
  color: #e5e7eb;
}
.mono[data-v-a9550b1c] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}
.v-contract[data-v-a9550b1c] {
  display: grid;
  grid-template-columns: 1fr auto; 
  align-items: center;
  width: 100%;
}
.addr[data-v-a9550b1c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cp-btn[data-v-a9550b1c] {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid #2b2b2b;
  background: #191919;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.cp-btn[data-v-a9550b1c]:disabled {
  opacity: 0.4;
  cursor: default;
}
.cp-icon[data-v-a9550b1c] {
  width: 14px;
  height: 14px;
}
.user[data-v-a9550b1c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.avatar[data-v-a9550b1c] {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  object-fit: cover;
  background: #272727;
}
.avatar-fallback[data-v-a9550b1c] {
  border: 1px solid #333;
}
.user-names[data-v-a9550b1c] {
  display: flex;
  flex-direction: column;
}
.name[data-v-a9550b1c] {
  font-weight: 800;
  font-size: 14px;
}
.handle[data-v-a9550b1c] {
  font-size: 12px;
  color: #9ca3af;
}

.mask[data-v-f2010742] {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(2px);
  display: grid;
  place-items: center;
}
.panel[data-v-f2010742] {
  width: 960px;
  max-width: 96vw;
  max-height: 92vh;
  border-radius: 22px;
  background: rgba(10, 10, 10, 0.92);
  color: #e7e7e7;
  border: 1px solid #2a2a2a;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.close[data-v-f2010742] {
  position: absolute;
  right: 16px;
  top: 14px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #ddd;
  font-weight: 900;
}
.detail[data-v-f2010742] {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.left[data-v-f2010742] {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #111;
  border: 1px solid #222;
  border-radius: 10px;
  min-height: 50vh;
}
.big[data-v-f2010742] {
  max-width: 100%;
  max-height: 72vh;
  object-fit: contain;
  border-radius: 8px;
  display: block;
}
.ph[data-v-f2010742] {
  color: #aaa;
}
.right[data-v-f2010742] {
  flex: 0 0 400px;
}
@media (max-width: 1180px) {
.detail[data-v-f2010742] {
    flex-direction: column;
}
.right[data-v-f2010742] {
    width: auto;
}
}

.feed-card[data-v-bf4d5c0e]{background:#111;border:1px solid #1f1f1f;border-radius:16px;overflow:hidden;color:#e7e7e7;cursor:pointer;position:relative}
.new-mark[data-v-bf4d5c0e]{
  position:absolute;
  left:10px;
  top:10px;
  width:36px;
  height:auto;
  z-index:10;
}
.hd[data-v-bf4d5c0e]{
  padding:12px 14px 6px;
}
.row-main[data-v-bf4d5c0e]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.row-left[data-v-bf4d5c0e]{
  display:flex;
  align-items:center;
  gap:8px;
}
.row-right[data-v-bf4d5c0e]{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.u[data-v-bf4d5c0e]{display:flex;align-items:center;gap:10px}
.u-av[data-v-bf4d5c0e]{width:30px;height:30px;border-radius:50%;object-fit:cover}
.u-name[data-v-bf4d5c0e]{font-family:'Saira',sans-serif;font-weight:700;letter-spacing:.2px;cursor:pointer;outline:none}
.u-name[data-v-bf4d5c0e]:focus{box-shadow:0 0 0 2px rgba(168,255,0,.5);border-radius:6px}
.pair[data-v-bf4d5c0e]{display:flex;align-items:center;gap:18px}
.pair-col[data-v-bf4d5c0e]{display:flex;align-items:center;gap:8px}
.pair-img-wrap[data-v-bf4d5c0e]{width:22px;height:22px;border-radius:4px;background:#0d0d0d;border:1px solid #222;display:grid;place-items:center;overflow:hidden}
.pair-img[data-v-bf4d5c0e]{width:100%;height:100%;object-fit:cover}
.pair-title[data-v-bf4d5c0e]{font:500 12px/1.2 'Saira',sans-serif;color:#bdbdbd;white-space:nowrap}
.mini-av[data-v-bf4d5c0e]{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:0 0 22px}
.bold[data-v-bf4d5c0e]{font-weight:800;color:#e7e7e7}
.green[data-v-bf4d5c0e]{color:#a8ff00}
.muted[data-v-bf4d5c0e]{color:#b0b0b0}
.media-wrap[data-v-bf4d5c0e]{background:#0d0d0d;margin-top:2px;max-height:33vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.media[data-v-bf4d5c0e]{width:100%;height:auto;max-height:33vh;object-fit:contain;display:block}
.ft[data-v-bf4d5c0e]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;gap:10px;border-top:1px solid #141414}
.nums[data-v-bf4d5c0e]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.price[data-v-bf4d5c0e]{display:flex;align-items:center;gap:8px;margin-right:6px}
.tri[data-v-bf4d5c0e]{color:#a8ff00}
.act[data-v-bf4d5c0e]{height:30px;padding:0 10px;border-radius:8px;border:1px solid #242424;background:#151515;color:#dcdcdc;font:600 13px/1 'Saira',sans-serif}
.trade[data-v-bf4d5c0e]{height:32px;padding:0 16px;border-radius:10px;border:1px solid #a8ff00;background:#a8ff00;color:#111;font:800 14px/1 'Saira',sans-serif;box-shadow:0 0 18px rgba(168,255,0,.22)}
.caption-wrap[data-v-bf4d5c0e]{padding:6px 14px 14px}
.caption[data-v-bf4d5c0e]{text-align:left;white-space:normal;word-break:break-word;color:#e7e7e7;font:600 16px/1.35 'Saira',sans-serif;letter-spacing:.1px}
.caption.clamped[data-v-bf4d5c0e]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.readmore[data-v-bf4d5c0e]{margin-top:6px;padding:0;background:transparent;border:0;color:#a8ff00;font:700 14px/1 'Saira',sans-serif;cursor:pointer}

.am-backdrop[data-v-4b800c15] {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 60;
  outline: none;
}
.am[data-v-4b800c15] {
  width: min(520px, 92vw);
  border-radius: 16px;
  background: #111;
  color: #fff;
  border: 1px solid #232323;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}
.am-hd[data-v-4b800c15] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #1e1e1e;
}
.am-ttl[data-v-4b800c15] {
  font-weight: 800;
}
.am-x[data-v-4b800c15] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1b1b1b;
  border: 1px solid #2a2a2a;
  color: #fff;
  cursor: pointer;
}
.am-body[data-v-4b800c15] {
  padding: 16px;
  display: grid;
  gap: 10px;
}
.am-lb[data-v-4b800c15] {
  font-size: 12px;
  color: #9ca3af;
}
.am-inp[data-v-4b800c15] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  background: #1a1a1a;
  color: #fff;
  outline: none;
}
.am-inp[data-v-4b800c15]::placeholder {
  color: #8b8b8b;
}
.am-ft[data-v-4b800c15] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 16px;
  border-top: 1px solid #1e1e1e;
}
.am-btn[data-v-4b800c15] {
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
}
.am-btn.ghost[data-v-4b800c15] {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  color: #fff;
}
.am-btn.ghost[data-v-4b800c15]:hover {
  background: #242424;
}
.am-btn.pri[data-v-4b800c15] {
  background: #a4ff3a;
  border: 1px solid #111;
  color: #000;
}
.am-btn.pri[data-v-4b800c15]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.reco-card[data-v-a2b4f311] {
  width: 306px;
  height: 108px;
  border-radius: 18px;
  background: #121212;
  border: 1px solid #242424;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.top-bar[data-v-a2b4f311] {
  height: 8px;
  margin: 0;
  background: no-repeat center / cover;
}
.body[data-v-a2b4f311] {
  display: grid;
  grid-template-columns: 56px 1fr;
  column-gap: 12px;
  padding: 10px 14px;
  position: relative;
}
.avatar[data-v-a2b4f311] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #2a2a2a;
}
.main[data-v-a2b4f311] { min-width: 0; padding-right: 90px;
}
.name[data-v-a2b4f311] { font-size: 16px; font-weight: 700; color: #ececec;
}
.handle[data-v-a2b4f311] { font-size: 12px; color: #9aa0a6; margin-top: 2px;
}
.stats[data-v-a2b4f311] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.stat[data-v-a2b4f311] { display: flex; align-items: center; gap: 6px;
}
.icon[data-v-a2b4f311] { width: 14px; height: 14px; opacity: 0.9;
}
.value[data-v-a2b4f311] { font-size: 13px; font-weight: 600; color: #d9d9d9;
}
.green[data-v-a2b4f311] { color: #b7ff1a;
}
.tri[data-v-a2b4f311] {
  font-size: 13px;
  color: #a8ff00;
  line-height: 1;
}
.follow[data-v-a2b4f311] {
  position: absolute;
  right: 14px;
  bottom: 18px;
  height: 34px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid #a8ff00;
  background: #b7ff1a;
  color: #0e0e0e;
  font-weight: 800;
  font-family: 'Oxanium', sans-serif;
  box-shadow: 0 0 20px rgba(183, 255, 26, 0.25);
  cursor: pointer;
}
.follow.on[data-v-a2b4f311] { background:#ff7a17; border-color:#ff7a17; color:#111;
}
.follow[data-v-a2b4f311]:disabled { opacity:.7; cursor:not-allowed;
}
.follow[data-v-a2b4f311]:hover:not(:disabled) { filter: brightness(0.96);
}

.reco[data-v-430f9608]{ width:300px; position:sticky; top:72px; align-self:flex-start; margin-left:24px
}
.hdr[data-v-430f9608]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ttl[data-v-430f9608]{margin:0;color:#b7ff1a;font-family:'Saira',sans-serif;font-weight:700;letter-spacing:.6px}
.list[data-v-430f9608]{display:flex;flex-direction:column;gap:10px}

.page[data-v-eac5fb4f]{padding:0 8px 40px;background:#0b0b0b;color:#e7e7e7;}
.top[data-v-eac5fb4f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.tabs[data-v-eac5fb4f]{display:flex;gap:10px}
.tab[data-v-eac5fb4f]{height:32px;padding:0 14px;border-radius:10px;border:1px solid #242424;background:#151515;color:#cfcfcf;font-weight:600}
.tab.active[data-v-eac5fb4f]{color:#111;background:#a8ff00;border-color:#a8ff00;box-shadow:0 0 18px rgba(168,255,0,.25)}
.grid[data-v-eac5fb4f]{display:grid;grid-template-columns: 1fr 300px;gap:36px;max-width:1200px;margin:0 auto;}
.list-col[data-v-eac5fb4f]{min-width:0}
.list[data-v-eac5fb4f]{display:flex;flex-direction:column;gap:16px}
.more[data-v-eac5fb4f]{display:flex;align-items:center;justify-content:center;margin-top:12px}
.more-btn[data-v-eac5fb4f]{height:36px;padding:0 16px;border-radius:10px;border:1px solid #242424;background:#151515;color:#cfcfcf}
.loading[data-v-eac5fb4f]{color:#8c8c8c}
.right-col[data-v-eac5fb4f]{position:sticky; top:96px; height:fit-content;}
.fade-enter-active[data-v-eac5fb4f],.fade-leave-active[data-v-eac5fb4f]{transition:all .18s ease}
.fade-enter-from[data-v-eac5fb4f]{opacity:0;transform:translateY(4px)}
.fade-leave-to[data-v-eac5fb4f]{opacity:0;transform:translateY(-4px)}
.hdr[data-v-eac5fb4f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.ttl[data-v-eac5fb4f] {
  margin: 0;
  color: #b7ff1a;
  font-family: 'Saira', sans-serif;
  font-weight: 700;
  letter-spacing: 0.6px;
}

/* Trade Popover  */
.tp-backdrop[data-v-eac5fb4f]{position:fixed; inset:0; background:rgba(0,0,0,.5); display:grid; place-items:center; z-index:1000;}
.tp-panel[data-v-eac5fb4f]{background:#101010; border:1px solid #262626; border-radius:16px; padding:0; box-shadow:0 20px 60px rgba(0,0,0,.45);}

.filters[data-v-ac76b47f] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}
.tab[data-v-ac76b47f] {
  height: 32px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #242424;
  background: #151515;
  color: #cfcfcf;
  font-weight: 600;
}
.tab.active[data-v-ac76b47f] {
  color: #111;
  background: #a8ff00;
  border-color: #a8ff00;
  box-shadow: 0 0 18px rgba(168, 255, 0, 0.25);
}
.grid[data-v-ac76b47f] {
  display: grid;
  grid-template-columns: repeat(3, 306px);
  justify-content: center;
  gap: 24px 18px;
  margin: 20px auto;
  max-width: 1000px;
}
.more[data-v-ac76b47f] { display: flex; justify-content: center; padding: 16px 0 24px;
}
.more-btn[data-v-ac76b47f] { min-width: 220px; height: 40px; border-radius: 12px; border: 1px solid #2a2a2a; background: #101010; color: #e7e7e7;
}
.loading[data-v-ac76b47f] { color: #8c8c8c;
}

.carousel[data-v-e425660e] {
  position: relative;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #1c1c1c;
  background: #111;
}
.img[data-v-e425660e] {
  width: 100%;
  display: block;
  object-fit: cover;
  max-height: 300px;
}

/* ⭐ Center title + button */
.center-box[data-v-e425660e] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
}
.title[data-v-e425660e] {
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0,0,0,0.6);
}

/* ⭐ Big play button */
.play-btn[data-v-e425660e] {
  padding: 10px 28px;
  border-radius: 999px;
  background: #b7ff1a;
  color: #050505;
  font-size: 15px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  box-shadow: 0 0 12px rgba(183,255,26,0.35);
  transition: all 0.2s ease;
}
.play-btn[data-v-e425660e]:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 16px rgba(183,255,26,0.5);
}

/* arrows */
.nav[data-v-e425660e] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #2a2a2a;
  background: #141414;
  color: #e7e7e7;
  padding: 0;
}
.left[data-v-e425660e] { left: 10px;
}
.right[data-v-e425660e] { right: 10px;
}

/* dots */
.dots[data-v-e425660e] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.dot[data-v-e425660e] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #444;
  cursor: pointer;
}
.dot.on[data-v-e425660e] {
  background: #b7ff1a;
  box-shadow: 0 0 10px rgba(183,255,26,0.3);
}

.card[data-v-b54413a1]{
  display:flex; flex-direction:column;
  background:#171717; border:1px solid #262626; border-radius:16px;
  padding:12px; gap:12px; cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.card[data-v-b54413a1]:hover{ transform: translateY(-2px); border-color:#3a3a3a; box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.media[data-v-b54413a1]{
  position:relative; border-radius:12px; overflow:hidden; background:#0f0f0f;
  
  aspect-ratio: 460 / 215;
}
.cover[data-v-b54413a1]{ width:100%; height:100%; object-fit:cover; display:block;
}
.badge[data-v-b54413a1]{
  position:absolute; left:10px; top:10px;
  height:24px; padding:0 10px; border-radius:10px;
  display:inline-flex; align-items:center; gap:6px;
  font-size:12px; font-weight:800; letter-spacing:.2px;
  color:#fff; border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.55); backdrop-filter: blur(6px);
}
.badge.played[data-v-b54413a1]{ background:#1e3a8a; border-color:#3553b4;
}
.badge.new[data-v-b54413a1]{ background:#065f46; border-color:#0ea76a;
}
.badge.featured[data-v-b54413a1]{ background:#4d2a00; border-color:#ffcc66;
}
.meta[data-v-b54413a1]{ display:flex; flex-direction:column; gap:10px;
}
.title[data-v-b54413a1]{
  margin:0; color:#e9e9e9; font-weight:900; font-size:18px; line-height:1.2;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.platforms[data-v-b54413a1]{ display:flex; align-items:center; gap:10px;
}
.pf[data-v-b54413a1]{ width:22px; height:22px; display:block; filter: drop-shadow(0 0 0 rgba(0,0,0,0));
}
.cta[data-v-b54413a1]{
  height:36px; border-radius:12px; border:1px solid #b7ff1a;
  background:#b7ff1a; color:#0b0b0b; font-weight:900; letter-spacing:.2px;
  box-shadow:0 0 24px rgba(183,255,26,.22);
}
.cta.ghost[data-v-b54413a1]{
  background:transparent; color:#b7ff1a; border-color:#3a3a3a; box-shadow:none;
}
.cta[data-v-b54413a1]:active{ transform: translateY(1px);
}

.games-page[data-v-02cc1345]{
  display:grid; grid-template-columns: 260px 1fr; gap:20px;
  padding: 18px 22px 40px; background:#0b0b0b; color:#e7e7e7;
}
.left-col[data-v-02cc1345]{position:sticky; top:72px; height:fit-content}
.search .inp[data-v-02cc1345]{
  width:100%; height:36px; border-radius:10px; border:1px solid #222;
  background:#151515; color:#cfcfcf; padding:0 12px; outline:none;
}
.cat-title[data-v-02cc1345]{ margin:14px 0 8px; color:#9aa0a6; font-size:13px
}
.cat-list[data-v-02cc1345]{ display:flex; flex-direction:column; gap:10px
}
.cat[data-v-02cc1345]{
  width:100%; height:42px; padding:0 12px; border-radius:12px;
  border:1px solid #222; background:#151515; color:#ddd; display:flex;
  align-items:center; gap:10px;
}
.cat.active[data-v-02cc1345]{ outline:1px solid #ff9c27; background:#191614
}
.ci[data-v-02cc1345]{ width:18px; height:18px
}
.tick[data-v-02cc1345]{ margin-left:auto; color:#b7ff1a; font-weight:900
}
.main-col[data-v-02cc1345]{ min-width:0
}
.mb-16[data-v-02cc1345]{ margin-bottom:16px
}
.platforms[data-v-02cc1345]{ display:flex; gap:10px; margin-bottom:10px
}
.pill[data-v-02cc1345]{
  height:28px; padding:0 12px; border-radius:999px; border:1px solid #262626;
  background:#141414; color:#cfcfcf; display:inline-flex; align-items:center;
  cursor:pointer; user-select:none;
}
.pill.on[data-v-02cc1345]{ background:#b7ff1a; color:#0b0b0b; border-color:#b7ff1a; box-shadow:0 0 18px rgba(183,255,26,.18)
}
.grid-title[data-v-02cc1345]{ font-family:'Saira',sans-serif; font-weight:700; margin:12px 0
}
.grid[data-v-02cc1345]{
  display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px;
}
@media (max-width: 1280px){
.grid[data-v-02cc1345]{ grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width: 720px){
.grid[data-v-02cc1345]{ grid-template-columns: 1fr
}
}
.hint[data-v-02cc1345]{ color:#8c8c8c; padding:16px 0
}
.hint.err[data-v-02cc1345]{ color:#ff7a7a
}
.sk-card[data-v-02cc1345]{ display:flex; flex-direction:column; gap:8px; padding:10px; border:1px solid #222; border-radius:12px; background:#121212
}
.sk-thumb[data-v-02cc1345]{ width:100%; aspect-ratio:16/9; border-radius:10px; background:#1a1a1a
}
.sk-line[data-v-02cc1345]{ height:14px; border-radius:6px; background:#1a1a1a
}
.sk-line.short[data-v-02cc1345]{ width:60%
}
.shimmer[data-v-02cc1345]{
  position:relative; overflow:hidden;
}
.shimmer[data-v-02cc1345]::after{
  content:""; position:absolute; inset:0;
  transform:translateX(-100%); 
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  animation: shimmer-02cc1345 1.2s infinite;
}
@keyframes shimmer-02cc1345{
100% { transform: translateX(100%);
}
}

.play-page[data-v-17156af1]{ padding:18px 22px 40px; color:#e7e7e7; background:#0b0b0b;
}
.hdr[data-v-17156af1]{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px
}
.title[data-v-17156af1]{ margin:0; font-weight:900; font-size:22px
}
.btn[data-v-17156af1]{
  height:34px; padding:0 12px; border-radius:10px; border:1px solid #2a2a2a;
  background:#191919; color:#e7e7e7; cursor:pointer
}
.hint[data-v-17156af1]{ color:#8c8c8c; padding:16px 0
}
.hint.err[data-v-17156af1]{ color:#ff7a7a
}
.grid[data-v-17156af1]{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px
}
@media (max-width: 1100px){
.grid[data-v-17156af1]{ grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width: 720px){
.grid[data-v-17156af1]{ grid-template-columns: 1fr
}
}
.sk-card[data-v-17156af1]{ display:flex; flex-direction:column; gap:8px; padding:10px; border:1px solid #222; border-radius:12px; background:#121212
}
.sk-thumb[data-v-17156af1]{ width:100%; aspect-ratio:16/9; border-radius:10px; background:#1a1a1a
}
.sk-line[data-v-17156af1]{ height:14px; border-radius:6px; background:#1a1a1a
}
.sk-line.short[data-v-17156af1]{ width:60%
}
.shimmer[data-v-17156af1]{ position:relative; overflow:hidden
}
.shimmer[data-v-17156af1]::after{ content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent); animation: shimmer-17156af1 1.2s infinite
}
@keyframes shimmer-17156af1{
100% { transform: translateX(100%);
}
}
.stack[data-v-17156af1]{ display:flex; flex-direction:column; gap:12px
}
.game-card[data-v-17156af1]{
  display:flex; flex-direction:column; gap:10px; padding:12px;
  border:1px solid #222; border-radius:12px; background:#121212
}
.g-left[data-v-17156af1]{ display:flex; gap:12px; align-items:center
}
.g-thumb[data-v-17156af1]{ width:180px; aspect-ratio:16/9; border-radius:10px; overflow:hidden; background:#151515; border:1px solid #222; flex:0 0 auto
}
.g-thumb img[data-v-17156af1]{ width:100%; height:100%; object-fit:cover; display:block
}
.g-info[data-v-17156af1]{ min-width:0
}
.g-name[data-v-17156af1]{ font-weight:900; font-size:18px
}
.badge[data-v-17156af1]{ margin-left:8px; padding:2px 8px; border-radius:999px; font-size:12px; border:1px solid #333
}
.badge.played[data-v-17156af1]{ background:#b7ff1a; color:#111; border-color:#b7ff1a
}
.badge.new[data-v-17156af1]{ background:#3b82f6; border-color:#3b82f6
}
.g-sub[data-v-17156af1]{ margin-top:4px; display:flex; gap:6px; flex-wrap:wrap
}
.chip[data-v-17156af1]{ font-size:12px; padding:2px 8px; border-radius:999px; border:1px solid #333; color:#cfcfcf
}
.g-stats[data-v-17156af1]{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:10px; margin-top:8px
}
.s[data-v-17156af1]{ display:flex; flex-direction:column; gap:4px; background:#0f0f0f; border:1px solid #222; border-radius:10px; padding:10px
}
.s .k[data-v-17156af1]{ color:#9aa0a6; font-size:12px
}
.s .v[data-v-17156af1]{ font-weight:800
}
.s.wide[data-v-17156af1]{ grid-column: 1 / -1
}
.ach-card[data-v-17156af1]{
  display:grid; grid-template-columns: 64px 1fr auto; gap:12px; align-items:center;
  padding:12px; border:1px solid #222; border-radius:12px; background:#121212
}
.ach-icon[data-v-17156af1]{ width:64px; height:64px; border-radius:12px; object-fit:cover; background:#0f0f0f; border:1px solid #262626
}
.ach-center[data-v-17156af1]{ min-width:0
}
.ach-name[data-v-17156af1]{ font-weight:900; font-size:16px
}
.ach-sub[data-v-17156af1]{ color:#9aa0a6; font-size:13px; margin-top:2px
}
.ach-stats[data-v-17156af1]{ margin-top:6px; display:flex; gap:12px; color:#cfcfcf; font-size:13px; flex-wrap:wrap
}
.tag[data-v-17156af1]{ padding:6px 10px; border-radius:999px; border:1px solid #333; font-weight:800; font-size:12px
}
.tag.ok[data-v-17156af1]{ background:#b7ff1a; color:#111; border-color:#b7ff1a
}
.tag.todo[data-v-17156af1]{ background:#1a1a1a; color:#ddd
}
.end[data-v-17156af1]{ opacity:.7
}
.more[data-v-17156af1]{ display:flex; justify-content:center; margin-top:12px
}

/* ====== Card ====== */
.ach-card[data-v-abebd6a7]{
  display:flex; align-items:center; gap:18px;
  padding:16px 18px; border-radius:16px;
  background:#171717; border:1px solid #262626;
}
.ach-card.inactive[data-v-abebd6a7]{ background:#17130f;
}
.icon[data-v-abebd6a7]{
  width:86px; height:86px; border-radius:12px; object-fit:cover;
  background:#0f0f0f; border:1px solid #262626;
}
.center[data-v-abebd6a7]{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px;
}
.name[data-v-abebd6a7]{
  margin:0; color:#f1f3f5; font-weight:900; font-size:18px;
  line-height:1.25; text-align:left; white-space:normal; word-break:break-word;
}
.metrics[data-v-abebd6a7]{ display:flex; justify-content:center; align-items:flex-start; gap:36px; padding-top:2px;
}
.m[data-v-abebd6a7]{ text-align:center; min-width:140px;
}
.k[data-v-abebd6a7]{ color:#9aa0a6; font-size:13px; margin-bottom:4px;
}
.v[data-v-abebd6a7]{ color:#e9ecef; font-weight:800; font-size:18px; letter-spacing:.3px;
}
.v.green[data-v-abebd6a7]{ color:#b7ff1a;
}
.subline[data-v-abebd6a7]{ color:#c8c8c8; font-size:15px; text-align:left;
}
.right[data-v-abebd6a7]{
  display:flex; flex-direction:column; align-items:flex-end; gap:10px; min-width:220px;
}
.owners[data-v-abebd6a7]{ color:#ff8a1a; font-weight:800; font-size:16px; text-align:right; line-height:1.2;
}
.btn[data-v-abebd6a7]{ height:44px; padding:0 28px; border-radius:22px; font-weight:900; font-size:18px; border:0; cursor:pointer;
}
.trade[data-v-abebd6a7]{ background:#b7ff1a; color:#0b0b0b; box-shadow:0 0 22px rgba(183,255,26,.25);
}
.active[data-v-abebd6a7]{ background:#ff7a1a; color:#fff; box-shadow:0 0 20px rgba(255,122,26,.18);
}
@media (max-width: 980px){
.ach-card[data-v-abebd6a7]{ flex-direction:column; align-items:flex-start; gap:14px;
}
.metrics[data-v-abebd6a7]{ justify-content:flex-start; gap:24px;
}
.right[data-v-abebd6a7]{ align-items:flex-start; min-width:0; width:100%;
}
.owners[data-v-abebd6a7]{ text-align:left;
}
}
.acmask[data-v-abebd6a7]{
  position:fixed; inset:0; z-index:1400;          
  display:grid; place-items:center;               
  background:rgba(0,0,0,.55); backdrop-filter:blur(2px);
}
.acpanel[data-v-abebd6a7]{
  width:520px; max-width:92vw; border-radius:16px; overflow:hidden;
  background:#131313; border:1px solid #2a2a2a; box-shadow:0 24px 80px rgba(0,0,0,.5);
}
.achd[data-v-abebd6a7]{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; border-bottom:1px solid #232323;
  background:linear-gradient(180deg,#191919,#141414);
}
.ach3[data-v-abebd6a7]{ margin:0; font:900 16px/1 'Saira',sans-serif;
}
.acx[data-v-abebd6a7]{ width:28px; height:28px; border-radius:8px; border:1px solid #2a2a2a; background:#171717; color:#ddd; cursor:pointer
}
.acbody[data-v-abebd6a7]{ padding:12px;
}
.actip[data-v-abebd6a7]{ color:#cfcfcf; margin:0 0 10px;
}
.aclab[data-v-abebd6a7]{ display:flex; flex-direction:column; gap:8px;
}
.ack[data-v-abebd6a7]{ color:#b7ff1a; font:800 14px/1 'Saira',sans-serif;
}
.acrow[data-v-abebd6a7]{ display:flex; gap:8px; align-items:center;
}
.acinp[data-v-abebd6a7]{
  flex:1; height:40px; border-radius:12px; border:1px solid #2a2a2a; background:#1a1a1a; color:#f2f2f2;
  padding:0 12px; outline:none; font-weight:800;
}
.acmono[data-v-abebd6a7]{ font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace
}
.acbtn[data-v-abebd6a7]{ height:40px; padding:0 14px; border-radius:12px; border:1px solid #2b2b2b; background:#1b1b1b; color:#e7e7e7; font-weight:800; cursor:pointer
}
.acbtn-green[data-v-abebd6a7]{ background:#b7ff1a; border-color:#b7ff1a; color:#111
}
.achint[data-v-abebd6a7]{ color:#8aa; font-size:12px
}

.box[data-v-fa5fe1d9] {
  display: grid;
  grid-template-columns: 520px 1fr;
  gap: 24px;
  background: radial-gradient(120% 120% at 80% 10%, rgba(183, 255, 26, 0.08), transparent), #141414;
  border: 1px solid #252525;
  border-radius: 18px;
  padding: 18px 18px 22px;
}
.banner[data-v-fa5fe1d9] {
  width: 100%;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.stats[data-v-fa5fe1d9] {
  margin-top: 12px;
  background: #111;
  border: 1px solid #222;
  border-radius: 12px;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  align-items: flex-start;
}
.col .k[data-v-fa5fe1d9] { color: #9aa0a6; font-size: 12px; margin-bottom: 4px;
}
.col .v[data-v-fa5fe1d9] { color: #e7e7e7; font-weight: 700;
}
.col .green[data-v-fa5fe1d9] { color: #b7ff1a;
}
.accent[data-v-fa5fe1d9] { color: #b7ff1a;
}
.col-wide[data-v-fa5fe1d9] { grid-column: 1 / -1;
}
.progress-wrapper[data-v-fa5fe1d9] {
  background: #323232;
  overflow: hidden;
  margin: 4px 0 2px;
  border: 1px solid #737373;
  border-radius: 4px;
  padding: 3px;
}
.progress[data-v-fa5fe1d9] { position: relative; height: 10px; border-radius: 4px;
}
.bar[data-v-fa5fe1d9] { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 2px;
}
.bar-claimed[data-v-fa5fe1d9] { background: #ff6d00; z-index: 1;
}
.bar-claim[data-v-fa5fe1d9] { background: #4ade80; z-index: 0;
}
.rail[data-v-fa5fe1d9] { position: absolute; inset: 0; pointer-events: none;
}
.hint[data-v-fa5fe1d9] { color: #9aa0a6; font-size: 12px;
}
.claim-row[data-v-fa5fe1d9] { display: flex; align-items: center; justify-content: space-between; margin-top: 8px;
}
.claim-text[data-v-fa5fe1d9] { color: #cfd2d6; font-weight: 700;
}
.claim-num[data-v-fa5fe1d9] { color: #b7ff1a;
}
.btn.claim[data-v-fa5fe1d9] {
  height: 32px; padding: 0 14px; border-radius: 10px; font-weight: 900;
  border: 1px solid #b7ff1a; background: #b7ff1a; color: #0b0b0b;
  box-shadow: 0 0 18px rgba(183, 255, 26, 0.22);
}
.title[data-v-fa5fe1d9] { margin: 0; color: #fff; font-weight: 900; font-size: 28px;
}
.title2[data-v-fa5fe1d9] { margin-top: 4px; color: #cfd2d6; font-weight: 800; font-size: 20px;
}
.desc[data-v-fa5fe1d9] { margin: 12px 0 16px; color: #c8c8c8; line-height: 1.6;
}
.row[data-v-fa5fe1d9] {
  width: fit-content; display: flex; flex-direction: column; justify-content: center; align-items: center;
  gap: 10px; margin: 0 auto; margin-top: 120px;
}
.btn[data-v-fa5fe1d9] { display: block; padding: 10px 16px; border-radius: 22px; border: 1px solid #2a2a2a; font-size: 18px;
}
.green[data-v-fa5fe1d9] {
  width: 100%; background: #b7ff1a; color: #0b0b0b; border-color: #b7ff1a;
  box-shadow: 0 0 22px rgba(183, 255, 26, 0.25);
}
.purple[data-v-fa5fe1d9] { display: flex; align-items: center; background: #000000; color: #ff00ff; border-color: #737373;
}
.ach[data-v-fa5fe1d9] { margin-top: 18px;
}
.ach-title[data-v-fa5fe1d9] { color: #b7ff1a; margin: 0 0 10px;
}
@media (max-width: 900px) {
.box[data-v-fa5fe1d9] { grid-template-columns: 1fr;
}
.stats[data-v-fa5fe1d9] { grid-template-columns: 1fr 1fr;
}
}
.info p[data-v-fa5fe1d9] { margin: 0;
}
.section-1[data-v-fa5fe1d9] {
  display: flex; gap: 40px; padding: 22px 0 20px; border-bottom: 2px solid #323232; margin-bottom: 26px;
}
.tp[data-v-fa5fe1d9], .lp[data-v-fa5fe1d9] { display: flex; flex-direction: column; gap: 3px;
}
.tp-t[data-v-fa5fe1d9], .lp-t[data-v-fa5fe1d9] { font-size: 16px;
}
.tp-v[data-v-fa5fe1d9], .lp-v[data-v-fa5fe1d9] { color: #b4ff00; font-size: 20px;
}
.section-2[data-v-fa5fe1d9] { display: flex; gap: 40px; margin-bottom: 24px;
}
.mc[data-v-fa5fe1d9], .hv[data-v-fa5fe1d9], .ce[data-v-fa5fe1d9] { display: flex; flex-direction: column; gap: 8px;
}
.mc-t[data-v-fa5fe1d9], .hv-t[data-v-fa5fe1d9], .ce-t[data-v-fa5fe1d9] { font-size: 16px; color: #ffffffb2;
}
.mc-v[data-v-fa5fe1d9], .hv-v[data-v-fa5fe1d9], .ce-v[data-v-fa5fe1d9] { display: flex; align-items: center; gap: 9px; font-size: 20px;
}
.mc-v[data-v-fa5fe1d9] { color: #b4ff00;
}
.section-3[data-v-fa5fe1d9] { width: 80%; margin-bottom: 16px;
}
.section-3-1[data-v-fa5fe1d9] { display: flex; align-items: center; gap: 20px;
}
.section-3-1 .line[data-v-fa5fe1d9] { width: 100%; height: 1px; background-color: #ffffffb2; opacity: 0.4;
}
.section-3-1 .title[data-v-fa5fe1d9] { white-space: nowrap; margin: 0; color: #fff; font-weight: 600; font-size: 16px;
}
.section-3 .balance[data-v-fa5fe1d9] { color: #b4ff00; font-size: 12px;
}
.section-4[data-v-fa5fe1d9] { width: 80%;
}
.coins-claim[data-v-fa5fe1d9] {
  display: flex; align-items: end; justify-content: space-between;
  border: 1px solid #737373; background-color: #000000; padding: 13px; border-radius: 4px;
  background-image: url('/assets/blur-DCot4b7f.png'); background-size: 100% 100%;
}
.coins-claim .title[data-v-fa5fe1d9] { color: #fff; font-weight: 600; font-size: 16px;
}
.coins-claim .coins[data-v-fa5fe1d9] { color: #b4ff00; font-weight: 500; font-size: 16px; margin-right: auto; margin-left: 20px;
}
.claimbtn[data-v-fa5fe1d9] { width: fit-content; padding: 10px 16px 7px; border-radius: 4px;
}

/* Fullscreen claim overlay */
.claim-overlay[data-v-fa5fe1d9] {
  position: fixed; inset: 0; z-index: 3000;
  display: grid; place-items: center;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(2px);
}
.claim-overlay-card[data-v-fa5fe1d9] {
  width: min(520px, 92vw);
  padding: 28px 22px;
  border-radius: 16px;
  border: 1px solid #2a2a2a;
  background: linear-gradient(180deg, #151515, #0f0f0f);
  box-shadow: 0 12px 48px rgba(0,0,0,0.45);
  display: grid; place-items: center; gap: 10px;
  text-align: center;
}
.claim-spinner[data-v-fa5fe1d9] {
  width: 64px; height: 64px; border-radius: 50%;
  border: 4px solid rgba(255,255,255,0.15);
  border-top-color: #b7ff1a;
  animation: spin-fa5fe1d9 0.9s linear infinite;
}
.claim-title[data-v-fa5fe1d9] { color: #eaeaea; font-weight: 900; font-size: 18px;
}
.claim-sub[data-v-fa5fe1d9] { color: #bdbdbd; font-weight: 600; font-size: 13px;
}
@keyframes spin-fa5fe1d9 {
to { transform: rotate(360deg);
}
}
.trade-pop-backdrop[data-v-fa5fe1d9] {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: grid;
  place-items: center;
  z-index: 3200;
}
.trade-pop-panel[data-v-fa5fe1d9] {
  background: #101010;
  border: 1px solid #262626;
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 20px 60px rgba(0,0,0,0.45);
}

.gen-skeleton[data-v-9dbbf44c] {
  width: 100%;
  padding: 12px;
  text-align: center;
}
.sk-img[data-v-9dbbf44c] {
  width: 100%;
  height: clamp(160px, 36vh, 360px);
  border-radius: 10px;
  background: linear-gradient(90deg, #1e1e1e 25%, #242424 37%, #1e1e1e 63%);
  background-size: 400% 100%;
  animation: shimmer-9dbbf44c 1.2s ease-in-out infinite;
}
.sk-row[data-v-9dbbf44c] {
  height: 12px;
  margin-top: 10px;
  border-radius: 6px;
  background: linear-gradient(90deg, #1e1e1e 25%, #242424 37%, #1e1e1e 63%);
  background-size: 400% 100%;
  animation: shimmer-9dbbf44c 1.2s ease-in-out infinite;
}
.sk-row.w50[data-v-9dbbf44c] {
  width: 50%;
}
.gen-hint[data-v-9dbbf44c] {
  margin-top: 10px;
  color: #dfe3e6;
  font-weight: 800;
}
@keyframes shimmer-9dbbf44c {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}

/* ===== Card (gh- prefix) ===== */
.gh-box[data-v-9dbbf44c] {
  display: grid;
  grid-template-columns: 520px 1fr;
  gap: 24px;
  background: radial-gradient(120% 120% at 80% 10%, rgba(183, 255, 26, 0.08), transparent), #141414;
  border: 1px solid #252525;
  border-radius: 18px;
  padding: 18px 18px 22px;
}
.gh-banner[data-v-9dbbf44c] {
  width: 100%;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.gh-title[data-v-9dbbf44c] {
  margin: 0;
  color: #fff;
  font-size: 28px;
  letter-spacing: 0.2px;
  margin-bottom: 34px;
}
.gh-title2[data-v-9dbbf44c] {
  margin-top: 4px;
  color: #cfd2d6;
  font-weight: 800;
  font-size: 20px;
}
.gh-desc[data-v-9dbbf44c] {
  margin: 12px 0 16px;
  color: #fff;
  line-height: 1.6;
}
.gh-row[data-v-9dbbf44c] {
  display: flex;
  gap: 10px;
}
.gh-btn[data-v-9dbbf44c] {
  height: 40px;
  padding: 0 16px;
  border-radius: 12px;
  font-weight: 800;
  border: 1px solid #2a2a2a;
  background: #191919;
  color: #e7e7e7;
  cursor: pointer;
  margin-top: 48px;
}
.gh-btn-green[data-v-9dbbf44c] {
  background: #b7ff1a;
  color: #0b0b0b;
  border-color: #b7ff1a;
  box-shadow: 0 0 22px rgba(183, 255, 26, 0.25);
}
@media (max-width: 900px) {
.gh-box[data-v-9dbbf44c] {
    grid-template-columns: 1fr;
}
}

/* ===== Achievements ===== */
.ach[data-v-9dbbf44c] {
  margin-top: 18px;
}
.ach-title[data-v-9dbbf44c] {
  color: #eaeaea;
  margin: 0 0 10px;
  font-weight: 900;
  font-size: 18px;
}

/* ===== Start Game Modal ===== */
.pcm-mask[data-v-9dbbf44c] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: grid;
  place-items: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
}
.pcm-panel[data-v-9dbbf44c] {
  position: relative;
  width: 560px;
  max-height: 90vh;
  border-radius: 16px;
  background: #131313;
  color: #e7e7e7;
  border: 1px solid #2a2a2a;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pcm-hd[data-v-9dbbf44c] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid #232323;
  background: linear-gradient(180deg, #191919, #141414);
}
.pcm-h3[data-v-9dbbf44c] {
  margin: 0;
  font: 900 16px/1 'Saira', sans-serif;
  flex: 1;
}
.pcm-x[data-v-9dbbf44c] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid #2a2a2a;
  background: #171717;
  color: #ddd;
  cursor: pointer;
  padding: 0;
}
.pcm-x[data-v-9dbbf44c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pcm-body[data-v-9dbbf44c] {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1;
  overflow-y: auto;
}
.pcm-section[data-v-9dbbf44c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pcm-k[data-v-9dbbf44c] {
  color: #b7ff1a;
  font: 800 14px/1 'Saira', sans-serif;
  margin-bottom: 4px;
}
.req[data-v-9dbbf44c] {
  color: #ff6b6b;
  font-weight: 900;
  margin-left: 4px;
}
.pcm-lab[data-v-9dbbf44c] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pcm-inp[data-v-9dbbf44c] {
  height: 40px;
  border-radius: 12px;
  border: 1px solid #2a2a2a;
  background: #1a1a1a;
  color: #f2f2f2;
  padding: 0 12px;
  outline: none;
  font-weight: 800;
}
.pcm-inp.is-error[data-v-9dbbf44c] {
  border-color: #ff5a5a !important;
  box-shadow: 0 0 0 1px rgba(255, 90, 90, 0.35) inset;
}
.err-msg[data-v-9dbbf44c] {
  color: #ff6b6b;
  font-size: 12px;
  font-weight: 800;
  margin: 4px 2px 0;
}
.pcm-mono[data-v-9dbbf44c] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.pcm-skip-row[data-v-9dbbf44c] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #cfcfcf;
  font-size: 14px;
}
.pcm-bind-row[data-v-9dbbf44c] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.pcm-hint[data-v-9dbbf44c] {
  color: #8aa;
  font-size: 12px;
}
.pcm-section.is-dim[data-v-9dbbf44c] {
  opacity: 0.55;
}

/* tabs */
.up-tabs[data-v-9dbbf44c] {
  display: flex;
  gap: 8px;
}
.up-tab[data-v-9dbbf44c] {
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #262626;
  background: #141414;
  color: #cfcfcf;
  cursor: pointer;
  font-weight: 800;
}
.up-tab.on[data-v-9dbbf44c] {
  background: #b7ff1a;
  color: #0b0b0b;
  border-color: #b7ff1a;
  box-shadow: 0 0 18px rgba(183, 255, 26, 0.18);
}
.up-tab[data-v-9dbbf44c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* upload / preview */
.upbox[data-v-9dbbf44c] {
  border: 1px dashed #3a3a3a;
  border-radius: 16px;
  min-height: 220px;
  display: grid;
  place-items: center;
  background: #161616;
  cursor: pointer;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.upbox[data-v-9dbbf44c]:hover {
  border-color: #4a4a4a;
  background: #171717;
}
.upbox.is-error[data-v-9dbbf44c] {
  border-color: #ff5a5a;
}
.up-empty[data-v-9dbbf44c] {
  text-align: center;
  user-select: none;
  pointer-events: none;
}
.up-emoji[data-v-9dbbf44c] {
  font-size: 34px;
  margin-bottom: 6px;
}
.up-title[data-v-9dbbf44c] {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 2px;
}
.up-sub[data-v-9dbbf44c] {
  font-size: 12px;
  color: #8c8c8c;
  margin-bottom: 10px;
}
.up-browse[data-v-9dbbf44c] {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: #111;
  border: 1px solid #2b2b2b;
  font-weight: 800;
  font-size: 14px;
}
.up-preview[data-v-9dbbf44c] {
  width: 100%;
  padding: 12px;
  overflow: hidden;
}
.up-img[data-v-9dbbf44c] {
  width: 100%;
  height: auto;
  max-height: clamp(160px, 36vh, 360px);
  border-radius: 10px;
  object-fit: contain;
  display: block;
}
.up-actions[data-v-9dbbf44c] {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.gen-row[data-v-9dbbf44c] {
  display: flex;
  gap: 8px;
  margin: 10px 12px 14px;
  width: 100%;
}
.gen-row .pcm-inp[data-v-9dbbf44c] {
  flex: 1;
}

/* footer */
.pcm-ft[data-v-9dbbf44c] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 14px;
  border-top: 1px solid #232323;
}
.pcm-btn[data-v-9dbbf44c] {
  height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #2b2b2b;
  background: #1b1b1b;
  color: #e7e7e7;
  font-weight: 800;
  cursor: pointer;
}
.pcm-btn-ghost[data-v-9dbbf44c] {
  background: transparent;
}
.pcm-btn-run[data-v-9dbbf44c] {
  background: #b7ff1a;
  border-color: #b7ff1a;
  color: #111;
}
.pcm-btn[data-v-9dbbf44c]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.hidden[data-v-9dbbf44c] {
  display: none;
}

/* ===== Busy overlay ===== */
.busy-mask[data-v-9dbbf44c] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  pointer-events: auto;
  z-index: 10;
}
.spinner[data-v-9dbbf44c] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: #b7ff1a;
  animation: spin-9dbbf44c 1s linear infinite;
}
.busy-text[data-v-9dbbf44c] {
  color: #dfe3e6;
  font-weight: 900;
  letter-spacing: 0.2px;
}
@keyframes spin-9dbbf44c {
to {
    transform: rotate(360deg);
}
}

.gd-page[data-v-a2826cc7] {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 18px;
  padding: 18px 22px 40px;
  background: #0b0b0b;
  color: #e7e7e7;
}
.main[data-v-a2826cc7] {
  min-width: 0;
}
.right[data-v-a2826cc7] {
  position: sticky;
  top: 72px;
  height: fit-content;
}
.side-title[data-v-a2826cc7] {
  margin: 0;
  color: #b7ff1a;
  letter-spacing: 0.4px;
}
.mt8[data-v-a2826cc7] {
  margin-top: 8px;
}
.gd-empty[data-v-a2826cc7] {
  padding: 40px;
  color: #a0a0a0;
}

/* loading skeleton */
.gd-loading[data-v-a2826cc7] {
  padding: 18px 22px 40px;
  background: #0b0b0b;
  min-height: 100vh;
}
.sk-banner[data-v-a2826cc7] {
  height: 240px;
  border-radius: 16px;
  background: #151515;
  margin-bottom: 16px;
}
.sk-block[data-v-a2826cc7] {
  height: 180px;
  border-radius: 16px;
  background: #151515;
}
.shimmer[data-v-a2826cc7] {
  position: relative;
  overflow: hidden;
}
.shimmer[data-v-a2826cc7]::after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);
  animation: shimmer-a2826cc7 1.2s infinite;
}
@keyframes shimmer-a2826cc7 {
100% {
    transform: translateX(100%);
}
}
@media (max-width: 1024px) {
.gd-page[data-v-a2826cc7] {
    grid-template-columns: 1fr;
}
.right[data-v-a2826cc7] {
    position: static;
}
}

.detail[data-v-e8ad95a5] { display: flex; align-items: start; gap: 50px;
}
.posttrade[data-v-e8ad95a5] {
  --panel-w: 400px; --gap: 20px; --right-pad: 100px;
  display: block; max-width: 1600px; margin: 0 auto;
  padding: 20px calc(var(--right-pad) + var(--gap) + var(--panel-w)) 40px 20px;
}
.left[data-v-e8ad95a5] {
  display: flex; justify-content: center; align-items: center;
  background: #111; border: 1px solid #222; border-radius: 10px;
  min-height: 60vh; max-width: 1200px; margin: 0 auto; top: 180px;
}
.media[data-v-e8ad95a5], .big[data-v-e8ad95a5] { max-width: 100%; max-height: 80vh; object-fit: contain; border-radius: 8px; display: block;
}
@media (max-width: 1180px) {
.posttrade[data-v-e8ad95a5] { padding: 16px;
}
.right[data-v-e8ad95a5] { position: static; width: auto; margin-top: 12px;
}
.left[data-v-e8ad95a5] { max-width: none; min-height: 50vh;
}
}

.play-game[data-v-c3d046ee] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.playTime[data-v-c3d046ee] {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  z-index: 999;
  margin: 0;
}
.playTimeError[data-v-c3d046ee] {
  color: red;
}
.roate[data-v-c3d046ee] {
  transform: rotate(-90deg) translate(-100%, 0);
  transform-origin: top left;
}

.page-wrap[data-v-85ad5d10] {
  background: #0b0b0b; 
  min-height: 100%;
}
.container[data-v-85ad5d10] {
  max-width: var(--v05ba0807);
  margin: 0 auto;
  padding: 0 var(--v61ca9544);
}
.grid[data-v-85ad5d10] {
  display: grid;
  align-items: start;
}
.single[data-v-85ad5d10] {
  width: 100%;
}
.main[data-v-85ad5d10],
.aside[data-v-85ad5d10] {
  min-width: 0;
}

.card[data-v-606f6590] {
  margin: 22px auto 40px;
  background: #101010;
  border: 1px solid #262626;
  border-radius: 16px;
  padding: 16px;
  color: #e7e7e7;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.hd[data-v-606f6590] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.logo[data-v-606f6590] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}
.t[data-v-606f6590] {
  font: 900 20px/1 'Saira', sans-serif;
}
.sk[data-v-606f6590] {
  color: #9aa0a6;
  padding: 10px 0;
}
.msg[data-v-606f6590] {
  color: #9aa0a6;
  padding: 6px 0;
}
.row[data-v-606f6590] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #1d1d1d;
}
.row[data-v-606f6590]:last-child {
  border-bottom: 0;
}
.k[data-v-606f6590] {
  color: #9aa0a6;
}
.v[data-v-606f6590] {
  font-weight: 800;
}
.v.ok[data-v-606f6590] {
  color: #b7ff1a;
}
.v.no[data-v-606f6590] {
  color: #ff7a7a;
}
.amt[data-v-606f6590] {
  font: 900 18px/1 'Saira', sans-serif;
}
.claim[data-v-606f6590] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed #2a2a2a;
}
.tag[data-v-606f6590] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  margin-right: 6px;
  border: 1px solid #2a2a2a;
}
.tag.pending[data-v-606f6590] {
  color: #ffcf66;
}
.tag.sent[data-v-606f6590] {
  color: #b7ff1a;
  border-color: #3a4a1a;
}
.tag.failed[data-v-606f6590] {
  color: #ff7a7a;
  border-color: #4a2a2a;
}
.mini[data-v-606f6590] {
  color: #a9a9a9;
  font-size: 12px;
}
.actions[data-v-606f6590] {
  display: flex;
  justify-content: center;
  margin-top: 14px;
}
.btn[data-v-606f6590] {
  height: 42px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #e7e7e7;
  font-weight: 900;
}
.primary[data-v-606f6590] {
  border-color: #b7ff1a;
  background: #b7ff1a;
  color: #0b0b0b;
}
.btn[disabled][data-v-606f6590] {
  opacity: 0.6;
  cursor: not-allowed;
}
.msg.not-white[data-v-606f6590] {
  text-align: center;
  font-weight: 800;
  font-size: 16px;
  color: #ff7a7a;
  margin: 16px 0;
}
.countdown[data-v-606f6590] {
  margin: 8px 0 4px;
  text-align: center;
  color: #b7ff1a;
  font-weight: 900;
}

.mask[data-v-12e43b12] {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(2px);
  display: grid;
  place-items: center;
  overscroll-behavior: contain;
}
.panel[data-v-12e43b12] {
  width: 710px;
  height: 880px;
  border-radius: 22px;
  background: rgba(10, 10, 10, 0.92);
  color: #e7e7e7;
  border: 1px solid #2a2a2a;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  padding: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.close[data-v-12e43b12] {
  position: absolute;
  right: 16px;
  top: 14px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #ddd;
  font-weight: 900;
  padding: 0;
  text-align: center;
}
.hero[data-v-12e43b12] {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 128px 1fr;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-radius: 18px;
  background: radial-gradient(120% 120% at 85% 10%, rgba(168, 255, 0, 0.1), transparent 60%), linear-gradient(180deg, #1c1c1c 0%, #171717 100%);
  border: 1px solid #2b2b2b;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 20px 40px rgba(0, 0, 0, 0.35);
}
.hero.err[data-v-12e43b12] {
  background: linear-gradient(180deg, #2a1212, #1b1414);
  border-color: #4b1f1f;
}
.err-text[data-v-12e43b12] {
  color: #ffb6b6;
  font-weight: 700;
  margin: 6px 0 0 0;
}
.avatar-wrap[data-v-12e43b12] {
  display: grid;
  place-items: center;
}
.avatar-ring[data-v-12e43b12] {
  width: 112px;
  height: 112px;
  border-radius: 999px;
  padding: 4px;
  background: conic-gradient(#8a2be2, #a8ff00, #ff7a17, #8a2be2);
}
.avatar-ring.dim[data-v-12e43b12] {
  background: #2a2a2a;
}
.av[data-v-12e43b12] {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  display: block;
  background: #0e0e0e;
}
.av.dim[data-v-12e43b12] {
  background: #1d1d1d;
}
.hero-main[data-v-12e43b12] {
  min-width: 0;
}
.title-row[data-v-12e43b12] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.name[data-v-12e43b12] {
  margin: 0;
  font: 900 32px/1.1 'Saira', sans-serif;
  letter-spacing: 0.4px;
}
.sub[data-v-12e43b12] {
  margin-top: 2px;
  color: #d2d2d2;
  font-weight: 600;
}
.sub .link[data-v-12e43b12] {
  all: unset;
  cursor: pointer;
  color: #e7e7e7;
}
.sub .link[data-v-12e43b12]:hover {
  text-decoration: underline;
}
.info-bar[data-v-12e43b12] {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 18px;
  background: #0f0f0f;
  border: 1px solid #242424;
  border-radius: 14px;
  padding: 12px 16px;
}
.k[data-v-12e43b12] {
  color: #9aa0a6;
  font-size: 12px;
}
.v[data-v-12e43b12] {
  font-weight: 900;
  font-size: 18px;
}
.up[data-v-12e43b12] {
  color: #a8ff00;
}
.hs[data-v-12e43b12] {
  display: flex;
  gap: 8px;
}
.h[data-v-12e43b12] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #2a2a2a;
}
.icons[data-v-12e43b12] {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.active-section[data-v-12e43b12] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  margin-top: 12px;
  border-radius: 16px;
  background: linear-gradient(135deg, #b7ff1a 0%, #ffcc33 100%);
  border: 1px solid #d7ff80;
  box-shadow: 0 6px 20px rgba(183, 255, 26, 0.28);
}
.active-text[data-v-12e43b12] {
  font: 900 20px/1.2 'Saira', sans-serif;
  color: #111;
  letter-spacing: 0.2px;
}
.btn[data-v-12e43b12] {
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid #2a2a2a;
  background: #191919;
  color: #e7e7e7;
  font: 800 15px/1 'Saira', sans-serif;
}
.btn.trade[data-v-12e43b12] {
  min-width: 160px;
  background: #b7ff1a;
  border-color: #b7ff1a;
  color: #0b0b0b;
  box-shadow: 0 0 22px rgba(168, 255, 0, 0.28);
}
.btn.follow[data-v-12e43b12] {
  min-width: 180px;
}
.btn.follow.on[data-v-12e43b12] {
  background: #ff7a17;
  border-color: #ff7a17;
  color: #111;
}
.btn.settings[data-v-12e43b12] {
  min-width: 180px;
  background: #2a2a2a;
  border-color: #3a2a2a;
}
.ops[data-v-12e43b12] {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.tabs[data-v-12e43b12] {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  max-width: 560px;
  margin: 0 auto;
  padding: 6px 0 2px;
}
.tabs button[data-v-12e43b12] {
  height: 36px;
  border-radius: 12px;
  padding: 0 16px;
  border: 1px solid #2a2a2a;
  background: #141414;
  color: #cfcfcf;
  font: 800 14px/1 'Saira', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tabs button .ti[data-v-12e43b12] {
  margin-right: 8px;
  opacity: 0.9;
}
.tabs button.on[data-v-12e43b12] {
  background: #a8ff00;
  border-color: #a8ff00;
  color: #111;
}
.tabs button.on[data-v-12e43b12]::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background: #a8ff00;
  box-shadow: 0 0 8px rgba(168, 255, 26, 0.6);
}
.body[data-v-12e43b12] {
  flex: 1 1 auto;
  min-height: 0;
  border: 1px solid #252525;
  border-radius: 18px;
  background: #121212;
  padding: 16px;
  overflow: hidden;
}
[data-v-12e43b12] .games-scroll {
  height: 100% !important;
  overflow: auto;
  padding-right: 8px;
  overscroll-behavior: contain;
}
[data-v-12e43b12] .grid {
  gap: 12px;
}
[data-v-12e43b12] .hint {
  padding: 10px;
}
.trade-pop-fixed[data-v-12e43b12] {
  position: absolute;
  width: 338px;
  height: 420px;
  z-index: 2000;
}
.skeleton[data-v-12e43b12] {
  background: linear-gradient(90deg, #1f1f1f, #252525, #1f1f1f);
  background-size: 200% 100%;
  animation: sh-12e43b12 1.2s infinite;
  border-radius: 10px;
}
@keyframes sh-12e43b12 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
.skeleton.av[data-v-12e43b12] {
  width: 112px;
  height: 112px;
  border-radius: 999px;
}
.skeleton.title[data-v-12e43b12] {
  width: 50%;
  height: 28px;
}
.skeleton.line[data-v-12e43b12] {
  width: 36%;
  height: 16px;
  margin-top: 6px;
}
.skeleton.chip[data-v-12e43b12] {
  width: 60%;
  height: 28px;
  border-radius: 8px;
}
.skeleton.ico[data-v-12e43b12] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}

.profile-preloader[data-v-7a30cd26]{
  position:fixed; inset:0; z-index:1000;
  background:rgba(0,0,0,.55); backdrop-filter:blur(2px);
  display:grid; place-items:center;
}
.profile-preloader .spinner[data-v-7a30cd26]{
  width:44px; height:44px; border-radius:50%;
  border:3px solid #666; border-top-color:#b7ff1a;
  animation:spin-7a30cd26 .8s linear infinite;
}
.profile-preloader .tip[data-v-7a30cd26]{
  margin-top:12px; color:#e7e7e7; font-weight:800; text-align:center;
}
@keyframes spin-7a30cd26{
to{ transform:rotate(360deg)
}
}
.fade-enter-active[data-v-7a30cd26],.fade-leave-active[data-v-7a30cd26]{ transition:opacity .18s ease
}
.fade-enter-from[data-v-7a30cd26],.fade-leave-to[data-v-7a30cd26]{ opacity:0
}

.notif-panel[data-v-147e365c] {
  position: fixed;
  z-index: 9999;                
  background: #141414;
  border: 1px solid #262626;
  border-radius: 12px;
  color: #e7e7e7;
  box-shadow: 0 16px 48px rgba(0,0,0,.5);
  overflow: hidden;
}
.hd[data-v-147e365c] { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid #262626
}
.ops[data-v-147e365c] { display:flex; gap:8px; align-items:center
}
.text[data-v-147e365c] { background:transparent; border:0; color:#b7ff1a; font-weight:700; cursor:pointer
}
.text[data-v-147e365c]:disabled { opacity:.5; cursor:default
}
.icon[data-v-147e365c] { background:#1a1a1a; border:1px solid #2a2a2a; color:#bbb; border-radius:8px; height:28px; width:28px; cursor: pointer;
}
.list[data-v-147e365c] { max-height: 60vh; overflow:auto
}
.item[data-v-147e365c] { position:relative; padding:10px 12px 10px 16px; border-bottom:1px solid #1f1f1f; cursor:pointer
}
.item[data-v-147e365c]:hover { background:#171717
}
.item.unread .title[data-v-147e365c] { color:#fff; font-weight:800
}
.title[data-v-147e365c] { margin-bottom:2px; color:#e7e7e7
}
.desc[data-v-147e365c] { color:#bcbcbc; font-size:12px
}
.time[data-v-147e365c] { color:#999; font-size:11px; margin-top:4px
}
.dot[data-v-147e365c] { position:absolute; left:6px; top:16px; width:6px; height:6px; border-radius:999px; background:#b7ff1a; box-shadow:0 0 10px rgba(183,255,26,.35)
}
.empty[data-v-147e365c] { text-align:center; padding:24px 12px; color:#aaa
}
.empty .t1[data-v-147e365c] { color:#e7e7e7; font-weight:800
}
.empty .t2[data-v-147e365c] { font-size:12px
}

.install-modal[data-v-5ddbb6bd]{
  position: fixed; inset: 0; z-index: 2000;
  background: rgba(0,0,0,.6);
  display: grid; place-items: center;
  backdrop-filter: blur(2px);
}
.content[data-v-5ddbb6bd]{
  width: 360px; max-width: calc(100vw - 32px);
  background: #141414; color: #eee;
  border: 1px solid #2a2a2a; border-radius: 14px;
  padding: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
.title[data-v-5ddbb6bd]{ margin: 0 0 6px; font-size: 20px; font-weight: 900
}
.sub[data-v-5ddbb6bd]{ margin: 0 0 12px; color: #9aa0a6; font-size: 14px
}
.options[data-v-5ddbb6bd]{ display: flex; gap: 12px; justify-content: center; margin: 12px 0 10px
}
.opt[data-v-5ddbb6bd]{
  width: 150px; padding: 12px 10px;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  background: #1b1b1b; border: 1px solid #2b2b2b; color: #fff;
  border-radius: 12px; cursor: pointer;
}
.opt[data-v-5ddbb6bd]:hover{ background:#1f1f1f
}
.opt img[data-v-5ddbb6bd]{ width: 48px; height: 48px; display:block
}
.label[data-v-5ddbb6bd]{ font-weight: 800
}
.opt.disabled[data-v-5ddbb6bd]{ opacity: .45; cursor: not-allowed; filter: grayscale(1)
}
.close[data-v-5ddbb6bd]{
  width: 100%; height: 38px;
  border-radius: 10px; border: 1px solid #3a3a3a;
  background: #191919; color: #ddd; cursor: pointer;
}

.err-msg[data-v-16c6e721]{color:#ff6b6b;font-size:12px;font-weight:700;margin:4px 2px 0}
.wrap[data-v-16c6e721]{height:100%;display:flex;flex-direction:column;align-items:center;color:#e7e7e7;text-align:left;padding:4px 6px 6px;box-sizing:border-box;gap:10px;}
.h2[data-v-16c6e721]{font:900 clamp(20px,3.2vh,26px)/1.15 'Saira',sans-serif;margin:4px 0 2px;text-align:center;}
.avatar[data-v-16c6e721]{width:clamp(60px,12vh,82px);height:clamp(60px,12vh,82px);border-radius:999px;border:3px solid #d9d9d9;box-shadow:inset 0 0 0 3px #0d0d0d,0 4px 10px rgba(0,0,0,.4);position:relative;cursor:pointer;flex:0 0 auto;}
.avatar img[data-v-16c6e721]{width:100%;height:100%;border-radius:50%;object-fit:cover}
.edit[data-v-16c6e721]{position:absolute;right:4px;bottom:4px;width:clamp(13px,2.1vh,18px);height:clamp(13px,2.1vh,18px);border-radius:999px;display:grid;place-items:center;background:#b7ff1a;color:#111;font-weight:900;box-shadow:0 2px 5px rgba(183,255,26,.25);font-size:10px;}
.tip-required[data-v-16c6e721]{margin-top:6px;color:#ff9b9b;font-weight:800;font-size:12px}
.lab[data-v-16c6e721]{width:100%;max-width:460px;display:flex;flex-direction:column;gap:8px}
.k[data-v-16c6e721]{color:#b7ff1a;font:800 clamp(14px,2.2vh,16px)/1 'Saira',sans-serif;display:flex;align-items:center;gap:6px}
.k i[data-v-16c6e721]{font-style:normal;color:#d0d0d0;font-weight:700}
.k.with-arrow[data-v-16c6e721]::after{content:'›';margin-left:6px;opacity:.7}
.inp[data-v-16c6e721],.tx[data-v-16c6e721]{
  width:100%;
  border-radius:12px;
  border:1px solid #2a2a2a;
  background:#1a1a1a;
  color:#f2f2f2;
  padding:10px 12px;
  outline:none;
  font-weight:800;
  box-sizing:border-box;
  height:clamp(38px,5.4vh,44px);
}
.inp[data-v-16c6e721]{
  position: relative;         
  padding-right: 36px;
}
.inp-user[data-v-16c6e721]{
  position: relative;         
  padding-left: 36px;
}
.ok-icon[data-v-16c6e721],.bad-icon[data-v-16c6e721],.spin-icon[data-v-16c6e721]{
  position:absolute;
  right:12px;                 
  top:50%;
  transform:translateY(-50%);
  font-weight:900;
}
.ok-icon[data-v-16c6e721]{color:#98ff1a}
.bad-icon[data-v-16c6e721]{color:#ff6b6b}
.spin-icon[data-v-16c6e721]{width:16px;height:16px;border:2px solid #777;border-top-color:#b7ff1a;border-radius:999px;animation:rot-16c6e721 .9s linear infinite}
@keyframes rot-16c6e721{to{transform:rotate(360deg)}}
.inp-user .at[data-v-16c6e721]{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  color:#9aa0a6;
}
.tx[data-v-16c6e721]{height:clamp(96px,18vh,140px);resize:none}
.hint[data-v-16c6e721]{color:#8aa;font-size:12px;text-align:right;margin-top:4px}
.cta[data-v-16c6e721]{margin-top:4px;width:clamp(220px,60%,260px);height:clamp(42px,6.5vh,48px);border-radius:28px;background:#b7ff1a;color:#111;border:0;font:900 clamp(16px,2.4vh,18px)/1 'Saira',sans-serif;box-shadow:0 10px 28px rgba(183,255,26,.23);flex:0 0 auto;}
.cta[data-v-16c6e721]:disabled{opacity:.4;pointer-events:none}
.pill-steps[data-v-16c6e721]{display:flex;align-items:center;gap:12px;padding:8px 14px;margin-bottom:4px;border-radius:999px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:1px solid #3a3a3a;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -2px 8px rgba(0,0,0,.35);color:#d0d0d0;font:800 18px/1 'Saira',sans-serif}
.pill-steps i[data-v-16c6e721]{opacity:.6}
.pill-steps span[data-v-16c6e721]{display:flex;align-items:center;gap:10px}
.pill-steps .badge[data-v-16c6e721]{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;color:#111;background:#353535;border:1px solid #3a3a3a;font:900 14px/1 'Saira',sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.pill-steps .on[data-v-16c6e721]{color:#b7ff1a}
.pill-steps .on .badge[data-v-16c6e721]{background:#b7ff1a;border-color:#b7ff1a;color:#111;box-shadow:0 0 10px rgba(183,255,26,.25),inset 0 1px 0 rgba(255,255,255,.2)}

.wrap[data-v-631087af]{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; color:#e7e7e7
}
.pill-steps[data-v-631087af]{
  display:flex; align-items:center; gap:12px;
  padding:8px 14px; margin-bottom:4px;
  border-radius:999px;
  background: linear-gradient(180deg, #2a2a2a, #1a1a1a);
  border:1px solid #3a3a3a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -2px 8px rgba(0,0,0,.35);
  color:#d0d0d0;
  font:800 18px/1 'Saira',sans-serif;
}
.pill-steps i[data-v-631087af]{ opacity:.6
}
.pill-steps span[data-v-631087af]{ display:flex; align-items:center; gap:10px;
}
.pill-steps .badge[data-v-631087af]{
  display:inline-grid; place-items:center;
  width:22px; height:22px; border-radius:999px;
  color:#111; background:#353535; border:1px solid #3a3a3a;
  font:900 14px/1 'Saira',sans-serif;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.pill-steps .on[data-v-631087af]{ color:#b7ff1a;
}
.pill-steps .on .badge[data-v-631087af]{
  background:#b7ff1a; border-color:#b7ff1a; color:#111;
  box-shadow:0 0 10px rgba(183,255,26,.25), inset 0 1px 0 rgba(255,255,255,.2);
}
.pill-steps .ok[data-v-631087af]{ color:#e7e7e7;
}
.pill-steps .ok .badge[data-v-631087af]{
  background:#b7ff1a; border-color:#b7ff1a; color:#111; font-weight:900;
  box-shadow:0 0 10px rgba(183,255,26,.25), inset 0 1px 0 rgba(255,255,255,.2);
}
.h2[data-v-631087af]{ font:900 26px/1.2 'Saira',sans-serif; margin-top:10px
}
.sub[data-v-631087af]{ color:#c8c8c8; max-width:520px; line-height:1.45
}
.list[data-v-631087af]{ display:flex; flex-direction:column; gap:14px; margin:8px 0 10px; width:100%; max-width:520px
}
.btn[data-v-631087af]{
  height:58px; border-radius:14px; border:1px solid #2a2a2a; background:#1a1a1a; color:#ddd;
  display:flex; align-items:center; gap:12px; padding:0 16px; font:800 18px/1 'Saira',sans-serif;
}
.btn .ico[data-v-631087af]{ font-size:22px; width:28px; text-align:center
}
.btn.focus[data-v-631087af]{ outline:2px solid #4bb3ff;
}
.finish[data-v-631087af]{
  margin-top:6px; width:220px; height:46px; border-radius:999px; border:0;
  background:#b7ff1a; color:#111; font:900 18px/1 'Saira',sans-serif;
  box-shadow:0 12px 30px rgba(183,255,26,.25);
}

.mask[data-v-777eab90]{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:1000;backdrop-filter:blur(2px)}
.panel[data-v-777eab90]{
  width:480px;height:700px;border-radius:18px;background:#131313;border:1px solid #2a2a2a;box-shadow:0 20px 60px rgba(0,0,0,.45);color:#e7e7e7;display:flex;flex-direction:column;overflow:hidden
}
.hd[data-v-777eab90]{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #232323;background:linear-gradient(180deg,#191919,#141414)}
.title[data-v-777eab90]{margin:0;font:900 18px/1 'Saira',sans-serif;flex:1}
.steps[data-v-777eab90]{display:flex;gap:6px}
.steps span[data-v-777eab90]{width:22px;height:22px;border-radius:999px;border:1px solid #2a2a2a;display:grid;place-items:center;font:700 12px/1 'Saira',sans-serif;color:#aaa}
.steps span.on[data-v-777eab90]{background:#a8ff00;border-color:#a8ff00;color:#111}
.x[data-v-777eab90]{width:28px;height:28px;border-radius:8px;border:1px solid #2a2a2a;background:#171717;color:#ddd}
.body[data-v-777eab90]{flex:1;min-height:0;padding:12px;overflow:hidden}
.toast[data-v-777eab90]{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:8px 12px;font-weight:800}
.fade-enter-active[data-v-777eab90],.fade-leave-active[data-v-777eab90]{transition:opacity .18s ease}
.fade-enter-from[data-v-777eab90],.fade-leave-to[data-v-777eab90]{opacity:0}

.mask[data-v-9da09c61] {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(0,0,0,.58);
  backdrop-filter: blur(2px);
  display: grid;
  place-items: center;
}
.fade-enter-active[data-v-9da09c61], .fade-leave-active[data-v-9da09c61] { transition: opacity .2s;
}
.fade-enter-from[data-v-9da09c61], .fade-leave-to[data-v-9da09c61] { opacity: 0;
}
.panel[data-v-9da09c61] {
  width: 520px;
  max-width: calc(100vw - 40px);
  border-radius: 18px;
  background: rgba(10,10,10,.92);
  color: #e7e7e7;
  border: 1px solid #2a2a2a;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
  padding: 20px 20px 16px;
  position: relative;
}
.x[data-v-9da09c61] {
  position: absolute;
  right: 14px;
  top: 12px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #ddd;
  font-weight: 900;
  padding: 0;
  text-align: center;
}
.head[data-v-9da09c61] {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 8px;
}
.icon[data-v-9da09c61] {
  width: 36px; height: 36px; border-radius: 10px;
  display: grid; place-items: center;
  font-weight: 900;
  border: 1px solid #2a2a2a;
  background: #141414;
}
.icon.success[data-v-9da09c61] {
  background: #b7ff1a; color: #0b0b0b; border-color: #b7ff1a;
  box-shadow: 0 0 18px rgba(183,255,26,.22);
}
.icon.error[data-v-9da09c61] {
  background: #ff7a17; color: #111; border-color: #ff7a17;
}
.icon.info[data-v-9da09c61] { color:#e7e7e7;
}
.ttl[data-v-9da09c61] {
  margin: 0; font: 900 22px/1.2 'Saira', sans-serif; letter-spacing: .2px;
}
.body[data-v-9da09c61] { margin: 8px 2px 14px;
}
.msg[data-v-9da09c61]  { margin: 0; color:#d2d2d2; font-weight: 600; line-height: 1.6;
}
.ops[data-v-9da09c61] {
  display: flex; justify-content: flex-end; gap: 10px; margin-top: 6px;
}
.btn[data-v-9da09c61] {
  height: 40px; padding: 0 16px; border-radius: 12px;
  border: 1px solid #2a2a2a; background:#191919; color:#e7e7e7;
  font: 800 15px/1 'Saira', sans-serif;
}
.btn.primary[data-v-9da09c61] {
  background:#b7ff1a; border-color:#b7ff1a; color:#0b0b0b;
  box-shadow: 0 0 22px rgba(168,255,0,.28);
}
.btn.ghost[data-v-9da09c61] {
  background:#2a2a2a; color:#e7e7e7; border-color:#3a3a3a;
}

.main[data-v-30052bbc] {
  padding-left: calc(50% - 640px);
  padding-right: calc(50% - 640px);
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
}
.right[data-v-30052bbc] {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.login-area[data-v-30052bbc] {
  height: 36px;
  display: flex;
  align-items: center;
}
.login[data-v-30052bbc] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid #111;
  background: #111;
  color: #fff;
  font-weight: 600;
}
.login[data-v-30052bbc]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.spinner[data-v-30052bbc] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
  animation: spin-30052bbc 0.9s linear infinite;
}
@keyframes spin-30052bbc {
to {
    transform: rotate(360deg);
}
}
.auth-area[data-v-30052bbc] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.avatar-btn[data-v-30052bbc] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 0;
  border: 1px solid #2a2a2a;
  background: #151515;
  cursor: pointer;
  overflow: hidden;
}
.avatar-btn img[data-v-30052bbc] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.settings-pop[data-v-30052bbc] {
  position: fixed;
  top: 55px;
  right: 500px;
  z-index: 2000;
}
.site-main[data-v-30052bbc] {
  padding: 88px 16px 40px;
  min-height: calc(100vh - 65px);
  background: #0b0b0b;
  position: relative;
  box-sizing: border-box;
}