/* Fresh light theme — loaded after home.css on the homepage.
   One accent (indigo), neutral surfaces, ink-coloured numbers. */
:root{
  --bg:#F5F6FA;--section:#fff;--card:#fff;--card-hover:#F9FAFB;--border:#E5E7EB;
  --white:#111827;--text:#374151;--muted:#6B7280;
  --purple:#4F46E5;--purple-2:#4F46E5;--purple-deep:#3730A3;--blue:#4F46E5;--pink:#4F46E5;
  --radius:16px;
  --f-accent:#4F46E5;--f-accent-soft:#EEF2FF;--f-ink:#111827;--f-line:#E5E7EB;--f-live:#16A34A;
  --f-shadow:0 1px 2px rgba(17,24,39,.04),0 4px 14px rgba(17,24,39,.05);
}
html{scroll-behavior:smooth}
body{background:var(--bg)!important;color:var(--text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
p{font-size:14px;line-height:1.6}
h2{font-size:20px}

/* ── Header ───────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88)!important;backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--f-line)!important;box-shadow:none!important}
.site-header-inner{padding:10px 16px!important}
.site-logo{max-height:34px!important}
.header-refresh-btn{background:var(--f-accent-soft)!important;background-image:none!important;border:0!important;color:var(--f-accent)!important;animation:none!important;padding:8px 14px!important;font-weight:600!important}
.header-refresh-btn:hover{background:#E0E7FF!important}

/* ── Containers ───────────────────────────────────────── */
.home-section{max-width:1080px!important;margin:14px auto 0!important;padding:0 14px!important}
.live-results-panel{background:var(--f-ink)!important;background:#fff!important;border:1px solid var(--f-line)!important;border-radius:20px!important;box-shadow:var(--f-shadow)!important;padding:18px!important;margin:14px 0!important}
.live-results-panel::before,.live-results-panel::after{display:none!important}

/* ── Live result board (kb2) ──────────────────────────── */
.kb2{background:#fff;border:1px solid var(--f-line);border-radius:22px;box-shadow:var(--f-shadow);padding:18px 18px 14px;margin:6px 0 14px}
.kb2-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.kb2-title{font-size:18px;font-weight:800;letter-spacing:.4px;color:var(--f-ink)}
.kb2-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--f-live);background:#ECFDF3;border-radius:999px;padding:5px 11px}
.kb2-live i{width:7px;height:7px;border-radius:50%;background:var(--f-live);box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:kb2pulse 1.6s infinite}
@keyframes kb2pulse{70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.kb2-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#F9FAFB;margin-bottom:10px}
.kb2-label{flex:0 0 52px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.kb2-digits{display:flex;align-items:center;gap:8px;flex:1}
.kb2-digits b{flex:1;max-width:64px;aspect-ratio:1/1.05;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--f-line);border-radius:14px;font-size:26px;font-weight:800;color:var(--f-ink);box-shadow:0 1px 2px rgba(17,24,39,.04)}
.kb2-digits em{margin-left:auto;font-style:normal;min-width:46px;height:46px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--f-accent);color:#fff;font-size:22px;font-weight:800}
.kb2-sangam{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:12px;border-radius:16px;background:var(--f-accent-soft);margin-bottom:10px}
.kb2-sangam small{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--f-accent)}
.kb2-sangam b{font-size:24px;font-weight:800;letter-spacing:1px;color:var(--f-ink)}
.kb2-foot{display:flex;justify-content:center;gap:6px;font-size:12px;color:var(--muted);padding-top:2px}
.kb2-foot b{color:var(--f-ink);font-weight:600}

/* ── Market result cards ──────────────────────────────── */
.result-wrap{padding:0!important}
body .market-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
@media(min-width:620px){body .market-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(min-width:980px){body .market-grid{grid-template-columns:repeat(3,1fr)!important}}
body .result-card{position:relative;display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"head num" "time num" "btns ago"!important;align-items:center!important;text-align:left!important;column-gap:12px!important;row-gap:8px!important;margin:0!important;
  background:#fff!important;background-image:none!important;border:1px solid var(--f-line)!important;border-left:4px solid var(--mc,var(--f-accent))!important;border-radius:16px!important;box-shadow:var(--f-shadow)!important;padding:14px 14px 12px!important;animation:none!important;overflow:hidden}
body .result-card::before{display:none!important}
body .result-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(17,24,39,.09)!important}
body .result-card.is-highlight{background:linear-gradient(180deg,#FFFBEB,#fff)!important}
body .result-card-star{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;transform:none!important;width:13px!important;height:13px!important;color:#F59E0B!important;opacity:1!important;z-index:1!important}
body .rc-head{grid-area:head!important;display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;background:none!important;padding:0!important;border:0!important;justify-content:flex-start!important}
body .market-name{font-size:15px!important;font-weight:800!important;letter-spacing:.2px;color:var(--f-ink)!important;text-transform:uppercase;background:none!important;text-shadow:none!important}
body .rc-week{font-size:10px!important;font-weight:700;color:var(--f-accent)!important;background:var(--f-accent-soft)!important;border-radius:999px;padding:2px 8px!important;border:0!important;margin:0!important}
body .market-time-row{display:flex!important;align-items:center;gap:6px;margin:0!important;justify-content:flex-start!important}
body .market-time-row:not(.market-btn-row){grid-area:time!important;background:none!important;border:0!important;padding:0!important;justify-self:start!important}
body .market-btn-row{grid-area:btns!important;gap:6px!important}
body .market-time{font-size:12px!important;font-weight:600;color:var(--muted)!important;background:none!important;border:0!important;padding:0!important}
body .result-divider{display:none!important}
body .result-number,body .rc-load{grid-area:num!important;justify-self:end!important;align-self:center!important;text-align:right!important;margin:0!important}
body .result-number{font-size:21px!important;font-weight:800!important;letter-spacing:.5px;color:var(--f-ink)!important;background:none!important;border:0!important;box-shadow:none!important;text-shadow:none!important;padding:0!important;white-space:nowrap;font-variant-numeric:tabular-nums}
body .result-ago{grid-area:ago!important;justify-self:end!important;font-size:10.5px!important;color:var(--muted)!important;background:none!important;border:0!important;margin:0!important}
body .result-mini-btn{font-size:11.5px!important;font-weight:700!important;color:var(--f-accent)!important;background:var(--f-accent-soft)!important;border:0!important;border-radius:999px!important;padding:5px 12px!important;box-shadow:none!important}
body .result-mini-btn:hover{background:var(--f-accent)!important;color:#fff!important;text-decoration:none}
.rc-load-txt{font-size:12px;color:var(--muted)}

/* ── "Live Results" panel (lrx) ───────────────────────── */
body .lrx{background:#fff!important;border:1px solid var(--f-line)!important;box-shadow:var(--f-shadow)!important;border-radius:20px!important;padding:6px!important}
body .lrx-inner{background:#fff!important;box-shadow:none!important;padding:12px!important}
body .lrx-inner::before{display:none!important}
body .lrx-head{justify-content:flex-start!important;margin-bottom:12px!important}
body .lrx-title{font-size:16px!important;font-weight:800!important;letter-spacing:.6px!important;color:var(--f-ink)!important}
body .lrx-badge{background:#ECFDF3!important;color:var(--f-live)!important;border:0!important;box-shadow:none!important;order:2;margin-left:auto}
body .lrx-pulse{color:var(--f-live)!important}
body .lrx-card{align-items:flex-start!important;background:#fff!important;border:1px solid var(--f-line)!important;border-left:4px solid var(--mc,var(--f-accent))!important;border-radius:14px!important;box-shadow:none!important;padding:12px!important}
body .lrx-card::before{display:none!important}
body .lrx-name{background:none!important;box-shadow:none!important;text-shadow:none!important;color:var(--f-ink)!important;padding:0!important;font-size:14px!important;font-weight:800!important}
body .lrx-tile{background:#F9FAFB!important;color:var(--f-ink)!important;border:1px solid var(--f-line)!important;box-shadow:none!important;border-radius:10px!important}
body .lrx-tile--jodi{background:var(--f-accent)!important;color:#fff!important;border-color:var(--f-accent)!important}
body .lrx-board{justify-content:flex-start!important;gap:4px!important}

/* ── Section headings (panels) ────────────────────────── */
.panel-head,.popular-panel-head,.gz-header,.panna-head,.wk2-head,.lgb-header{background:none!important;border:0!important;box-shadow:none!important;padding:0 0 12px!important}
.panel-head-title,.popular-section-title,.gz-title,.panna-head-title,.wk2-head-title,.lgb-header-title{font-size:16px!important;font-weight:800!important;letter-spacing:.6px!important;color:var(--f-ink)!important;text-transform:uppercase}
.gz-header-diamond,.lgb-header-diamond,.panna-divider-diamond{display:none!important}
.gz-subtitle,.panna-head-sub,.wk2-head-sub{font-size:12px!important;color:var(--muted)!important}
.live-results-panel:not(.gz-section):not(.panna-section):not(.wk2-section):not(.lgb-section){padding:16px!important}
.live-indicator-dot{background:var(--f-live)!important}

/* ── Game zone buttons ────────────────────────────────── */
.gz-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px!important}
@media(min-width:620px){.gz-grid{grid-template-columns:repeat(3,1fr)}}
.gz-btn{background:#F9FAFB!important;background-image:none!important;border:1px solid var(--f-line)!important;border-radius:14px!important;box-shadow:none!important;color:var(--f-ink)!important;transition:all .15s}
.gz-btn:hover{background:var(--f-accent-soft)!important;border-color:var(--f-accent)!important;transform:translateY(-1px);text-decoration:none}
.gz-label{color:var(--f-ink)!important;font-weight:700!important}
.gz-icon{filter:none!important}

/* ── Panna / weekly ───────────────────────────────────── */
.panna-row,.wk2-day-card,.wk2-market-panel{background:#F9FAFB!important;border:1px solid var(--f-line)!important;border-radius:14px!important;box-shadow:none!important}
.panna-digit-badge{background:var(--f-accent)!important;color:#fff!important;box-shadow:none!important}
.panna-digit-num,.wk2-val{color:var(--f-ink)!important}
.panna-divider-line{background:var(--f-line)!important}
.wk2-ribbon,.wk2-date-bar{background:var(--f-accent-soft)!important;color:var(--f-accent)!important;border:0!important}

/* ── Login & guessing banner / popular markets ────────── */
.lgb-btn{border-radius:999px!important;font-weight:700!important;box-shadow:none!important}
.lgb-login{background:#fff!important;color:var(--f-accent)!important;border:1.5px solid var(--f-accent)!important}
.lgb-register{background:var(--f-accent)!important;color:#fff!important;border:1.5px solid var(--f-accent)!important}
.lgb-join-title{color:var(--f-ink)!important}.lgb-join-sub{color:var(--muted)!important}

/* ── Telegram / footer ────────────────────────────────── */
.telegram-banner{background:var(--f-accent-soft)!important;border:1px solid #C7D2FE!important;border-radius:18px!important;box-shadow:none!important;color:var(--f-ink)!important}
.telegram-banner-text small{color:var(--muted)!important}
.btn-solid{background:var(--f-accent)!important;border-radius:999px!important;box-shadow:none!important;animation:none!important}
.site-footer{background:#fff!important;border:1px solid var(--f-line)!important;border-radius:20px!important;box-shadow:var(--f-shadow)!important;margin:14px 0 30px!important}
.footer-links a{color:var(--text)!important;font-size:13px!important}
.footer-links a:hover{color:var(--f-accent)!important;text-decoration:none}
.site-footer-copy{color:var(--muted)!important;font-size:12px!important}

/* ── fixes round 2 ────────────────────────────────────── */
body .market-btn-row{justify-self:start!important;width:auto!important}
body .bottom-refresh-btn{background:var(--f-accent)!important;background-image:none!important;border:0!important;color:#fff!important;box-shadow:0 6px 18px rgba(79,70,229,.35)!important;animation:none!important}

/* ── fixes round 3 ────────────────────────────────────── */
body .gz-title,body .panna-head-title,body .wk2-head-title,body .popular-section-title,body .panel-head-title,body .lgb-header-title,body .lgb-join-title{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:var(--f-ink)!important;color:var(--f-ink)!important;text-shadow:none!important}
body .panna-head,body .gz-header,body .wk2-head,body .lgb-header{text-align:center}
body .panna-divider{display:none!important}
body .panna-head-title{font-size:15px!important;font-weight:800!important;letter-spacing:.5px}
body .panna-head-sub{margin-top:4px}
body .panna-digit-badge{border-radius:12px!important}
body .panna-nums,body .panna-nums *{color:var(--f-ink)}
body .panna-nums .sep,body .panna-nums i{color:#9CA3AF!important}

body .popular-markets{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:620px){body .popular-markets{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){body .popular-markets{grid-template-columns:repeat(3,1fr)}}
body .popular-card{background:#fff!important;background-image:none!important;border:1px solid var(--f-line)!important;border-left:4px solid var(--mc,var(--f-accent))!important;border-radius:14px!important;box-shadow:none!important;animation:none!important;margin:0!important}
body .popular-card::before,body .popular-card::after{display:none!important}
body .popular-card-name{color:var(--f-ink)!important;font-weight:700!important;font-size:14px!important;text-shadow:none!important}
body .popular-card-live-pill{background:#ECFDF3!important;color:var(--f-live)!important;border:0!important;box-shadow:none!important;font-weight:700!important}
body .popular-live-dot{background:var(--f-live)!important;box-shadow:none!important}

body .wk2-pill,body .wk2-pill--jodi,body .wk2-pill--panel,body .wk2-pill--otc{background:var(--f-accent-soft)!important;color:var(--f-accent)!important;border:0!important;box-shadow:none!important}
body .wk2-head-icon{background:var(--f-accent)!important;box-shadow:none!important}
body .wk2-day-head{background:#fff!important;color:var(--f-ink)!important;border-bottom:1px solid var(--f-line)!important}
body .wk2-val{background:#fff!important;border:1px solid var(--f-line)!important;color:var(--f-ink)!important;box-shadow:none!important}
body .wk2-row-label{color:var(--f-accent)!important}
body .wk2-ribbon{background:var(--f-accent)!important;color:#fff!important}

body .market-pages-pill{background:#F9FAFB!important;border:1px solid var(--f-line)!important;color:var(--f-ink)!important;box-shadow:none!important;border-radius:999px!important}
body .market-pages-pill:hover{background:var(--f-accent-soft)!important;border-color:var(--f-accent)!important;text-decoration:none}
body .mp-count{background:var(--f-accent-soft)!important;color:var(--f-accent)!important}
body .mp-showmore{background:var(--f-accent-soft)!important;color:var(--f-accent)!important;border:0!important;border-radius:999px!important}
body .seo-about-title,body .seo-extra-title{color:var(--f-ink)!important}

/* ── fixes round 4 ────────────────────────────────────── */
body .panna-digit-num,body .panna-digit-label{color:#fff!important;-webkit-text-fill-color:#fff!important}
body .market-grid,body .popular-markets{grid-template-columns:repeat(var(--cols,1),minmax(0,1fr))!important}
body .market-grid{--cols:1}body .popular-markets{--cols:1}
@media(min-width:620px){body .market-grid,body .popular-markets{--cols:2}}
@media(min-width:980px){body .market-grid,body .popular-markets{--cols:3}}
body .market-name{white-space:normal!important;overflow-wrap:anywhere;line-height:1.25}
@media(min-width:620px) and (max-width:1100px){body .result-number{font-size:18px!important}}
@media(min-width:1100px){body .result-number{font-size:19px!important}}

/* ── fixes round 5: entrance animations are off, so force the end state ── */
body .popular-card,body .result-card,body .lrx-card{opacity:1!important;transform:none}
body .popular-card:hover,body .result-card:hover{transform:translateY(-2px)!important}