*{box-sizing:border-box}body{background:#f3f0f8;color:#171323;font-family:Arial,Helvetica,sans-serif;line-height:1.45}body>header{display:none}main.wrap{width:100%;max-width:1100px;padding:0 7px;margin:0 auto}.reference-home{text-align:center}.ref-brand{font-family:Georgia,serif;font-size:clamp(27px,6.7vw,62px);font-weight:900;line-height:1.25;background:linear-gradient(110deg,#e7d9ff,#d9f5f0);padding:17px 5px;color:#402064;border-bottom:3px solid #bb8ce0}.ref-brand span{color:#b36b00;font-size:1.12em}.ref-description{font-size:clamp(13px,3.1vw,20px);color:#241d2b;margin:12px 0 18px;padding:0 4px}.ref-disclaimer{background:linear-gradient(110deg,#d46b24,#bb465b);color:white;padding:15px 10px;font-size:clamp(15px,3.8vw,23px);line-height:1.48}.ref-disclaimer a{color:#fff09a;text-decoration:underline;font-weight:800}.ref-updated{color:#17857b;font-size:clamp(14px,3.7vw,21px);margin:14px 0 38px}.ref-live{border-radius:15px 15px 0 0;overflow:hidden;margin:0 7px 24px;box-shadow:0 6px 18px #27114324}.ref-live h1{font-family:Arial,sans-serif;font-size:clamp(17px,4.2vw,27px);letter-spacing:0;line-height:1.4;margin:0;padding:14px 8px;background:linear-gradient(100deg,#843cb3,#4a287b);color:white}.ref-live h1 span{color:#ead3ff;padding-right:5px}.ref-live-body{background:linear-gradient(130deg,#211e3c,#102c39);padding:25px 12px}.ref-live article{padding:10px 0 18px}.ref-live .market-title{display:inline-block;background:#32273e;border:2px solid #3ed5c3;border-radius:40px;color:#ffd768;font-size:clamp(20px,4.8vw,30px);padding:9px 19px;margin:0 0 12px;letter-spacing:0}.ref-live strong{display:block;color:white;font-size:clamp(50px,12vw,78px);font-weight:800;line-height:1.2}.ref-live p{font-size:clamp(12px,2.8vw,16px);color:#aebfd1;margin:12px 0 0}.ref-live a{color:#82dce4;font-weight:bold}.ref-section-title{font-size:clamp(20px,4.4vw,29px);line-height:1.35;color:#65288b;letter-spacing:0;margin:25px 2px 15px}.ref-results{margin:0 7px 28px}table{border-collapse:collapse;width:100%}.ref-results table{white-space:normal;table-layout:fixed}.ref-results th{background:#43255c;color:white;font-size:clamp(13px,3.6vw,20px);letter-spacing:0;font-weight:500;padding:12px 7px;text-align:center}.ref-results th:first-child{width:65%;text-align:left}.ref-results td{background:white;border:1px solid #d4cbdc;padding:11px 7px;text-align:center;font-size:clamp(23px,6.2vw,34px);font-weight:700;vertical-align:middle}.ref-results td:first-child{text-align:left}.ref-results td:last-child{color:#a22a83}.ref-results h3{font-size:clamp(17px,4.2vw,24px);line-height:1.25;margin:0 0 9px;color:#23162f}.ref-results td:first-child div{font-size:clamp(11px,2.9vw,17px);font-weight:400;line-height:1.5}.ref-results td a{font-size:inherit;color:#6839b9;margin-left:6px;white-space:nowrap}.ref-results .ref-live-label td{background:#f1e8fb;color:#9a397d;border-left:7px solid #a44ac4;text-align:left;font-size:20px;padding:10px 16px}.ref-month-scroll{overflow-x:auto;border:1px solid #d4cbdc}.ref-month-table{min-width:620px;white-space:nowrap}.ref-month-table th{background:#176c76;color:white;font-size:13px;padding:11px 7px;letter-spacing:0}.ref-month-table td{background:#fff;border:1px solid #d4cbdc;padding:10px 8px;font-size:18px;font-weight:400;text-align:center}.ref-month-table td:first-child{color:#99317e;text-align:center}.ref-chart-hint{font-size:11px;margin:8px;color:#6f6178}.ref-month-nav{display:flex;gap:10px;margin:17px 2px 12px}.ref-month-nav a{flex:1;background:#6d39ac;color:white;padding:12px 4px;font-size:clamp(14px,3.5vw,21px)}.ref-wide-link{display:block;background:#6d39ac;color:white;font-size:clamp(15px,3.6vw,22px);padding:14px 10px;margin:0 0 12px;border:1px solid #442273}.ref-picker{background:#ffcb65;border:1px solid #e0a342;border-radius:9px;padding:15px 17px;margin:12px 7px 23px}.ref-picker h3{font-size:clamp(14px,3.5vw,20px);margin:0 0 20px;color:#38253b}.ref-picker>div{display:flex;gap:15px}.ref-picker label{flex:1;min-width:0}.ref-picker select{min-width:0;width:100%;font-size:18px;color:#21172d;font-weight:700;background:#fff;border:1px solid #c1a57b;border-radius:2px;padding:11px 7px;margin:0}.ref-picker button{border:1px solid #542b86;background:#6d39ac;color:white;font-size:20px;font-weight:bold;width:48%;padding:10px;margin-top:7px}.ref-chart-links{background:#fff;border:1px solid #cfc5dc;border-radius:8px;margin:0 7px 23px;overflow:hidden}.ref-chart-links h2{background:#167b81;color:white;font-size:22px;letter-spacing:0;padding:14px 6px;margin:0}.ref-chart-links a{display:block;padding:15px 6px;border-bottom:1px solid #e5dfea;color:#713bb2;font-weight:700;font-size:clamp(14px,3.6vw,21px)}.ref-contact{background:#167b81;border:5px solid #12646c;color:white;padding:14px 6px;font-size:clamp(17px,4vw,23px);margin:20px 0}.ref-contact a{color:#ffe285;text-decoration:underline;font-weight:bold}.ref-last{color:#8b7b92;font-size:13px;margin:18px 0}.ref-faq{margin:24px 7px 35px;border:1px solid #cfc5dc;border-radius:8px;overflow:hidden;background:#fff}.ref-faq h2{background:#7839a5;color:white;margin:0;padding:15px 5px;font-size:23px;letter-spacing:0;font-weight:500}.ref-faq details{text-align:left;border-bottom:1px solid #e7dfee}.ref-faq summary{list-style:none;position:relative;padding:17px 40px 17px 14px;font-size:clamp(14px,3.3vw,18px);line-height:1.5;font-weight:700}.ref-faq summary::-webkit-details-marker{display:none}.ref-faq summary:after{content:'▼';position:absolute;right:12px;top:18px;color:#8543ae;background:#efdef7;border-radius:50%;font-size:12px;padding:2px 5px}.ref-faq details[open] summary:after{content:'▲'}.ref-faq p{margin:0;padding:0 15px 17px;font-size:14px;color:#685771}.ref-footer-links{background:#7839a5;padding:12px 5px;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.ref-footer-links a{border:2px solid #e1caee;padding:6px;color:white;font-weight:bold;font-size:clamp(11px,2.8vw,17px)}.ref-footer-note{background:#181123;color:#c5b9d1;padding:22px 15px 75px;font-size:13px;line-height:1.9}.ref-footer-note a{color:#c4a1f0}.ref-refresh{position:fixed;right:8px;bottom:16px;background:#ffca61;color:#662b76;border:1px solid #dda13b;font-size:15px;font-weight:bold;padding:12px 15px;z-index:5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:800px){.ref-results td{padding:17px 15px}.ref-live-body{padding:30px}.ref-description{margin:15px 10px 20px}.ref-live{margin-top:10px}.ref-month-table{min-width:100%}}

.ref-faq details[open] summary{background:#efe1f8}.ref-faq details[open] p{padding:16px;text-align:center;background:white;line-height:1.8}

/* Approved layout: lighter live box and all seven columns visible */
.ref-live h1{background:linear-gradient(105deg,#007f86,#1264a1)}
.ref-live-body{background:linear-gradient(135deg,#e4faf4,#e9efff)}
.ref-live .market-title{background:#fff8dc;border-color:#db8b25;color:#6b3b13}
.ref-live strong{color:#185471}.ref-live p{color:#4b6573}.ref-live a{color:#075f92}
.ref-month-table{width:100%;min-width:0;table-layout:fixed}
.ref-month-table th,.ref-month-table td{padding:10px 2px;font-size:clamp(11px,2.85vw,18px);white-space:nowrap;letter-spacing:0}
.ref-month-table th:first-child{width:17%}.ref-month-table th{font-size:clamp(9px,2.5vw,13px)}
@media(min-width:800px){.ref-month-table{min-width:0}}

.ref-month-table{min-width:0!important;width:100%;table-layout:fixed}

@keyframes board-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
@keyframes board-glow{0%,100%{box-shadow:0 0 0 0 #14899b05}50%{box-shadow:0 0 16px 2px #14899b24}}
.ref-live h1>span{display:inline-block;animation:board-dot 2.4s ease-in-out infinite}
.ref-live{animation:board-glow 4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.ref-live,.ref-live h1>span{animation:none}}

.ref-brand{font-size:clamp(22px,5.7vw,54px);overflow-wrap:anywhere}.ref-live h1{font-size:clamp(15px,3.6vw,25px)}

@keyframes full-board-colours{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes full-board-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes result-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.ref-live{animation:board-glow 4s ease-in-out infinite,full-board-float 5s ease-in-out infinite}
.ref-live-body{background:linear-gradient(120deg,#daf9ec,#e3edff,#f1defb,#daf9ec);background-size:300% 300%;animation:full-board-colours 10s ease-in-out infinite}
.ref-live h1{background-size:200% 200%;animation:full-board-colours 6s ease-in-out infinite}
.ref-live article .market-title{animation:full-board-float 4s ease-in-out infinite}.ref-live article:nth-child(2) .market-title{animation-delay:1s}
.ref-live article strong{animation:result-breathe 3s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.ref-live,.ref-live-body,.ref-live h1,.ref-live h1>span,.ref-live article .market-title,.ref-live article strong{animation:none}}

/* Each market keeps its own gradient, whichever board slot it occupies. */
.ref-live-body{padding:14px;background:#edf2fb;animation:none}
.ref-live article{border-radius:16px;padding:25px 10px;margin:0 0 14px;background-size:200% 200%;animation:full-board-colours 8s ease-in-out infinite;border:1px solid #ffffff75}
.ref-live article:last-child{margin-bottom:0}
.ref-live article[data-market="bareilly"]{background-image:linear-gradient(120deg,#065f46,#11998e,#167b53)}
.ref-live article[data-market="delhi"]{background-image:linear-gradient(120deg,#9a3412,#c45319,#ad3d55)}
.ref-live article[data-market="ganesh"]{background-image:linear-gradient(120deg,#9d174d,#a52b77,#752e97)}
.ref-live article[data-market="faridabad"]{background-image:linear-gradient(120deg,#3730a3,#6251ba,#354a9c)}
.ref-live article[data-market="ghaziabad"]{background-image:linear-gradient(120deg,#075985,#087f8c,#164e88)}
.ref-live article[data-market="gali"]{background-image:linear-gradient(120deg,#6b21a8,#a72e85,#783caa)}
.ref-live article[data-market="desawar"]{background-image:linear-gradient(120deg,#164e63,#386c55,#285373)}
.ref-live article strong{color:#fff;text-shadow:0 2px 5px #0002}
.ref-live article .market-title{background:#ffffffed;color:#3b2451;border-color:#fbd37e}
.ref-live article p{color:#fff}.ref-live article a{color:#fff0a8;text-decoration:underline}
@media(prefers-reduced-motion:reduce){.ref-live article{animation:none}}

/* Simple site-wide colour, with animation restricted to the top board. */
body{background:linear-gradient(135deg,#f3eaff,#e7f7ff 48%,#fff0e4);background-attachment:fixed}
.ref-brand{background:linear-gradient(110deg,#e7d9ff,#d9f5f0,#ffead6)}
.ref-description{background:linear-gradient(110deg,#ffffffb8,#edf8ffb8);padding:14px 8px;border-radius:8px}
.ref-results th{background:linear-gradient(110deg,#62328b,#235b86)}
.ref-results td{background:linear-gradient(125deg,#fffaff,#eef8ff)}
.ref-results tr:nth-child(even) td{background:linear-gradient(125deg,#f3eaff,#e7f7f4)}
.ref-month-table th,.ref-chart-links h2{background:linear-gradient(110deg,#176c76,#4353a2)}
.ref-month-table td{background:linear-gradient(125deg,#fffaff,#eef8ff);font-size:clamp(18px,4.8vw,28px);font-weight:800;padding:14px 1px;line-height:1.35;font-variant-numeric:tabular-nums}
.ref-month-table td:first-child{font-size:clamp(12px,3.2vw,19px);font-weight:700}
.ref-month-table th:first-child{width:17%}
.ref-month-nav a,.ref-wide-link,.ref-picker button{background:linear-gradient(110deg,#7138a3,#3864a3)}
.ref-picker{background:linear-gradient(120deg,#ffe7af,#ffdedb)}
.ref-chart-links,.ref-faq{background:linear-gradient(120deg,#fffaff,#eaf7ff)}
.ref-contact{background:linear-gradient(110deg,#167b81,#49579d);border-color:#386d8c}
.ref-faq h2,.ref-footer-links{background:linear-gradient(110deg,#7839a5,#375e9e)}
.ref-faq details[open] p{background:linear-gradient(120deg,#fffaff,#eaf7ff)}
.ref-footer-note{background:linear-gradient(120deg,#29203f,#164858)}
.ref-refresh{background:linear-gradient(110deg,#ffe09a,#ffc0b3)}
body .ref-live{animation:board-glow 4s ease-in-out infinite!important}
body .ref-live h1,body .ref-live article{animation:full-board-colours 8s ease-in-out infinite!important}
body .ref-live h1>span{animation:board-dot 2.4s ease-in-out infinite!important}
body .ref-live article strong{animation:result-breathe 3s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){body .ref-live,body .ref-live h1,body .ref-live article,body .ref-live h1>span,body .ref-live article strong{animation:none!important}}

/* Published live numbers use white on market gradients. */
.ref-live article strong.published-result{color:#fff;text-shadow:0 2px 5px #0002}

/* Original compact king mascot beside the full domain. */
.ref-brand{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 7px}
.ref-brand .ref-king-logo{display:block;flex:0 0 auto;width:clamp(42px,12vw,72px);height:clamp(42px,12vw,72px);object-fit:contain}
.ref-brand .ref-brand-name{color:#402064;font-family:Georgia,serif;font-weight:900;font-size:clamp(19px,4.6vw,46px);line-height:1.2;overflow-wrap:normal;white-space:nowrap}
@media(max-width:340px){.ref-brand{gap:5px}.ref-brand .ref-brand-name{font-size:17px}.ref-brand .ref-king-logo{width:38px;height:38px}}

.ref-editorial p{text-align:left;padding:15px 18px;margin:0;color:#443751;line-height:1.85;font-size:16px}.ref-editorial a{font-weight:700;color:#67309a}

.ref-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:18px 8px}.ref-share a{padding:9px 12px;border-radius:6px;background:#fff;border:1px solid #b6cbd9;color:#225b74;font-weight:700}.ref-live .market-title{line-height:1.35;font-weight:700}

.ref-live .market-title{margin:0 0 12px}

/* Light, distinct market rows matching the approved result-table layout. */
.ref-results tr[data-market="bareilly"]{--row-a:#e3f9e6;--row-b:#dcf5ed}
.ref-results tr[data-market="delhi"]{--row-a:#fff2cf;--row-b:#ffe1d4}
.ref-results tr[data-market="ganesh"]{--row-a:#ffe6f0;--row-b:#f3dffc}
.ref-results tr[data-market="faridabad"]{--row-a:#e7e8ff;--row-b:#dceeff}
.ref-results tr[data-market="ghaziabad"]{--row-a:#dff5ff;--row-b:#d9f5ed}
.ref-results tr[data-market="gali"]{--row-a:#f2e2ff;--row-b:#ffe4ef}
.ref-results tr[data-market="desawar"]{--row-a:#e6f5db;--row-b:#fff3d5}
.ref-results tr[data-market] td{background:linear-gradient(115deg,var(--row-a),var(--row-b));border-color:#cdd9df;color:#242136}
.ref-results tr[data-market] td:last-child{color:#8a297e}
.ref-results th{background:linear-gradient(110deg,#d8e7fb,#e7dcfb);color:#30274d;font-weight:700}
.ref-results .ref-live-label td{background:linear-gradient(110deg,#e8e2fb,#e0f5ef);color:#773a86}
.ref-whatsapp{position:fixed;left:10px;bottom:18px;z-index:6;display:flex;align-items:center;gap:7px;padding:9px 12px;background:linear-gradient(110deg,#dcfce7,#bbf2dc);border:1px solid #76b99b;border-radius:30px;color:#125138;box-shadow:0 3px 12px #144d3826;font-size:13px;font-weight:700;line-height:1.3}
.ref-whatsapp>span:first-child{font-size:24px}.ref-whatsapp small{display:block;font-size:11px;margin-top:2px}.ref-whatsapp:hover{text-decoration:none;background:#d6f8e5}

/* Gentle pastel movement on the market result board. */
.ref-results tr[data-market] td{background-size:220% 220%;animation:pastel-board-shift 12s ease-in-out infinite}
@keyframes pastel-board-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.ref-whatsapp{background:#25d366;color:#083c20;border-color:#1ca64e;box-shadow:0 3px 12px #144d3833;padding:11px 15px}
.ref-whatsapp:hover{background:#20c45c;color:#083c20}
@media(prefers-reduced-motion:reduce){.ref-results tr[data-market] td{animation:none}}

/* Compact contact icon and light top result cards. */
.ref-whatsapp{width:48px;height:48px;justify-content:center;padding:0;border-radius:50%;background:#25d366;color:#fff;border:2px solid #fff;left:12px;bottom:18px;box-shadow:0 3px 10px #12513840}
.ref-whatsapp:hover{color:#fff;background:#1fbb59}

/* Keep all live-board labels readable over every market gradient. */
.ref-live h1{white-space:normal!important;overflow:visible!important;line-height:1.5!important;padding:15px 12px!important;color:#fff!important;font-size:clamp(18px,4.4vw,29px)!important}
.ref-live article .market-title{display:block!important;width:fit-content;max-width:100%;margin:0 auto 14px!important;background:#fff!important;color:#352044!important;border:2px solid #f8d578!important;padding:9px 16px!important;border-radius:28px!important;font-size:clamp(25px,6.1vw,38px)!important;font-weight:800!important;line-height:1.3!important;animation:none!important}
.ref-live article strong,.ref-live article strong.published-result,.ref-live article strong.waiting-result{color:#fff!important;text-shadow:0 2px 5px #0003!important}
.ref-live article p:not(.market-title){color:#fff!important}.ref-live article a{color:#fff2ab!important}
.ref-live .waiting-result{font-size:clamp(28px,7vw,46px)!important;animation:none!important;font-variant-numeric:tabular-nums}
.countdown-caption{display:block;font-size:13px;font-weight:400;margin-top:8px;color:#fff;line-height:1.4}

/* Final lower-board sizing and gentle colour drift. */
.ref-results tr[data-market] h3{font-size:clamp(19px,4.8vw,29px);line-height:1.3;margin-bottom:10px;overflow-wrap:normal}
.ref-results tr[data-market] td:first-child{padding-top:15px;padding-bottom:15px;background-size:260% 260%;animation:pastel-board-shift 14s ease-in-out infinite}
.ref-results tr[data-market] td:first-child div{font-size:clamp(12px,3vw,17px);line-height:1.55}
.ref-results tr[data-market] td a{display:block;width:fit-content;max-width:100%;white-space:normal;margin:5px 0 0;font-weight:600}
@media(prefers-reduced-motion:reduce){.ref-results tr[data-market] td:first-child{animation:none}}

/* Screenshot-matched pastel rows: fixed gradients, no movement. */
.ref-results tr[data-market] td,.ref-results tr[data-market] td:first-child{background:linear-gradient(115deg,var(--row-a),var(--row-b));background-size:100% 100%;animation:none!important;transform:none;color:#242136;border-color:#cdd9df}
.ref-results tr[data-market] h3{color:#23162f}
.ref-results tr[data-market] td:first-child div{color:#242136}
.ref-results tr[data-market] td a{color:#6839b9}
.ref-results tr[data-market] td:last-child{color:#8a297e}
