/* ==========================================================
   Theme tokens - overridable from Admin -> Site Settings.
   Fallbacks match the original palette so the site still
   renders correctly if the inline <style> is ever missing.
   ========================================================== */
:root{
    --ps-primary:#0F766E;
    --ps-primary-dark:#115E59;
    --ps-primary-text:#5EEAD4;
    --ps-primary-dark-text:#99F6E4;
    --ps-deep:#E2E8F0;
    --ps-accent:#FBBF24;
    --ps-accent-alt:#FCD34D;
    --ps-body-bg:#0B1220;
    --ps-surface:#171A24;
    --ps-text:#CBD5E1;
    --ps-grad-from:#155E75;
    --ps-grad-mid:#0E7490;
    --ps-grad-to:#FBBF24;
    --ps-notice-from:#9F1239;
    --ps-notice-to:#E11D48;
    --ps-promo-from:#171A24;
    --ps-promo-to:#0D1018;
    --ps-page-from:#0B1220;
    --ps-page-mid:#0F172A;
    --ps-page-to:#0B1220;
    --ps-state-running-bg:#0F766E;
    --ps-state-running-fg:#5EEAD4;
}


}
html{overflow-x:hidden;scroll-behavior:smooth;}
body{
background-color:var(--ps-body-bg);
color:var(--ps-text);
  text-align:center;
  padding:3px 10px;
  margin:0;
  scroll-behavior:smooth;
  font-style:italic;
font-family:'Inter','TT Supermolot Neue Trl',Helvetica,Arial,sans-serif;
  font-weight:700;
}
*{margin:0;padding:0;box-sizing:border-box;}
a{color:var(--ps-text);text-decoration:none;}a:hover{color:var(--ps-accent);}

.a-us a,.a-us b,.a-us p,.dis12 h2,.dis12 p,.qtn14 a,.qtn14 h2,.qtn14 h3,.qtn14 h4,.qtn14 p,.lst-sec h2,.lst-sec p,.pow-13{font-style:normal;}

.a-us,.sky-23,.f-pti,.eml-us,.dis12,.qtn14,.lst-sec,.liv-rslt,.pow-13,.sta-div,.sun-col>div,.tkt-val,.gbl-val{
  color:var(--ps-text);text-align:center;margin-bottom:4px;margin-top:-2px;display:block;font-size:20px;
  outline:4px var(--ps-surface);outline-offset:-9px;border:2px solid var(--ps-primary);border-style:outset;border-radius:10px;
  box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);
}

.m-icon{
  background:var(--ps-accent);padding:0 10px;display:block;color:#0B1220;margin-bottom:5px;letter-spacing:1px;font-weight:700;
  border:3px solid var(--ps-accent);border-radius:.75em;transform-style:preserve-3d;
  transition:transform 150ms cubic-bezier(0,0,.58,1),background 150ms cubic-bezier(0,0,.58,1);
}
p{color:#CBD5E1;}

.welcome-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;flex-wrap:wrap;}
.welcome-bar .auth-links{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;}
.welcome-bar .auth-links a{color:var(--ps-deep);text-decoration:none;}
.welcome-bar .auth-links a:hover{text-decoration:underline;color:var(--ps-accent);}

.text2{
  border-width:3px;border:2px solid #0014e2;margin-bottom:5px;border-style:outset;border-radius:10px;
  border:2px solid var(--ps-primary);box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);
}
.text2 h2{color:#061699;font-size:24px;padding:5px;}
.text2 p{color:var(--ps-text);font-size:14px;padding-bottom:5px;}

.text3{
  background:linear-gradient(187deg,#fc9 50%,var(--ps-accent-alt) 50%);border:2px solid var(--ps-accent);border-style:outset;border-radius:10px;
  margin-bottom:5px;line-height:1.4;font-size:14px;padding:4px 10px;color:var(--ps-deep);
  box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);
}

.m-icon img{margin:5px 5px;}

.gbl-val{padding:5px;height:100px;}
@media only screen and (max-width:500px){.gbl-val{height:150px}}
.gbl-val h1{font-size:16px;color:var(--ps-deep);padding-bottom:3px;}
.gbl-val p{color:var(--ps-text);font-size:14px;}

.f-pti{border-color:var(--ps-accent);}
.f-pti .dflex{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;}
.f-pti .dflex>div{width:50%;}
.f-pti h2,.f-pti h4{font-size:18px;color:#fff;}
.f-pti p{font-size:22px;text-shadow:none;}
.f-pti .bb55{border-left:1px solid var(--ps-accent);}

.sm-ttle,.flyr24,.f-pti h3,.oc-fg h4,.liv-rslt h2,.liv-rslt h4{
  background:var(--ps-accent-alt);padding:5px 10px;display:block;color:#0B1220;margin-bottom:5px;
  letter-spacing:1px;font-weight:700;border:2px solid rgba(255,255,255,.25);border-radius:.75em;transform-style:preserve-3d;
  transition:transform 150ms cubic-bezier(0,0,.58,1),background 150ms cubic-bezier(0,0,.58,1);
}

.sm-ttle{
  display:block;
  color:var(--ps-text);
  background:linear-gradient(45deg,var(--ps-accent-alt),var(--ps-primary-dark));
  font-size:22px;
  padding:15px 10px;
  border-radius:12px;
  margin:5px 0;
}

.lv-mc .h8{display:block;font-size:22px;color:var(--ps-deep);line-height:1.3;font-weight:800;}
.lv-mc .h8:not(:first-child){display:block;border-top:1px solid var(--ps-primary);margin-top:8px;padding-top:8px;}
.lv-mc .h8 b{display:block;text-align:center;}
.lv-mc .h9{display:block;color:#F9A8D4;font-size:21px;line-height:1;margin:6px 0 0;font-weight:800;text-align:center;}

#aaj-pass-container{padding:4px 2px;}
#aaj-pass-container .h8{display:block;padding:5px 2px;border-bottom:1px solid #ff0018;}
#aaj-pass-container .h8:last-child{border-bottom-width:0;}
#aaj-pass-container .h8 b{
  display:block;text-align:center;font-size:20px;font-weight:800;color:var(--ps-deep);line-height:1.3;
  overflow-wrap:anywhere;word-break:break-word;
}
#aaj-pass-container .h9{
  display:block;text-align:center;font-size:19px;font-weight:800;line-height:1.35;margin:5px 0 0;
  overflow-wrap:anywhere;word-break:break-word;
}

.lv-mc button,.clk1-rld{
  border:1px solid #e6e6e6;background:var(--ps-primary);color:#fff;padding:5px 7px;border-radius:8px;font-size:12px;
  margin:2px 0 -1px;display:inline-block;transition:all .3s;border-style:solid;font-family:inherit;
}
.lv-mc button:hover,.clk1-rld:hover{box-shadow:0 0 13px 3px #00000033;cursor:pointer;}
.lv-mc p{font-size:14px;padding-top:5px;color:var(--ps-text);text-shadow:none;}
.vl-clk,.vl-clk-2{position:absolute;color:#7a028d;font-size:15px;padding:2px 0;transform:translateY(-158%);border-bottom:none;}
.vl-clk{left:18px;right:auto;}
.vl-clk-2{right:18px;left:auto;}

.eml-us{
  padding-top:4px;padding-bottom:7px;background-color:#1E2433;
  display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;
  -ms-align-items:center;align-items:center;justify-content:center;
}
.eml-us p{font-size:22px;color:var(--ps-text);display:flex;flex-direction:column;justify-content:center;margin-right:12px;}
.eml-us a{
  background:radial-gradient(var(--ps-accent-alt),var(--ps-accent));color:var(--ps-text);padding:5px 8px 2px;border-radius:80px;display:inline-block;
  box-shadow:0 0 10px -3px #000;border:1px solid var(--ps-accent);font-size:18px;
}
.eml-us a:hover{box-shadow:0 0 10px 0 #000;}

.tkt-val h1,.tkt-val h2,.tkt-val h3,.tkt-val h4,.tkt-val h5,.tkt-val h6{
  background:linear-gradient(45deg,var(--ps-accent-alt),var(--ps-primary-dark));color:#fff !important;font-size:20px;padding:8px 10px;border-radius:10px;
  border:2px solid #fff;font-style:normal;margin:8px 2px;letter-spacing:1px;
}
.satta-grid h3,.satta-grid h4,#results-grid-wrapper>h2,#results-grid-wrapper>h4{
  background:none;background-color:transparent !important;color:var(--ps-deep) !important;border:none;border-radius:0;
  font-size:22px;font-weight:800;padding:4px 6px;margin:6px 2px;letter-spacing:0;
}
.tkt-val span{
  margin:0;font-size:22px;line-height:1;
  background:-webkit-linear-gradient(#4500bf,#670009);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:5px 5px;
}
.tkt-val p{font-size:15px;padding:2px 0;margin-bottom:0;color:var(--ps-text);}
.tkt-val div{border-bottom:1px solid #ff0018;padding:3px;}
.tkt-val div:last-child{border-bottom-width:0;}
.bg-ylw{background-color:var(--ps-accent);border-bottom:1px solid var(--ps-accent);}
.tkt-val .seo-content-box{text-align:left;max-width:820px;margin:0 auto;color:#F1F5F9;font-style:normal;padding:4px 2px;overflow-wrap:break-word;}
.tkt-val .seo-content-box *{font-family:'Inter','TT Supermolot Neue Trl',Helvetica,Arial,sans-serif !important;font-style:normal;text-align:inherit;line-height:1.65;text-shadow:none !important;border-bottom:none !important;background:transparent !important;background-clip:border-box !important;-webkit-background-clip:border-box !important;-webkit-text-fill-color:inherit !important;}
.tkt-val .seo-content-box span{font-size:inherit;}
.tkt-val .seo-content-box p{color:#F1F5F9;padding:0;}
.tkt-val .seo-content-box strong{color:var(--ps-primary-text);font-weight:800;}
.tkt-val .seo-content-box a{color:var(--ps-deep);text-decoration:underline;}

.sky-23{border:2px solid #1f3092;}
.sky-23 h4{
  background:#ff1731;color:#fff;border-radius:10px;font-size:22px;padding:3px 5px;
  clip-path:polygon(0 0,97% 0,100% 48%,100% 80%,100% 100%,3% 100%,0 46%,0 20%);
}
.sky-23 a:last-child{border-bottom-width:0;}
.sky-23 a{
  background-image:linear-gradient(-225deg,#231557 0,#44107a 29%,#ff1361 67%,#ff0025 100%);
  background-size:200% auto;color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:textclip 2s linear infinite;font-size:22px;display:block;border-bottom:2px solid #ff0026;padding:5px;
}
@keyframes textclip{to{background-position:200% center}}

.sun-col>div{border-color:#e71d36;padding:5px;}
.sun-col h4{
  animation:fajskd 5s infinite;border-radius:10px;color:#fff;line-height:1.1;padding:4px 10px 3px;
  font-size:20px;
}
.sun-col p{font-size:18px;text-align:center;line-height:1.3;}

@keyframes fajskd{
  0%{background-color:#F9A8D4}
  25%{background-color:#ff001d}
  50%{background-color:#009a07}
  75%{background-color:#001fad}
  100%{background-color:#F9A8D4}
}

.sta-div h6{color:#fff;padding:5px 10px 3px;font-size:24px;}
.sta-div a{display:block;font-size:22px;padding:5px 7px 4px;}
.sta-1 a{border-bottom:2px solid var(--ps-primary);color:var(--ps-deep);}
.sta-div a:last-child{border-bottom-width:0;}
.sta-1{border-color:var(--ps-primary-text);}

.qtn14 h2,.qtn14 h3,.qtn14 h4{color:var(--ps-primary-text);font-size:22px;padding:5px 5px 6px;border-top:1.5px solid #e0557f;margin-top:5px;font-style:normal;}
.qtn14 h2:first-child,.qtn14 h3:first-child,.qtn14 h4:first-child{border-top-width:0;margin-top:0;}
.qtn14 p{font-size:12px;padding:0 5px 15px;line-height:1.4;color:var(--ps-text);}
.qtn14 a{color:var(--ps-primary-text);text-decoration:underline;}
.lst-sec h2{color:#bb2833;}
@media only screen and (max-width:768px){.qtn14 h2,.qtn14 h3,.qtn14 h2,.qtn14 h3,.qtn14 h4{font-size:15px}}
.a-us span{
  border:1px solid #e6e6e6;background:var(--ps-primary);color:#fff;padding:5px 7px;border-radius:8px;font-size:12px;
  margin:2px 0 -1px;display:inline-block;
}
.kalyan-notice .notice-text span{
  background:transparent;border:0;padding:0;margin:0;font-size:16px;color:#fff;display:block;
}
.footer-pw{
  background:transparent;border:1px solid var(--ps-primary);border-style:solid;
  outline:none;box-shadow:none;margin-bottom:5px;
}
.footer-copy{
  background:transparent;border:1px solid var(--ps-primary);border-style:solid;
  outline:none;box-shadow:none;margin-top:0;
}
.footer-pw a,.a-us.footer-pw a,.a-us.footer-pw p a{
  background-color:transparent !important;background-image:none !important;padding:0 !important;
  border-radius:0;box-shadow:none;text-shadow:none !important;
}
.dis12 h6{font-size:18px;margin-bottom:15px;padding-top:4px;text-shadow:1px 1px 3px #000;}
.dis12 p{font-size:13px;color:#340d7a;padding:2px 5px 5px;line-height:1.2;}
.a-us{padding:5px;}
.a-us p{font-size:13px;margin-bottom:0;color:var(--ps-text);padding-bottom:15px;}
.a-us b{color:var(--ps-deep);text-transform:uppercase;}
.a-us a{background-color:var(--ps-notice-to);color:#fff;padding:4px 6px;display:inline-block;text-shadow:1px 1px 2px #2f2f2f;border-radius:4px;}
.lst-sec{padding:5px;}
.lst-sec h4{font-size:18px;margin-bottom:4px;color:#d3003f;}
.lst-sec p{color:#F9A8D4;font-size:11px;line-height:1.4;}
.pow-13{color:var(--ps-text);padding-top:2px;padding-bottom:1px;}
.clk1-rld{position:fixed;bottom:9px;right:10px;}
.rbd-b-0{border-width:0;}
.p-0{padding:0;}

@media only screen and (max-width:500px){
  body{padding:2px 5px}
  .qtn14 h2,.qtn14 h3,.qtn14 h4{font-size:15px}
  .sm-ttle{font-size:15px;padding:10px 5px;}
}

.gm-clk{
  color:#fff;padding:5px 7px;border-radius:8px;font-size:12px;margin:0 0 0;display:block;transition:all .3s;
  text-shadow:1px 1px 2px #222;margin-top:-6px;border:1px solid #e6e6e6;background:var(--ps-primary);font-style:normal;
}
@media (max-width:500px){.gm-clk{margin:0 0 0}}
.onmb{margin-bottom:5px;}
.gpg0{padding:5px 10px 8px;}
.rbd{border:2px solid #ff001d;border-radius:10px;box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);}

.oc-fg h5{font-size:22px;color:var(--ps-text);}
.oc-fg .k2w5{font-size:22px;}
.oc-fg .oc-3a-69>div{border:2px solid #008906;border-radius:10px;margin:5px 0;padding:5px;}
.oc-fg .oc-3a-69 .g5a1{letter-spacing:1px;}
.oc-fg .oc-3a-69 .fg-p3{font-size:22px;color:#080808;}
.oc-fg .oc-3a-69 .l9w2v{font-size:20px;}
.oc-3a-69{width:50%;display:inline-block;padding:5px;border-color:#009206;border-style:solid;}
.oc-fg .oc-3a-69 .g5a1{
  background:linear-gradient(#00d309,#004503);font-size:18px;margin-bottom:5px;padding:7px 0 7px;border-radius:10px;
  clip-path:polygon(0 0,97% 0,100% 48%,100% 80%,100% 100%,3% 100%,0 46%,0 20%);
  color:#fff;text-shadow:1px 1px 2px red;
}
.oc-fg .oc-3a-69 .l9w2v{font-size:16px;line-height:24px;}
.ocfg.txta-1.rbd.onmb.gpg0{padding:0;}
.ocfg.txta-1.rbd.onmb.gpg0 *{font-style:normal;}

@media only screen and (max-width:600px){
  .oc-fg .oc-3a-69 .g5a1{font-size:12px !important;}
  .oc-fg .oc-3a-69 .l9w2v{font-size:11px;line-height:20px}
  .oc-3a-69 .h9{font-size:14px !important;}
}

.d1635{display:flex;flex-wrap:wrap;margin:5px;border-radius:10px;overflow:hidden;}
.oc-3a-69:nth-child(odd){border-width:0 1px 2px 2px;margin:0;border-radius:0;}
.oc-3a-69:nth-child(even){border-width:0 2px 2px 1px;margin:0;border-radius:0;}
.d1635 .oc-3a-69:nth-child(1),.d1635 .oc-3a-69:nth-child(2){border-top-width:2px;}

.qtn14{
  border:2px solid var(--ps-primary);border-radius:10px;width:calc(100% - 8px);padding:3px 0;margin:5px auto 5px;
  width:auto;display:block;
}
.qtn14 p{color:var(--ps-text);font-weight:700;text-transform:uppercase;margin:0;font-size:12px;font-style:normal;padding:0 10px 5px;text-transform:capitalize;opacity:.9;}
.qtn14 a{color:var(--ps-primary-text);font-weight:700;text-transform:capitalize;text-decoration:none;}
.qtn14 label{
  cursor:pointer;text-transform:uppercase;color:var(--ps-deep);font-weight:800;
  font-size:17px;padding:3px 0;display:block;
}
.qtn14 label + div{height:0;overflow:hidden;transition:all .3s;padding:0;}
.qtn14 label + div{height:auto;}
.qtn14 .q-crd{border-top:1.5px solid var(--ps-accent);}
.qtn14 .q-crd.a25hc{border-top:0 solid var(--ps-accent);}
.qtn14 .q-ans{display:none;padding:0 10px 10px;text-align:left;}
.qtn14 .q-ans p{text-align:left;text-transform:capitalize;font-size:12px;line-height:1.5;color:#CBD5E1;padding:0 0 8px;}

@media only screen and (max-width:500px){.qtn14 label{font-size:13px}}
@media only screen and (max-width:375px){.qtn14 label{font-size:13px}}
@media only screen and (max-width:320px){.qtn14 label{font-size:12px}}

.mp-clk1{
  position:fixed;bottom:10px;left:8px;padding:8px 14px;font-size:15px;border:1px solid #fff;text-decoration:none;
  background-color:#38BDF8;color:#0B1220;border-radius:5px;z-index:9999;
}
.mp-clk1-2nd{
  position:fixed;bottom:10px;right:8px;padding:8px 14px;font-size:15px;border:1px solid #fff;text-decoration:none;
  background-color:#38BDF8;color:#0B1220;border-radius:5px;z-index:9999;
}
@media(max-width:600px){
  .mp-clk1{bottom:8px;left:6px;padding:7px 10px;font-size:13px;}
  .mp-clk1-2nd{bottom:8px;right:6px;padding:7px 10px;font-size:13px;}
}
@media(max-width:400px){
  .mp-clk1{bottom:6px;left:4px;padding:6px 8px;font-size:12px;}
  .mp-clk1-2nd{bottom:6px;right:4px;padding:6px 8px;font-size:12px;}
}
@media screen and (max-width:400px){.m-icon img{width:auto;max-width:100%}}
@media screen and (max-width:300px){.m-icon img{width:auto;max-width:100%}}

.btm-clk1-f{
  background:linear-gradient(45deg,navy,#005780);border:1px solid #fff;font-size:14px;border-radius:5px;
  padding:6px 11px 5px;transition:all .3s ease-in;color:#fff;display:inline-block;margin:5px;
}
.btm-clk1-f:hover{border:1px solid #011481;background:var(--ps-surface);box-shadow:0 0 13px 3px #00000033;cursor:pointer;color:navy;background:linear-gradient(45deg,#fff,#dbdbdb);}

.be-stone{
  border:2px solid var(--ps-primary);border-radius:10px;font-style:normal;padding:3px 0;margin:5px auto 5px;
  width:auto;display:block;font-weight:600;font-family:roboto,sans-serif;
}
.be-stone .c-stone{
  cursor:pointer;text-transform:uppercase;color:var(--ps-deep);font-weight:800;
  font-size:17px;padding:4px 0 3px;border-top:1.5px solid #e0557f;margin-top:8px;font-style:italic;font-weight:700;
}
.be-stone p{padding:0 10px;font-size:14px;margin-bottom:0;color:var(--ps-text);padding-bottom:0;font-style:normal;}
.be-stone a{color:var(--ps-accent);}
.be-stone i{margin:5px 0;display:block;padding:0 10px;font-size:14px;margin-bottom:7px;color:var(--ps-text);padding-bottom:0;}
.be-stone ul{
  text-align:left;padding:0 10px;list-style:none;font-size:13px;margin-bottom:0;margin:0 10px 0;
  color:var(--ps-text);border:1px solid var(--ps-notice-to);border-radius:5px;margin-bottom:12px;
}
.be-stone li{margin:7px 0;}
.st-content{display:none;}
.st-content p{font-style:normal;font-size:14px;line-height:1.5;text-align:left;color:var(--ps-text);}
.st-content h3{color:var(--ps-deep);text-align:left;margin:10px;}

.amthltg{
  color:#fff;white-space:nowrap;overflow:hidden;box-sizing:border-box;margin:0 5px;height:40px;
  background:linear-gradient(90deg,var(--ps-accent),var(--ps-accent-alt));
  display:flex;align-items:center;border-radius:2px;
}
.liv-rslt{padding:5px;position:relative;}

.my-table h1,.my-table h4{font-size:24px;}
.my-table table{border-collapse:collapse;width:100%;margin:0;}
.my-table td,.my-table th{padding:2px 0;font-size:15px;}
.my-table td,.my-table th{border:1px solid var(--ps-accent);}
.my-table tbody{font-size:16px;}
.my-table thead{background-color:var(--ps-surface);font-size:16px;}
.my-table.cm-sl>h1,.my-table.cm-sl>h2,.my-table.cm-sl h4,.my-table.mr-sl h2,.my-table.mr-sl h4,.my-table.mumraj-sl h2,.my-table.mumraj-sl h4{
  background:var(--ps-accent);padding:5px 10px;display:block;color:#0B1220;margin-bottom:5px;
  margin-top:10px;letter-spacing:1px;font-weight:700;border:2px solid #000;border-radius:.75em;transform-style:preserve-3d;
  transition:transform 150ms cubic-bezier(0,0,.58,1),background 150ms cubic-bezier(0,0,.58,1);
}
.mr-sl h2,.mr-sl h4{margin-bottom:0}
.mumraj-sl h2,.mumraj-sl h4{margin-bottom:0}

.a-27-title,.banner,.cm-patti h3,.fg-div h4,.matka-result h4,.my-table.mumraj-sl h2,.my-table.mumraj-sl h4{
  background:var(--ps-accent-alt);padding:5px 10px;display:block;color:#0B1220;margin-bottom:5px;
  letter-spacing:1px;font-weight:700;border:2px solid rgba(255,255,255,.25);border-radius:.75em;transform-style:preserve-3d;
}

.live-result-btn{
  display:inline-block;padding:12px 20px;font-size:18px;font-weight:700;color:#fff;
  background:linear-gradient(45deg,var(--ps-accent),var(--ps-accent-alt));border:2px solid var(--ps-accent-alt);border-radius:8px;
  text-decoration:none;text-align:center;transition:all 0.3s ease-in-out;box-shadow:3px 3px 10px rgb(0 0 0 / .3);
}
.live-result-btn:hover{background:linear-gradient(45deg,var(--ps-accent-alt),var(--ps-accent));transform:scale(1.05);box-shadow:5px 5px 15px rgb(0 0 0 / .5);}

.e-sprg{font-size:20px;padding:5px;color:var(--ps-text);display:block;}
.d-ply{background:#8a000c;color:#fff;padding:6px 10px;display:block;width:fit-content;margin:auto;border-radius:10px;font-size:13px;}
.bblimg{border-radius:10px;max-width:500px;display:block;margin:auto;width:100%;padding:5px;}
.l-obj-giv{border:#000 solid 2px;text-align:center;margin-top:2px;width:100%;border-collapse:collapse;}
.l-obj-giv td,.l-obj-giv th{border:1px solid var(--ps-notice-to);padding:4px;font-size:15px;color:var(--ps-text);}
.l-obj-giv td{background:rgba(255,255,255,.4);}
.l-obj-giv thead{background-color:var(--ps-accent);}

.v5a25{font-size:25px;background-color:var(--ps-accent);color:blue;}
.v5a25-v4a5{font-size:1.2em;font-weight:700;color:#38BDF8 !important;}
.v5a25-v85b{font-size:2em;font-weight:700;color:var(--ps-primary-dark) !important;}

.wheel-section{display:flex;justify-content:center;align-items:center;padding:0 0;}
.wheel-container{position:relative;width:240px;height:240px;}
.wheel-image{width:100%;height:100%;animation:spin 5s linear infinite;}
.spin-center-text{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;
  color:#38BDF8;z-index:2;
}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.aaj-pass{border:2px solid red;border-radius:5px;margin-bottom:5px;}
.aaj-pass .hd1{color:#fff;display:block;font-size:20px;background:red;padding:5px;}
.aaj-pass .hd2{padding:5px;display:block;}
.aj-pass-txt{color:#7DD3FC;line-height:23px;font-weight:700;background:var(--ps-surface);border:1px solid rgba(148,163,184,.28);}

.promo-box{
  margin-bottom:7px;font-size:14px;padding:8px;line-height:20px;background:var(--ps-primary-dark);color:#fff;
  text-align:center;border-radius:8px;font-style:normal;
}
.download-btn{
  display:inline-block;margin-top:8px;padding:4px 30px;font-size:14px;font-weight:600;color:#38BDF8;
  background:var(--ps-surface);border-radius:20px;text-decoration:none;transition:0.25s;
}
.download-btn:hover{background:var(--ps-accent);color:#0B1220}

.seo-content-box{
  background:transparent;border:none;padding:0;margin:5px 0;color:#F1F5F9827;line-height:1.8;
  font-size:15px;text-align:justify;font-style:normal;
}

/* ---- Admin-written content must never sit on a filled box ----
   Covers every surface fed by the admin panel: chart/market copy, custom pages,
   blog posts and homepage sections. Forced on descendants too, because rich-text
   saved through the editor carries its own inline background colours.
   background-image is deliberately left alone so admin images still render. */
.seo-content-box,
.seo-content-box *,
.ps-page-content,
.ps-page-content *,
.blog-post-content,
.blog-post-content *,
.hps-text,
.hps-text *{
  background-color:transparent !important;
}
.chart-content-wrap .seo-content-box,
.chart-content-wrap .seo-content-box *{
  background-color:transparent !important;
}
.chart-content-wrap{position:relative;z-index:1;clear:both;margin-top:10px;padding-top:2px;}
.chart-content-wrap .tkt-val{margin-top:0;}
.seo-content-box h2,.seo-content-box h3,.seo-content-box h4,.seo-content-box h5,.seo-content-box h6{
  color:var(--ps-deep) !important;background:transparent !important;background:none !important;border:none !important;
  margin:14px 0 8px;line-height:1.4;font-style:normal;font-weight:700;letter-spacing:0;padding:0 !important;
  border-radius:0;text-shadow:none !important;-webkit-text-fill-color:var(--ps-deep) !important;font-size:18px;
}
.seo-content-box h2{font-size:22px;}
.seo-content-box h3{font-size:18px;}
.seo-content-box h4{font-size:16px;}
.seo-content-box p{margin:0 0 16px;line-height:16px;font-size:14px;}
.seo-content-box ul{margin:0 0 18px 20px;padding:0;}
.seo-content-box li{margin-bottom:8px;}
.seo-faq{border-top:1px solid var(--ps-primary);margin-top:25px;padding-top:20px;}

.premium-popup{
  position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;
  padding:15px;z-index:99999;
}
.premium-popup.active{display:flex;}
.premium-popup-box{
  width:100%;max-width:420px;background:#2A303C;border:3px solid var(--ps-accent);border-radius:12px;overflow:hidden;
  position:relative;box-shadow:0 10px 30px rgba(0,0,0,.25);font-style:normal;
}
.popup-title{background:var(--ps-accent);color:#fff;text-align:center;font-size:18px;font-weight:700;padding:12px;}
.popup-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;}
.popup-menu{padding:10px;}
.popup-item{
  display:flex;align-items:center;gap:12px;text-align:left;background:var(--ps-surface);border-radius:10px;padding:12px;
  margin-bottom:10px;text-decoration:none;color:#CBD5E1;border-left:4px solid var(--ps-accent);
}
.popup-item strong{display:block;font-size:16px;font-weight:700;line-height:1.2;}
.popup-item small{display:block;font-size:13px;color:#CBD5E1;font-style:normal;margin-top:2px;}
.popup-icon{width:32px;text-align:center;font-size:22px;flex-shrink:0;}
.popup-item span:last-child{margin-left:auto;font-size:18px;color:#999;}

.kalyan-notice{
  background:var(--ps-surface);border:1px solid var(--ps-accent);padding:10px 12px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
}
.notice-badge{
  display:inline-block;background:rgba(251,191,36,.12);color:var(--ps-accent);font-weight:700;padding:4px 10px;border-radius:999px;
  border:1px solid rgba(251,191,36,.35);
}
.notice-text{color:#ffffff;font-size:16px;font-style:normal;text-shadow:none;}
.kalyan-notice .notice-text,.kalyan-notice .notice-text b{color:#ffffff;text-shadow:none;}
.kalyan-notice .notice-title{display:block;font-size:17px;margin-bottom:6px;letter-spacing:.3px;}
.kalyan-notice .notice-line{display:block;line-height:1.7;margin-top:4px;}
.kalyan-notice .notice-line:first-of-type{margin-top:0;}
@media(max-width:768px){
  .kalyan-notice{flex-direction:column;text-align:center;padding:14px;}
  .notice-text{font-size:14px;}
}

.footer-link{
  color:var(--ps-primary-text);font-size:13px;font-style:normal;
  display:inline-block;min-height:24px;padding:5px 4px;line-height:14px;
}

.chart-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:5px 0;}
.chart-tab{
  border:1px solid rgba(148,163,184,.28);background:var(--ps-primary);color:#fff;padding:5px 10px;border-radius:8px;font-size:12px;
  transition:all .3s;font-style:normal;
}
.chart-tab:hover{box-shadow:0 0 13px 3px #00000033;cursor:pointer;}
.chart-tab.active{background:var(--ps-accent-alt);color:#0B1220;}

.chart-table{
  width:100%;border-collapse:collapse;margin:5px 0;background:var(--ps-surface);font-style:normal;
}
.chart-table th{
  background-color:var(--ps-accent-alt);color:#fff;padding:6px 4px;font-size:14px;border:1px solid var(--ps-accent);
}
.chart-table td{padding:5px 4px;font-size:14px;border:1px solid var(--ps-accent);color:var(--ps-text);text-align:center;}

.chart-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;}
.chart-column .chart-table{margin-top:0;}
.chart-col-title{
  background:var(--ps-primary);color:#fff;text-align:center;padding:5px 10px;font-size:16px;
  border:2px solid #fff;border-radius:.75em;margin:0 0 5px;font-style:normal;
}
@media(max-width:768px){
  .chart-columns{grid-template-columns:1fr;}
}

.ref-box{border:1px solid var(--ps-primary);border-radius:4px;overflow:hidden;font-style:normal;width:70%;max-width:100%;margin:0 auto;}
.ref-box-title{
  background:var(--ps-primary);color:#fff;text-align:center;padding:5px 8px;font-size:15px;font-weight:700;
  border-bottom:1px solid var(--ps-primary);margin:0;
}
.ref-box-desc{
  background:#eef1ff;color:#F1F5F9;text-align:center;padding:8px 12px;font-size:14px;line-height:1.6;
  border-bottom:1px solid var(--ps-primary);margin:0;
}
.ref-table{width:100%;border-collapse:collapse;}
.ref-table th,.ref-table td{border:1px solid var(--ps-accent-alt);text-align:center;padding:3px 4px;}
.ref-table th{background:var(--ps-accent);color:#0B1220;font-size:13px;font-weight:700;text-shadow:none;}
.ref-table-panel tbody td:nth-child(3n){border-left-width:0;border-right-width:0;font-size:23px;}
.ref-table-panel tbody td:nth-child(3n+2){border-right-width:0;font-size:13px;}
.ref-table-panel tbody td:nth-child(3n+1):not(:first-child){border-left-width:0;font-size:13px;}
.ref-table td{font-size:14px;line-height:1.15;color:var(--ps-text);font-weight:700;}
.ref-table td.r{color:#FF4D6A;font-weight:800;text-shadow:0 0 10px rgba(255,77,106,.35);}
.ref-table-jodi td{font-size:18px;}
.ref-table-panel tbody td:nth-child(3n){font-size:23px;}
.ref-table-panel tbody td:nth-child(1){font-size:13px;}
.ref-table-panel td{font-size:13px;}
.ref-table-panel td:first-child{font-size:13px;white-space:nowrap;}
@media(max-width:770px){
  .ref-box{width:95%;max-width:100%;}
  .ref-table th{font-size:11px;padding:2px 2px;}
  .ref-table td{font-size:11px;padding:2px 1px;}
  .ref-table-jodi td{font-size:14px;}
  .ref-table-panel tbody td:nth-child(3n){font-size:13px;}
  .ref-table-panel td{font-size:11px;}
  .ref-table-panel td:first-child{font-size:8px;}
}
@media(max-width:500px){
  .ref-box{width:100%;overflow:hidden;max-width:100%;}
  .ref-table{width:100%;}
  .ref-table th{font-size:11px;padding:2px 2px;}
  .ref-table td{font-size:8px;padding:1px 1px;}
  .ref-table-jodi td{font-size:12px;}
  .ref-table-panel tbody td:nth-child(3n){font-size:11px;}
  .ref-table-panel td{font-size:8px;}
  .ref-table-panel td:first-child{font-size:7px;max-width:40px;overflow:hidden;text-overflow:ellipsis;}
}

.market-links-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:5px;padding:5px;
}
.market-link{
  background:var(--ps-surface);border:1px solid var(--ps-primary);border-radius:8px;padding:8px 5px;color:var(--ps-deep);
  font-size:14px;font-weight:700;font-style:normal;transition:all .2s;
}
.market-link:hover{background:var(--ps-accent);color:#0B1220;}

/* ---- Market cards grid: /markets, /jodi-chart, /panel-chart ---- */
.mk-wrap{max-width:1100px;margin:0 auto;padding:10px 8px 26px;}
.mk-head{
  background:linear-gradient(120deg,var(--ps-grad-from) 0%,var(--ps-grad-mid) 45%,var(--ps-grad-to) 100%);
  color:#fff;border-radius:12px;padding:13px 15px;margin-bottom:11px;
  box-shadow:0 2px 10px rgba(0,0,0,.14);
}
.mk-head h1{margin:0;font-size:21px;font-weight:800;line-height:1.3;font-style:normal;letter-spacing:.2px;}
.mk-head p{margin:5px 0 0;font-size:12.5px;font-style:normal;opacity:.94;}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px;}
.mk-card{
  display:block;background:var(--ps-surface);border:1px solid rgba(148,163,184,.28);border-left:4px solid var(--ps-grad-from);
  border-radius:12px;padding:12px 12px 11px;color:var(--ps-deep);
  box-shadow:0 1px 4px rgba(15,23,42,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  text-decoration:none;
}
.mk-card:hover{
  transform:translateY(-3px);box-shadow:0 9px 20px rgba(15,23,42,.16);
  border-left-color:var(--ps-grad-to);background:var(--ps-surface);
}
.mk-card h3{
  margin:0 0 9px;font-size:16px;font-weight:800;line-height:1.32;
  font-style:normal;color:#E2E8F0;
}
.mk-rows{display:flex;flex-direction:column;gap:5px;}
.mk-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.mk-lbl{font-size:11px;font-weight:700;font-style:normal;color:#A8B8CC;text-transform:uppercase;letter-spacing:.5px;}
.mk-val{font-size:13px;font-weight:800;font-style:normal;color:var(--ps-primary-text);white-space:nowrap;}
.mk-val.dim{color:#CBD5E1;}
.mk-foot{
  margin-top:10px;padding-top:8px;border-top:1px dashed rgba(148,163,184,.28);
  display:flex;align-items:center;justify-content:space-between;gap:6px;
}
.mk-tag{
  font-size:11px;font-weight:800;font-style:normal;color:#fff;
  background:linear-gradient(135deg,#16a34a,#15803d);
  border-radius:999px;padding:3px 10px;white-space:nowrap;
}
.mk-tag.off{background:linear-gradient(135deg,#94a3b8,#64748b);}
.mk-go{font-size:11.5px;font-weight:800;font-style:normal;color:var(--ps-accent);white-space:nowrap;}
.mk-card:hover .mk-go{text-decoration:underline;}
.mk-empty{
  background:var(--ps-surface);border:1px dashed rgba(148,163,184,.28);border-radius:12px;padding:34px 16px;
  text-align:center;color:#A8B8CC;font-size:15px;font-style:normal;
}

/* ---- Market card states: running / upcoming / closed ---- */
.mk-card.is-running{
  border-left-color:var(--ps-grad-from);
  background:linear-gradient(160deg,#12302C 0%,#0E2622 60%);
  box-shadow:0 2px 8px rgba(14,143,131,.16);
}
.mk-card.is-upcoming{
  border-left-color:var(--ps-grad-to);
  background:linear-gradient(160deg,#1A2331 0%,#151C27 60%);
  box-shadow:0 2px 8px rgba(31,127,208,.14);
}
.mk-card.is-closed{
  border-left-color:#CBD5E1;
  background:linear-gradient(160deg,#1E2433 0%,#171A24 60%);
  opacity:.94;
}
.mk-card.is-closed:hover{opacity:1;}

.mk-tag-running{background:linear-gradient(135deg,var(--ps-grad-from),var(--ps-grad-mid));}
.mk-tag-upcoming{background:linear-gradient(135deg,var(--ps-grad-to),var(--ps-grad-mid));}
.mk-tag-closed{background:linear-gradient(135deg,#94a3b8,#64748b);}

.mk-card.is-running .mk-val{color:var(--ps-primary-text);}
.mk-card.is-upcoming .mk-val{color:var(--ps-primary-dark-text);}
.mk-card.is-closed .mk-val{color:#A8B8CC;}

.mk-dot{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--ps-surface);margin-right:5px;vertical-align:middle;
  animation:mkPulse 1.1s ease-in-out infinite;
}
@keyframes mkPulse{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.35;transform:scale(.75);}
}

/* today's declared numbers, shown on live + upcoming cards */
.mk-figs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;
  margin-top:10px;padding-top:9px;border-top:1px dashed rgba(100,116,139,.28);
}
.mk-fig{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;}
.mk-fig-lbl{
  font-size:11px;font-weight:700;font-style:normal;color:#A8B8CC;
  text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;
}
.mk-fig-val{
  font-size:14px;font-weight:800;font-style:normal;color:#E2E8F0;
  background:rgba(148,163,184,.28);border-radius:7px;padding:3px 6px;
  min-width:34px;text-align:center;line-height:1.25;
}
.mk-fig-jodi{
  background:linear-gradient(135deg,var(--ps-grad-from),var(--ps-grad-to));
  color:#fff;box-shadow:0 1px 4px rgba(14,143,131,.28);
}
.mk-card.is-upcoming .mk-fig-jodi{background:linear-gradient(135deg,var(--ps-grad-to),var(--ps-grad-mid));}

/* Pending markets have nothing declared yet, so their numbers read as masked. */
.mk-card.is-upcoming .mk-fig-val{
  color:#CBD5E1;background:rgba(148,163,184,.28);box-shadow:inset 0 0 0 1px rgba(148,163,184,.28);
}
.mk-card.is-upcoming .mk-fig-jodi{
  color:#CBD5E1;background:rgba(148,163,184,.28);box-shadow:inset 0 0 0 1px rgba(148,163,184,.28);
}

/* Finished markets keep their final result, so the numbers stay solid. */
.mk-card.is-closed .mk-fig-val{
  color:#0B1220;background:#CBD5E1;box-shadow:inset 0 0 0 1px rgba(148,163,184,.28);
}
.mk-card.is-closed .mk-fig-jodi{
  color:#fff;background:linear-gradient(135deg,#475569,#334155);
  box-shadow:0 1px 4px rgba(51,65,85,.25);
}

.mk-sum{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin-bottom:11px;font-size:12px;font-style:normal;
}
.mk-sum span{
  background:var(--ps-surface);border:1px solid rgba(148,163,184,.28);border-radius:999px;
  padding:4px 12px;font-weight:700;color:#94A3B8;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.mk-sum .mk-sum-running{border-color:var(--ps-grad-from);color:var(--ps-primary-text);}
.mk-sum .mk-sum-upcoming{border-color:var(--ps-grad-to);color:var(--ps-primary-dark-text);}
.mk-sum .mk-sum-closed{border-color:rgba(148,163,184,.28);color:#A8B8CC;}

@media only screen and (max-width:420px){
  .mk-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .mk-card{padding:10px 9px;}
  .mk-card h3{font-size:14px;margin-bottom:7px;}
  .mk-head h1{font-size:18px;}
  .mk-val{font-size:12px;}
  .mk-figs{gap:4px;}
  .mk-fig{gap:2px;min-width:0;overflow:hidden;}
  .mk-fig-val{font-size:12px;padding:2px 3px;min-width:0;}
  /* "Close Ank" is wider than a third of a narrow card, so let it wrap. */
  .mk-fig-lbl{font-size:8px;letter-spacing:0;white-space:normal;line-height:1.15;}
}

/* ---- Market detail page: /markets/{slug} ---- */
.md-wrap{max-width:900px;margin:0 auto;padding:10px 8px 28px;}

.md-top{
  background:linear-gradient(120deg,var(--ps-grad-from) 0%,var(--ps-grad-mid) 45%,var(--ps-grad-to) 100%);
  color:#fff;border-radius:12px;padding:13px 15px;margin-bottom:11px;
  box-shadow:0 2px 10px rgba(0,0,0,.14);
}
.md-back{font-size:13px;
  display:inline-block;font-size:12px;font-weight:700;font-style:normal;
  color:#fff;text-decoration:none;background:rgba(255,255,255,.18);
  border-radius:999px;padding:4px 11px;margin-bottom:9px;
}
.md-back:hover{background:rgba(255,255,255,.32);}
.md-id-main{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.md-id-main h1{
  margin:0;font-size:22px;font-weight:800;line-height:1.25;
  font-style:normal;letter-spacing:.2px;
}
.md-id-main .mk-tag{background:rgba(255,255,255,.22);}
.md-id-sub{
  margin:7px 0 0;font-size:12.5px;font-style:normal;opacity:.95;line-height:1.6;
}
.md-id-sub b{color:#fff;}

.md-card{
  background:var(--ps-surface);border:1px solid rgba(148,163,184,.28);border-radius:12px;
  padding:14px;margin-bottom:11px;box-shadow:0 1px 4px rgba(15,23,42,.07);
}
.md-h2{
  margin:0 0 11px;font-size:15px;font-weight:800;font-style:normal;color:#E2E8F0;
  padding-left:9px;border-left:4px solid var(--ps-grad-from);line-height:1.3;
}
.md-note{margin:0 0 10px;font-size:12.5px;font-style:normal;color:#A8B8CC;}

.md-figs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.md-fig{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  background:rgba(148,163,184,.06);border:1px solid rgba(148,163,184,.28);border-radius:10px;padding:11px 6px;
}
.md-fig-lbl{
  font-size:11px;font-weight:700;font-style:normal;color:#A8B8CC;
  text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;
}
.md-fig-val{
  font-size:26px;font-weight:800;font-style:normal;color:#E2E8F0;
  line-height:1.1;letter-spacing:.5px;
}
.md-fig-jodi{
  font-size:34px;font-weight:900;letter-spacing:1px;
  padding:7px 14px;
  background:linear-gradient(135deg,var(--ps-grad-from),var(--ps-grad-to));color:#fff;
  border-color:transparent;box-shadow:0 3px 10px rgba(14,143,131,.28);
}
.md-fig-jodi .md-fig-lbl{color:rgba(255,255,255,.85);}

.md-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.md-act{
  display:block;text-align:center;text-decoration:none;font-style:normal;
  font-size:13.5px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--ps-grad-to),var(--ps-grad-from));
  border-radius:10px;padding:11px 8px;
  box-shadow:0 2px 6px rgba(31,127,208,.24);transition:transform .16s,box-shadow .16s;
}
.md-act:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(31,127,208,.32);}

.md-tablewrap{overflow-x:auto;}
.md-table{width:100%;border-collapse:collapse;}
.md-table th{
  font-size:11.5px;font-weight:800;font-style:normal;color:#94A3B8;
  text-transform:uppercase;letter-spacing:.4px;text-align:center;
  padding:8px 6px;border-bottom:2px solid var(--ps-grad-from);
}
.md-table td{
  font-size:14px;font-weight:600;font-style:normal;color:var(--ps-text);
  text-align:center;padding:8px 6px;border-bottom:1px solid rgba(148,163,184,.28);
}
.md-table tbody tr:nth-child(even){background:rgba(148,163,184,.06);}
.md-td-date{color:#A8B8CC;font-weight:700;white-space:nowrap;}
.md-td-jodi{color:var(--ps-primary-text);}

@media only screen and (max-width:560px){
  .md-id-main h1{font-size:18px;}
  .md-fig-val{font-size:20px;}
  .md-fig-jodi{font-size:27px;padding:5px 8px;}
  .md-acts{grid-template-columns:1fr;}
  .md-table th,.md-table td{font-size:12px;padding:7px 4px;}
}

.game-zone-item{
  border:2px solid #008906;border-radius:10px;margin:5px 0;padding:5px;background:rgba(255,255,255,.3);
}

@media only screen and (max-width:600px){
  .f-pti .dflex{flex-direction:column;}
  .f-pti .dflex>div{width:100%;}
  .f-pti .bb55{border-left:0;border-top:1px solid var(--ps-accent);}
  .gbl-val{height:120px;}
  .tkt-val>h1,.tkt-val>h2,.tkt-val>h3,.tkt-val>h4{font-size:18px;}
  .tkt-val span{font-size:18px;}
  .live-result-btn{font-size:14px;padding:10px 14px;}
  .wheel-container{width:160px;height:160px;}
}

.main-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:8px 10px;background:var(--ps-primary);}
.main-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:6px 14px;border-radius:6px;transition:all .2s;font-style:normal;}
.main-nav a:hover{background:var(--ps-surface);color:var(--ps-accent);}
.main-nav a.active{background:var(--ps-accent);color:#0B1220;}
@media(max-width:500px){
  .main-nav{gap:2px;padding:6px 5px;}
  .main-nav a{font-size:12px;padding:5px 10px;}
}

details summary{cursor:pointer;list-style:none;}
details summary::before{content:'[+] ';color:var(--ps-accent);}
details[open] summary::before{content:'[-] ';color:var(--ps-deep);}
details p{text-align:left;font-size:13px;line-height:1.5;font-style:normal;color:var(--ps-text);padding:5px 10px 10px;}
.footer-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:6px 0;font-style:normal;font-size:13px;}
.footer-contact a{color:var(--ps-primary-text);text-decoration:none;}
.footer-contact a:hover{text-decoration:underline;}
.footer-social{display:flex;justify-content:center;gap:8px;padding:8px 0;}
.footer-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--ps-primary);color:#fff;font-size:16px;text-decoration:none;}
.footer-social a:hover{background:var(--ps-primary);}
.live-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;font-size:14px;color:var(--ps-primary-text);font-style:normal;font-weight:600;}
.live-spinner{width:18px;height:18px;border:3px solid #ffcdd2;border-top-color:var(--ps-primary-text);border-radius:50%;animation:liveSpin .6s linear infinite;}
@keyframes liveSpin{to{transform:rotate(360deg)}}
.live-timestamp{font-size:11px;color:#888;font-weight:400;font-style:normal;margin-left:8px;}

.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:5px;}
.blog-card{display:block;background:var(--ps-surface);border:1px solid rgba(148,163,184,.28);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ps-text);transition:all .2s;}
.blog-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px);}
.blog-thumb img{width:100%;height:180px;object-fit:cover;}
.blog-body{padding:10px 12px;}
.blog-title{font-size:16px;margin:0 0 6px;color:var(--ps-deep);line-height:1.3;}
.blog-excerpt{font-size:13px;color:#CBD5E1;margin:0 0 6px;line-height:1.4;}
.blog-date{font-size:11px;color:#CBD5E1;}
.pagination-wrap{display:flex;justify-content:center;padding:16px 0 8px;}
.pagination-wrap a,.pagination-wrap span{display:inline-block;padding:6px 12px;margin:0 2px;border:1px solid #ddd;border-radius:4px;font-size:13px;text-decoration:none;color:#CBD5E1;}
.pagination-wrap a:hover{background:var(--ps-primary);color:#fff;border-color:var(--ps-primary-text);}
.pagination-wrap .active{background:var(--ps-primary);color:#fff;border-color:var(--ps-primary-text);}
.blog-post-wrap{padding:5px 0;}
.blog-back{display:inline-block;font-size:13px;color:var(--ps-primary-text);text-decoration:none;margin-bottom:12px;}
.blog-back:hover{text-decoration:underline;}
.blog-post-title{font-size:22px;margin:0 0 6px;color:var(--ps-deep);}
.blog-post-date{font-size:12px;color:#CBD5E1;display:block;margin-bottom:12px;}
.blog-post-thumb{margin-bottom:16px;}
.blog-post-thumb img{width:100%;max-height:400px;object-fit:cover;border-radius:8px;}
.blog-post-content{font-size:15px;line-height:1.7;color:#CBD5E1;}
.blog-post-content h2{font-size:20px;margin:20px 0 8px;color:var(--ps-deep);}
.blog-post-content h3{font-size:17px;margin:16px 0 6px;color:#CBD5E1;}
.blog-post-content p{margin:0 0 12px;}
.blog-post-content img{max-width:100%;border-radius:6px;}
.blog-related{margin-top:24px;border-top:2px solid #eee;padding-top:16px;}
.blog-related h2,.blog-related h4{font-size:16px;margin:0 0 10px;color:var(--ps-deep);}
.blog-related-list{display:flex;flex-direction:column;gap:8px;}
.blog-related-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border:1px solid rgba(148,163,184,.28);border-radius:6px;text-decoration:none;color:#CBD5E1;transition:all .15s;}
.blog-related-item:hover{background:var(--ps-primary);color:#fff;border-color:var(--ps-primary-text);}
.blog-related-title{font-size:14px;font-weight:600;}
.blog-related-date{font-size:11px;color:#CBD5E1;}
.blog-related-item:hover .blog-related-date{color:#ddd;}

.weekly-box{padding:12px 14px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;}

.satta-grid{position:relative;}
.satta-grid-item{position:relative;padding:8px 10px 38px;border-bottom:1px solid #ff0018;}
.satta-grid-item:last-child{border-bottom-width:0;}
.satta-btn-jodi,.satta-btn-panel{
  position:absolute;bottom:6px;color:#fff;padding:8px 15px;border-radius:9px;font-size:14px;font-weight:700;
  border:1px solid #e6e6e6;background:var(--ps-primary);text-shadow:1px 1px 2px #222;transition:all .3s;
  font-style:normal;text-decoration:none;
}
.satta-btn-jodi{left:10px;right:auto;}
.satta-btn-panel{right:10px;left:auto;}
.satta-btn-jodi:hover,.satta-btn-panel:hover{box-shadow:0 0 13px 3px #00000033;cursor:pointer;}
.weekly-box-title{font-size:16px;font-weight:700;color:#CBD5E1;margin:12px 0 6px;line-height:1.4;}
.weekly-box-list{font-size:19px;font-weight:700;color:var(--ps-text);line-height:1.9;white-space:pre-line;}

.blog-layout{display:flex;gap:16px;align-items:flex-start;}
.blog-sidebar{flex:0 0 220px;position:sticky;top:80px;}
.blog-cat-box{background:var(--ps-surface);border:1px solid rgba(148,163,184,.28);border-radius:8px;padding:12px;}
.blog-cat-box h2,.blog-cat-box h5{margin:0 0 10px;font-size:15px;color:var(--ps-deep);}
.blog-cat-link{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:5px;text-decoration:none;color:#CBD5E1;font-size:13px;transition:all .15s;}
.blog-cat-link:hover{background:rgba(148,163,184,.28);}
.blog-cat-link.active{background:var(--ps-primary);color:#fff;font-weight:700;}
.blog-cat-count{font-size:11px;background:rgba(148,163,184,.28);color:#CBD5E1;padding:1px 7px;border-radius:10px;}
.blog-cat-link.active .blog-cat-count{background:var(--ps-surface);color:var(--ps-primary-text);}
.blog-cat-badge{display:inline-block;background:rgba(94,234,212,.14);color:#5EEAD4;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-decoration:none;}
.blog-cat-badge:hover{background:var(--ps-accent);color:#0B1220;}
.blog-main{flex:1;min-width:0;}
@media(max-width:768px){
  .blog-layout{flex-direction:column;}
  .blog-sidebar{flex:none;position:static;width:100%;}
  .blog-cat-box{display:flex;flex-wrap:wrap;gap:4px;align-items:center;}
  .blog-cat-box h2,.blog-cat-box h5{width:100%;margin:0 0 4px;}
  .blog-cat-link{padding:5px 8px;font-size:12px;}
}
@media(max-width:600px){
  .blog-grid{grid-template-columns:1fr;}
  .blog-post-title{font-size:18px;}
}
@media(max-width:768px){
  .satta-grid-item h3,.satta-grid-item h4{font-size:21px;font-weight:800;}
  .satta-grid-item span{font-size:21px;font-weight:800;}
  .satta-grid-item p{font-size:15px;font-weight:700;}
  .weekly-box{padding:10px 12px;}
  .weekly-box-title{font-size:15px;}
  .weekly-box-list{font-size:18px;line-height:1.8;}
  .liv-rslt .h8 b{font-size:19px;font-weight:800;}
  .liv-rslt .h9{font-size:20px;font-weight:800;}
  .sta-div{padding:8px;}
  .sta-div h2,.sta-div h6{font-size:14px;color:inherit;}
  .sta-div a{font-size:15px;}
  .f-pti .dflex{flex-direction:column;}
  .f-pti .dflex>div{width:100%;}
  .f-pti .bb55{border-left:0;border-top:1px solid var(--ps-accent);}
  .promo-box{padding:10px;font-size:14px;}
  .promo-box a{font-size:13px;padding:8px 12px;}
}
@media(max-width:600px){
  body{padding:2px 5px;}
  .tkt-val>h1,.tkt-val>h2,.tkt-val>h3,.tkt-val>h4{font-size:18px;}
  .tkt-val span{font-size:17px;}
  .tkt-val p{font-size:14px;}
  .satta-grid-item{padding:6px 8px 36px;}
  .satta-grid-item h3,.satta-grid-item h4{font-size:20px;font-weight:800;}
  .satta-grid-item span{font-size:20px;font-weight:800;}
  .satta-btn-jodi,.satta-btn-panel{padding:6px 11px;font-size:12px;}
  .weekly-box{padding:8px 10px;margin-bottom:8px;}
  .weekly-box-title{font-size:14px;}
  .weekly-box-list{font-size:17px;line-height:1.7;}
  .gbl-val{height:120px;}
  .liv-rslt{padding:4px;}
  .liv-rslt .h8{padding:4px 6px;}
  .liv-rslt .h8 b{font-size:18px;font-weight:800;}
  .liv-rslt .h9{font-size:21px;font-weight:800;padding:2px 5px;}
  #aaj-pass-container .h8 b{font-size:19px;}
  #aaj-pass-container .h9{font-size:18px;margin:4px 0 0;}
  .sm-ttle{font-size:15px;padding:10px 5px;}
  .eml-us{flex-direction:column;gap:6px;}
  .eml-us p{margin-right:0;text-align:center;}
  .my-table table{font-size:12px;}
  .my-table th{font-size:11px;padding:4px 2px;}
  .my-table td{font-size:11px;padding:4px 2px;}
  .wheel-container{width:160px;height:160px;}
  .blog-grid{grid-template-columns:1fr;}
  .blog-post-title{font-size:16px;}
  .blog-post-thumb img{max-height:250px;}
  .sta-div a{font-size:14px;padding:6px 0;}
  .seo-content-box{padding:10px;}
  .seo-content-box p{font-size:14px;}
  .seo-content-box ul{margin-left:10px;}
  .seo-content-box li{font-size:13px;}
  .qtn14 label{font-size:12px;}
  .q-ans p{font-size:13px;}
  .pow-13{padding:8px;}
  .pow-13 p{font-size:12px;}
  .footer-social a{width:32px;height:32px;}
}
@media(max-width:400px){
  .satta-grid-item h3,.satta-grid-item h4{font-size:20px;font-weight:800;}
  .satta-grid-item span{font-size:20px;font-weight:800;}
  .satta-grid-item{padding:5px 6px 34px;}
  .satta-btn-jodi,.satta-btn-panel{padding:6px 9px;font-size:11px;}
  .weekly-box-title{font-size:14px;}
  .weekly-box-list{font-size:16px;line-height:1.7;}
  .liv-rslt .h8 b{font-size:18px;font-weight:800;}
  .liv-rslt .h9{font-size:21px;font-weight:800;padding:2px 4px;}
  #aaj-pass-container .h8{padding:4px 2px;}
  #aaj-pass-container .h8 b{font-size:18px;}
  #aaj-pass-container .h9{font-size:17px;margin:4px 0 0;}
  .my-table th{font-size:11px;}
  .my-table td{font-size:11px;}
  .seo-content-box p{font-size:13px;}
  .seo-content-box li{font-size:12px;}
}
.phone-bar{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(251,191,36,.10);border:2px solid rgba(251,191,36,.40);border-radius:12px;padding:8px 14px;margin:8px 10px 0;font-size:15px;font-weight:bold;color:var(--ps-text);}
.phone-bar-label{color:var(--ps-primary-text);font-size:14px;}
.phone-bar-num{color:#0b6f2a;text-decoration:none;font-size:17px;}
.phone-bar-num:hover{text-decoration:underline;}
@media(max-width:600px){
  .phone-bar{font-size:13px;padding:6px 10px;}
  .phone-bar-num{font-size:15px;}
}
img{max-width:100%;height:auto;}

.chart-top{max-width:100%;margin:4px auto 0;text-align:center;font-style:normal;width:100%;}
.chart-h1{
  background:var(--ps-grad-from);color:#fff;text-align:center;padding:6px 10px;font-size:18px;font-weight:700;
  letter-spacing:1px;border:2px solid #fff;border-radius:4px;margin:3px 0;
}
.para3{
  background:linear-gradient(187deg,#fc9 50%,var(--ps-accent-alt) 50%);border:2px solid var(--ps-accent);border-style:outset;
  margin:3px 0;line-height:1.4;font-size:14px;padding:4px 10px;color:var(--ps-deep);
  box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);
}
.para3 h2{font-size:14px;margin:0;font-weight:700;text-align:center;}
.para3 p{margin:2px 0 0;font-size:12px;line-height:1.4;text-align:center;font-weight:700;}
.chart-updated{margin:3px 0 0;font-size:12px;font-weight:700;color:#F9A8D4;}
.chart-result{
  margin:6px auto 2px;line-height:1.4;font-size:13px;padding:6px 10px;color:var(--ps-deep);
  box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);border:1px solid #000;border-radius:4px;background:var(--ps-surface);
}
.chart-result div{font-size:20px;font-weight:700;color:var(--ps-deep);}
.chart-result span{color:#F9A8D4;font-size:20px;font-weight:700;}
.chart-result a{
  border:1px solid #e6e6e6;background:var(--ps-primary);color:#fff;padding:4px 8px;font-size:12px;font-weight:600;
  margin:3px 0 0;display:inline-block;border-radius:4px;text-decoration:none;text-shadow:none;
}
.chart-result a:hover{background:var(--ps-accent-alt);}
#top{scroll-margin-top:8px;}
.button2{
  background-color:var(--ps-accent);color:#0B1220;padding:8px 22px;font-size:14px;margin:5px 0;border:2px solid rgba(0,0,0,.35);
  font-weight:800;text-decoration:none;text-shadow:none;box-shadow:0 0 16px rgba(251,191,36,.25);
  display:inline-block;border-radius:4px;font-family:inherit;
}
.ref-rec-head{
  background:var(--ps-primary);color:#fff;text-align:center;padding:6px 8px;font-size:16px;font-weight:700;
  border-bottom:1px solid var(--ps-primary);margin:0;text-shadow:none;
}

.chart-search{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:700px;margin:10px auto 6px;padding:9px 12px;background:var(--ps-surface);border:2px solid var(--ps-primary);border-radius:10px;box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);font-style:normal;}
.chart-search input{flex:1 1 150px;min-width:140px;padding:8px 12px;font-size:15px;border:1px solid var(--ps-primary);border-radius:6px;outline:none;font-family:inherit;color:#F1F5F9;background:var(--ps-surface);}
.chart-search input:focus{border-color:var(--ps-accent-alt);box-shadow:0 0 0 2px rgba(255,0,162,.15);}
.chart-search-hide-label{font-size:13px;font-weight:600;color:#CBD5E1;display:inline-flex;align-items:center;gap:5px;cursor:pointer;}
.chart-search-hide-label input{min-width:0;flex:none;width:16px;height:16px;accent-color:var(--ps-primary-text);}
.chart-search-clear{border:1px solid var(--ps-primary);background:var(--ps-primary);color:#fff;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;font-family:inherit;transition:background .2s;}
.chart-search-clear:hover{background:var(--ps-accent-alt);border-color:var(--ps-accent-alt);}
.chart-search-count{font-size:13px;font-weight:700;color:var(--ps-primary-text);flex-basis:100%;text-align:center;}
.ref-table td.hl-match{background:#0b7a32 !important;color:#fff !important;font-weight:800;text-shadow:none !important;box-shadow:inset 0 0 0 2px #FFD34D;border-color:#FFD34D;}
body.hl-hide-nm .ref-table tr:not(:has(td.hl-match)){display:none;}

@media(max-width:520px){
  body{padding:2px 5px 74px;}
  .ref-box{width:99%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
  .ref-table{min-width:0;white-space:normal;}
  .ref-table-jodi{min-width:0;width:100%;}
  .ref-table-panel{min-width:0;width:100%;}
  .ref-table-panel thead th:first-child{width:55px;}
  .ref-table th{font-size:11px;padding:3px 1px;}
  .ref-table td{font-size:11px;padding:2px 2px;line-height:1.3;font-weight:700;}
  .ref-table-jodi td{font-size:14px;}
  .ref-table-panel td,.ref-table-panel th{padding:2px 1px;}
  .ref-table-panel td{font-size:11px;}
  .ref-table-panel tbody td:nth-child(3n){font-size:14px;}
  .ref-table-panel tbody td:nth-child(3n+2){font-size:11px;}
  .ref-table-panel tbody td:nth-child(3n+1):not(:first-child){font-size:11px;}
  .ref-table-panel tbody td:nth-child(1){font-size:11px;width:55px;white-space:nowrap;font-weight:700;}
  .main-nav a{font-size:12px;padding:6px 8px;}
  .mp-clk1{left:6px;bottom:8px;padding:9px 12px;font-size:14px;border-radius:8px;}
  .mp-clk1-2nd{right:6px;bottom:8px;padding:9px 12px;font-size:14px;border-radius:8px;}
  .qtn14 label{font-size:13px;padding:6px 2px;}
  .a-us a{font-size:14px;padding:7px 10px;}
  .satta-btn-jodi,.satta-btn-panel{padding:8px 13px;font-size:13px;}
}

@media(max-width:350px){
  .ref-table-jodi{min-width:0;width:100%;}
  .ref-table-panel{min-width:0;width:100%;}
  .ref-table-panel thead th:first-child{width:52px;}
  .ref-table-jodi td{font-size:12px;}
  .ref-table td{font-size:8px;}
  .ref-table th{font-size:11px;}
  .ref-table-panel tbody td:nth-child(3n){font-size:12px;}
  .ref-table-panel tbody td:nth-child(3n+2){font-size:8px;}
  .ref-table-panel tbody td:nth-child(3n+1):not(:first-child){font-size:8px;}
  .ref-table-panel tbody td:nth-child(1){font-size:8px;width:48px;white-space:nowrap;}
  .text2 h2{font-size:18px;}
  .main-nav a{font-size:11px;padding:5px 6px;}
}
h1,h2,h3,h4,h5,.heading-display,.site-title,.ref-box-title{
  font-family:'TT Supermolot Neue Trl','Inter',Helvetica,Arial,sans-serif;
  letter-spacing:.4px;
}

/* ===== below-the-fold rendering skip (perf) =====
   content-visibility:auto lets the engine skip layout/paint for sections that are
   off-screen. contain-intrinsic-size reserves the real box size so the scrollbar
   length and CLS stay unchanged. The `auto` keyword lets the browser remember the
   true size after the first render, so these values are only the first-paint guess. */
#results-grid-wrapper{content-visibility:auto;contain-intrinsic-size:auto 3000px}
#starline-container{content-visibility:auto;contain-intrinsic-size:auto 620px}
#aaj-pass-container{content-visibility:auto;contain-intrinsic-size:auto 3300px}
#weekly-container{content-visibility:auto;contain-intrinsic-size:auto 1150px}
#gamezone-container{content-visibility:auto;contain-intrinsic-size:auto 900px}
.sta-div{content-visibility:auto;contain-intrinsic-size:auto 1150px}
.qtn14{content-visibility:auto;contain-intrinsic-size:auto 1100px}
.be-stone{content-visibility:auto;contain-intrinsic-size:auto 520px}
.seo-content-box{content-visibility:auto;contain-intrinsic-size:auto 1300px}

/* additional off-screen sections (measured below the 823px mobile fold) */
#livers{content-visibility:auto;contain-intrinsic-size:auto 1250px}
.promo-box{content-visibility:auto;contain-intrinsic-size:auto 135px}

/* screen-reader-only heading: keeps the single <h1> in the SEO outline
   without changing the visual design of the page */
.sr-only-h1{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.satta-grid-item.running-market { background: #e8f5e9 !important; border: 1px solid #2e7d32 !important; }

.satta-grid-item.running-market { background: #3A2E10 !important; border: 2px solid #ff6f00 !important; box-shadow: 0 0 10px rgba(255,111,0,0.3) !important; } .running-badge { background:#FF6F00;color:#0B1220;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;margin-left:4px;display:inline-block;text-transform:uppercase; }

.satta-grid-item.running-market { background: var(--ps-state-running-bg) !important; border: 1px solid var(--ps-state-running-fg) !important; box-shadow: 0 2px 6px rgba(141,110,99,0.2) !important; }\n.running-pill { background:var(--ps-state-running-fg);color:#fff;padding:0 4px;border-radius:50px;font-size:8px;font-weight:700;letter-spacing:0.2px;margin-left:3px;display:inline-block;text-transform:uppercase;line-height:1.1;vertical-align:middle;box-shadow:0 1px 2px rgba(0,0,0,0.15); }

.satta-grid-item.running-market { background: var(--ps-state-running-bg) !important; border: 1px solid var(--ps-state-running-fg) !important; box-shadow: 0 2px 6px rgba(141,110,99,0.2) !important; }\n.running-pill { background:var(--ps-state-running-fg);color:#fff;padding:0 4px;border-radius:50px;font-size:8px;font-weight:700;letter-spacing:0.2px;margin-left:3px;display:inline-block;text-transform:uppercase;line-height:1.1;vertical-align:middle;box-shadow:0 1px 2px rgba(0,0,0,0.15); }



.satta-grid-item.running-market { background: var(--ps-state-running-bg) !important; border: 1px solid var(--ps-state-running-fg) !important; box-shadow: 0 2px 6px rgba(141,110,99,0.2) !important; }\n.running-pill { background:var(--ps-state-running-fg);color:#fff;padding:0 3px;border-radius:50px;font-size:7px;font-weight:700;letter-spacing:0.1px;margin-left:2px;display:inline-block;text-transform:uppercase;line-height:1.0;vertical-align:middle;box-shadow:0 1px 2px rgba(0,0,0,0.15); }

.satta-grid-item.running-market { background: var(--ps-state-running-bg) !important; border: 1px solid var(--ps-state-running-fg) !important; box-shadow: 0 2px 6px rgba(141,110,99,0.2) !important; }\n.running-pill { background:var(--ps-state-running-fg);color:#fff;padding:0 2px;border-radius:50px;font-size:6px;font-weight:700;letter-spacing:0;line-height:0.9;margin-left:2px;display:inline-block;text-transform:uppercase;vertical-align:middle; }
/* Admin-authored homepage sections (Admin -> Homepage Sections) */
.hps-heading { margin: 10px 0 6px; font-size: 18px; font-weight: 800; text-align: center; }
.hps-block { margin-bottom: 10px; }
.hps-text { text-align: left; }
.hps-text p { margin: 6px 0; }
.hps-blogs { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; margin-bottom: 10px; }
.hps-blog-card { border: 1px solid rgba(148,163,184,.28); border-radius: 8px; padding: 10px; background:var(--ps-surface); text-align: left; }
.hps-blog-card h3 { margin: 0 0 6px; font-size: 15px; line-height: 1.3; }
.hps-blog-card h3 a { color:var(--ps-primary-dark-text); text-decoration: none; }
.hps-blog-card h3 a:hover { text-decoration: underline; }
.hps-blog-card p { margin: 0 0 6px; font-size: 13px; line-height: 1.5; }
.hps-blog-card small { color: #777; font-size: 11px; }/* Site wordmark — replaces the old logo image in the header */
.site-brand {
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    padding: 2px 0;
}

.site-brand-text {
    font-family: 'TT Supermolot Neue Trl', 'Inter', system-ui, sans-serif;
    font-weight: 800;
    font-size: 30px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    background: linear-gradient(92deg, var(--ps-primary) 0%, var(--ps-primary-dark) 45%, var(--ps-accent-alt) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
    white-space: nowrap;
}

.site-brand:hover .site-brand-text,
.site-brand:focus .site-brand-text {
    background: linear-gradient(92deg, var(--ps-accent-alt) 0%, var(--ps-primary) 50%, var(--ps-primary-dark) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* Fallback for browsers without background-clip:text */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .site-brand-text {
        background: none;
        color:var(--ps-primary-dark-text);
        -webkit-text-fill-color:var(--ps-primary-dark-text);
    }
}

@media (max-width: 480px) {
    .site-brand-text { font-size: 23px; }
}

/* 220 Patti page */
.patti-wrap { padding: 10px 8px 20px; }
.patti-h1 { text-align: center; font-size: 20px; font-weight: 800; margin: 8px 0 10px; }
.patti-intro { font-size: 14px; line-height: 1.65; text-align: left; margin-bottom: 12px; }
.patti-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.patti-stat { background:var(--ps-surface); border: 1px solid rgba(148,163,184,.28); border-radius: 10px; padding: 8px 4px; text-align: center; }
.patti-stat b { display: block; font-size: 20px; color: var(--ps-accent); }
.patti-stat span { display: block; font-size: 11px; color: var(--ps-text); margin-top: 2px; }
.patti-search { margin-bottom: 12px; }
.patti-group { margin-bottom: 18px; }
.patti-group-title { font-size: 16px; font-weight: 800; margin: 0 0 2px; }
.patti-group-note { font-size: 12px; color:#CBD5E1; margin: 0 0 8px; }
.patti-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(74px, 1fr)); gap: 6px; }
.patti-card { border: 1px solid rgba(148,163,184,.28); border-radius: 8px; background:var(--ps-surface); padding: 6px 3px; text-align: center; }
.patti-num { display: block; font-size: 16px; letter-spacing: 1px; color: var(--ps-text); }
.patti-sum { display: block; font-size: 11px; color: var(--ps-accent); font-weight: 700; margin-top: 2px; }
.patti-anks { display: block; font-size: 11px; color:#CBD5E1; }
.patti-sum-box { margin-top: 14px; }
.patti-sums { display: flex; flex-wrap: wrap; gap: 5px; padding: 6px 2px; }
.patti-sum-chip { background: rgba(148,163,184,.14); color: var(--ps-text); border-radius: 20px; padding: 2px 9px; font-size: 12px; }

/* Site wordmark — replaces the old logo image in the header */
.site-brand {
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    padding: 3px 0;
}

.site-brand-text {
    font-family: 'TT Supermolot Neue Trl', 'Inter', system-ui, sans-serif;
    font-weight: 800;
    font-size: 33px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: linear-gradient(95deg, var(--ps-accent-alt) 0%, var(--ps-primary) 30%, var(--ps-primary-dark) 62%, var(--ps-accent) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 0 rgba(176, 23, 23, 0.25));
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.65);
    white-space: nowrap;
}

.site-brand:hover .site-brand-text,
.site-brand:focus .site-brand-text {
    background: linear-gradient(95deg, var(--ps-accent) 0%, var(--ps-accent-alt) 25%, var(--ps-primary) 60%, var(--ps-primary-dark) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .site-brand-text {
        background: none;
        color:var(--ps-primary-dark-text);
        -webkit-text-fill-color:var(--ps-primary-dark-text);
        filter: none;
    }
}

@media (max-width: 480px) {
    .site-brand-text { font-size: 24px; }
    .patti-stats { grid-template-columns: repeat(2, 1fr); }
}
/* Markets list on the 220 Patti page */
.patti-markets { margin-top: 14px; }
.patti-market-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; padding: 6px 2px; }
.patti-market { display: flex; align-items: center; justify-content: space-between; gap: 6px; border: 1px solid rgba(148,163,184,.28); border-radius: 8px; padding: 5px 8px; background:var(--ps-surface); }
.patti-market-name { font-size: 13px; font-weight: 700; color: var(--ps-text); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.patti-market-name:hover { color: var(--ps-accent); text-decoration: underline; }
.patti-market-links { display: flex; gap: 5px; flex-shrink: 0; }
.patti-market-links a { font-size: 11px; background: var(--ps-primary); color: #fff; border-radius: 4px; padding: 2px 7px; text-decoration: none; }
.patti-market-links a:hover { background: var(--ps-primary); }
/* Market cards on the 220 Patti page (layout follows the reference site) */
.patti-markets { margin-top: 14px; }
.patti-markets .cr-title { display: block; text-align: center; font-size: 15px; font-weight: 800; color: var(--ps-accent); margin: 10px 0 8px; letter-spacing: .5px; }
.patti-market-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 7px; padding: 2px; }
.patti-market-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; text-align: center; border: 1px solid rgba(148,163,184,.28); border-radius: 8px; padding: 8px 6px; background:var(--ps-surface); text-decoration: none; transition: border-color .12s ease, box-shadow .12s ease; }
.patti-market-card:hover { border-color: var(--ps-accent); box-shadow: 0 0 12px rgba(251,191,36,.22); }
.pmc-name { font-size: 13px; font-weight: 800; color: var(--ps-text); line-height: 1.25; }
.patti-market-card:hover .pmc-name { color: var(--ps-accent); }
.pmc-tag { font-size: 11px; color: #CBD5E1; text-transform: uppercase; letter-spacing: .4px; }
@media (max-width: 480px) { .patti-market-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); } }
/* Header bar: transparent background (restored). */
.m-icon{background:transparent;}
/* Brand wordmark: restored to the original gradient look. */
.site-brand-text{
    font-family:'TT Supermolot Neue Trl','Inter',system-ui,sans-serif;
    font-weight:800;
    font-size:24px;
    letter-spacing:0.5px;
    text-transform:uppercase;
    white-space:nowrap;
    background:linear-gradient(95deg,var(--ps-accent-alt) 0%,var(--ps-primary) 30%,var(--ps-primary-dark) 62%,var(--ps-accent) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 2px 0 rgba(176,23,23,.25));
    text-shadow:0 1px 2px rgba(255,255,255,.65);
    transition:none;
    transform:none;
}
.site-brand:hover .site-brand-text,
.site-brand:focus .site-brand-text{
    background:linear-gradient(95deg,var(--ps-accent) 0%,var(--ps-accent-alt) 25%,var(--ps-primary) 60%,var(--ps-primary-dark) 100%);
    -webkit-background-clip:text;
    background-clip:text;
}
/* Per-section background / hover colours set in Admin -> Homepage Sections */
.hps-wrap{transition:background-color .25s ease, box-shadow .25s ease;}
.hps-wrap[style*="--hps-bg"]{background:var(--hps-bg);}
.hps-wrap[style*="--hps-bg"] > *{background:var(--hps-bg);}
.hps-wrap[style*="--hps-bg"] > * > :first-child{background:var(--hps-bg);}
.hps-wrap[style*="--hps-bg"] > *{background-color:var(--hps-bg);}
.hps-wrap[style*="--hps-bg"] :is(.f-pti,.kalyan-notice,.promo-box,.tkt-val,.liv-rslt,.my-table,.weekly-box,.sta-div,.qtn14,.be-stone,.dis12){background:var(--hps-bg);}
.hps-wrap[style*="--hps-hover"]:hover > * > :first-child{background:var(--hps-hover);}
.hps-wrap[style*="--hps-hover"]:hover > *{background-color:var(--hps-hover);}
.hps-wrap[style*="--hps-hover"]:hover :is(.f-pti,.kalyan-notice,.promo-box,.tkt-val,.liv-rslt,.my-table,.weekly-box,.sta-div,.qtn14,.be-stone,.dis12){background:var(--hps-hover);}
.hps-wrap[style*="--hps-hover"]:hover{background:var(--hps-hover);}
.hps-wrap[style*="--hps-hover"]:hover > *{background:var(--hps-hover);}
/* Chart page language switcher */
.chart-lang-switch{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;}
.cls-label{font-size:13px;font-weight:700;color:#CBD5E1;margin-right:2px;}
.cls-pill{display:inline-block;padding:4px 12px;border:1px solid var(--ps-primary);border-radius:20px;font-size:13px;color:var(--ps-primary-text);text-decoration:none;background:var(--ps-surface);line-height:1.4;}
.cls-pill:hover{background:var(--ps-primary);color:#fff;}
.cls-pill.active{background:var(--ps-primary);color:#fff;font-weight:700;}
/* ===== Public page -> chart cards ===== */
.ps-page-cards{margin:22px 0;}
.ps-page-cards h2{margin-bottom:10px;font-size:20px;}
.ps-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;}
.ps-card{
    display:flex;flex-direction:column;gap:4px;padding:12px 14px;
    border:1px solid var(--ps-primary);border-radius:10px;background:var(--ps-surface);
    text-decoration:none;color:var(--ps-text);transition:transform .15s ease,box-shadow .15s ease;
}
.ps-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12);}
.ps-card b{font-size:14px;}
.ps-card-tag{font-size:11px;font-weight:700;color:var(--ps-primary-text);text-transform:uppercase;}

/* Admin -> Pages card pickers */
.pc-picks{display:flex;gap:8px;flex-wrap:wrap;}
.pc-pick{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;cursor:pointer;}
.pc-pick input{width:auto;}
/* ===== Free Matka Game cards ===== */
.fixgame-wrap{max-width:1100px;margin:26px auto 0;padding:0 10px;}
.fixgame-head{text-align:center;margin-bottom:14px;}
.fixgame-head h2{margin:0 0 4px;font-size:22px;color:var(--ps-primary-text);}
.fixgame-head p{margin:0;font-size:14px;opacity:.75;}
.fixgame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}
.fixgame-card{
    background:var(--ps-surface);border:2px solid #900;border-radius:10px;padding:12px 14px;text-align:center;
    box-shadow:0 2px 4px rgba(0,0,0,.1);
}
.fixgame-card p{margin:3px 0;font-size:14px;color:#CBD5E1;}
.fixgame-name{font-size:19px;font-weight:800;color:var(--ps-accent) !important;text-transform:uppercase;}
.fixgame-title{font-weight:700;color:var(--ps-text) !important;margin-top:8px !important;font-size:15px !important;}
.fixgame-btns{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:9px;}
.fg-btn{
    padding:4px 12px;font-size:13px;font-weight:600;color:var(--ps-text);background:#A3EA44;border:none;color:#0B1220;
    border-radius:30px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .2s ease;
}
.fg-btn:hover{transform:scale(1.08);}
.fg-wa{background:#25d366;color:#0B1220;}
.fg-tw{background:#1da1f2;color:#0B1220;}
.fg-tg{background:#229ed9;color:#0B1220;}
.fixgame-empty{text-align:center;padding:14px;opacity:.7;}.fixgame-more{display:flex;justify-content:center;margin-top:14px;}
.fg-more{background:var(--ps-primary,var(--ps-primary));color:#fff;font-size:15px;padding:8px 26px;font-weight:700;}
.fg-download{background:#A3EA44;color:#0B1220;}
.fg-whatsapp{background:#25d366;color:#0B1220;}
.fg-twitter{background:#1da1f2;color:#0B1220;}
.fg-telegram{background:#229ed9;color:#0B1220;}
/* ===== Homepage section rhythm: every section gets its own breathing room ===== */
.hps-wrap{
    padding-top:20px;
    padding-bottom:20px;
}
/* First and last section shouldn't push the page down/off. */
main > .hps-wrap:first-of-type{padding-top:8px;}
main > .hps-wrap:last-of-type{padding-bottom:28px;}

/* A section that paints its own background must not leave a white seam. */
.hps-wrap[style*="--hps-bg"]{
    padding-left:0;padding-right:0;
}

/* Inner wrappers shouldn't double the gap. */
.hps-wrap > :first-child{margin-top:0 !important;}
.hps-wrap > :last-child{margin-bottom:0 !important;}

/* Free Matka Game sits inside its own section, so no extra outer margin. */
.fixgame-wrap{margin:0 auto;padding:0 10px;}

/* Small screens: tighten so it doesn't feel like a long empty corridor. */
@media (max-width:640px){
    .hps-wrap{padding-top:14px;padding-bottom:14px;}
}
/* ===== Site name: original gradient wordmark restored =====
   (The previous solid maroon #6d0c0c override is removed so the brand
   uses the gradient defined above.) */
.m-icon{background:transparent;}
/* ===== Site background: green → blue → soft-pink gradient ===== */
html{background-color:var(--ps-page-from);}
body{
    background-color:var(--ps-page-from);
    background-image:linear-gradient(180deg,var(--ps-page-from) 0%,var(--ps-page-mid) 50%,var(--ps-page-to) 100%);
    background-repeat:no-repeat;
    background-attachment:fixed;
}
.m-icon{background:transparent;}

/* Peach accents that used to match the old background, retinted to blue. */
.text3{
    background:linear-gradient(187deg,#E3F2FD 50%,#BBDEFB 50%);
}

/* ===================================================================
   Homepage polish (subtle): card finish, heading accent, section rhythm
   =================================================================== */
/* --- Result cards: soft rounded card + gentle hover lift --- */
.satta-grid{display:grid;gap:10px;}
.satta-grid > .satta-grid-item{
    padding:12px 14px 46px;
    border:1px solid rgba(136,78,160,.16);
    border-radius:12px;
    box-shadow:0 2px 10px rgba(74,28,92,.06);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.satta-grid > .satta-grid-item:not(.bg-ylw):not(.running-market){background:linear-gradient(180deg,#1E2433 0%,#171A24 100%);}
.satta-grid > .satta-grid-item:hover,
.satta-grid-item-link:hover .satta-grid-item {
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(74,28,92,.14);
    border-color:rgba(136,78,160,.32);
}
.satta-btn-jodi,.satta-btn-panel{bottom:10px;}

/* --- Free Matka Game cards: matching finish --- */
.fixgame-card{
    border:1px solid rgba(136,78,160,.22);
    box-shadow:0 2px 10px rgba(74,28,92,.08);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fixgame-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 22px rgba(74,28,92,.16);
    border-color:rgba(136,78,160,.4);
}

/* --- Section headings: small centred gradient underline accent --- */
#results-grid-wrapper>h2::after,
.fixgame-head h2::after{
    content:"";
    display:block;width:56px;height:3px;margin:7px auto 2px;border-radius:3px;
    background:linear-gradient(90deg,#884EA0,#E3F2FD);
}

/* --- Section rhythm: a touch more breathing room on wider screens --- */
@media (min-width:641px){
    .hps-wrap{padding-top:26px;padding-bottom:26px;}
}

/* ===================================================================
   Homepage polish, round 2: top bars, Lucky Number, Notice, App promo
   =================================================================== */

/* --- Top bars: centred welcome pill + call strip --- */
.welcome-bar{
    justify-content:center;
    gap:12px;
    margin:8px 0 2px;
    padding:0 4px;
}
.welcome-bar .sm-ttle{
    background:linear-gradient(120deg,var(--ps-accent-alt),var(--ps-primary-dark) 55%,var(--ps-grad-from));
    border-color:transparent;
    font-size:18px;
    letter-spacing:.4px;
    padding:11px 18px;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(251,191,36,.22);
    flex:0 1 auto;
}
.welcome-bar .auth-links a{
    background:var(--ps-surface);border:1px solid rgba(136,78,160,.25);border-radius:999px;padding:5px 12px;
    box-shadow:0 2px 6px rgba(74,28,92,.08);
}
.welcome-bar .auth-links a:hover{background:#faf5ff;text-decoration:none;}

.phone-bar{
    max-width:640px;
    margin:8px auto 16px;
    padding:7px 16px;
    gap:10px;
    background:linear-gradient(135deg,#1E2433,#241F14);
    border:1px solid rgba(251,191,36,.32);
    border-radius:999px;
    box-shadow:0 10px 26px rgba(0,0,0,.5);
}
.phone-bar-num{
    background:linear-gradient(135deg,#14a44d,#0b6f2a);
    color:#fff;
    padding:5px 14px;
    border-radius:999px;
    font-weight:800;
    letter-spacing:.5px;
    box-shadow:0 3px 10px rgba(11,111,42,.32);
}
.phone-bar-num:hover{text-decoration:none;filter:brightness(1.06);}

/* --- Today Lucky Number: two soft cards + round ank chips --- */
.f-pti .dflex{gap:10px;padding:8px 6px 4px;align-items:stretch;}
.f-pti .dflex>div{
    width:auto;flex:1 1 0;
    border:1px solid rgba(136,78,160,.18);
    border-radius:12px;
    padding:10px 10px 12px;
    background:linear-gradient(180deg,#1E2433,#171A24);
}
.f-pti .dflex>div:first-child{
    background:linear-gradient(180deg,#241F14,#1A1710);
    border-color:rgba(251,191,36,.35);
}
.f-pti .dflex>div:first-child p{
    font-size:24px;font-weight:900;letter-spacing:2px;margin:2px 0 0;
    background:linear-gradient(90deg,#a9720b,#f7b500,#a9720b);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.f-pti .bb55{border-left:0 !important;}
.f-pti .bb55 p{font-size:13.5px !important;line-height:1.55 !important;}
.f-pti .bb55 p b{
    display:inline-block;min-width:22px;height:22px;line-height:22px;text-align:center;
    margin-left:5px;vertical-align:middle;
    background:linear-gradient(180deg,var(--ps-primary),var(--ps-primary-dark));
    color:#fff !important;border-radius:50%;font-size:13px;
    box-shadow:0 2px 6px rgba(143,0,0,.32);
}
@media(max-width:640px){
    .f-pti .dflex{flex-direction:column;}
    .f-pti .dflex>div{width:100%;flex:1 1 auto;}
    .f-pti .bb55{margin-top:8px;}
}

/* --- Notice: softer navy card + gold badge --- */
.kalyan-notice{
    background:linear-gradient(135deg,#202a7d,#12184a);
    border:1px solid rgba(240,195,109,.5);
    border-radius:14px;
    padding:14px 16px;
    gap:14px;
    box-shadow:0 6px 18px rgba(15,20,60,.22);
}
.kalyan-notice .notice-badge{
    background:linear-gradient(135deg,#ffd76a,#f0b429);
    color:#FBBF24;border:0;border-radius:999px;
    padding:6px 14px;margin:0;font-size:14px;letter-spacing:.4px;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.kalyan-notice .notice-text{
    background:transparent;border:0;padding:0;margin:0;
    color:#eef1ff;font-size:15px;text-align:left;display:block;
}
.kalyan-notice .notice-title{color:#ffe082;font-size:18px;margin-bottom:8px;}
@media(max-width:768px){
    .kalyan-notice .notice-text{text-align:center;}
}

/* --- App promo: richer card + gold CTA --- */
.hps-wrap[data-hps="app_promo"] .promo-box{
    margin-bottom:10px;
    padding:16px 18px;
    line-height:1.5;
    background:linear-gradient(135deg,var(--ps-primary-dark),var(--ps-primary-dark) 55%,var(--ps-primary-dark));
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    box-shadow:0 8px 22px rgba(120,0,0,.28);
}
.hps-wrap[data-hps="app_promo"] .promo-box strong{display:inline-block;font-size:17px;letter-spacing:.3px;margin-bottom:3px;}
.hps-wrap[data-hps="app_promo"] .promo-box .download-btn{
    margin-top:12px;
    padding:10px 30px;
    font-size:15px;
    font-weight:800;
    color:#7a0a0a;
    background:linear-gradient(180deg,#ffe082,#ffb300);
    border-radius:999px;
    box-shadow:0 0 20px rgba(251,191,36,.28);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.hps-wrap[data-hps="app_promo"] .promo-box .download-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(0,0,0,.34);
    filter:brightness(1.05);
}

/* --- Today Lucky Number: Final Ank compact + auto-scrolling list --- */
.f-pti .bb55{display:flex;flex-direction:column;min-height:0;}
.f-pti .bb55 h3{flex:0 0 auto;}
.f-pti .fa-scroll{
    flex:1 1 auto;min-height:0;
    max-height:none;
    overflow-y:auto;overflow-x:hidden;
    scrollbar-width:thin;scrollbar-color:rgba(136,78,160,.4) transparent;
    mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 96%,transparent 100%);
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.f-pti .fa-scroll::-webkit-scrollbar{width:5px;}
.f-pti .fa-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:10px;}
.f-pti .fa-scroll::-webkit-scrollbar-track{background:transparent;}
@media(max-width:640px){
    .f-pti .bb55{min-height:auto;}
}

/* ===================================================================
   Homepage polish, round 3: section REDESIGN
   LIVE RESULT / AAJ KYA PASS HUA / Notice / App promo (scoped)
   =================================================================== */

/* ---- Shared card shell + gradient header bar ---- */
.hps-wrap[data-hps="live_results"] .liv-rslt,
.hps-wrap[data-hps="aaj_pass"] #aaj-pass-container{
    background:var(--ps-surface);
    border:1px solid rgba(251,191,36,.22);
    border-radius:18px;
    box-shadow:0 18px 40px rgba(0,0,0,.55);
    outline:0;
    padding:0 0 14px;
    overflow:hidden;
}
.hps-wrap[data-hps="live_results"] .sec-head,
.hps-wrap[data-hps="aaj_pass"] .sec-head{
    display:flex;align-items:center;justify-content:center;gap:10px;
    background:linear-gradient(120deg,var(--ps-grad-from) 0%,var(--ps-grad-mid) 45%,var(--ps-grad-to) 100%);
    color:#fff;padding:13px 16px;margin:0 0 14px;
    box-shadow:0 6px 16px rgba(14,143,131,.28);
}
.hps-wrap[data-hps="live_results"] .sec-head h2,
.hps-wrap[data-hps="aaj_pass"] .sec-head h2{
    margin:0;font-size:19px;font-weight:800;letter-spacing:.8px;color:#fff;
    background:none;border:0;padding:0;box-shadow:none;
}

/* ==========================================================================
   FAQ accordion — rebuilt for readability.

   Placed last so it wins over the legacy `.qtn14` rules above (including the
   font-size media queries, which add no specificity) and over the
   content-visibility placeholder that made the block jump while scrolling.

   Markup contract is unchanged: `.q-crd > label` click toggles `.q-ans`
   between none and block, so the open state is detected from that inline style.
   ========================================================================== */
.qtn14{
  border:1px solid rgba(15,23,42,.10);
  border-radius:12px;
  width:auto;display:block;
  padding:0;margin:12px 0;
  background:transparent;
  content-visibility:visible;
  contain-intrinsic-size:none;
}
.qtn14 h2,.qtn14 h3,.qtn14 h4{
  color:#E2E8F0;font-size:17px;font-weight:800;font-style:normal;
  padding:12px 14px;margin:0;border:0;
  border-bottom:1px solid rgba(15,23,42,.10);
  letter-spacing:.2px;
}
.qtn14 .q-crd{
  border-top:1px solid rgba(15,23,42,.08);
  margin:0;padding:0;background:transparent;
  transition:background .18s ease;
}
.qtn14 .q-crd:first-of-type,
.qtn14 .q-crd.a25hc{border-top:0;}
.qtn14 .q-crd:hover{background:rgba(251,191,36,.06);}

.qtn14 label{
  cursor:pointer;display:flex;align-items:flex-start;gap:10px;
  text-transform:none;color:var(--ps-text);font-weight:600;
  font-size:15px;line-height:1.5;padding:12px 14px;margin:0;
}
.qtn14 label:hover{color:var(--ps-primary-text);}
.qtn14 label:focus-visible{outline:2px solid var(--ps-grad-from);outline-offset:-2px;}

/* Toggle affordance: the old design had no icon, so rows read as plain text. */
.qtn14 label::after{
  content:"+";margin-left:auto;flex:0 0 auto;
  width:22px;height:22px;border-radius:50%;margin-top:-1px;
  background:rgba(14,143,131,.12);color:var(--ps-primary-text);
  font-size:15px;font-weight:800;line-height:21px;text-align:center;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.qtn14 .q-crd:has(> .q-ans[style*="block"]) label::after,
.qtn14 .q-crd.is-open label::after{
  content:"\2212";background:var(--ps-grad-from);color:#fff;transform:rotate(180deg);
}
.qtn14 .q-crd:has(> .q-ans[style*="block"]),
.qtn14 .q-crd.is-open{background:rgba(14,143,131,.06);}
.qtn14 .q-crd:has(> .q-ans[style*="block"]) label,
.qtn14 .q-crd.is-open label{color:var(--ps-primary-text);}

.qtn14 .q-ans{
  display:none;padding:0 14px 14px;text-align:left;
  margin:0 14px 12px;border-left:3px solid rgba(14,143,131,.35);
}
.qtn14 .q-ans p{
  text-align:left;text-transform:none;font-size:14px;line-height:1.65;
  color:#374151;padding:0;margin:0;font-weight:400;font-style:normal;
}

@media only screen and (max-width:560px){
  .qtn14 h2,.qtn14 h3,.qtn14 h4{font-size:15px;padding:10px 12px;}
  .qtn14 label{font-size:14px;padding:11px 12px;}
  .qtn14 .q-ans{margin:0 12px 11px;padding:0 12px 12px;}
  .qtn14 .q-ans p{font-size:13.5px;}
}

/* ==========================================================================
   Chart page header (jodi + panel).

   The heading and intro copy are admin-written, so they should sit on the page
   like the rest of that content instead of on a pink/orange slab. The old
   near-white heading text would vanish on a transparent background, so the
   colour is switched to the brand deep blue at the same time.
   ========================================================================== */
.chart-h1{
  background:transparent;
  border:0;border-bottom:2px solid rgba(14,143,131,.35);border-radius:0;
  color:var(--ps-deep);
  -webkit-text-fill-color:currentColor;
  text-shadow:none;
  padding:4px 0 8px;margin:8px 0;
  font-size:20px;font-weight:800;letter-spacing:.6px;
}
.para3{
  background:transparent;
  border:0;border-radius:0;
  box-shadow:none;
  margin:6px 0;padding:0 0 8px;
  color:var(--ps-deep);
}
@media only screen and (max-width:560px){
  .chart-h1{font-size:17px;padding:2px 0 6px;margin:6px 0;}
  .para3{margin:4px 0;padding:0 0 6px;}
}

/* ==========================================================================
   "WORLD ME SABSE FAST SATTA MATKA RESULT" cards.

   Every card is wrapped in <a class="satta-grid-item-link">, so the old
   `.satta-grid > .satta-grid-item` selectors never matched and the border and
   background silently did nothing. Selectors below target the real nesting.

   The highlight state also used hard var(--ps-accent) yellow, which fights a bordered card;
   it is softened to an amber tint that stays readable.
   ========================================================================== */
#results-grid-container .satta-grid-item{
  padding:12px 14px 46px;
  border:1px solid rgba(148,163,184,.26);
  border-radius:12px;
  box-shadow:0 2px 12px rgba(0,0,0,.5);
  background:linear-gradient(180deg,#1E2433 0%,#171A24 100%);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#results-grid-container .satta-grid-item:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.45);
  border-color:rgba(148,163,184,.30);
}
#results-grid-container .satta-grid-item.bg-ylw{
  background:linear-gradient(180deg,#2A2313 0%,#1F1A0E 100%) !important;
  border-color:rgba(251,191,36,.45) !important;
}
#results-grid-container .satta-grid-item.running-market{
  background:linear-gradient(180deg,#12302C 0%,#0E2622 100%) !important;
  border:1px solid var(--ps-grad-from) !important;
  border-left-width:4px !important;
  box-shadow:0 2px 14px rgba(0,0,0,.5) !important;
}
#results-grid-container .satta-grid-item-link{display:block;text-decoration:none;}
#results-grid-container .satta-grid-item-link:last-child .satta-grid-item{border-bottom:1px solid rgba(148,163,184,.26);}
#results-grid-container .satta-grid-item.bg-ylw:last-child,
#results-grid-container .satta-grid-item.running-market:last-child{border-bottom-width:1px;}

/* ---- LIVE RESULT: live badge, meta, 2-col result rows ---- */
.hps-wrap[data-hps="live_results"] .lr-live{
    display:inline-flex;align-items:center;gap:6px;
    background:rgba(255,255,255,.18);color:#fff;
    font-size:11px;font-weight:800;letter-spacing:1px;
    padding:4px 10px;border-radius:999px;
}
.hps-wrap[data-hps="live_results"] .lr-dot{
    width:8px;height:8px;border-radius:50%;background:#ff3b3b;animation:lrPulse 1.4s infinite;
}
@keyframes lrPulse{
    0%{box-shadow:0 0 0 0 rgba(255,59,59,.7);}
    70%{box-shadow:0 0 0 8px rgba(255,59,59,0);}
    100%{box-shadow:0 0 0 0 rgba(255,59,59,0);}
}
.hps-wrap[data-hps="live_results"] .lr-meta{min-height:0;text-align:right;padding:0 14px;}
.hps-wrap[data-hps="live_results"] .live-timestamp{font-size:11px;color:var(--ps-accent);font-weight:600;letter-spacing:0;}
.hps-wrap[data-hps="live_results"] .live-loading{color:var(--ps-primary-text);}
.hps-wrap[data-hps="live_results"] .live-spinner{border-color:#cdeee8;border-top-color:var(--ps-grad-from);}
.hps-wrap[data-hps="live_results"] .lv-mc{
    display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px;
}
.hps-wrap[data-hps="live_results"] .lv-mc .h8{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    background:linear-gradient(180deg,#1E2433,#171A24);
    border:1px solid rgba(251,191,36,.22);
    border-left:4px solid var(--ps-grad-from);
    border-radius:12px;padding:10px 12px;margin:0;
}
.hps-wrap[data-hps="live_results"] .lv-mc .h8:not(:first-child){
    border-top:1px solid rgba(14,143,131,.16);margin:0;padding:10px 12px;
}
.hps-wrap[data-hps="live_results"] .lv-mc .h8 b{
    display:block;text-align:left;color:var(--ps-primary-text);font-size:15px;letter-spacing:.2px;line-height:1.25;
}
.hps-wrap[data-hps="live_results"] .lv-mc .h9{
    color:#fff;font-size:15px;font-weight:800;margin:0;text-align:center;white-space:nowrap;
    background:linear-gradient(135deg,var(--ps-grad-from),var(--ps-grad-to));
    padding:7px 12px;border-radius:999px;min-width:92px;
    box-shadow:0 3px 8px rgba(14,143,131,.28);
}

/* ---- AAJ KYA PASS HUA: 2-col cards + result chips ---- */
.hps-wrap[data-hps="aaj_pass"] .ap-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px;
}
.hps-wrap[data-hps="aaj_pass"] .ap-grid .h8{
    background:linear-gradient(180deg,#1E2433,#171A24);
    border:1px solid rgba(251,191,36,.20);
    border-left:4px solid var(--ps-grad-to);
    border-radius:12px;padding:10px 12px;margin:0;
}
.hps-wrap[data-hps="aaj_pass"] .ap-grid .h8 b{
    display:block;text-align:left;color:var(--ps-primary-dark-text);font-size:15px;margin-bottom:8px;line-height:1.25;
}
.hps-wrap[data-hps="aaj_pass"] .ap-chips{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;}
.hps-wrap[data-hps="aaj_pass"] .ap-chip{
    display:inline-block;font-size:14px;font-weight:800;line-height:1.15;margin:0;
    padding:7px 13px;border-radius:999px;color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:linear-gradient(135deg,#64748b,#475569);
    -webkit-background-clip:border-box;background-clip:border-box;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.hps-wrap[data-hps="aaj_pass"] .ap-open{background:linear-gradient(135deg,var(--ps-primary),var(--ps-primary-dark));}
.hps-wrap[data-hps="aaj_pass"] .ap-jodi{background:linear-gradient(135deg,var(--ps-primary),var(--ps-primary));}
.hps-wrap[data-hps="aaj_pass"] .ap-panel{background:linear-gradient(135deg,var(--ps-accent),var(--ps-primary-dark));}

/* ---- Notice: bold, high-contrast alert banner (markup-agnostic) ---- */
.hps-wrap[data-hps="notice"] .kalyan-notice{
    position:relative;display:block;text-align:left;
    background:linear-gradient(120deg,var(--ps-notice-from) 0%,var(--ps-notice-to) 100%);
    border:1px solid rgba(255,196,84,.55);
    border-radius:16px;
    padding:16px 18px 16px 66px;
    box-shadow:0 12px 28px rgba(120,40,0,.32);
    overflow:hidden;
}
.hps-wrap[data-hps="notice"] .kalyan-notice::before{
    content:"📢";
    position:absolute;left:16px;top:16px;
    width:38px;height:38px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:20px;
    background:linear-gradient(135deg,#ffd76a,#f0b429);
    box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.hps-wrap[data-hps="notice"] .notice-badge{
    display:inline-block;vertical-align:middle;
    background:linear-gradient(135deg,#ffd76a,#f0b429);color:#FBBF24;
    border:0;border-radius:999px;padding:4px 12px;margin:0 8px 0 0;
    font-size:12px;font-weight:800;letter-spacing:.5px;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.hps-wrap[data-hps="notice"] .notice-title{color:#ffe08a;font-size:17px;display:inline;vertical-align:middle;}
.hps-wrap[data-hps="notice"] .notice-text{display:block;margin-top:6px;color:#ffeedd;font-size:14.5px;line-height:1.7;}
.hps-wrap[data-hps="notice"] .notice-text b{color:#ffd76a;}
.hps-wrap[data-hps="notice"] .notice-line{display:block;}
.hps-wrap[data-hps="notice"] .notice-line + .notice-line{margin-top:4px;}

/* ---- App promo: centered teal CTA card + full-width button ---- */
.hps-wrap[data-hps="app_promo"] .promo-box{
    display:flex;flex-direction:column;align-items:center;gap:4px;
    border-radius:18px;padding:22px 18px;
    background:radial-gradient(circle at 50% 0%,var(--ps-promo-to) 0%,var(--ps-promo-from) 55%,var(--ps-promo-to) 100%);
    border:1px solid rgba(251,191,36,.28);
    box-shadow:0 0 26px rgba(251,191,36,.14),0 18px 40px rgba(0,0,0,.5);
}
.hps-wrap[data-hps="app_promo"] .promo-box strong{font-size:18px;letter-spacing:.3px;}
.hps-wrap[data-hps="app_promo"] .promo-box .download-btn{
    display:block;width:100%;max-width:320px;margin-top:14px;padding:12px 24px;
    font-size:16px;font-weight:800;color:#0B1220;
    background:linear-gradient(180deg,var(--ps-accent),var(--ps-accent-alt));border-radius:999px;
    box-shadow:0 0 20px rgba(251,191,36,.28);
}

/* ---- Responsive ---- */
@media(max-width:640px){
    .hps-wrap[data-hps="live_results"] .lv-mc,
    .hps-wrap[data-hps="aaj_pass"] .ap-grid{grid-template-columns:1fr;}
    .hps-wrap[data-hps="live_results"] .lv-mc .h9{min-width:0;}
    .hps-wrap[data-hps="notice"] .kalyan-notice{padding:14px 14px 14px 58px;}
    .hps-wrap[data-hps="notice"] .kalyan-notice::before{left:12px;top:14px;width:34px;height:34px;font-size:18px;}
}

/* ==========================================================================
   Dark "matka night" surface treatment.

   The palette tokens above already carry every colour; this layer only adds
   the depth cues: soft gold glow on the live surfaces, bigger radii on the
   cards, and the cool sky glow behind the masthead.
   ========================================================================== */

/* Masthead: a cool sky glow so the header separates from the page. */
.m-icon{
  border-bottom:1px solid rgba(148,163,184,.22);
  box-shadow:0 10px 34px rgba(0,0,0,.55);
}
.m-icon a.site-brand{letter-spacing:.4px;}

/* Nav bar: deep slate rail with a gold hairline instead of a flat fill. */
.main-nav{
  border-radius:0 0 16px 16px;
  box-shadow:0 6px 18px rgba(0,0,0,.45);
  border-bottom:1px solid rgba(251,191,36,.28);
}
.main-nav a{border-radius:8px;}
.main-nav a.active{
  background:var(--ps-accent);
  color:#0B1220;
  box-shadow:0 0 14px rgba(251,191,36,.35);
}

/* Every block that already draws an outset border reads as a raised card on
   a dark page only if it also gets a deep drop shadow. */
.a-us,.sky-23,.f-pti,.eml-us,.dis12,.qtn14,.lst-sec,.liv-rslt,.pow-13,
.sta-div,.sun-col>div,.tkt-val,.gbl-val{
  box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(148,163,184,.10);
  border-radius:16px;
}
.a-us:hover,.f-pti:hover,.tkt-val:hover,.liv-rslt:hover{
  box-shadow:0 22px 48px rgba(0,0,0,.6),0 0 0 1px rgba(251,191,36,.28);
}

/* The gold-lit bars: a warm glow that reads as "live". */
.sm-ttle,.flyr24,.f-pti h3,.oc-fg h4,.liv-rslt h2,.liv-rslt h4{
  border-radius:12px;
  box-shadow:0 0 16px rgba(251,191,36,.20);
}

/* Notice and promo blocks keep the brand gradients but gain depth. */
.kalyan-notice{box-shadow:0 14px 34px rgba(0,0,0,.5);}
.promo-box{
  border-radius:18px;
  border:1px solid rgba(251,191,36,.28);
  box-shadow:0 0 22px rgba(251,191,36,.14),0 16px 36px rgba(0,0,0,.5);
}

/* Market cards. */
.mk-card{
  border-radius:16px;
  box-shadow:0 12px 28px rgba(0,0,0,.5);
}
.mk-card:hover{
  box-shadow:0 16px 36px rgba(0,0,0,.6),0 0 0 1px rgba(251,191,36,.35);
}
.mk-tag{border-radius:999px;}
.mk-card.is-running{border-color:var(--ps-accent) !important;}

/* Data tables: the header row is the gold anchor of the whole chart. */
.chart-table th,.my-table th{
  background:rgba(148,163,184,.10);
  color:var(--ps-accent);
  border-bottom:1px solid rgba(251,191,36,.35);
}
.chart-table td{border-color:rgba(148,163,184,.18);}
.my-table{box-shadow:0 12px 30px rgba(0,0,0,.45);}

/* Cards used across articles, patti and markets. */
.blog-card,.blog-cat-box,.patti-card,.patti-stat,.patti-market,.patti-market-card,
.hps-blog-card,.chart-result{
  border-radius:14px;
  box-shadow:0 8px 22px rgba(0,0,0,.45);
}
.blog-card:hover,.patti-card:hover,.patti-market-card:hover{
  border-color:rgba(251,191,36,.40);
}

/* Scrollbars, which default to a light track on some platforms. */
*::-webkit-scrollbar{background:rgba(148,163,184,.14);}
*::-webkit-scrollbar-thumb{background:rgba(148,163,184,.36);border-radius:10px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.55);}

/* Respect users who ask for less motion. */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
}

/* ---- Final Ank list + opt-in auto-scroll --------------------------------
   The list opens showing every market. Collapsing it into a marquee is the
   user's choice, and the control is a real button so the motion can be
   stopped with a keyboard as well as a mouse. */
.f-pti .fa-wrap{display:flex;flex-direction:column;gap:8px;}
/* The box always stays short; the list scrolls inside it (automatically, or
   by hand when auto-scroll is stopped or reduced motion is on). */
.f-pti .fa-scroll{
  max-height:132px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(148,163,184,.45) transparent;
}
.f-pti .fa-scroll.is-scrolling{overflow-y:hidden;}
.f-pti .fa-scroll:focus-visible{outline:2px solid var(--ps-accent);outline-offset:3px;border-radius:8px;}
.f-pti .fa-list{display:block;}
.f-pti .fa-scroll.is-scrolling .fa-list{will-change:transform;}

.f-pti .fa-controls{display:flex;justify-content:flex-end;}
.f-pti .fa-toggle{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:999px;
  border:1px solid rgba(251,191,36,.35);
  background:rgba(251,191,36,.10);
  color:var(--ps-accent);
  font:inherit;font-size:12px;font-weight:700;
  cursor:pointer;transition:background .15s,border-color .15s,color .15s;
}
.f-pti .fa-toggle:hover{background:rgba(251,191,36,.18);border-color:var(--ps-accent);}
.f-pti .fa-toggle:focus-visible{outline:2px solid var(--ps-accent);outline-offset:2px;}
.f-pti .fa-toggle[aria-pressed="true"]{
  background:var(--ps-accent);border-color:var(--ps-accent);color:#0B1220;
}

@media (max-width:640px){
  .f-pti .fa-scroll{max-height:126px;}
}


/* ---- Header rhythm -------------------------------------------------------
   The brand bar used to sit flush against the nav (5px, with zero vertical
   padding), which read as "chipped together" on small screens. These give the
   masthead one consistent spacing scale and keep it on narrow phones. */
.m-icon{
  padding:10px 12px;
  margin-bottom:10px;
  border-width:0;
  border-radius:0 0 16px 16px;
}
.m-icon .site-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  text-align:center;
  text-decoration:none;
}
.m-icon .site-brand-text{
  display:inline-block;
  line-height:1.2;
  -webkit-text-fill-color:transparent;
}

.main-nav{
  margin:0 0 12px;
  border-radius:16px;
}

.welcome-bar{
  margin:0 0 16px;
  gap:8px 10px;
}

@media (max-width:480px){
  .m-icon{padding:8px 10px;margin-bottom:8px;}
  .m-icon .site-brand{min-height:28px;}
  .main-nav{margin-bottom:10px;border-radius:12px;}
  .welcome-bar{margin-bottom:12px;}
}


/* ---- Skip link ----------------------------------------------------------
   Off screen until it takes focus, then it drops in under the masthead so a
   keyboard user can jump past the brand bar, nav and welcome strip. */
.ps-skip-link{
  position:absolute;
  left:-9999px;
  top:0;
  z-index:100000;
  padding:10px 18px;
  border-radius:0 0 10px 0;
  background:var(--ps-accent);
  color:#0B1220;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}
.ps-skip-link:focus,
.ps-skip-link:focus-visible{
  left:0;
  outline:3px solid #fff;
  outline-offset:-3px;
}
/* main is only focusable as a jump target, never as a visible ring. */
main:focus{outline:none;}

/* The live region must not be announced while it is still empty. */
#live-results-container[aria-busy="true"]{opacity:.75;}


/* ---- Results grid: Jodi / Panel buttons ----------------------------------
   Same compact layout as the reference site: one button bottom-left, one
   bottom-right, on every screen size, so the result and time above them are
   never covered. The ID selector beats the bare ".tkt-val div" rule. */
#results-grid-container .satta-btn-jodi,
#results-grid-container .satta-btn-panel{
  position:absolute;
  bottom:10px;
  z-index:2;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  margin:0;
  border-radius:9px;
  border:1px solid #e6e6e6;
  background:var(--ps-primary);
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.3px;
  text-decoration:none;
  text-shadow:1px 1px 2px #222;
  transition:transform .15s ease, box-shadow .15s ease;
}
#results-grid-container .satta-btn-jodi{left:12px;right:auto;}
#results-grid-container .satta-btn-panel{right:12px;left:auto;}
#results-grid-container .satta-btn-jodi:hover,
#results-grid-container .satta-btn-panel:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.35);}
#results-grid-container .satta-btn-jodi:focus-visible,
#results-grid-container .satta-btn-panel:focus-visible{outline:3px solid var(--ps-accent);outline-offset:2px;}

/* Room for the button row under the time. */
#results-grid-container .satta-grid-item{padding-bottom:62px;}

/* Result number: the purple gradient text is unreadable on a dark card. */
#results-grid-container .satta-grid-item .live-result{
  display:block;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  color:var(--ps-accent);
  letter-spacing:1px;
}

@media (max-width:600px){
  #results-grid-container .satta-btn-jodi,
  #results-grid-container .satta-btn-panel{padding:8px 16px;font-size:13px;min-height:38px;}
  #results-grid-container .satta-grid-item{padding-bottom:58px;}
}
/* Results grid: the card link is an empty overlay so Jodi / Panel stay real links above it. */
#results-grid-container .satta-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit;}
.running-pill[hidden]{display:none!important;}
@keyframes liveFlash{0%{filter:brightness(1.35) saturate(1.4);}100%{filter:none;}}
#results-grid-container .satta-grid-item.live-flash{animation:liveFlash 1.2s ease-out 2;}
@media (prefers-reduced-motion:reduce){#results-grid-container .satta-grid-item.live-flash{animation:none;}}

/* ---- Results grid: flat and sharp ------------------------------------------
   Solid colours only (no gradients), crisp 1px borders, small radius and no
   soft glows or text shadows, so the numbers read cleanly. */
.tkt-val#results-grid-wrapper,
.tkt-val#results-grid-wrapper:hover{
  background:var(--ps-body-bg);
  border:1px solid var(--ps-primary);
  border-radius:6px;
  outline:none;
  box-shadow:none;
}
#results-grid-wrapper>h2::after{background:var(--ps-accent);border-radius:0;}
#results-grid-wrapper>h2,
#results-grid-container .satta-grid-item h3,
#results-grid-container .satta-grid-item p{text-shadow:none;}
#results-grid-container .satta-grid-item,
.satta-grid > .satta-grid-item:not(.bg-ylw):not(.running-market){
  background:var(--ps-surface);
  border:1px solid rgba(148,163,184,.35);
  border-radius:6px;
  box-shadow:none;
  transition:border-color .15s ease;
}
#results-grid-container .satta-grid-item:hover{
  transform:none;
  box-shadow:none;
  border-color:var(--ps-accent);
}
#results-grid-container .satta-grid-item.bg-ylw{
  background:#241d0c !important;
  border-color:rgba(251,191,36,.6) !important;
}
/* Running market: open declared, close pending. A distinct solid green so
   it stands out from the plain and gold-highlighted cards. */
#results-grid-container .satta-grid-item.running-market{
  background:#0d3b24 !important;
  border:1px solid #22c55e !important;
  border-left-width:5px !important;
  box-shadow:none !important;
}
#results-grid-container .satta-grid-item.running-market .live-result{color:#4ade80;font-style:normal;font-size:inherit;}
#results-grid-container .satta-grid-item .live-result{font-style:normal;}
#results-grid-container .satta-btn-jodi,
#results-grid-container .satta-btn-panel{
  border-radius:4px;
  border:1px solid rgba(255,255,255,.55);
  text-shadow:none;
  box-shadow:none;
}
#results-grid-container .satta-btn-jodi:hover,
#results-grid-container .satta-btn-panel:hover{
  transform:none;
  box-shadow:none;
  background:var(--ps-primary-dark);
}
#results-grid-container .running-pill{
  display:inline-block;
  margin-left:8px;
  padding:3px 8px;
  border-radius:3px;
  background:#22c55e;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  color:#052e16;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.6px;
  text-transform:uppercase;
  vertical-align:middle;
  box-shadow:none;
  text-shadow:none;
}
#results-grid-container .running-pill::before{
  content:"";
  display:inline-block;
  width:7px;height:7px;margin-right:5px;
  border-radius:50%;
  background:#052e16;
  vertical-align:1px;
  animation:runningBlink 1s steps(1) infinite;
}
@keyframes runningBlink{50%{opacity:0;}}
@media (prefers-reduced-motion:reduce){#results-grid-container .running-pill::before{animation:none;}}
#results-grid-container .satta-grid-item-link{border-bottom:0;padding:0;}
@keyframes liveFlashSharp{0%,49%{outline:2px solid var(--ps-accent);outline-offset:-2px;}50%,100%{outline:0 solid transparent;}}
#results-grid-container .satta-grid-item.live-flash{animation:liveFlashSharp .6s steps(1) 3;}
@media (prefers-reduced-motion:reduce){#results-grid-container .satta-grid-item.live-flash{animation:none;}}

/* ---- Chart tables: full date on phones --------------------------------------
   An older rule clipped the date column to 40px with an ellipsis, so
   "01/02/2021" showed as "01/02/...". Keep the whole date, just smaller. */
@media (max-width:520px){
  .ref-table-panel thead th:first-child{width:auto;}
  .ref-table-panel tbody td:first-child{
    max-width:none;
    min-width:54px;
    width:auto;
    overflow:visible;
    text-overflow:clip;
    white-space:nowrap;
    font-size:9.5px;
    letter-spacing:-.2px;
    padding:2px 2px;
  }
}
@media (max-width:350px){
  .ref-table-panel tbody td:first-child{font-size:8.5px;min-width:48px;}
}

/* ---- Hover states that disappeared ------------------------------------------
   The global "a:hover{color:var(--ps-accent)}" turned the label gold on
   buttons that are themselves gold / light, so the text vanished on hover.
   Each button now sets its own hover colours. */
.button2:hover,
.button2:focus-visible{background:var(--ps-primary);color:#fff;border-color:var(--ps-primary);}
.chart-result a:hover,
.chart-result a:focus-visible{background:var(--ps-accent);color:#0B1220;}
.phone-bar-num:hover,
.phone-bar-num:focus-visible{color:#fff;}
.mp-clk1:hover,.mp-clk1-2nd:hover,
.mp-clk1:focus-visible,.mp-clk1-2nd:focus-visible{background-color:#7dd3fc;color:#0B1220;}
/* Market page action buttons, status tag, notice badge and Fix Game share
   buttons: solid fills with text that stays readable, also on hover. */
.md-act{background:var(--ps-primary);color:#fff;}
.md-act:hover,.md-act:focus-visible{background:var(--ps-primary-dark);color:#fff;}
.mk-tag-upcoming{background:var(--ps-grad-mid);color:#fff;}
.kalyan-notice .notice-badge,
.hps-wrap[data-hps="notice"] .notice-badge{background:#FBBF24;color:#0B1220;}
.fg-btn:hover,.fg-btn:focus-visible{color:#0B1220;}

/* ---- Custom pages (admin page builder): readable article layout --------------
   The site body is centred and italic; long-form page content needs to read
   like an article instead: left aligned, upright text, a comfortable line
   length, clear heading hierarchy and real spacing between blocks. */
.ps-page{padding:10px 0 24px;}
.ps-page-article{
  max-width:860px;
  margin:0 auto;
  padding:26px 30px 30px;
  background:var(--ps-surface);
  border:1px solid rgba(148,163,184,.25);
  border-radius:8px;
  text-align:left;
  font-style:normal;
  color:var(--ps-text);
}
.ps-page-article > h1{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.25;
  font-style:normal;
  text-align:left;
  color:var(--ps-deep);
}
.ps-page-excerpt{
  margin:0 0 22px;
  padding:0 0 18px;
  border-bottom:1px solid rgba(148,163,184,.25);
  font-size:17px;
  line-height:1.6;
  font-style:normal;
  color:var(--ps-text);
  opacity:.9;
}
.ps-page-content{
  font-family:'Inter',Helvetica,Arial,sans-serif;
  font-size:16.5px;
  line-height:1.75;
  text-align:left;
}
.ps-page-content *{font-style:normal;text-align:left;text-shadow:none;}
.ps-page-content em,.ps-page-content i{font-style:italic;}
.ps-page-content h1,
.ps-page-content h2{
  margin:34px 0 12px;
  padding:0 0 8px;
  border-bottom:1px solid rgba(148,163,184,.22);
  font-size:23px;
  line-height:1.3;
  color:var(--ps-deep);
}
.ps-page-content h3{margin:26px 0 10px;font-size:19px;line-height:1.35;color:var(--ps-deep);}
.ps-page-content h4,.ps-page-content h5,.ps-page-content h6{margin:22px 0 8px;font-size:17px;color:var(--ps-deep);}
.ps-page-content > :first-child{margin-top:0;}
.ps-page-content p{margin:0 0 16px;}
.ps-page-content ul,
.ps-page-content ol{margin:0 0 18px;padding-left:26px;}
.ps-page-content ul{list-style:disc;}
.ps-page-content ol{list-style:decimal;}
.ps-page-content li{margin:0 0 8px;padding-left:4px;}
.ps-page-content li::marker{color:var(--ps-accent);font-weight:700;}
.ps-page-content li > p{margin:0;}
.ps-page-content strong,.ps-page-content b{color:var(--ps-deep);font-weight:700;}
.ps-page-content a{color:var(--ps-primary-text);text-decoration:underline;text-underline-offset:3px;}
.ps-page-content a:hover{color:var(--ps-accent);}
.ps-page-content blockquote{
  margin:0 0 18px;
  padding:12px 16px;
  border-left:4px solid var(--ps-accent);
  background:rgba(251,191,36,.08) !important;
}
.ps-page-content img{max-width:100%;height:auto;border-radius:6px;}
.ps-page-content table{width:100%;margin:0 0 18px;border-collapse:collapse;font-size:15px;}
.ps-page-content th,.ps-page-content td{padding:8px 10px;border:1px solid rgba(148,163,184,.3);text-align:left;}
.ps-page-content th{color:var(--ps-deep);}
.ps-page-content hr{margin:26px 0;border:0;border-top:1px solid rgba(148,163,184,.25);}
.ps-page-cards,.ps-page-chart,.ps-page-article .qtn14{margin-top:30px;}
.ps-page-cards h2,.ps-page-chart h2{text-align:left;font-style:normal;}

@media (max-width:640px){
  .ps-page{padding:6px 0 18px;}
  .ps-page-article{padding:18px 16px 20px;border-radius:6px;}
  .ps-page-article > h1{font-size:23px;}
  .ps-page-excerpt{font-size:15.5px;}
  .ps-page-content{font-size:15.5px;line-height:1.7;}
  .ps-page-content h1,.ps-page-content h2{font-size:20px;margin-top:28px;}
  .ps-page-content h3{font-size:17.5px;}
  .ps-page-content ul,.ps-page-content ol{padding-left:22px;}
}

/* ---- 220 Panna List by Ank -----------------------------------------------------
   One card per ank (0-9) holding its 12 single, 9 double and 1 triple panna.
   Flat colours, crisp borders. */
.patti-wrap{max-width:1100px;margin:0 auto;padding:12px 10px 26px;font-style:normal;}
.patti-wrap .patti-head{text-align:center;margin-bottom:14px;}
.patti-wrap .patti-h1{margin:6px 0 8px;font-size:26px;font-weight:800;font-style:normal;color:var(--ps-deep);}
.patti-wrap .patti-intro{max-width:720px;margin:0 auto;font-size:15px;line-height:1.6;text-align:center;font-style:normal;color:var(--ps-text);}
.patti-wrap .patti-ank-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 14px;}
.patti-wrap .patti-ank-nav a{
  display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:1px solid var(--ps-primary);border-radius:4px;background:var(--ps-surface);
  color:var(--ps-deep);font-size:17px;font-weight:800;text-decoration:none;font-style:normal;
}
.patti-wrap .patti-ank-nav a:hover,.patti-wrap .patti-ank-nav a:focus-visible{background:var(--ps-primary);color:#fff;}
.patti-wrap .patti-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0 0 14px;padding:0;list-style:none;font-size:13.5px;font-style:normal;color:var(--ps-text);}
.patti-wrap .patti-legend li{display:flex;align-items:center;gap:6px;}
.patti-wrap .pt-tag{display:inline-block;min-width:28px;padding:2px 5px;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.4px;text-align:center;font-style:normal;}
.patti-wrap .pt-sp{background:#1e3a5f;color:#bfdbfe;}
.patti-wrap .pt-dp{background:#14532d;color:#bbf7d0;}
.patti-wrap .pt-tp{background:#713f12;color:#fde68a;}
.patti-wrap .patti-search{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 auto 16px;max-width:520px;}
.patti-wrap .patti-search input{flex:1 1 200px;min-width:0;padding:9px 12px;border:1px solid var(--ps-primary);border-radius:4px;background:var(--ps-surface);color:var(--ps-deep);font:inherit;font-size:15px;font-style:normal;}
.patti-wrap .patti-search button{padding:9px 14px;border:1px solid var(--ps-primary);border-radius:4px;background:var(--ps-primary);color:#fff;font:inherit;font-size:14px;font-weight:700;font-style:normal;cursor:pointer;}
.patti-wrap #pattiSearchCount{flex-basis:100%;text-align:center;font-size:13px;color:var(--ps-accent);font-style:normal;}
.patti-wrap .patti-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;}
.patti-wrap .patti-card{
  padding:14px;border:1px solid rgba(148,163,184,.3);border-radius:6px;background:var(--ps-surface);
  box-shadow:none;text-align:left;scroll-margin-top:12px;transform:none;
}
.patti-wrap .patti-card:hover{transform:none;box-shadow:none;border-color:rgba(148,163,184,.45);}
.patti-wrap .patti-card[hidden]{display:none;}
.patti-wrap .patti-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid rgba(148,163,184,.25);}
.patti-wrap .patti-card-head h2{margin:0;padding:0;background:none;border:0;font-size:18px;font-weight:800;font-style:normal;color:var(--ps-deep);letter-spacing:0;}
.patti-wrap .patti-card-head h2 span{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:4px;
  border-radius:4px;background:var(--ps-accent);color:#0B1220;font-size:19px;
}
.patti-wrap .patti-card-meta{text-align:right;font-style:normal;line-height:1.3;}
.patti-wrap .patti-card-meta b{display:block;font-size:13px;color:var(--ps-deep);}
.patti-wrap .patti-card-meta span{display:block;font-size:12px;color:var(--ps-text);opacity:.85;}
.patti-wrap .patti-group{margin:0 0 10px;}
.patti-wrap .patti-group:last-child{margin-bottom:0;}
.patti-wrap .patti-group h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;padding:0;background:none;border:0;font-size:13px;font-weight:700;font-style:normal;color:var(--ps-text);letter-spacing:0;}
.patti-wrap .patti-group h3 span{margin-left:auto;font-size:12px;opacity:.8;}
.patti-wrap .patti-nums{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;}
.patti-wrap .patti-num{
  display:block;padding:6px 0;border:1px solid rgba(148,163,184,.28);border-radius:3px;
  background:var(--ps-body-bg);color:var(--ps-deep);font-size:15px;font-weight:700;
  letter-spacing:.5px;text-align:center;font-style:normal;
}
.patti-wrap .patti-group-double .patti-num{border-color:rgba(74,222,128,.35);}
.patti-wrap .patti-group-triple .patti-num{border-color:rgba(251,191,36,.55);color:var(--ps-accent);}
.patti-wrap .patti-num.is-hit{background:var(--ps-accent);border-color:var(--ps-accent);color:#0B1220;}
.patti-wrap .patti-rule{margin:16px 0 0;padding:12px 14px;border-left:4px solid var(--ps-accent);background:var(--ps-surface);font-size:14px;line-height:1.6;text-align:left;font-style:normal;color:var(--ps-text);}
.patti-wrap .patti-links{margin-top:22px;}
.patti-wrap .patti-links h2{margin:0 0 10px;padding:0;background:none;border:0;font-size:19px;font-style:normal;text-align:left;color:var(--ps-deep);}
.patti-wrap .patti-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;}
.patti-wrap .patti-link-row{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(148,163,184,.25);border-radius:4px;background:var(--ps-surface);font-style:normal;}
.patti-wrap .patti-link-row span{flex:1;font-size:13px;font-weight:700;color:var(--ps-deep);}
.patti-wrap .patti-link-row a{padding:3px 9px;border-radius:3px;background:var(--ps-primary);color:#fff;font-size:12px;font-weight:700;text-decoration:none;}
.patti-wrap .patti-link-row a:hover{background:var(--ps-primary-dark);color:#fff;}
@media (max-width:640px){
  .patti-wrap .patti-h1{font-size:22px;}
  .patti-wrap .patti-board{grid-template-columns:1fr;}
  .patti-wrap .patti-ank-nav{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;}
  .patti-wrap .patti-ank-nav a{width:auto;height:34px;font-size:15px;}
  .patti-wrap .patti-nums{grid-template-columns:repeat(4,1fr);}
}

/* ---- LIVE RESULT: real rows (today's declared markets) -------------------- */
.lv-mc a.h8{text-decoration:none;color:var(--ps-deep);}
.lv-mc a.h8:hover,.lv-mc a.h8:focus-visible{color:var(--ps-deep);}
.lv-mc a.h8:hover .h9{text-decoration:underline;text-underline-offset:3px;}
.lv-mc .h8.is-running .h9{color:#4ade80;}
.lv-mc .lr-running{
  display:inline-block;margin-left:6px;padding:2px 6px;border-radius:3px;
  background:#22c55e;color:#052e16;font-size:10px;font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;vertical-align:middle;line-height:1.3;font-style:normal;
}
.lv-mc .lr-time{display:block;margin-top:4px;font-size:12px;font-weight:600;color:var(--ps-text);opacity:.8;text-align:center;font-style:normal;}
.lv-mc .lr-note{grid-column:1 / -1;margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ps-text);text-align:center;font-style:normal;}

/* Market card grid: "1fr" columns cannot shrink below their content, which
   pushed the second column off phone screens. minmax(0,1fr) lets them fit. */
.mk-grid{grid-template-columns:repeat(auto-fill,minmax(min(205px,100%),1fr));}
.mk-card{min-width:0;}
.mk-card *{min-width:0;overflow-wrap:anywhere;}
@media (max-width:640px){
  .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:340px){
  .mk-grid{grid-template-columns:minmax(0,1fr);}
}