.market-live { position: relative; margin: 0 0 18px; padding: 20px; overflow: hidden; border: 1px solid rgba(25, 129, 91, .2); border-radius: 22px; background: linear-gradient(135deg, rgba(5, 82, 61, .98), rgba(7, 111, 79, .94)); box-shadow: 0 18px 48px rgba(5, 67, 49, .16); color: #fff; }
.market-live::after { position: absolute; width: 240px; height: 240px; top: -150px; right: -60px; border-radius: 50%; background: radial-gradient(circle, rgba(178, 246, 84, .26), transparent 68%); content: ""; pointer-events: none; }
.market-live-head, .market-live-card > div, .market-live-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.market-live-head { position: relative; z-index: 1; margin-bottom: 16px; }
.market-live-eyebrow { display: block; margin-bottom: 4px; color: #b8f55b; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.market-live h3 { margin: 0; color: #fff; font-size: 22px; letter-spacing: -.035em; }
.market-live-status { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.1); font-size: 9px; font-weight: 900; letter-spacing: .08em; white-space: nowrap; }
.market-live-status::before { width: 7px; height: 7px; border-radius: 50%; background: #b8f55b; box-shadow: 0 0 0 5px rgba(184,245,91,.12); content: ""; animation: marketPulse 1.8s ease-in-out infinite; }
.market-live-status.is-closed::before, .market-live-status.is-weekend::before, .market-live-status.is-holiday::before, .market-live-status.is-break::before { background: #f1c863; box-shadow: 0 0 0 5px rgba(241,200,99,.12); animation: none; }
.market-live-status.is-error::before { background: #ff8a86; animation: none; }
.market-live-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.market-live-card { padding: 14px 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; background: rgba(255,255,255,.09); transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.market-live-card > div strong { font-size: 12px; }
.market-live-card > div span { color: rgba(255,255,255,.58); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.market-live-card b { display: block; margin: 10px 0 5px; font-size: clamp(21px, 3vw, 31px); line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.045em; }
.market-live-card small { color: rgba(255,255,255,.72); font-size: 10px; font-variant-numeric: tabular-nums; }
.market-live-card small.is-up { color: #b8f55b; }
.market-live-card small.is-down { color: #ffaaa6; }
.market-live-card.is-updated { transform: translateY(-2px); border-color: rgba(184,245,91,.52); background: rgba(184,245,91,.13); }
.market-live-card.tick-down.is-updated { border-color: rgba(255,170,166,.48); background: rgba(255,138,134,.12); }
.market-live-footer { position: relative; z-index: 1; margin-top: 13px; color: rgba(255,255,255,.62); font-size: 9px; line-height: 1.5; }
@keyframes marketPulse { 50% { transform: scale(.78); opacity: .65; } }
@media (max-width: 720px) {
  .market-live { margin-bottom: 14px; padding: 16px; border-radius: 18px; }
  .market-live-head { align-items: flex-start; flex-direction: column; }
  .market-live h3 { font-size: 19px; }
  .market-live-status { padding: 7px 9px; font-size: 8px; white-space: normal; }
  .market-live-grid { grid-template-columns: 1fr; gap: 8px; }
  .market-live-card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3px 14px; padding: 12px 13px; }
  .market-live-card > div { grid-row: 1 / span 2; display: grid; justify-items: start; }
  .market-live-card b { margin: 0; font-size: 23px; text-align: right; }
  .market-live-card small { text-align: right; }
}
@media (prefers-reduced-motion: reduce) { .market-live-status::before { animation: none; } .market-live-card { transition: none; } }