/* Reference-inspired responsive UI: navy, white and electric blue (not maroon). */
:root {
  --bg: #f2f6fb;
  --panel: #ffffff;
  --panel2: #eaf3fc;
  --gold: #087ac5;
  --gold2: #075b99;
  --text: #172b42;
  --muted: #64788d;
  --line: #d7e4f0;
  --accent: #f08a24;
  --navy: #092b4c;
  --blue: #087ac5;
  --cyan: #14b8d4;
}
html, body { background: var(--bg); color: var(--text); }
body { background: linear-gradient(180deg,#eaf4fc 0,#f7f9fc 240px,#f2f6fb 100%); font-family: Arial,Helvetica,sans-serif; }
a { color: #087ac5; }
a:hover { color: #064d7e; }
.mobileAPP { width: min(1160px,100% - 24px); padding-bottom: 24px; }
.reference-topline { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 14px; color:#fff; background:#061f38; font-size:12px; font-weight:800; letter-spacing:.06em; }
.reference-topline-note { font-weight:500; letter-spacing:0; color:#c7e4f7; }
.reference-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; margin:0 0 16px; padding:18px 20px; color:#fff; background:linear-gradient(110deg,#082b4d,#075d96 68%,#0788b8); border:0; border-radius:0 0 13px 13px; box-shadow:0 5px 18px rgba(4,37,67,.18); }
.reference-brand { display:flex; flex-direction:column; gap:4px; }
.reference-logo,.reference-footer-brand { color:#fff; font-size:clamp(24px,4vw,34px); font-weight:900; letter-spacing:-.04em; line-height:1; text-decoration:none; }
.reference-logo span,.reference-footer-brand span { color:#7ee7f4; }
.reference-logo b,.reference-footer-brand b { margin-left:5px; padding:2px 6px; color:#082b4d; background:#ffcf62; border-radius:5px; font-size:.68em; vertical-align:middle; }
.reference-brand .description { color:#d7edf9; font-size:11px; font-weight:700; letter-spacing:.12em; }
.reference-nav { display:flex; flex-wrap:wrap; gap:7px; }
.reference-nav a { display:inline-flex; align-items:center; padding:9px 12px; color:#fff; border:1px solid rgba(255,255,255,.25); border-radius:7px; background:rgba(255,255,255,.1); font-size:13px; font-weight:700; text-decoration:none; }
.reference-nav a:hover { color:#082b4d; background:#fff; }
.headerContent,.fastestResult,.gamezoneOtc,.sattaResultLive,.matkaJodiChart,.matkaJodiChartContent,.matkagameZone,.matkaJodiChartContentDec { background:#fff; border:1px solid var(--line); border-radius:10px; margin:14px auto; padding:16px; box-shadow:0 3px 12px rgba(24,62,93,.055); }
.headerContent h1 { color:#092f52; font-size:clamp(22px,3.6vw,31px); line-height:1.2; }
.headerContent p,.matkaJodiChartContentDec p { color:#536b80; }
.title,.matkaJodiChart .title { display:block; text-align:center; color:#fff; background:linear-gradient(90deg,#082b4d,#087ac5); font-weight:800; letter-spacing:.04em; padding:11px 12px; margin:-16px -16px 15px; border:0; border-radius:9px 9px 0 0; }
.fastestResult .content { display:flex; flex-wrap:wrap; gap:10px; }
.subContent { flex:1 1 180px; background:#f4f9fd; border:1px solid #d7e7f3; border-radius:8px; padding:12px; text-align:center; }
.fastestResultName,.resultTitle { font-weight:800; color:#0a3154; margin:2px 0 6px; }
.fastestResultNumber,.resultNumber { font-size:clamp(22px,4vw,30px); font-weight:900; color:#087ac5; margin:2px 0; }
.fastestResultButton,.callButton a,.matkaContentButton a,.view-toggle { display:inline-block; border:1px solid #087ac5; border-radius:7px; background:#087ac5; color:#fff; padding:8px 13px; font-weight:700; text-decoration:none; }
.fastestResultButton:hover,.callButton a:hover,.matkaContentButton a:hover,.view-toggle:hover { color:#fff; background:#075b99; }
.gamezoneOtc .content { text-align:center; color:#536b80; }
.callButton { display:block; text-align:center; margin:12px; }
.sattaResultLiveMain { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sattaResultLiveContent { position:relative; min-width:0; padding:14px 10px; text-align:center; border:1px solid #d6e5f1; border-radius:9px; color:#172b42!important; background:#fff; box-shadow:0 2px 7px rgba(25,64,96,.06); }
.sattaResultLiveContent a { color:#087ac5; font-weight:800; }
.resultTitle { color:#092f52; }
.resultNumber { color:#087ac5; }
.resultLeftTime,.resultRightTime { display:inline-block; margin:5px 8px; color:#526d83; }
.resultCenter { font-size:12px; color:#74889b; }
.result-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin:12px 0; }
.result-toolbar input { flex:1 1 220px; min-width:0; padding:11px 13px; border:1px solid #cbdce9; border-radius:8px; background:#fff; color:#172b42; outline:none; }
.result-toolbar input:focus { border-color:#087ac5; box-shadow:0 0 0 3px rgba(8,122,197,.12); }
.result-toolbar-actions { display:flex; flex-wrap:wrap; gap:7px; }
.view-toggle { cursor:pointer; padding:8px 11px; }
.view-toggle.is-active { background:#082b4d; border-color:#082b4d; color:#fff; }
.favorite-market { position:absolute; right:8px; top:7px; border:1px solid #d4e3ee; background:#f4f9fd; border-radius:50%; width:30px; height:30px; font-size:20px; cursor:pointer; color:#71879a; }
.favorite-market.is-saved { color:#e39a1d; }
.result-view-compact { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.result-view-compact .sattaResultLiveContent { padding:8px 5px; }
.result-view-compact .resultNumber { font-size:20px; }
.result-view-compact .resultCenter { display:none; }
.result-view-compact .favorite-market { width:24px; height:24px; font-size:16px; }
.matkaJodiChartContent { display:flex; flex-wrap:wrap; gap:9px; justify-content:center; }
.matkaContentButton { flex:1 1 180px; text-align:center; }
.matkaContentButton a { display:block; min-height:42px; }
.matkagameZoneMain { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.matkagameZoneContent { background:#fff; border:1px solid #d7e4f0; border-radius:9px; overflow:hidden; }
.matkagameZoneContent .title { background:#eaf4fc; color:#0a4b7b; border-bottom:1px solid #d7e4f0; margin:0; padding:9px; }
.matkagameZoneContent .content { padding:10px; }
.matkagameZoneContent p { margin:4px 0; color:#536b80; }
.matkagameZoneContent span { color:#087ac5; font-weight:800; }
.setting,.settingContent { text-align:center; padding:10px; color:#536b80; }
.matkaJodiChartContentDec { color:#536b80; overflow-wrap:anywhere; }
.matkaJodiChartContentDec h2 { color:#0a4b7b; }
.matkaJodiChartContentDec ul { padding-left:22px; }
.matkaJodiChartContentDec li { margin:5px 0; }
.Refreshbottombutton { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:12px 0; }
.bottombuttonButton { display:inline-block; padding:9px 14px; border:1px solid #087ac5; border-radius:7px; background:#087ac5; color:#fff; }
.backHome { text-align:center; margin:12px; }
.backHome ul { padding:0; list-style:none; color:#64788d; }
.copyright,.year,.contact { text-align:center; color:#c7d9e8; font-size:13px; }
.matkaJodiChartContentFooter { margin-top:20px; padding:22px 18px; color:#d8e9f5; background:#071f37; border-radius:12px 12px 0 0; }
.matkaJodiChartContentFooter>p { text-align:center; color:#d8e9f5; }
.reference-footer-brand { text-align:center; margin:14px 0 7px; font-size:27px; }
.reference-footer-title { color:#9cc8e3!important; font-size:13px; }
.matkaJodiChartContentFooter .matkaJodiChartContent { background:transparent; border:0; box-shadow:none; }
.matkaJodiChartContentFooter .matkaContentButton a { background:#0c3a60; border-color:#285c7e; }
[hidden] { display:none!important; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:760px) {
 .reference-header { align-items:flex-start; flex-direction:column; }
 .reference-nav { width:100%; }
 .reference-nav a { flex:1 1 auto; justify-content:center; }
 .sattaResultLiveMain { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .result-view-compact { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .matkagameZoneMain { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mobileAPP { width:calc(100% - 14px); }
 .headerContent,.fastestResult,.gamezoneOtc,.sattaResultLive,.matkaJodiChart,.matkaJodiChartContent,.matkagameZone,.matkaJodiChartContentDec { padding:11px; }
 .title,.matkaJodiChart .title { margin:-11px -11px 13px; }
}
@media(max-width:420px) {
 .reference-topline-note { display:none; }
 .reference-nav a { padding:8px 7px; font-size:11px; }
 .sattaResultLiveMain { grid-template-columns:1fr 1fr; gap:7px; }
 .result-toolbar { align-items:stretch; }
 .result-toolbar-actions { width:100%; }
 .view-toggle { flex:1; padding:7px 5px; font-size:12px; }
 .matkagameZoneMain { grid-template-columns:1fr; }
 .headerTitle .description { font-size:12px; }
}