/* Kurnool Bazar results website - mobile-first stylesheet.
   Retro desi satta look: peach page, red outset boxes, magenta pill headers,
   yellow result rows, italic bold Helvetica with white text-shadows.
   Every chart is a fixed-layout table that fits the screen width (no sideways
   swiping); you scroll vertically and the day header stays stuck to the top. */
:root {
  --bg: #ffcc99;
  --card: #ffd9ae;
  --yellow: #ffff00;
  --ink: #1b1b1f;
  --muted: #6b4a24;
  /* Shared names the theme system + blog/forum stylesheets use; the Kurnool
     names below are aliases, so a colour theme recolours this skin too. */
  --maroon: #ff00a2;
  --maroon-2: #eb008b;
  --title-2: #ff182c;
  --hero-2: #00094d;
  --magenta: var(--maroon);
  --brd-red: var(--title-2);
  --brd-pink: var(--maroon-2);
  --brd-blue: #00189f;
  --head-blue: var(--hero-2);
  --name-blue: #1a237e;
  --p-blue: #000b65;
  --btn-purple: #522f92;
  --timing: #7a028d;
  --link-red: #b8003a;
  --navy: #003399;
  --blue: #0d47a1;
  --red: #c62828;
  --green: #0a7a1c;
  --orange: #bf360c;
  --pending: #6d6d6d;
  --radius: 10px;
  --shadow: 0 0 14px rgba(0, 0, 0, .35);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --font: "Helvetica Neue", Helvetica, Arial, "Noto Sans", "Noto Sans Devanagari", sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); line-height: 1.45; font-size: 15px; overflow-x: hidden; font-style: italic; font-weight: 700; }
a { color: var(--brd-blue); }
img, svg { max-width: 100%; }
table { border-collapse: separate; border-spacing: 0; }
:focus-visible { outline: 3px solid var(--navy); outline-offset: 2px; }
.wrap { max-width: 680px; margin: 0 auto; padding: 6px; }
.skip { position: absolute; left: -999px; top: 0; }
.skip:focus { left: 8px; top: 8px; background: #fff; padding: 6px 10px; z-index: 99; border-radius: 6px; }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.center { text-align: center; }
.pad { padding: 10px; }
.small { font-size: 14px; margin: 6px 0; }
.pending { color: var(--pending); }
/* the reference look is italic-bold everywhere except reading text */
.prose, .prose *, details, details *, .pform, .pform *, .contact-form, .contact-form *,
.foot-disclaimer, .seo-block, .seo-block *, .t-ex, .msg, .crumbs, .meta-line, .t-meta,
.chart-legend, .tt-legend, .help { font-style: normal; }
.prose p, .prose li, details p, .t-ex, .foot-disclaimer { font-weight: 400; }
p { color: var(--p-blue); text-shadow: 1px 1px 2px #fff; }

/* ---- header ---- */
.site-head { background: var(--bg); padding: 6px 6px 0; }
.site-head .brand { display: flex; align-items: center; justify-content: center; text-decoration: none; max-width: 668px; margin: 0 auto; padding: 12px 10px; border: 3px solid #ff0016; border-radius: .75em; background: var(--bg); box-shadow: var(--shadow); }
.site-head :focus-visible { outline-color: var(--navy); }
.brand-name { display: block; font-family: Georgia, "Times New Roman", "Noto Serif", serif; font-style: normal; font-weight: 700; font-size: clamp(26px, 8vw, 34px); letter-spacing: 1px; line-height: 1.1; color: #111; text-shadow: none; }
.site-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; max-width: 680px; margin: 0 auto; padding: 8px 2px; }
.site-nav a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 40px; color: #fff8f8; text-decoration: none; font-weight: 700; font-size: 14px; padding: 6px 13px; border-radius: .75em; background: #d10085; border: 2px solid #fff; text-shadow: 1px 1px 2px #000; letter-spacing: .5px; line-height: 1.2; }
.site-nav a.nav-dl { background: var(--green); }

/* ---- notice / alert / breadcrumbs ---- */
.notice { display: flex; align-items: center; gap: 8px; background: var(--bg); border: 2px solid var(--brd-red); border-style: outset; border-radius: var(--radius); margin: 4px 6px 0; padding: 4px 6px 4px 10px; font-size: 15px; font-weight: 700; color: #c00000; box-shadow: var(--shadow); }
.marquee { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; cursor: pointer; padding: 4px 0; }
.marquee span { display: inline-block; padding-left: 100%; animation: marq 18s linear infinite; color: #c00000; }
.marquee:hover span { animation-play-state: paused; }
.notice.paused .marquee { white-space: normal; }
.notice.paused .marquee span { display: inline; padding-left: 0; animation: none; }
.notice-pause { flex: 0 0 auto; min-width: 40px; min-height: 40px; border: 0; background: transparent; color: #c00000; font-size: 12px; cursor: pointer; border-radius: 8px; }
@keyframes marq { to { transform: translateX(-100%); } }
.alert { background: #fdecea; color: #8a000c; text-align: center; padding: 8px; font-weight: 700; border-bottom: 2px solid var(--brd-red); }
.crumbs { font-size: 12px; color: #5a3a1a; padding: 8px 6px 6px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.crumbs::-webkit-scrollbar { display: none; }
.crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.crumbs li + li::before { content: "\203A"; margin-right: 4px; color: #8a5a2a; }
.crumbs a { color: var(--brd-blue); text-decoration: none; font-weight: 700; display: inline-block; padding: 6px 0; }

/* ---- cards & section titles (red outset boxes, magenta pill headers) ---- */
.card { background: var(--card); border: 2px solid var(--brd-red); border-style: outset; border-radius: var(--radius); box-shadow: var(--shadow); padding: 12px; margin-top: 8px; }
.card.tight { padding: 0; overflow: clip; }
.card.mint { background: #ffe9f7; }
.card.cream { background: #fff3d6; }
.card.sky { background: #eef1ff; }
.sec-title { margin: 10px 0 0; padding: 8px 12px; border: 2px solid #fff; border-radius: .75em; text-align: center; font-weight: 800; font-size: 19px; letter-spacing: 1px; color: #fff8f8; background: var(--magenta); text-shadow: 1px 1px 2px #000; box-shadow: var(--shadow); }
.sec-title.gold { background: #ffd902; color: #000; border-color: #000; text-shadow: 1px 1px 2px #fff; }
.sec-title.blue { background: #ff1731; border: 0; border-radius: var(--radius); clip-path: polygon(0 0, 97% 0, 100% 48%, 100% 80%, 100% 100%, 3% 100%, 0 46%, 0 20%); box-shadow: none; }
.sec-title.purple { animation: huecycle 5s infinite; border-color: #fff; }
@keyframes huecycle {
  0% { background-color: var(--magenta); }
  25% { background-color: #ff001d; }
  50% { background-color: #009a07; }
  75% { background-color: #001fad; }
  100% { background-color: var(--magenta); }
}
.sub { font-size: 16px; color: #8a000c; margin: 12px 0 4px; text-align: center; text-shadow: 1px 1px 2px #fff; }

/* ---- welcome ---- */
.welcome { text-align: center; border-color: var(--brd-pink); border-radius: 10px 0 10px 10px; }
.welcome h1 { margin: 6px 0 2px; font-size: clamp(16px, 4.8vw, 20px); color: var(--name-blue); line-height: 1.25; text-shadow: 1px 1px 2px #fff; }
.welcome .hindi { font-size: 16px; color: var(--timing); font-weight: 700; margin-top: 4px; }
.welcome p { margin: 6px 0 0; font-size: 14px; color: #444; text-shadow: none; }

/* ---- lucky ---- */
.lucky { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; text-align: center; margin-top: 8px; }
.lucky div div { background: var(--yellow); border: 1px solid #ff9800; border-radius: 10px; padding: 8px; }
.lucky .lbl { font-size: 12px; color: #8a000c; font-weight: 800; text-transform: uppercase; background: none; padding: 0 0 2px; text-shadow: 1px 1px 2px #fff; }
.lucky .val { font-size: clamp(20px, 6vw, 26px); font-weight: 800; font-style: italic; background: linear-gradient(#4500bf, #670009); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #4500bf; text-shadow: none; }

/* ---- live strip (home) ---- */
.live-head { display: flex; justify-content: center; align-items: center; gap: 8px; font-size: 17px; letter-spacing: .5px; }
.live-dot { width: 10px; height: 10px; border-radius: 50%; background: #ff1744; box-shadow: 0 0 0 0 rgba(255, 23, 68, .6); animation: pulse 1.4s infinite; }
@keyframes pulse { to { box-shadow: 0 0 0 10px rgba(255, 23, 68, 0); } }
.live-grid { display: grid; gap: 8px; margin-top: 8px; }
.live-item { text-align: center; background: var(--yellow); border-radius: 10px; padding: 10px; border: 1px solid #ff9800; }
.live-item .nm { color: var(--head-blue); font-weight: 800; font-size: 18px; letter-spacing: .5px; text-shadow: 1px 1px 2px #fff; }
.live-item .rs { font-weight: 800; font-size: clamp(22px, 8vw, 30px); font-style: italic; letter-spacing: 1px; font-variant-numeric: tabular-nums; white-space: nowrap; background: linear-gradient(#4500bf, #670009); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #4500bf; }
.live-item .tm { font-size: 12px; color: var(--timing); margin-bottom: 6px; }
.updated { font-size: 12px; color: #5a3a1a; text-align: center; margin-top: 6px; }

/* ---- buttons & badges (min 44px tap height) ---- */
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid #e6e6e6; cursor: pointer; border-radius: 8px; padding: 8px 18px; font-weight: 700; font-size: 14px; text-decoration: none; color: #fff; background: var(--btn-purple); font-family: inherit; font-style: italic; line-height: 1.2; text-shadow: 1px 1px 2px #222; }
.btn.sm { min-height: 40px; padding: 6px 14px; font-size: 13px; }
.btn.green { background: var(--green); }
.btn.gold { background: radial-gradient(#ffe500, #ff9800); color: #000; border: 1px solid #ff0016; text-shadow: 1px 1px 2px #fff; }
.btn.purple { background: var(--btn-purple); }
.btn.grey { background: var(--pending); }
.btn.ghost { background: rgba(0, 0, 0, .65); border: 1px solid rgba(255, 255, 255, .8); }
.btn.outline { background: #fff; color: #8a000c; border: 1px solid var(--brd-red); text-shadow: none; }
.btn.spin { opacity: .6; }
.badge { display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #fff; color: #444; border: 1px solid #ddd; }
.badge.running { background: #e8f5e9; color: #146428; border-color: #9fd8ae; }
.badge.upcoming { background: #e3f2fd; color: var(--blue); border-color: #b6d4f5; }
.badge.closed { background: #f5f5f5; color: #555; border-color: #ddd; }
.badge.holiday { background: #fff3e0; color: var(--orange); border-color: #f1c68a; }

/* ---- download banner ---- */
.dl-banner { text-align: center; color: #000; background: radial-gradient(#ffe500, #ff9800); border: 2px solid #ff0016; border-style: outset; border-radius: var(--radius); padding: 14px 12px; margin-top: 8px; box-shadow: var(--shadow); }
.dl-banner .hi { font-weight: 800; font-size: 16px; text-shadow: 1px 1px 2px #fff; }
.dl-banner .en { font-size: 13px; margin: 4px 0 10px; color: #333; }
.dl-banner .btns { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.dl-banner :focus-visible { outline-color: #000; }

/* ---- market list (real-site look: peach rows, yellow featured rows, purple jodi/panel buttons each side) ---- */
.mkt-list { background: var(--bg); border: 2px solid #aa00c0; border-style: outset; border-radius: var(--radius); box-shadow: var(--shadow); margin-top: 8px; overflow: clip; }
.mkt { position: relative; text-align: center; padding: 10px 70px 8px; border-bottom: 1px solid #ff0018; background: transparent; }
.mkt.yellowbg { background: var(--yellow); border-bottom-color: #ff9800; }
.mkt:last-child { border-bottom: 0; }
.mkt .nm a, .live-item .nm a { color: inherit; text-decoration: none; }
.mkt .nm { font-weight: 800; font-size: clamp(17px, 5.2vw, 22px); color: var(--head-blue); letter-spacing: .5px; overflow-wrap: anywhere; text-shadow: 1px 1px 2px #fff; }
.mkt .rs { font-weight: 800; font-size: clamp(21px, 7vw, 28px); font-style: italic; letter-spacing: 1px; margin: 2px 0; font-variant-numeric: tabular-nums; white-space: nowrap; background: linear-gradient(#4500bf, #670009); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #4500bf; }
/* "Upcoming" / "Closed" on every row is noise - the market time already says it. "Open"
   and "Holiday" stay, sized to sit inside the time line so a market going live during a
   refresh does not grow its card and nudge the whole list. */
.mkt .tm { font-size: 14px; color: #000; text-shadow: 1px 1px 2px #ffd9d9; min-height: 21px; }
.mkt .tm .badge { font-size: 11px; padding: 0 7px; line-height: 17px; vertical-align: middle; }
.mkt .badge.upcoming, .mkt .badge.closed,
.live-strip .badge.upcoming, .live-strip .badge.closed { display: none; }
.mkt .lnk { position: absolute; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; min-width: 56px; min-height: 44px; font-size: 12px; font-weight: 700; color: #fff; background: var(--btn-purple); border: 1px solid #e6e6e6; padding: 6px 10px; border-radius: 8px; text-decoration: none; line-height: 1; text-shadow: 1px 1px 2px #222; }
/* the share icon owns the top-right corner, so the chart buttons sit on the bottom row */
.mkt .lnk { top: auto; bottom: 8px; transform: none; }
.mkt .lnk.l { left: 8px; }
.mkt .lnk.r { right: 8px; }
.mkt.holiday .rs { background: none; -webkit-text-fill-color: currentColor; color: var(--orange); font-size: 20px; text-shadow: 1px 1px 2px #fff; }

/* ---- contact form ---- */
.hp { position: absolute !important; left: -9999px; top: -9999px; height: 1px; overflow: hidden; }
.note-ok { background: #e6f7ea; color: #0f5321; border: 1px solid #9fd8ae; border-radius: 10px; padding: 10px 12px; font-weight: 700; margin: 8px 0; }
.contact-form label { display: block; font-weight: 700; margin: 10px 0 4px; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; padding: 10px; border: 1px solid #e0557f; border-radius: 10px; font: inherit; font-style: normal; background: #fff; }
.contact-form .opt { font-weight: 400; color: var(--muted); }

/* ---- advertising slots (admin-managed) ---- */
.ad-slot { margin: 8px 0; text-align: center; }
.ad-slot .ad-unit { margin: 0 auto 6px; max-width: 680px; overflow: hidden; }
.ad-slot .ad-unit img { max-width: 100%; height: auto; border-radius: 10px; }
.ad-slot .ad-unit:last-child { margin-bottom: 0; }

/* ---- featured market highlight backgrounds (admin-set per market) ---- */
.mkt--gold   { --mk: #f2b724; --mk-bg: #fff6d8; --mk-ink: #7a4d00; }
.mkt--red    { --mk: #c62828; --mk-bg: #ffe9e9; --mk-ink: #8e1111; }
.mkt--green  { --mk: #1b7a33; --mk-bg: #e6f7ea; --mk-ink: #0f5321; }
.mkt--blue   { --mk: #0d47a1; --mk-bg: #e7f1ff; --mk-ink: #0a357a; }
.mkt--purple { --mk: #4a148c; --mk-bg: #f2e9ff; --mk-ink: #3a1070; }
.mkt--teal   { --mk: #00796b; --mk-bg: #e0f5f2; --mk-ink: #00564c; }
.mkt--pink   { --mk: #ad1457; --mk-bg: #ffe7f1; --mk-ink: #8a0f45; }
.mkt.mkt--gold, .mkt.mkt--red, .mkt.mkt--green, .mkt.mkt--blue, .mkt.mkt--purple, .mkt.mkt--teal, .mkt.mkt--pink {
  background: linear-gradient(180deg, var(--mk-bg), var(--yellow));
  box-shadow: inset 5px 0 0 var(--mk);
}
.mkt[class*="mkt--"] .nm { color: var(--mk-ink); }
.live-item[class*="mkt--"] { background: linear-gradient(180deg, var(--mk-bg), var(--yellow)); border-color: var(--mk); }
.live-item[class*="mkt--"] .nm { color: var(--mk-ink); }

/* ---- generic tables (red grid lines, blue alternate columns) ---- */
table.tbl { width: 100%; background: #fff; font-weight: 700; text-align: center; }
.tbl th { background: #fff; color: #000; font-size: 13px; padding: 8px 4px; border-bottom: 1px solid #ff0016; border-right: 1px solid #ffd4d8; text-shadow: 1px 1px 2px #fff; }
.tbl th.today, .tbl td.today { background: var(--yellow); }
.tbl td { padding: 8px 4px; border-bottom: 1px solid #ffd4d8; border-right: 1px solid #ffe3e5; font-variant-numeric: tabular-nums; }
.tbl tr:last-child td { border-bottom: 0; }
.tbl td:nth-child(2n) { color: #0808b2; }
.tbl .jd { font-size: 22px; font-style: italic; }
.tbl .red { color: var(--red); }
.tbl .mkname { text-align: left; color: #8a000c; font-size: 13px; }
.tbl tbody th.mkname { background: #fff; border-bottom: 1px solid #ffd4d8; border-right: 1px solid #ffe3e5; }
.tbl .mkname a { color: #8a000c; text-decoration: none; display: inline-block; padding: 4px 0; }
.star-tbl td.time { color: var(--brd-blue); font-size: 14px; }
.star-tbl td.res { color: #111; font-style: italic; font-size: clamp(15px, 4.6vw, 18px); white-space: nowrap; }
.jodi-grid { table-layout: fixed; }
.jodi-grid td { font-size: clamp(14px, 4.6vw, 20px); padding: 10px 0; }
.cut-tbl { table-layout: fixed; }
.cut-tbl th, .cut-tbl td { padding: 8px 0; font-size: clamp(12px, 3.6vw, 16px); }
.cut-tbl .mkname { text-align: center; font-size: 12px; }
.wk-tbl td, .wk-tbl th { font-size: 18px; padding: 8px 4px; }
.wk-tbl th { text-align: left; color: #8a000c; font-size: 14px; background: transparent; border-bottom: 1px solid #f0b0b6; }
.wk-tbl td.arrow { width: 40px; color: var(--muted); }
.pan-list p { margin: 4px 0; font-size: 16px; font-weight: 700; text-align: center; }
.pan-list b { color: var(--red); }

/* ---- this week's jodi chart (home): 8 fixed columns ---- */
.wk-res { table-layout: fixed; }
.wk-res th { font-size: 11px; padding: 6px 0; line-height: 1.2; }
.wk-res th small { font-weight: 600; color: #7a028d; font-size: 10px; }
.wk-res .mkname { width: 25%; font-size: 11px; line-height: 1.2; white-space: normal; overflow-wrap: anywhere; padding: 6px 4px; }
.wk-res .jd { font-size: clamp(13px, 4.2vw, 17px); padding: 9px 0; }
.wk-res .jd[data-full] { cursor: pointer; }

/* ---- record charts (jodi / panel): fixed layout, fits any screen, sticky header ---- */
.chart-card { padding: 0; overflow: clip; }
.chart-tbl { width: 100%; table-layout: fixed; background: #fff; text-align: center; font-variant-numeric: tabular-nums; }
.chart-tbl th, .chart-tbl td { padding: 0; border-bottom: 1px solid #ffd4d8; border-right: 1px solid #ffe3e5; overflow: hidden; }
.chart-tbl thead th { position: sticky; top: 0; z-index: 2; background: #ffd902; color: #000; font-size: clamp(11px, 3.2vw, 13px); line-height: 16px; padding: 7px 0; border-bottom: 1px solid #ff0016; }
.chart-tbl thead tr.sub-head th { top: 31px; font-size: 11px; line-height: 14px; font-weight: 700; padding: 2px 0; background: #ffeb70; color: #333; }
.chart-tbl thead th abbr { text-decoration: none; }
.chart-tbl thead th.wk { z-index: 3; }
.chart-tbl tbody th.wk { font-size: clamp(8px, 2.2vw, 11px); line-height: 1.25; color: #5a3a1a; background: #fff6e0; padding: 4px 2px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.chart-tbl tbody th.wk .wk-to { color: #8a6a3a; font-weight: 600; font-style: italic; }
.chart-tbl tbody th.wk small { display: block; font-size: 9px; font-weight: 600; color: #8a6a3a; }
.chart-tbl .yr td { background: var(--yellow); color: #8a000c; font-weight: 800; font-size: 12px; padding: 3px 0; letter-spacing: 1px; position: sticky; top: 31px; z-index: 1; }
.panel-chart .chart-tbl .yr td { top: 47px; }
.chart-tbl .jd { font-weight: 800; font-style: italic; color: #111; }
.chart-tbl .red { color: var(--red); }
.chart-tbl .pending { color: var(--pending); }
.chart-tbl [data-full] { cursor: pointer; }
.chart-tbl .is-picked { background: #fff3c4; box-shadow: inset 0 0 0 2px #ff9800; }
.jodi-chart .jd { font-size: clamp(15px, 5.4vw, 26px); padding: 8px 0; }
.panel-chart .pnl { font-size: clamp(11px, 3.1vw, 14px); line-height: 1.12; font-weight: 700; color: #333; padding: 4px 0; }
.panel-chart .pnl.first { border-left: 2px solid #ffc9ce; }
.panel-chart .jd { font-size: clamp(12px, 4vw, 19px); letter-spacing: 0; }
.panel-chart.days-7 .jd { font-size: clamp(11px, 3.5vw, 18px); }   /* 7-day markets have narrower day columns */
.chart-detail { display: block; margin: 0; padding: 10px 12px; font-weight: 800; font-size: 15px; color: #8a000c; background: var(--yellow); border-top: 2px solid #ff9800; text-align: center; }
.chart-detail[hidden] { display: none; }
.chart-legend { font-size: 12px; color: #5a3a1a; text-align: center; margin: 6px 4px 0; }

/* ---- starline record chart: one card per day, 7 columns ---- */
.star-day { padding: 0; overflow: clip; }
.star-day-head { margin: 0; background: #d10085; color: #fff8f8; font-weight: 800; font-size: 14px; padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; text-shadow: 1px 1px 2px #000; letter-spacing: .5px; }
.star-day-head small { font-weight: 600; font-size: 12px; }
.star-grid { width: 100%; table-layout: fixed; text-align: center; background: #fff; }
.star-grid th { font-size: clamp(11px, 3vw, 12px); font-weight: 700; color: #000; background: #ffd902; padding: 4px 0; border-bottom: 1px solid #ff0016; white-space: nowrap; }
.star-grid td { font-size: clamp(12px, 3.6vw, 15px); font-weight: 800; font-style: italic; padding: 7px 0; border-bottom: 1px solid #ffd4d8; border-right: 1px solid #ffe3e5; white-space: nowrap; }

/* ---- time table: one card per market, row header + 7 day columns ---- */
.tt-card { padding: 8px 8px 10px; }
.tt-card[class*="mkt--"] { background: linear-gradient(180deg, var(--mk-bg), var(--card)); box-shadow: inset 5px 0 0 var(--mk), var(--shadow); }
.tt-card[class*="mkt--"] .tt-name { color: var(--mk-ink); }
.tt-card[class*="mkt--"] .tt-grid th { background: var(--mk-bg); color: var(--mk-ink); }
.tt-card[class*="mkt--"] .tt-grid tbody th.lbl { background: #fff; color: #333; }
.tt-name { margin: 0 0 6px; font-size: 16px; color: var(--head-blue); text-align: center; text-shadow: 1px 1px 2px #fff; }
.tt-grid { width: 100%; table-layout: fixed; text-align: center; background: #fff; border-radius: 6px; overflow: hidden; }
.tt-grid col.c-lbl { width: 13%; }
.tt-grid th { font-size: 11px; background: #ffd902; color: #000; padding: 5px 0; border-right: 1px solid #fff; }
.tt-grid th.today, .tt-card[class*="mkt--"] .tt-grid th.today { background: #fff8e1; color: #6d4c00; box-shadow: inset 0 -3px 0 var(--brd-red); }
.tt-grid thead td.lbl { background: transparent; }
.tt-grid tbody th.lbl { background: #fff3d6; color: #333; font-size: 11px; text-align: left; padding-left: 4px; border-bottom: 1px solid #ffd4d8; }
.tt-grid td { font-size: clamp(11px, 3.3vw, 13px); font-weight: 700; padding: 5px 0; border-bottom: 1px solid #ffd4d8; border-right: 1px solid #ffe3e5; white-space: nowrap; line-height: 1.15; }
.tt-grid td small { display: block; font-size: 10px; font-weight: 600; color: #6b4a24; }
.tt-grid td.today { background: #fffbd6; }
.tt-grid tr.open td { color: var(--green); }
.tt-grid tr.close td { color: var(--red); }
.tt-grid tr td.hol { color: var(--orange); font-size: 11px; vertical-align: middle; white-space: normal; line-height: 1.15; }   /* beats "tr.open td", which was painting holidays green */
.tt-legend { font-size: 12px; text-align: center; color: #5a3a1a; margin-top: 6px; }
.tt-legend b.o { color: #166a2c; }
.tt-legend b.c { color: #b71c1c; }

/* ---- chart pages ---- */
.hero { background: var(--card); color: var(--name-blue); text-align: center; border: 2px solid var(--brd-pink); border-radius: 10px 0 10px 10px; padding: 12px; margin-top: 8px; box-shadow: var(--shadow); }
.hero h1 { margin: 0; font-size: clamp(16px, 4.8vw, 20px); line-height: 1.25; overflow-wrap: anywhere; text-transform: uppercase; color: var(--name-blue); text-shadow: 1px 1px 2px #fff; }
.hero p { margin: 6px 0 0; font-size: 13px; color: #444; text-shadow: none; }
.live-strip { background: var(--yellow); border: 2px double #ff0016; border-radius: var(--radius); text-align: center; padding: 10px; margin-top: 8px; box-shadow: var(--shadow); }
.live-strip .nm { font-size: 20px; font-weight: 800; color: var(--head-blue); font-style: italic; text-shadow: 1px 1px 2px #fff; }
.live-strip .rs { font-size: clamp(22px, 8vw, 30px); font-weight: 800; letter-spacing: 1px; font-variant-numeric: tabular-nums; white-space: nowrap; background: linear-gradient(#4500bf, #670009); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #4500bf; }
.live-strip .tm { font-size: 12px; color: var(--timing); }
.live-strip .btns { margin-top: 8px; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.chart-tools { display: flex; gap: 8px; justify-content: center; margin-top: 8px; flex-wrap: wrap; }

/* ---- game zone / chart link lists (animated gradient links) ---- */
.zone { padding: 0; overflow: clip; border-color: var(--brd-blue); background: var(--card); }
.zone a { display: block; text-align: center; padding: 13px 10px; border-bottom: 2px solid #ff0026; font-weight: 800; text-decoration: none; font-size: 19px; background-image: linear-gradient(-225deg, #231557 0, #44107a 29%, #ff1361 67%, #ff0025 100%); background-size: 200% auto; color: #44107a; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; }
.zone a:last-child { border-bottom: 0; }
.zone a:focus-visible { outline-offset: -3px; }
@keyframes textclip { to { background-position: 200% center; } }
/* jodi / panel chart index on the home page: two columns of market links */
.zone.cols2 { display: grid; grid-template-columns: 1fr 1fr; }
.zone.cols2 a { display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 8px 6px; font-size: clamp(13px, 3.8vw, 15px); line-height: 1.25; border-right: 2px solid #ff0026; overflow-wrap: anywhere; animation: none; background-image: none; -webkit-text-fill-color: currentColor; color: var(--name-blue); text-shadow: 1px 1px #d9d9d9; }
.zone.cols2 a:nth-child(2n) { border-right: 0; }
.zone.cols2 a:last-child, .zone.cols2 a:nth-last-child(2):nth-child(odd) { border-bottom: 0; }

/* ---- home teasers (blog posts / forum topics) ---- */
.teaser-list .teaser { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-bottom: 1px solid #f0b0b6; text-decoration: none; color: var(--ink); }
.teaser-list .teaser:focus-visible { outline-offset: -3px; }
.teaser img { flex: 0 0 96px; width: 96px; height: 72px; object-fit: cover; border-radius: 8px; background: #eee; }
.t-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.t-title { font-weight: 800; color: #8a000c; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.t-meta { font-size: 12px; color: var(--muted); }
.t-ex { font-size: 13px; color: #444; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.btns-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }

/* ---- shared by blog & forum pages: pager, public forms, messages, SEO text blocks ---- */
.pager { display: flex; gap: 6px; align-items: center; justify-content: center; flex-wrap: wrap; margin: 10px 0; font-weight: 700; font-size: 14px; font-style: normal; }
.pager a, .pager .cur, .pager .off, .pager .dots { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0 8px; border-radius: 8px; text-decoration: none; }
.pager a { background: #fff; color: var(--brd-blue); border: 1px solid #e0557f; }
.pager .cur { background: #d10085; color: #fff; border: 1px solid #fff; }
.pager .off { color: #8a5a2a; }
.pager .pg-nums { display: inline-flex; gap: 4px; }
.pform label { display: block; font-weight: 700; font-size: 13px; margin: 10px 0 4px; }
.pform input[type=text], .pform input[type=tel], .pform input[type=email], .pform select, .pform textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #e0557f; border-radius: 10px; font: 15px var(--font); background: #fff; color: var(--ink); }
.pform textarea { min-height: 120px; resize: vertical; }
.pform .help { font-size: 12px; color: var(--muted); margin: 4px 0 0; }
.pform .row2 { display: grid; gap: 0 10px; grid-template-columns: 1fr 1fr; }
@media (max-width: 400px) { .pform .row2 { grid-template-columns: 1fr; } }
.pform .honey { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pform .btns { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.msg { border-radius: 10px; padding: 10px 12px; margin: 8px 0; font-weight: 600; font-size: 14px; }
.msg.ok { background: #e8f5e9; color: #145a24; border: 1px solid #b7dfbd; }
.msg.err { background: #fdecea; color: #8e0e0e; border: 1px solid #f5c2c0; }
.msg.info { background: #e3f2fd; color: #0d3c78; border: 1px solid #b6d4f5; }
.seo-block { font-size: 14px; }
.tag { display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 9px; border-radius: 999px; background: #fff3e0; color: var(--orange); text-decoration: none; }
.meta-line { font-size: 12px; color: var(--muted); }
.g-head { font-weight: 800; color: #8a000c; font-size: 18px; margin-bottom: 6px; text-shadow: 1px 1px 2px #fff; }
.g-head small { color: var(--muted); font-weight: 600; font-size: 12px; margin-left: 6px; }
.g-row { display: flex; gap: 8px; align-items: flex-start; padding: 5px 0; border-top: 1px dashed #f0b0b6; }
.g-lbl { flex: 0 0 32px; font-weight: 800; color: var(--btn-purple); }
.mono { font-family: ui-monospace, Consolas, "Courier New", monospace; font-weight: 700; font-size: 15px; letter-spacing: .5px; line-height: 1.7; overflow-wrap: anywhere; }
.g-big { font-size: clamp(16px, 5vw, 20px); text-align: center; color: var(--head-blue); }

/* ---- faq / prose ---- */
details { background: var(--card); border: 2px solid #003db6; border-radius: 10px; margin-top: 6px; padding: 0 12px; box-shadow: var(--shadow); }
summary { cursor: pointer; font-weight: 800; color: #0013a5; text-transform: uppercase; text-shadow: 1px 1px 2px #fff; padding: 12px 0; list-style: none; min-height: 44px; font-size: 14px; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; float: right; font-size: 20px; line-height: 1; color: var(--link-red); }
details[open] summary::after { content: "\2013"; }
details p { margin: 0 0 12px; font-size: 13px; color: #1a1a1a; }
details a { color: var(--link-red); text-decoration: underline; }
.prose { font-size: 14px; color: #222; overflow-wrap: anywhere; }
.prose h2 { font-size: 18px; color: #8a000c; margin: 12px 0 4px; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { font-size: 16px; margin: 10px 0 4px; }
.prose p, .prose ul, .prose ol { margin: 6px 0; }
.prose li { margin: 4px 0; }
.prose a { color: var(--link-red); }

/* ---- footer ---- */
.site-foot { max-width: 680px; margin: 12px auto 0; padding: 0 6px calc(90px + var(--safe-b)); text-align: center; font-size: 13px; }
.foot-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 4px; background: var(--card); border: 2px solid var(--brd-red); border-style: outset; border-radius: var(--radius); padding: 6px; font-weight: 700; box-shadow: var(--shadow); }
.foot-links a { display: inline-flex; align-items: center; min-height: 40px; padding: 4px 8px; color: var(--brd-blue); }
.foot-disclaimer { font-size: 12px; color: #a50031; background: var(--card); border: 2px solid var(--brd-red); border-style: outset; border-radius: var(--radius); padding: 10px; margin-top: 8px; line-height: 1.5; text-align: left; box-shadow: var(--shadow); }
.foot-disclaimer a { color: var(--link-red); }
.foot-copy { margin-top: 8px; color: #7a4a14; text-shadow: 1px 1px #f4e1e1; }

/* ---- floating (respect the phone's bottom safe area; move up while the install bar shows) ---- */
.wa-fab { position: fixed; right: 14px; bottom: calc(14px + var(--safe-b)); width: 54px; height: 54px; border-radius: 50%; background: #25d366; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, .3); z-index: 50; }
.wa-fab svg { width: 30px; height: 30px; fill: #fff; }
.tg-fab { position: fixed; left: 14px; bottom: calc(14px + var(--safe-b)); width: 54px; height: 54px; border-radius: 50%; background: #229ed9; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, .3); z-index: 50; }
.tg-fab svg { width: 28px; height: 28px; fill: #fff; }
body.has-install .tg-fab { bottom: calc(var(--install-h, 62px) + 22px + var(--safe-b)); }
/* ---- header logo + tagline (Site settings -> Branding) ---- */
.site-head .brand img { flex: 0 0 44px; }
/* no background here: a PNG/WEBP logo with transparency must show the peach
   header through it, not sit on a white chip */
.site-head .brand img.brand-logo { flex: 0 0 auto; height: 44px; width: auto; max-width: 200px; object-fit: contain; background: transparent; }
.brand-tag { display: block; font-family: var(--font); font-style: italic; font-size: 12px; color: #8a000c; text-shadow: 1px 1px 2px #fff; }

/* ---- festival theme: banner under the header + one-time greeting ---- */
.fest-banner { text-align: center; color: #fff; background: linear-gradient(90deg, var(--maroon), var(--title-2), var(--maroon)); padding: 7px 10px; font-size: 14px; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.fest-banner .fest-hi { display: block; font-size: 13px; opacity: .95; }
.fest-pop { position: fixed; inset: 0; background: rgba(0, 0, 0, .65); z-index: 90; display: flex; align-items: center; justify-content: center; padding: 24px; }
.fest-pop[hidden] { display: none; }
.fest-pop-card { background: var(--card); border: 2px solid var(--brd-red); border-style: outset; border-radius: 18px; max-width: 340px; width: 100%; text-align: center; padding: 22px 18px 18px; box-shadow: 0 12px 40px rgba(0, 0, 0, .45); border-top: 6px solid var(--maroon); animation: festpop .35s ease-out; }
.fest-pop-emoji { font-size: 54px; line-height: 1.15; }
.fest-pop-title { font-size: 22px; font-weight: 800; color: var(--maroon); margin-top: 6px; text-shadow: 1px 1px 2px #fff; }
.fest-pop-hi { font-size: 15px; font-weight: 700; color: #444; margin: 4px 0 2px; }
.fest-pop-from { font-size: 13px; color: var(--muted); margin-bottom: 14px; }
@keyframes festpop { from { transform: scale(.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* ---- chart year navigation (Latest / 2026 / ... / Full chart) ---- */
.chart-nav { display: flex; gap: 6px; margin: 8px 2px 0; padding-bottom: 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.chart-nav::-webkit-scrollbar { display: none; }
.chart-nav a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 32px; padding: 3px 13px; border-radius: 999px; border: 2px solid var(--brd-red); border-style: outset; background: var(--card); color: #8a000c; font-size: 13px; font-weight: 800; text-decoration: none; box-shadow: 1px 1px 3px rgba(0,0,0,.25); }
.chart-nav a.on { background: var(--maroon); color: #fff; text-shadow: 1px 1px 2px #000; }
.chart-nav a:focus-visible { outline: 3px solid var(--navy); outline-offset: 1px; }

/* ---- Final Ank: one market per line, rolling round and round ---- */
.cm-patti .cell .fank-scroll { position: relative; height: 34px; margin: 2px 0 4px; overflow: hidden; cursor: pointer; }
.cm-patti .cell .fank-scroll::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom, var(--bg) 0, rgba(255, 204, 153, 0) 5px, rgba(255, 204, 153, 0) calc(100% - 5px), var(--bg) 100%); }
.cm-patti .cell .fank-track { display: block; }
.cm-patti .cell .fank-track span { display: block; height: 34px; line-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: clamp(15px, 4.6vw, 20px); font-weight: 700; color: var(--p-blue); }
.cm-patti .cell .fank-track.fank-rolling { animation: fank-roll linear infinite; }
@keyframes fank-roll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
.cm-patti .cell .fank-scroll:hover .fank-track,
.cm-patti .cell .fank-scroll:focus-visible .fank-track,
.cm-patti .cell .fank-scroll.fank-frozen .fank-track { animation-play-state: paused; }
.cm-patti .cell .fank-scroll:focus-visible { outline: 3px solid var(--navy); outline-offset: -2px; }
/* the /guessing page uses the shared .lucky box */
.lucky .val.fank-scroll { position: relative; height: 48px; padding: 0; overflow: hidden; cursor: pointer; background: none; -webkit-text-fill-color: initial; }
.lucky .val.fank-scroll::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom, var(--card) 0, rgba(255, 217, 174, 0) 12px, rgba(255, 217, 174, 0) calc(100% - 12px), var(--card) 100%); }
.lucky .val.fank-scroll .fank-track { display: block; padding: 0; background: none; }
.lucky .val.fank-scroll .fank-track span { display: block; height: 48px; line-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: clamp(15px, 4.6vw, 20px); background: linear-gradient(#4500bf, #670009); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #4500bf; }
.lucky .val.fank-scroll .fank-track.fank-rolling { animation: fank-roll linear infinite; }
.lucky .val.fank-scroll:hover .fank-track,
.lucky .val.fank-scroll:focus-visible .fank-track,
.lucky .val.fank-scroll.fank-frozen .fank-track { animation-play-state: paused; }
.lucky .val.fank-scroll:focus-visible { outline: 3px solid var(--navy); outline-offset: -2px; }
.lucky .val.fank-scroll.fank-frozen::after { content: '½A½A'; position: absolute; right: 4px; bottom: 1px; z-index: 2; font-size: 9px; color: var(--muted); -webkit-text-fill-color: currentColor; }
.cm-patti .cell .fank-scroll.fank-frozen::after { content: '\275A\275A'; position: absolute; right: 4px; bottom: 1px; z-index: 2; font-size: 9px; color: var(--muted); }

.share-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin: 8px 0; }
.share-row .sh { display: inline-flex; align-items: center; min-height: 40px; padding: 6px 16px; border-radius: 999px; color: #fff; font-weight: 700; font-size: 13px; text-decoration: none; border: 0; cursor: pointer; font-family: inherit; }
.sh.wa { background: #25d366; }
.sh.tg { background: #229ed9; }
.sh.cp { background: #5f6368; }
/* card share: a share icon pinned to the card corner instead of a full-width text button */
.share-mini { position: absolute; top: 6px; right: 6px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0; padding: 0; border-radius: 50%; color: #fff; background: #25d366; border: 1px solid #0b8a3d; text-decoration: none; box-shadow: 1px 1px 3px rgba(0,0,0,.35); }
.share-mini svg { display: block; width: 17px; height: 17px; fill: currentColor; }
/* the chip stays small but the tap target reaches into the card padding (stops short of the Panel button) */
.share-mini::before { content: ''; position: absolute; top: -6px; right: -6px; bottom: -4px; left: -10px; }
.share-mini:focus-visible { outline: 3px solid var(--navy); outline-offset: 2px; }
.to-top { position: fixed; right: 20px; bottom: calc(78px + var(--safe-b)); width: 44px; height: 44px; border-radius: 50%; border: 1px solid #fff; background: var(--navy); color: #fff; font-size: 20px; font-weight: 800; box-shadow: var(--shadow); display: none; z-index: 50; cursor: pointer; }
.to-top.show { display: block; }
.install-bar { position: fixed; left: 8px; right: 8px; bottom: calc(8px + var(--safe-b)); background: #fff; border: 2px solid var(--brd-red); border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, .3); padding: 10px 12px; display: flex; gap: 8px; align-items: center; z-index: 60; font-size: 13px; flex-wrap: wrap; font-style: normal; }
.push-bar { position: fixed; left: 8px; right: 8px; bottom: calc(76px + var(--safe-b)); background: #fff; border: 2px solid var(--brd-red); border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, .3); padding: 10px 12px; display: flex; gap: 8px; align-items: center; z-index: 60; font-size: 13px; flex-wrap: wrap; font-style: normal; }
.push-bar[hidden] { display: none; }
.push-bar span { flex: 1 1 160px; }
.install-bar[hidden] { display: none; }
.install-bar span { flex: 1 1 160px; }
/* --install-h is set by site.js to the bar's real height (it wraps to two rows on 320px phones) */
body.has-install .wa-fab { bottom: calc(var(--install-h, 62px) + 22px + var(--safe-b)); }
body.has-install .to-top { bottom: calc(var(--install-h, 62px) + 86px + var(--safe-b)); }

/* ---- real-site (kurnoolbazar.com) home components ---- */
.sec-title.in-card { margin: 6px; box-shadow: none; }
.para1 { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: var(--bg); border: 2px solid var(--brd-red); border-radius: var(--radius); box-shadow: var(--shadow); padding: 5px; margin-top: 8px; }
.para1 img { flex: 0 0 90px; width: 90px; height: 90px; }
.para1.nologo { justify-content: center; }   /* logo hidden in Content -> Home layout */
.para1 p { color: #000; font-size: 16px; margin: 0 auto; text-shadow: 1px 1px 2px #fff; }
.para2 { background: var(--bg); border: 2px solid var(--brd-red); border-style: outset; border-radius: var(--radius); box-shadow: var(--shadow); text-align: center; padding: 7px; margin-top: 8px; font-size: 16px; line-height: 25px; color: var(--p-blue); text-shadow: 1px 1px 2px #fff; }
.para2 h1 { font-size: 16px; color: #000; margin: 0; padding-bottom: 3px; text-shadow: 1px 1px 2px #fff; }
.para2 .seo-sub { color: #061699; font-size: 14px; font-weight: 700; margin: 0; line-height: 1.6; text-shadow: 1px 1px 2px #fff; }
.para3 { background: linear-gradient(187deg, #fc9 50%, #ffc387 50%); border: 2px solid #ff0016; border-style: outset; border-radius: var(--radius); box-shadow: var(--shadow); font-size: 14px; line-height: 1.4; padding: 4px 10px; margin-top: 8px; color: #00094d; text-align: center; text-shadow: 1px 1px 2px #fff; }
.cm-patti, .matka-result { background: var(--bg); border: 2px solid #ff0016; border-style: outset; border-radius: var(--radius); box-shadow: var(--shadow); text-align: center; margin-top: 8px; padding: 0 0 6px; }
.cm-patti .row { display: flex; }
.cm-patti .cell { flex: 1; }
.cm-patti .cell + .cell { border-left: 1px solid #ff0016; }
.cm-patti .cell h3 { font-size: 24px; color: #001699; margin: 2px 0 0; text-shadow: 1px 1px 2px #fff; }
.cm-patti .cell p { font-size: 22px; margin: 2px 0 4px; text-shadow: none; }
.live-alert { display: block; font-size: 18px; padding: 5px; color: #000; text-shadow: 1px 1px 2px #fff; }
.live-box .gn { display: block; font-size: 22px; font-weight: 800; color: #00094d; text-shadow: 1px 1px 2px #fff; }
.live-box .gn a { color: inherit; text-decoration: none; }
.live-box .rfr + .gn { border-top: 1px solid #ff0020; margin-top: 6px; padding-top: 5px; }
.live-box .gr { display: block; font-weight: 800; font-style: italic; font-size: 21px; line-height: 1.1; margin: 3px 0; letter-spacing: 1px; font-variant-numeric: tabular-nums; background: linear-gradient(#4500bf, #670009); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #4500bf; }
.live-box .rfr { border: 1px solid #e6e6e6; background: var(--btn-purple); color: #fff; padding: 6px 12px; min-height: 34px; border-radius: 8px; font-size: 12px; font-weight: 700; font-family: inherit; font-style: italic; margin: 2px 0; cursor: pointer; text-shadow: 1px 1px 2px #222; }
.redbox { background: #b80000; border: 2px solid var(--brd-red); border-style: outset; border-radius: var(--radius); box-shadow: var(--shadow); color: #fff; text-align: center; font-size: 16px; line-height: 25px; padding: 7px; margin-top: 8px; text-shadow: 1px 1px 2px #000; }
.redbox .apk-btn { color: #fff; border: 2px solid #fff; padding: 6px 0; display: block; width: 210px; margin: 8px auto; border-radius: 15px; background: #011e76; text-decoration: none; font-weight: 700; text-shadow: 1px 1px 2px #000; }
.mailbox a { color: var(--btn-purple); text-decoration: none; font-weight: 800; }
.tgbox { padding: 8px; }
.tgbox .tg-round { width: 42px; height: 42px; background: #229ed9; border-radius: 50%; padding: 9px; fill: #fff; box-sizing: border-box; }
.conta { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; background: #fbe7ff; border: 2px solid var(--brd-red); border-style: outset; border-radius: var(--radius); box-shadow: var(--shadow); text-align: center; padding: 8px; margin-top: 8px; }
.conta p { font-size: 18px; color: #000; margin: 0; text-shadow: none; }
.conta a { background: radial-gradient(#ffe500, #ff9800); color: #000; padding: 7px 12px 5px; border-radius: 80px; display: inline-block; box-shadow: 0 0 10px -3px #000; border: 1px solid #ff0016; text-shadow: 1px 1px 2px #fff; font-size: 16px; font-weight: 700; text-decoration: none; }
.conta.login-div { padding: 6px 30px; }
.zone .sec-title.in-card { margin: 6px 6px 4px; }
.zone.bluelist { border-color: var(--brd-blue); }
.zone.bluelist a { animation: none; background-image: none; -webkit-text-fill-color: currentColor; color: var(--name-blue); text-shadow: 1px 1px #d9d9d9; border-bottom: 2px solid var(--brd-blue); font-size: 19px; min-height: 48px; padding: 8px 10px; display: flex; align-items: center; justify-content: center; }
.zone.bluelist a:last-child { border-bottom: 0; }
.let-rock { background: var(--bg); border: 2px solid #ff0020; border-radius: var(--radius); box-shadow: var(--shadow); font-style: normal; font-weight: 600; text-align: center; padding: 3px 0 8px; margin-top: 8px; height: 200px; overflow-y: auto; }
.let-rock .t-rock { text-transform: uppercase; color: #0013a5; text-shadow: 1px 1px 2px #fff; font-weight: 800; font-style: italic; font-size: 17px; padding: 4px 8px 3px; border-top: 1.5px solid #e0557f; margin-top: 8px; }
.let-rock .t-0 { border-top: 0; margin-top: 0; }
.let-rock p { padding: 0 10px; font-size: 14px; color: #000; margin: 6px 0; text-shadow: none; }
.let-rock i { display: block; }
.scrollbox { height: 200px; overflow-y: auto; }

@media (min-width: 480px) {
  .live-grid { grid-template-columns: repeat(3, 1fr); }
  .live-item { padding: 10px 6px; }
  .live-item .nm { font-size: 15px; }
  .live-item .rs { font-size: 21px; letter-spacing: .5px; }
}
@media (min-width: 600px) {
  .live-item .nm { font-size: 17px; }
  .live-item .rs { font-size: 26px; }
  .brand-name { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .marquee span, .live-dot { animation: none; }
  .marquee { white-space: normal; }
  .marquee span { display: inline; padding-left: 0; }
  .sec-title.purple { animation: none; }
  .zone a { animation: none; background-image: none; -webkit-text-fill-color: currentColor; color: #44107a; }
  .fest-pop-card { animation: none; }
  /* Final Ank stands still and becomes a hand-scrollable list instead. The
     .fank-rolling part is needed to outrank the rule that starts the animation
     (a media query adds no specificity), for anyone who turns reduce-motion on
     with the page already open; its hidden duplicates are dropped with it. */
  .cm-patti .cell .fank-track, .cm-patti .cell .fank-track.fank-rolling,
  .lucky .val.fank-scroll .fank-track, .lucky .val.fank-scroll .fank-track.fank-rolling { animation: none; }
  .cm-patti .cell .fank-track span[aria-hidden],
  .lucky .val.fank-scroll .fank-track span[aria-hidden] { display: none; }
  .cm-patti .cell .fank-scroll, .lucky .val.fank-scroll { height: auto; max-height: 96px; overflow-y: auto; cursor: auto; }
  .cm-patti .cell .fank-scroll::before, .lucky .val.fank-scroll::before { display: none; }
}
@media print {
  .site-nav, .wa-fab, .tg-fab, .share-row, .share-mini, .to-top, .install-bar, .push-bar, .dl-banner, .btn, .notice, .chart-tools, .chart-nav, .fest-pop, .fest-banner { display: none !important; }
  .chart-tbl thead th, .chart-tbl .yr td { position: static; }
  .chart-tbl thead th { position: static; }
  .lucky .val, .live-item .rs, .mkt .rs, .live-strip .rs, .live-box .gr, .zone a { background: none !important; -webkit-text-fill-color: currentColor; }
}