/* ============================================================================
   HB BATTLE — V16 Finish Pass
   V16 added great depth/motion but reset a few surfaces to plain green
   (losing the gold trim) and didn't touch wallet-hero/profile-hero/podium/
   drawer/avatar at all (those were still on old orange/amber glow). This
   file restores one consistent emerald + gold identity everywhere V16
   didn't reach, and is safe to lift straight into app.html/index.html
   since it only adds finishing touches. Loaded absolute last.
   ============================================================================ */

/* ---------- Restore the gold trim V16's flat wallet card lost ---------- */
.home-wallet-card{
  background:linear-gradient(135deg,#18a86f,#0a2a1c 130%)!important;
  border:1px solid rgba(245,185,66,.4)!important;position:relative;overflow:hidden;
}
.home-wallet-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#f5b942,#fff2cf,#f5b942);
}
.home-wallet-add{background:linear-gradient(135deg,#f5b942,#c9922c)!important;color:#20160a!important;font-weight:700!important}

/* ---------- Wallet / profile hero: same family as home-hero ---------- */
.wallet-hero,.profile-hero,.profile-hero-premium{
  background:radial-gradient(circle at 10% 10%,rgba(37,211,145,.15),transparent 30%),
             linear-gradient(145deg,#07120e,#0c2118)!important;
}
.avatar-ring,.drawer-avatar{
  box-shadow:0 0 0 4px rgba(245,185,66,.24),0 14px 30px rgba(0,0,0,.3)!important;
  background:linear-gradient(135deg,#f5b942,#fff2cf,#f5b942)!important;
}
.profile-name,.drawer-name{color:#fff!important;font-weight:800!important}
.profile-uid,.drawer-email{color:rgba(255,255,255,.65)!important}
.profile-stats-float{
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-radius:18px!important;box-shadow:0 14px 30px rgba(0,0,0,.28)!important;
}

/* ---------- Podium: real gold / silver / bronze ---------- */
.podium-avatar{border:3px solid #e7eee9!important;box-shadow:0 10px 24px rgba(8,30,19,.1)!important}
.podium-item.first .podium-avatar{
  border-color:#f5b942!important;
  box-shadow:0 0 0 4px rgba(245,185,66,.24),0 16px 32px rgba(245,185,66,.3)!important;
}
.podium-rank-badge{color:#fff!important;font-weight:800!important;box-shadow:0 4px 10px rgba(0,0,0,.25)!important}
.podium-rank-badge.rank-1{background:linear-gradient(135deg,#f7d78a,#f5b942)!important}
.podium-rank-badge.rank-2{background:linear-gradient(135deg,#dae1e6,#9aa6b1)!important}
.podium-rank-badge.rank-3{background:linear-gradient(135deg,#e5ac77,#b27847)!important}
.podium-prize{color:#0a7f4f!important;font-weight:800!important}

/* ---------- Drawer / menu ---------- */
.drawer-profile{background:linear-gradient(150deg,#07120e,#0c2118 140%)!important}
.global-menu-icon{background:rgba(37,211,145,.12)!important;color:#0a7f4f!important;border-radius:12px!important}

/* ---------- Numbers get the display treatment ---------- */
.home-wallet-amt,.mc-prize,.podium-prize,.info-val,.home-stat-val{
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}

/* ---------- Small consistency pass V16 left out ---------- */
.chip.active{background:#16a36b!important;border-color:#16a36b!important;box-shadow:0 6px 14px rgba(22,163,107,.32)!important}
.badge,.status-badge{border-radius:999px!important;font-weight:700!important}
.empty i{background:rgba(22,163,107,.1)!important;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---- Guides & News article cards: force dark card so text stays readable ---- */
html body a.card.article{
  background:linear-gradient(165deg,#15261e,#0f1c16)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#fff!important;text-decoration:none!important;overflow:hidden!important;padding:0!important;
}
html body a.card.article .art-body{background:transparent!important}
html body a.card.article h3{color:#fff!important}
html body a.card.article p{color:#b9ccc2!important}
html body a.card.article .art-date{color:#8fa79b!important}
html body a.card.article .art-cat{background:rgba(34,193,126,.16)!important;color:#22c17e!important}
html body a.card.article .art-cover-ph{background:rgba(34,193,126,.10)!important;color:#22c17e!important}

/* ---- Articles section: prominent on home ---- */
.articles-feature{padding-top:36px!important}
.articles-feature h2{font-size:clamp(1.7rem,5vw,2.4rem)!important}
.new-pill{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;background:#f5b942;color:#1a1200;font-size:.66rem;font-weight:800;letter-spacing:.06em;vertical-align:middle}
.articles-cta{background:#22c17e!important;color:#04150d!important;font-weight:700!important;padding:11px 20px!important;border-radius:999px!important;text-decoration:none!important;white-space:nowrap}