/* MatkaSattaPro V16 — Homepage Kalyan/Mumbai Starline reference redesign
   Presentation-only. All selectors are scoped to .starline-reference-card. */
.starline-reference-card{
  --sl-gold:#d7a126;
  --sl-gold-hi:#ffe9a0;
  --sl-gold-deep:#9c6109;
  --sl-magenta-top:#f80a94;
  --sl-magenta-mid:#dc007d;
  --sl-magenta-deep:#a8006f;
  --sl-cream:#fff8ea;
  --sl-cream-2:#fff0d9;
  --sl-grid:#e5528d;
  position:relative;
  isolation:isolate;
  margin:14px 7px 18px;
  padding:13px 15px 17px;
  overflow:hidden;
  border:3px solid var(--sl-gold);
  border-radius:29px;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.86),transparent 44%),
    linear-gradient(180deg,#fffaf1 0%,#fff4e3 58%,#ffebcf 100%);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.92),
    inset 0 0 0 7px rgba(240,194,82,.42),
    0 5px 11px rgba(104,55,5,.20);
  color:#2a1918;
}
.starline-reference-card::before{
  content:"";
  position:absolute;
  inset:7px;
  pointer-events:none;
  border:1.6px solid rgba(226,171,50,.84);
  border-radius:22px;
  box-shadow:inset 0 0 0 1px rgba(255,247,205,.72);
  z-index:0;
}
.starline-reference-card__header{
  position:relative;
  z-index:2;
  min-height:72px;
  margin:4px 3px 18px;
  padding:10px 72px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:3px solid var(--sl-gold);
  border-radius:28px;
  background:
    radial-gradient(ellipse at 50% -28%,rgba(255,255,255,.20),transparent 42%),
    linear-gradient(180deg,var(--sl-magenta-top) 0%,var(--sl-magenta-mid) 53%,var(--sl-magenta-deep) 100%);
  box-shadow:
    inset 0 0 0 2px rgba(255,241,154,.64),
    inset 0 -8px 14px rgba(91,0,55,.15),
    0 3px 5px rgba(95,38,0,.13);
}
.starline-reference-card__title{
  margin:0;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(27px,4.7vw,40px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:.1px;
  white-space:nowrap;
  text-align:center;
  text-shadow:0 1px 2px rgba(71,0,40,.22);
}
.starline-reference-card__sparkle{
  position:absolute;
  top:50%;
  width:38px;
  height:38px;
  transform:translateY(-50%);
  pointer-events:none;
}
.starline-reference-card__sparkle--left{left:24px}
.starline-reference-card__sparkle--right{right:24px}
.starline-reference-card__sparkle::before,
.starline-reference-card__sparkle::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent 0,#ffe674 45%,#fff7c4 50%,#ffe674 55%,transparent 100%);
  filter:drop-shadow(0 0 3px rgba(255,225,89,.55));
}
.starline-reference-card__sparkle::before{width:38px;height:1px}
.starline-reference-card__sparkle::after{width:1px;height:38px}
.starline-reference-card__sparkle{background:radial-gradient(circle,#fff8bd 0 2px,#f4c83f 3px,transparent 5px)}
.starline-reference-card__grid{
  position:relative;
  z-index:2;
  width:calc(100% - 34px);
  margin:0 auto;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:0;
  overflow:hidden;
  border:1.5px solid var(--sl-grid);
  border-radius:10px;
  background:#fff3e1;
}
.starline-reference-card__grid table{
  width:50%!important;
  margin:0!important;
  border:0!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  background:transparent!important;
}
.starline-reference-card__grid table+table{margin-left:-1px!important}
.starline-reference-card__grid th,
.starline-reference-card__grid td{
  height:56px;
  padding:7px 5px!important;
  border:1.3px solid var(--sl-grid)!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.12!important;
}
.starline-reference-card__grid th{
  height:56px;
  background:#ffe900!important;
  color:#163fc2!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(16px,2.85vw,24px)!important;
  font-weight:800!important;
}
.starline-reference-card__grid td{
  background:linear-gradient(180deg,#fff8ee 0%,#fff0df 100%)!important;
  color:#241313!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(15px,2.65vw,22px)!important;
  font-weight:500!important;
}
.starline-reference-card__grid table:first-child tr>*:first-child{border-left:0!important}
.starline-reference-card__grid table:last-child tr>*:last-child{border-right:0!important}
.starline-reference-card__grid table thead tr:first-child>*{border-top:0!important}
.starline-reference-card__grid table tbody tr:last-child>*{border-bottom:0!important}
.starline-reference-card__chart{
  position:relative;
  z-index:2;
  width:min(31%,250px);
  min-width:160px;
  min-height:61px;
  margin:19px auto 0;
  padding:10px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:3px solid var(--sl-gold)!important;
  border-radius:24px;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.17),transparent 42%),
    linear-gradient(180deg,#e50a9a 0%,#bb007c 56%,#8f0063 100%);
  color:#fff!important;
  font:800 clamp(20px,3.3vw,28px)/1 Arial,Helvetica,sans-serif!important;
  text-decoration:none!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,236,151,.32),
    0 3px 6px rgba(96,36,0,.20);
}
.starline-reference-card__chart:hover,
.starline-reference-card__chart:focus{color:#fff!important;text-decoration:none!important;filter:brightness(1.03)}
.starline-reference-card__chart-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  fill:currentColor;
  color:#fff;
}
.starline-reference-card__corner{
  position:absolute;
  z-index:2;
  bottom:10px;
  width:64px;
  height:64px;
  pointer-events:none;
  opacity:.88;
  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 70 70'%3E%3Cg fill='none' stroke='%23dba42a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M10 58c16 2 24-5 25-18 1-10-5-18-12-24'/%3E%3Cpath d='M11 56c7-8 10-15 7-23-2-5-6-8-9-11'/%3E%3Cpath d='M20 57c3-8 3-14-2-20'/%3E%3Cpath d='M13 59h29'/%3E%3Cpath d='M17 52c6-1 10 2 12 7'/%3E%3Ccircle cx='34' cy='41' r='3'/%3E%3C/g%3E%3C/svg%3E");
}
.starline-reference-card__corner--left{left:8px}
.starline-reference-card__corner--right{right:8px;transform:scaleX(-1)}
@media(max-width:600px){
  .starline-reference-card{margin:9px 5px 13px;padding:8px 8px 10px;border-width:2px;border-radius:22px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),inset 0 0 0 5px rgba(240,194,82,.42),0 4px 8px rgba(104,55,5,.16)}
  .starline-reference-card::before{inset:5px;border-width:1.3px;border-radius:17px}
  .starline-reference-card__header{min-height:43px;margin:2px 2px 9px;padding:5px 42px;border-width:2px;border-radius:18px}
  .starline-reference-card__title{font-size:clamp(19px,5.35vw,22px)}
  .starline-reference-card__sparkle{width:22px;height:22px}
  .starline-reference-card__sparkle--left{left:13px}
  .starline-reference-card__sparkle--right{right:13px}
  .starline-reference-card__sparkle::before{width:22px}
  .starline-reference-card__sparkle::after{height:22px}
  .starline-reference-card__grid{width:calc(100% - 16px);border-radius:7px}
  .starline-reference-card__grid th,.starline-reference-card__grid td{height:27px;padding:3px 2px!important}
  .starline-reference-card__grid th{height:27px;font-size:clamp(10.5px,3vw,12px)!important}
  .starline-reference-card__grid td{font-size:clamp(9.8px,2.85vw,11.2px)!important}
  .starline-reference-card__chart{width:31%;min-width:116px;min-height:34px;margin-top:10px;padding:5px 12px;gap:7px;border-width:2px!important;border-radius:16px;font-size:clamp(13px,3.8vw,16px)!important}
  .starline-reference-card__chart-icon{width:18px;height:18px;flex-basis:18px}
  .starline-reference-card__corner{bottom:3px;width:34px;height:34px}
  .starline-reference-card__corner--left{left:3px}
  .starline-reference-card__corner--right{right:3px}
}
@media(max-width:360px){
  .starline-reference-card{padding-left:7px;padding-right:7px}
  .starline-reference-card__header{padding-left:38px;padding-right:38px}
  .starline-reference-card__title{font-size:18.5px}
  .starline-reference-card__grid{width:calc(100% - 14px)}
  .starline-reference-card__grid th,.starline-reference-card__grid td{height:27px}
  .starline-reference-card__grid td{font-size:9.5px!important}
  .starline-reference-card__chart{min-width:112px}
}