/* =====================================================================
   Matka Satta Pro V16 — Live Market Updates visual redesign (Phase 12)
   Scope lock: #live-res only. Data selection, timing, ordering and result
   logic are intentionally untouched. This file is presentation-only.
   ===================================================================== */
#live-res.live-market-updates{
  --lmu-wine-1:#a50060;
  --lmu-wine-2:#7a003f;
  --lmu-wine-3:#57052f;
  --lmu-maroon:#68113f;
  --lmu-gold:#d39b22;
  --lmu-gold-bright:#f0c54b;
  --lmu-gold-light:#fff0a8;
  --lmu-cream:#fffef8;
  --lmu-cream-2:#fff8e5;
  --lmu-peach:#ffcc99;
  position:relative;
  overflow:hidden;
  margin:10px 5px 8px!important;
  padding:0 8px 12px!important;
  border:2px solid #d99c20!important;
  border-radius:24px!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.38),transparent 30%),
    linear-gradient(180deg,#ffd6ac 0%,#ffcc99 100%)!important;
  color:var(--lmu-maroon)!important;
  box-shadow:none!important;
  box-sizing:border-box;
}

#live-res .live-market-updates__header{
  position:relative;
  margin:0 -8px 10px!important;
  padding:10px 16px 11px!important;
  min-height:154px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:3px solid var(--lmu-gold)!important;
  border-radius:22px 22px 18px 18px!important;
  background:
    radial-gradient(ellipse at 50% -20%,rgba(255,239,170,.27),transparent 42%),
    radial-gradient(ellipse at 50% 45%,rgba(231,36,133,.16),transparent 57%),
    linear-gradient(180deg,var(--lmu-wine-1) 0%,var(--lmu-wine-2) 54%,var(--lmu-wine-3) 100%)!important;
  box-shadow:
    inset 0 0 0 2px #fff0a4,
    inset 0 0 0 6px #6c113e,
    0 4px 0 rgba(103,24,62,.24)!important;
  color:#fff7dc!important;
  text-align:center;
}

#live-res .live-market-updates__header::after{
  content:"";
  position:absolute;
  inset:10px;
  pointer-events:none;
  border:1.5px solid rgba(255,223,115,.88);
  border-radius:14px;
}

#live-res .live-market-updates__ornament{
  position:relative;
  z-index:1;
  height:35px;
  margin:0 0 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#ffe37a;
}
#live-res .live-market-updates__ornament img{
  width:92px;
  height:22px;
  object-fit:fill;
  filter:drop-shadow(0 1px 0 #743600);
}
#live-res .live-market-updates__ornament img:last-child{transform:scaleX(-1)}
#live-res .live-market-updates__crown{
  width:48px;
  height:31px;
  fill:currentColor;
  filter:drop-shadow(0 2px 0 #8a4700) drop-shadow(0 0 4px rgba(255,215,80,.25));
  overflow:visible;
}

#live-res .live-market-updates__title{
  position:relative;
  z-index:1;
  margin:0;
  color:#fff4cb;
  font-family:Georgia,'Times New Roman',serif;
  font-size:30px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:.35px;
  text-transform:uppercase;
  white-space:nowrap;
  -webkit-text-stroke:.25px rgba(100,45,3,.72);
  text-shadow:
    0 1px 0 #fff0a8,
    0 2px 0 #c17d16,
    0 4px 0 #63123b,
    0 6px 10px rgba(39,0,21,.30);
}

#live-res .live-market-updates__subtitle{
  position:relative;
  z-index:1;
  margin-top:12px;
  min-height:30px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1.5px solid var(--lmu-gold-bright);
  border-radius:999px;
  background:linear-gradient(180deg,#8d1958,#4c082c);
  color:#fff8dd;
  font:700 13px/1.1 Arial,sans-serif;
  letter-spacing:.15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}
#live-res .live-market-updates__pulse{
  position:relative;
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#caffdc 0 16%,#32f293 28%,#08cf6b 72%,#02934a 100%);
  box-shadow:
    0 0 0 3px rgba(25,231,125,.18),
    0 0 9px rgba(25,231,125,.78),
    0 0 16px rgba(25,231,125,.42);
  animation:lmuPulseActive 1.35s ease-in-out infinite;
}
#live-res .live-market-updates__pulse::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:100%;
  border:1.5px solid rgba(70,255,157,.86);
  border-radius:50%;
  transform:translate(-50%,-50%) scale(1);
  opacity:.78;
  pointer-events:none;
  animation:lmuPulseRing 1.35s ease-out infinite;
}
@keyframes lmuPulseActive{
  0%,100%{
    filter:brightness(.96);
    box-shadow:0 0 0 3px rgba(25,231,125,.16),0 0 8px rgba(25,231,125,.70),0 0 14px rgba(25,231,125,.34);
  }
  50%{
    filter:brightness(1.22);
    box-shadow:0 0 0 5px rgba(25,231,125,.12),0 0 13px rgba(25,231,125,1),0 0 22px rgba(25,231,125,.60);
  }
}
@keyframes lmuPulseRing{
  0%{transform:translate(-50%,-50%) scale(.9);opacity:.82}
  70%,100%{transform:translate(-50%,-50%) scale(2.45);opacity:0}
}

#live-res .live-market-update-card{
  position:relative;
  min-height:137px;
  margin:8px 2px 0;
  padding:20px 14px 12px;
  overflow:hidden;
  border:2px solid var(--lmu-gold)!important;
  border-radius:15px;
  background:
    radial-gradient(ellipse at 50% -12%,rgba(255,255,255,.98),transparent 50%),
    linear-gradient(180deg,var(--lmu-cream) 0%,var(--lmu-cream-2) 72%,#fff0ca 100%);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.92),
    inset 0 0 0 4px rgba(224,167,45,.18),
    0 2px 4px rgba(105,57,8,.08);
}
#live-res .live-market-update-card::before,
#live-res .live-market-update-card::after{
  content:"";
  position:absolute;
  width:24px;
  height:24px;
  pointer-events:none;
  opacity:.88;
}
#live-res .live-market-update-card::before{
  left:6px;
  top:6px;
  border-left:1.5px solid var(--lmu-gold);
  border-top:1.5px solid var(--lmu-gold);
  border-radius:7px 0 0 0;
}
#live-res .live-market-update-card::after{
  right:6px;
  bottom:6px;
  border-right:1.5px solid var(--lmu-gold);
  border-bottom:1.5px solid var(--lmu-gold);
  border-radius:0 0 7px 0;
}

#live-res .live-market-update-card__status{
  position:absolute;
  z-index:2;
  left:13px;
  top:12px;
  min-width:82px;
  height:31px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1.5px solid #f2c448;
  border-radius:12px;
  color:#fff;
  font:900 12px/1 Arial,sans-serif;
  letter-spacing:.35px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 5px rgba(68,31,7,.14);
}
#live-res .live-market-update-card.is-live .live-market-update-card__status{
  background:linear-gradient(180deg,#3b9d20,#176a12);
}
#live-res .live-market-update-card.is-waiting .live-market-update-card__status{
  background:linear-gradient(180deg,#ffb32c,#e78a08);
  transform:translateY(0);
  transform-origin:50% 50%;
  will-change:transform,filter,box-shadow;
  animation:lmuWaitingBob .72s ease-in-out infinite alternate;
}
@keyframes lmuWaitingBob{
  0%{
    transform:translateY(2px);
    filter:brightness(.98);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 5px rgba(68,31,7,.14);
  }
  100%{
    transform:translateY(-3px);
    filter:brightness(1.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 5px 9px rgba(231,138,8,.24);
  }
}
#live-res .live-market-update-card__status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#7dff7c;
  box-shadow:0 0 6px rgba(125,255,124,.75);
}
#live-res .live-market-update-card.is-waiting .live-market-update-card__status-dot{
  width:10px;
  height:10px;
  background:transparent;
  border:1.5px solid #fff;
  box-shadow:none;
}

/* Phase 12.7 — LIVE badge dot active pulse/reflection only */
#live-res .live-market-update-card.is-live .live-market-update-card__status-dot{
  position:relative;
  background:radial-gradient(circle at 38% 32%,#d9ffe6 0 18%,#55ff9e 30%,#16df78 70%,#07974d 100%);
  box-shadow:
    0 0 0 2px rgba(92,255,157,.18),
    0 0 7px rgba(72,255,151,.86),
    0 0 12px rgba(38,232,120,.48);
  animation:lmuLiveBadgeDotPulse 1.1s ease-in-out infinite;
  will-change:filter,box-shadow,transform;
}
#live-res .live-market-update-card.is-live .live-market-update-card__status-dot::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:100%;
  border:1.25px solid rgba(111,255,174,.88);
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.9);
  opacity:.8;
  pointer-events:none;
  animation:lmuLiveBadgeDotRing 1.1s ease-out infinite;
}
@keyframes lmuLiveBadgeDotPulse{
  0%,100%{
    transform:scale(.96);
    filter:brightness(.98);
    box-shadow:0 0 0 2px rgba(92,255,157,.16),0 0 6px rgba(72,255,151,.72),0 0 10px rgba(38,232,120,.36);
  }
  50%{
    transform:scale(1.08);
    filter:brightness(1.25);
    box-shadow:0 0 0 4px rgba(92,255,157,.12),0 0 10px rgba(72,255,151,1),0 0 17px rgba(38,232,120,.64);
  }
}
@keyframes lmuLiveBadgeDotRing{
  0%{transform:translate(-50%,-50%) scale(.85);opacity:.82}
  75%,100%{transform:translate(-50%,-50%) scale(2.35);opacity:0}
}

#live-res .today_live_name{
  position:relative;
  z-index:1;
  margin:0 92px 8px!important;
  padding:2px 0 0!important;
  min-height:33px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--lmu-maroon)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:.15px;
  text-transform:uppercase;
  text-shadow:0 1px 0 #fff;
}

#live-res .today_live_number{
  position:relative;
  z-index:1;
  width:min(58%,360px);
  min-height:52px;
  margin:0 auto!important;
  padding:8px 18px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:2px solid var(--lmu-gold)!important;
  border-radius:11px;
  background:linear-gradient(180deg,#fffef7 0%,#fff2cc 100%)!important;
  color:#875611!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1.1!important;
  text-shadow:none!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.94),0 2px 5px rgba(101,52,7,.10);
}
#live-res .live-market-update-card.is-live .today_live_number{
  background:linear-gradient(180deg,#a70061 0%,#780043 55%,#5b0632 100%)!important;
  color:#fff1aa!important;
  font-size:28px!important;
  font-weight:900!important;
  letter-spacing:3px;
  text-shadow:0 1px 0 #7c3f00,0 2px 4px rgba(39,0,21,.22)!important;
}
#live-res .today_live_number br{display:block}
#live-res .today_live_number > p{
  position:absolute;
  left:50%;
  top:calc(100% + 6px);
  width:max-content;
  max-width:calc(100vw - 64px);
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%);
  color:#1c140e!important;
  font-family:Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap;
}

#live-res .clear.margin10,
#live-res > br{display:none!important}

#live-res .refresh_btn{
  min-width:164px;
  min-height:48px;
  margin:12px auto 1px!important;
  padding:9px 26px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:2px solid var(--lmu-gold-bright)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#a70061 0%,#72003e 58%,#50022d 100%)!important;
  color:#fff2b4!important;
  font:900 19px/1 Arial,sans-serif!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 7px rgba(76,10,46,.16)!important;
}
#live-res .refresh_btn::before{content:"↻";font-size:26px;line-height:.7}
#live-res .refresh_btn:hover,
#live-res .refresh_btn:focus{filter:brightness(1.04);text-decoration:none!important}

@media(max-width:600px){
  #live-res.live-market-updates{margin:8px 5px!important;padding:0 5px 10px!important;border-radius:20px!important}
  #live-res .live-market-updates__header{margin:0 -5px 9px!important;min-height:145px;padding:9px 11px 10px!important;border-radius:19px 19px 16px 16px!important}
  #live-res .live-market-updates__ornament{height:31px;margin-bottom:4px}
  #live-res .live-market-updates__ornament img{width:72px;height:19px}
  #live-res .live-market-updates__crown{width:40px;height:27px}
  #live-res .live-market-updates__title{font-size:27px;letter-spacing:.1px}
  #live-res .live-market-updates__subtitle{margin-top:10px;min-height:28px;padding:0 14px;font-size:12px}
  #live-res .live-market-update-card{min-height:132px;margin-top:7px;padding:18px 8px 12px}
  #live-res .live-market-update-card__status{left:10px;top:10px;min-width:78px;height:29px;padding:0 10px;font-size:11px}
  #live-res .today_live_name{margin:0 84px 8px!important;min-height:31px;font-size:21px!important}
  #live-res .today_live_number{width:min(60%,330px);min-height:48px;padding:7px 12px!important;font-size:20px!important}
  #live-res .live-market-update-card.is-live .today_live_number{font-size:25px!important;letter-spacing:2.2px}
  #live-res .today_live_number > p{font-size:14px!important}
}

@media(max-width:390px){
  #live-res .live-market-updates__header{min-height:136px}
  #live-res .live-market-updates__ornament img{width:62px;height:17px}
  #live-res .live-market-updates__crown{width:35px;height:25px}
  #live-res .live-market-updates__title{font-size:23.5px}
  #live-res .live-market-updates__subtitle{font-size:10.8px;padding:0 11px;gap:7px}
  #live-res .live-market-update-card{min-height:128px;padding-top:17px}
  #live-res .live-market-update-card__status{min-width:73px;height:27px;font-size:10px}
  #live-res .today_live_name{margin-left:78px!important;margin-right:8px!important;justify-content:flex-start;font-size:19px!important;text-align:left}
  #live-res .today_live_number{width:62%;font-size:18.5px!important}
  #live-res .live-market-update-card.is-live .today_live_number{font-size:23px!important;letter-spacing:1.7px}
  #live-res .today_live_number > p{font-size:13px!important}
  #live-res .refresh_btn{min-width:150px;min-height:44px;font-size:17px!important}
}

@media(max-width:340px){
  #live-res .live-market-updates__ornament img{width:52px}
  #live-res .live-market-updates__title{font-size:20.5px}
  #live-res .live-market-updates__subtitle{font-size:9.6px;padding:0 9px}
  #live-res .live-market-update-card__status{left:8px;min-width:68px;padding:0 8px}
  #live-res .today_live_name{margin-left:73px!important;font-size:17px!important}
  #live-res .today_live_number{width:66%;font-size:17px!important}
  #live-res .live-market-update-card.is-live .today_live_number{font-size:21px!important}
}

@media(prefers-reduced-motion:reduce){
  #live-res .live-market-updates__pulse,
  #live-res .live-market-updates__pulse::after,
  #live-res .live-market-update-card.is-waiting .live-market-update-card__status{animation:none!important;transform:none!important}
}

/* =====================================================================
   Phase 12.6 — Subtitle side ornaments retained
   Exact scope: remove only the left/right curl flourishes beside LIVE MARKET
   UPDATES. Keep the two short gold subtitle lines unchanged.
   ===================================================================== */
#live-res .live-market-updates__subtitle::before,
#live-res .live-market-updates__subtitle::after{
  content:"";
  position:absolute;
  top:50%;
  width:40px;
  height:12px;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 12'%3E%3Cg fill='none' stroke='%23efc54b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h36'/%3E%3Cpath d='M38 6l4-3 4 3-4 3z'/%3E%3Cpath d='M46 6h4'/%3E%3C/g%3E%3C/svg%3E");
  filter:drop-shadow(0 1px 0 rgba(98,43,0,.65));
  opacity:.96;
}
#live-res .live-market-updates__subtitle::before{
  right:100%;
  margin-right:8px;
  transform:translateY(-50%);
}
#live-res .live-market-updates__subtitle::after{
  left:100%;
  margin-left:8px;
  transform:translateY(-50%) scaleX(-1);
}

@media(max-width:600px){
  #live-res .live-market-updates__subtitle::before,
  #live-res .live-market-updates__subtitle::after{width:32px;height:10px}
  #live-res .live-market-updates__subtitle::before{margin-right:6px}
  #live-res .live-market-updates__subtitle::after{margin-left:6px}
}
@media(max-width:390px){
  #live-res .live-market-updates__subtitle::before,
  #live-res .live-market-updates__subtitle::after{width:25px;height:9px}
  #live-res .live-market-updates__subtitle::before{margin-right:4px}
  #live-res .live-market-updates__subtitle::after{margin-left:4px}
}
@media(max-width:340px){
  #live-res .live-market-updates__subtitle::before,
  #live-res .live-market-updates__subtitle::after{width:19px;height:8px}
}


@media(prefers-reduced-motion:reduce){
  #live-res .live-market-update-card.is-live .live-market-update-card__status-dot,
  #live-res .live-market-update-card.is-live .live-market-update-card__status-dot::after{
    animation:none!important;
    transform:none!important;
  }
}