:root{--brand-primary:#09532F;--brand-secondary:#084D2A;--brand-accent:#F4C430;--bg-main:#F7F7F7;--bg-card:#FFF;--border-color:#E5E7EB;--text-main:#111827;--text-sec:#6B7280;--status-live:#16A34A;--status-pending:#F59E0B;--status-error:#DC2626;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--header-height:52px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg-main);color:var(--text-main);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{color:var(--text-main);margin:0;font-weight:700}

/* Header */
.header{position:sticky;top:0;z-index:50;height:var(--header-height);background:var(--brand-primary);color:#fff;display:flex;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--sp-12)}
.header .brand{font-size:18px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}

/* Container */
.container{width:100%;margin:0 auto;padding:0 var(--sp-8)}
@media(min-width:768px){.container{padding:0 var(--sp-16)}}
@media(min-width:1024px){.container{padding:0 var(--sp-20);max-width:1280px}}

/* Market Rows - Fast & Flat */
.market-list-compact{display:flex;flex-direction:column;gap:var(--sp-4)}
.market-row-horizontal{position:relative;display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px var(--sp-8);min-height:48px}
.highlighted-market{border:2px solid var(--brand-accent)!important;background:#fffbeb!important;box-shadow:none!important}

/* Market Info */
.market-info{flex:1.2;min-width:0;padding-right:4px;overflow:hidden}
.market-name{font-size:14px;font-weight:700;color:var(--brand-primary);display:block;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-time{font-size:9px;font-weight:600;color:var(--text-sec);margin-top:1px}

/* Market Result */
.market-result{flex:1.3;text-align:center;font-size:17px;font-weight:800;color:var(--text-main);font-variant-numeric:tabular-nums;letter-spacing:.5px;white-space:nowrap}
.market-result .jodi{color:var(--status-live);margin:0 1px;font-size:19px}

/* Market Actions */
.market-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;min-width:58px}
.market-btn-group{display:flex;gap:2px}

@media(min-width:380px){
 .market-name{font-size:15px}
 .market-result{font-size:19px;letter-spacing:1px}
 .market-result .jodi{font-size:21px;margin:0 2px}
 .market-actions{min-width:68px}
 .market-btn-group{gap:4px}
}
@media(min-width:480px){
 .market-name{font-size:16px;white-space:normal;word-break:break-word}
 .market-result{font-size:21px}
}

/* Badges */
.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:var(--sp-4);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
/* Buttons */
.btn-micro{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 6px;border-radius:4px;font-weight:700;font-size:10px;cursor:pointer;border:1px solid var(--border-color);background:transparent;color:var(--text-sec)}
.btn-micro:hover{background:var(--bg-main);color:var(--text-main)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:var(--radius-sm);font-weight:600;font-size:12px;background:var(--brand-accent);color:var(--text-main);border:none;cursor:pointer}

/* Fast Mobile Buttons - Flat & Aligned */
.btn-chart-mobile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFD700;
  color: #000;
  border-radius: 4px;
  padding: 4px 10px;
  font-weight: 800;
  font-size: 11px;
  text-transform: uppercase;
  min-width: 50px;
}

/* Badges - No Animation */
.badge.live {
  background: rgba(22,163,74,.1);
  color: var(--status-live);
  border: 1px solid var(--status-live);
}
.badge.pending{background:rgba(245,158,11,.1);color:var(--status-pending);border:1px solid var(--status-pending)}
.badge.closed{background:rgba(107,114,128,.1);color:var(--text-sec);border:1px solid var(--border-color)}

/* Tables */
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card)}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th,.table td{padding:var(--sp-4) var(--sp-8);border-bottom:1px solid var(--border-color);text-align:center;white-space:nowrap}
.table tr{height:36px}
.table th{background:var(--bg-main);color:var(--text-sec);font-weight:700}
.table tbody tr:nth-child(even){background:#FAFAFA}
.table td.sticky-col{position:sticky;left:0;background:var(--bg-card);border-right:1px solid var(--border-color);font-weight:700;z-index:2}

/* Utilities */
.text-center{text-align:center}
.mb-4{margin-bottom:var(--sp-4)}.mb-8{margin-bottom:var(--sp-8)}.mb-12{margin-bottom:var(--sp-12)}.mb-16{margin-bottom:var(--sp-16)}.mb-20{margin-bottom:var(--sp-20)}.mb-24{margin-bottom:var(--sp-24)}
.mt-8{margin-top:var(--sp-8)}.mt-12{margin-top:var(--sp-12)}.mt-16{margin-top:var(--sp-16)}.mt-24{margin-top:var(--sp-24)}
.text-primary{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.text-error{color:var(--status-error)}.text-sec{color:var(--text-sec)}

/* Section blocks */
.section-block{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,.02);margin-bottom:var(--sp-12);overflow:hidden}
.section-header{background:var(--brand-primary);color:#fff;padding:6px var(--sp-12);text-align:center;font-size:15px;font-weight:700;text-transform:uppercase}

/* Search Overlay */
#searchOverlay{display:none;position:fixed;inset:0;background:var(--bg-main);z-index:9999;flex-direction:column}

/* Main content */
.main-content{min-height:calc(100vh - var(--header-height) - 60px)}

@keyframes spin { 100% { transform: rotate(360deg); } }

/* Homepage Specific styles */
.kalyan-notice { display: flex; align-items: center; gap: 15px; background: linear-gradient(90deg, #ff512f, #f09819); color: #fff; padding: 12px 20px; border-radius: 12px; box-shadow: 0 8px 20px rgba(255,87,34,0.35); margin: 15px auto 5px auto; max-width: 800px; animation: glow 2s infinite alternate; justify-content: center; text-decoration: none; }
.notice-badge { background: #fff; color: #e65100; font-size: 13px; font-weight: 900; padding: 6px 12px; border-radius: 30px; white-space: nowrap; text-transform: uppercase; }
.notice-text { font-size: 18px; line-height: 1.2; text-align: left; }
.notice-text strong { display: block; font-size: 20px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.notice-text small { font-size: 14px; opacity: 0.95; font-weight: 700; }
@keyframes glow { from { box-shadow: 0 8px 15px rgba(255,87,34,0.25); } to { box-shadow: 0 8px 25px rgba(255,193,7,0.65); } }
@media(max-width:768px){ .kalyan-notice{ flex-direction: column; text-align: center; padding: 14px; } .notice-text{ text-align: center; } }

@keyframes blink {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.1); }
    100% { opacity: 1; transform: scale(1); }
}

.lucky-num-container {
    border: 2px solid var(--brand-primary);
    border-radius: var(--radius-md);
    overflow: hidden;
    background: #fffcee;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.lucky-num-header {
    background: var(--brand-primary);
    color: var(--brand-accent);
    padding: 6px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1px;
    border-bottom: 2px solid #fff;
}
.lucky-num-grid {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.lucky-num-left {
    flex: 1;
    min-width: 140px;
    padding: 12px;
    border-right: 1px solid red;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lucky-num-right {
    flex: 1.5;
    min-width: 180px;
    padding: 12px;
}
@media (max-width: 480px) {
    .lucky-num-left {
        border-right: none;
        border-bottom: 1px solid red;
    }
}
.lucky-num-title {
    color: var(--brand-primary);
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.lucky-num-val {
    color: #ff9900;
    font-size: 26px;
    font-weight: 900;
    text-decoration: none;
}
.final-ank-marquee {
    height: 55px;
    color: #111827;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
    text-transform: uppercase;
}

.l-obj-giv{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;border:2px solid #0b6b36!important;text-align:center;font-weight:700}
.l-obj-giv td{border:1px solid #b7d8c3!important;padding:6px 4px!important;color:#111!important;font-size:16px!important;line-height:1.3!important;vertical-align:middle}
.l-obj-giv .v5a25{background:#0b6b36!important;color:#ffd633!important;font-size:28px!important;font-weight:900!important;padding:10px!important;letter-spacing:.5px!important;text-transform:uppercase!important;border-bottom:2px solid #0b6b36!important}
.l-obj-giv .v5a25-v4a5{background:#f5f5f5!important;color:#0b6b36!important;font-size:20px!important;font-weight:800!important;border-right:2px solid #b7d8c3!important}
.l-obj-giv .v5a25-v85b{font-size:34px!important;font-weight:900!important;color:#0d2240!important;border-left:2px solid #b7d8c3!important;border-right:2px solid #b7d8c3!important}
.l-obj-giv tr td:nth-child(3),
.l-obj-giv tr td:nth-child(5),
.l-obj-giv tr td:nth-child(7),
.l-obj-giv tr td:nth-child(9){font-size:18px!important;font-weight:800!important}
@media(max-width:768px){
.l-obj-giv td{padding:4px 2px!important;font-size:12px!important}
.l-obj-giv .v5a25{font-size:18px!important;padding:8px 4px!important}
.l-obj-giv .v5a25-v4a5{font-size:15px!important}
.l-obj-giv .v5a25-v85b{font-size:22px!important}
.l-obj-giv tr td:nth-child(3),
.l-obj-giv tr td:nth-child(5),
.l-obj-giv tr td:nth-child(7),
.l-obj-giv tr td:nth-child(9){font-size:13px!important}
}

#aajPassHtmlContainer .hd1, #aajPassHtmlContainer .hd2 { display: none !important; }
#aajPassHtmlContainer .aj-pass-txt {
    font-size: 15px;
    font-weight: 700;
    color: #33312e;
    background: #fcdcdc;
    padding: 10px 12px;
    margin-bottom: 8px;
    border-radius: 6px;
    border-left: 5px solid #ad2110;
    text-align: left;
    display: block;
    line-height: 1.4;
}
#aajPassHtmlContainer .aj-pass-txt:last-child { margin-bottom: 0; }