/* 2USD SEASON 2 — OBSIDIAN GOLD HOME
   Scoped to the mounted HOME page only.
   Existing financial logic and navigation preserved. */

body:has(.dashboard-live-clock) {
  --s2-bg:#0B0C0F;
  --s2-surface:#191B20;
  --s2-raised:#23252B;
  --s2-gold:#D9BA78;
  --s2-gold-light:#F2D79B;
  --s2-text:#F5F1E8;
  --s2-muted:#A9A5A0;
  background:
    radial-gradient(ellipse at 50% -12%,
      rgba(172,127,54,.13),transparent 55%),
    linear-gradient(180deg,#121318,#090A0D 75%) !important;
  color:var(--s2-text);
}

body:has(.dashboard-live-clock) :is(
  .app,.app-shell,.app-container,.main-content,
  .page-shell,.dashboard-page
) {
  background:transparent !important;
}

/* Live status ribbon */
body:has(.dashboard-live-clock) .dashboard-live-clock {
  background:linear-gradient(105deg,#1C1D21,#121317) !important;
  border:1px solid rgba(217,186,120,.18) !important;
  box-shadow:0 5px 18px rgba(0,0,0,.19) !important;
  border-radius:13px !important;
}

body:has(.dashboard-live-clock) :is(
  .dashboard-live-expiry-value,
  .dashboard-live-clock-value
) {
  color:var(--s2-gold-light) !important;
  text-shadow:none !important;
}

body:has(.dashboard-live-clock) :is(
  .dashboard-live-expiry-label,
  .dashboard-live-clock-label
) {
  color:#ADA49A !important;
}

/* Member profile */
body:has(.dashboard-live-clock) .hero-shell.profile-shell::before {
  content:"2USD  /  SEASON 02";
  display:block;
  padding:2px 4px 9px;
  color:var(--s2-gold);
  font-size:9px;
  font-weight:850;
  letter-spacing:2.1px;
}

body:has(.dashboard-live-clock)
.hero-shell.profile-shell .profile-card {
  background:
    radial-gradient(circle at 7% 0%,
      rgba(211,169,94,.09),transparent 45%),
    linear-gradient(140deg,#222329,#15161B) !important;
  border:1px solid rgba(217,186,120,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 12px 26px rgba(0,0,0,.18) !important;
  border-radius:20px !important;
}

body:has(.dashboard-live-clock)
.hero-shell.profile-shell :is(
  .profile-welcome,.profile-label
) {
  color:#B7AA99 !important;
}

body:has(.dashboard-live-clock)
.hero-shell.profile-shell :is(
  .profile-name,.profile-id,.profile-telegram-id
) {
  color:#E9CF98 !important;
}

/* Financial wallet cards */
body:has(.dashboard-live-clock) .wallet-cards {
  gap:9px !important;
}

body:has(.dashboard-live-clock) .wallet-card {
  height:116px !important;
  min-width:0;
  padding:14px 12px !important;
  border-radius:18px !important;
  border:1px solid rgba(230,213,171,.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 10px 26px rgba(0,0,0,.19) !important;
}

body:has(.dashboard-live-clock) .wallet-card-profit {
  background:
    radial-gradient(circle at 92% 4%,
      rgba(217,186,120,.12),transparent 49%),
    linear-gradient(145deg,#24252A,#15161A) !important;
}

body:has(.dashboard-live-clock) .wallet-card-invest {
  background:
    radial-gradient(circle at 89% 6%,
      rgba(220,167,72,.15),transparent 50%),
    linear-gradient(145deg,#292720,#17171A) !important;
}

body:has(.dashboard-live-clock) .wallet-card::before {
  background:linear-gradient(130deg,
    rgba(255,255,255,.035),transparent 43%) !important;
}

body:has(.dashboard-live-clock) .wallet-card::after {
  opacity:0 !important;
}

body:has(.dashboard-live-clock)
.wallet-card :is(.wallet-card-title,.wallet-card-note) {
  color:#C5B9A5 !important;
  text-shadow:none !important;
}

body:has(.dashboard-live-clock) .wallet-card-icon,
body:has(.dashboard-live-clock) .wallet-card-profit .wallet-card-icon {
  color:var(--s2-gold-light) !important;
  background:rgba(217,186,120,.10) !important;
  border-color:rgba(217,186,120,.14) !important;
  box-shadow:none !important;
}

body:has(.dashboard-live-clock) .wallet-card-value {
  color:var(--s2-text) !important;
  text-shadow:none !important;
  font-variant-numeric:tabular-nums;
}

body:has(.dashboard-live-clock) .wallet-card-note {
  background:rgba(217,186,120,.07) !important;
  border-color:rgba(217,186,120,.12) !important;
}

/* Promotion / challenge */
body:has(.dashboard-live-clock) .home-wheel-card {
  background:
    radial-gradient(circle at 9% 13%,
      rgba(215,176,99,.15),transparent 50%),
    linear-gradient(125deg,#25231F,#141519) !important;
  border:1px solid rgba(217,186,120,.19) !important;
  box-shadow:0 9px 24px rgba(0,0,0,.20) !important;
  border-radius:19px !important;
}

body:has(.dashboard-live-clock) .home-wheel-icon--challenge {
  background:linear-gradient(150deg,#3B3222,#1B1C20) !important;
  border-color:rgba(217,186,120,.23) !important;
}

body:has(.dashboard-live-clock) :is(
  .home-wheel-icon--challenge strong,
  .home-wheel-title-row strong,
  .home-wheel-bottom b
) {
  color:var(--s2-gold-light) !important;
  text-shadow:none !important;
}

body:has(.dashboard-live-clock) .home-wheel-copy p {
  color:#B7AEA1 !important;
}

/* Quick action links */
body:has(.dashboard-live-clock)
.dashboard-links--premium .dashboard-link {
  background:linear-gradient(150deg,#23242A,#15161B) !important;
  border:1px solid rgba(217,186,120,.12) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
}

body:has(.dashboard-live-clock)
.dashboard-links--premium .dashboard-link-icon {
  color:var(--s2-gold) !important;
}

/* Bottom navigation */
body:has(.dashboard-live-clock) .bottom-nav-inner {
  background:linear-gradient(180deg,
    rgba(28,29,34,.98),rgba(12,13,16,.99)) !important;
  border:1px solid rgba(217,186,120,.15) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body:has(.dashboard-live-clock)
.bottom-nav-inner::before {
  background:linear-gradient(90deg,
    transparent,rgba(217,186,120,.38),transparent) !important;
}

body:has(.dashboard-live-clock) .nav-item.active,
body:has(.dashboard-live-clock) .nav-item.active .nav-label,
body:has(.dashboard-live-clock) .nav-item.active .nav-icon {
  color:var(--s2-gold-light) !important;
}

body:has(.dashboard-live-clock) .nav-item.active svg {
  color:var(--s2-gold-light) !important;
  stroke:currentColor !important;
}

body:has(.dashboard-live-clock) .vip-nav-btn {
  background:
    radial-gradient(circle at 50% 20%,
      rgba(246,216,146,.15),transparent 51%),
    linear-gradient(145deg,#29251F,#101115) !important;
  border:1.5px solid rgba(224,190,112,.75) !important;
  box-shadow:
    0 6px 18px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body:has(.dashboard-live-clock) .vip-nav-btn::after {
  border-color:rgba(224,190,112,.09) !important;
  filter:none !important;
}

body:has(.dashboard-live-clock)
:is(.vip-crown svg,.vip-text) {
  color:var(--s2-gold-light) !important;
  fill:var(--s2-gold-light) !important;
  stroke:var(--s2-gold-light) !important;
  text-shadow:none !important;
}

body:has(.dashboard-live-clock)
:is(button,a):focus-visible {
  outline:2px solid var(--s2-gold-light) !important;
  outline-offset:3px;
}

@media (max-width:360px) {
  body:has(.dashboard-live-clock)
  .wallet-card-value {
    font-size:18px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  body:has(.dashboard-live-clock)
  .wallet-card::after {
    animation:none !important;
  }
}