/* DPBossPre Pass 139 — quality polish only.
   Preserves the approved Green/Black layout, section order and responsive structure. */
:root{
  --qp-green-950:#021b10;
  --qp-green-900:#04341f;
  --qp-green-800:#075936;
  --qp-green-700:#087243;
  --qp-green-600:#0a8b50;
  --qp-green-100:#dff4e6;
  --qp-green-050:#effbf3;
  --qp-cream:#fffdf1;
  --qp-gold:#d7b94a;
  --qp-ink:#10281b;
  --qp-shadow:0 5px 16px rgb(1 46 26 / 18%);
  --qp-shadow-soft:0 2px 8px rgb(1 46 26 / 14%);
}

html{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  scroll-behavior:smooth;
}
body{
  background:
    radial-gradient(circle at 8% 2%,rgb(255 255 255 / 46%),transparent 26rem),
    linear-gradient(180deg,#e5f7eb 0%,#dff4e6 48%,#d7f0df 100%);
  color:var(--qp-ink);
}
img{
  image-rendering:auto;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.welcome-image{
  filter:saturate(1.035) contrast(1.025);
}
.brand-image{
  object-fit:contain;
  filter:saturate(1.035) contrast(1.025) drop-shadow(0 3px 8px rgb(0 0 0 / 32%));
}

/* Preserve card geometry while making surfaces read as deliberate, not pasted. */
:where(.panel,.panel-shell,.table-section,.content-panel,.directory-board,.static-card,.contact-card,.game-card,.pass-card,.free-market-card,.jodi-item){
  background-clip:padding-box;
}
:where(.panel,.panel-shell,.table-section,.content-panel,.directory-board){
  box-shadow:var(--qp-shadow),inset 0 1px 0 rgb(255 255 255 / 72%)!important;
}
:where(.static-card,.contact-card,.game-card,.pass-card,.free-market-card,.jodi-item,.forum-post){
  box-shadow:var(--qp-shadow-soft),inset 0 1px 0 rgb(255 255 255 / 74%);
}

/* HD-looking brand header without changing its approved dimensions. */
.brand-panel{
  background:
    radial-gradient(circle at 50% -25%,rgb(15 141 81 / 24%),transparent 58%),
    linear-gradient(180deg,#06351f 0%,#02160d 100%)!important;
  box-shadow:0 6px 18px rgb(0 40 22 / 28%),inset 0 1px 0 rgb(255 255 255 / 13%)!important;
}
.brand-wordmark{
  text-shadow:0 2px 3px #000,0 0 12px rgb(255 255 255 / 8%);
}
.brand-pre{
  text-shadow:0 1px 1px #000,0 0 9px rgb(215 185 74 / 28%);
}

/* Primary title bands: same Green/Black design, cleaner hierarchy and highlight. */
:where(.section-cap,.section-title,.table-title,.reference-board-title,.reference-chart-directory-title,.pass-title){
  background:
    linear-gradient(180deg,rgb(255 255 255 / 14%) 0%,transparent 38%),
    linear-gradient(180deg,var(--qp-green-600),var(--qp-green-800) 58%,var(--qp-green-900))!important;
  box-shadow:0 0 0 1px var(--qp-green-700),0 3px 8px rgb(1 54 30 / 24%),inset 0 1px 0 rgb(255 255 255 / 42%)!important;
  text-shadow:0 2px 2px #001b0e,0 0 5px rgb(255 255 255 / 12%)!important;
  letter-spacing:.32px!important;
  text-wrap:balance;
}
:where(.weekly-hero h1,.static-hero h1,.chart-intro h1,.game-intro h1,.game-hero h1,.info-hero h1,.market-hero h1,.starline-hero h1){
  text-wrap:balance;
  text-shadow:0 1px 0 #fff,0 2px 8px rgb(1 72 40 / 12%);
}

/* Content headlines requested by the user: stronger and more attractive, same cards/order. */
:where(
  .reference-information-block h2,
  .reference-information-block h3,
  .chart-copy h2,.chart-copy h3,
  .game-content h2,.game-content h3,
  .weekly-content h2,.weekly-content h3,
  .info-content h2,.info-content h3,
  .static-content h2,.static-content h3,
  .market-info h2,.market-info h3,
  .markets-help h2,.markets-intro h1,
  .faq-panel h2,.faq-panel h3,
  .reference-faq-title,
  .homepage-disclaimer h2,
  .disclaimer-panel h2,
  .reference-keyword-tail-title
){
  position:relative;
  color:#075332!important;
  font-weight:900!important;
  line-height:1.22!important;
  letter-spacing:.08px;
  text-wrap:balance;
  text-shadow:0 1px 0 #fff;
}
:where(
  .reference-information-block h2,
  .reference-information-block h3,
  .chart-copy h2,.chart-copy h3,
  .game-content h2,.game-content h3,
  .weekly-content h2,.weekly-content h3,
  .info-content h2,.info-content h3,
  .static-content h2,.static-content h3,
  .market-info h2,.market-info h3,
  .markets-help h2
)::after{
  content:"";
  display:block;
  width:min(92px,34%);
  height:2px;
  margin:5px auto 2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--qp-gold),var(--qp-green-600),transparent);
  opacity:.92;
}
.static-content :where(h2,h3),.market-info :where(h2,h3),.game-content :where(h2,h3),.weekly-content :where(h2,h3),.info-content :where(h2,h3),.chart-copy :where(h2,h3),.markets-help h2{
  text-align:left;
}
.static-content :where(h2,h3)::after,.market-info :where(h2,h3)::after,.game-content :where(h2,h3)::after,.weekly-content :where(h2,h3)::after,.info-content :where(h2,h3)::after,.chart-copy :where(h2,h3)::after,.markets-help h2::after{
  margin-left:0;
}

/* Long homepage content: improved reading rhythm without changing content or order. */
.reference-information-article{
  overflow:hidden;
}
.reference-information-block{
  padding-block:10px!important;
  border-color:rgb(8 113 63 / 58%)!important;
  background:linear-gradient(180deg,#f4fcf6 0%,#e2f4e7 100%)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgb(8 113 63 / 9%);
  content-visibility:auto;
  contain-intrinsic-size:auto 230px;
}
.reference-information-block:nth-child(even){
  background:linear-gradient(180deg,#edf9f0 0%,#d9efdf 100%)!important;
}
.reference-information-block.reference-information-closing{
  background:linear-gradient(180deg,#fffdf1 0%,#edf6d5 100%)!important;
}
.reference-information-block h2{
  font-size:clamp(15px,3.9vw,19px)!important;
  margin:0 7px 5px!important;
  color:#064f2f!important;
}
.reference-information-block p,
.reference-information-block li{
  color:#172c20!important;
  font-size:clamp(12.4px,3.18vw,14px)!important;
  line-height:1.5!important;
  letter-spacing:.015px;
  text-shadow:0 1px 0 rgb(255 255 255 / 74%);
  overflow-wrap:anywhere;
}
.reference-information-block strong{color:#063f27}
.reference-information-hindi p{line-height:1.62!important}

/* Homepage introductory and keyword copy remains same size family but reads cleaner. */
.intro-panel :where(h1,p){text-wrap:pretty}
.intro-panel h1{letter-spacing:.08px!important}
.intro-panel p{line-height:1.22!important}
.app-download-panel p{white-space:normal!important;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.reference-keyword-panel,.reference-keyword-tail{
  box-shadow:0 5px 14px rgb(1 62 34 / 18%),inset 0 1px 0 #fff!important;
}
.reference-keyword-panel p,.reference-keyword-tail-body{
  line-height:1.45!important;
  letter-spacing:.015em;
  text-wrap:pretty;
}

/* FAQ quality: permanently visible layout remains unchanged. */
:where(.reference-faq-item,.current-reference-faq-item){
  background:linear-gradient(180deg,#f1fbf4,#dff2e5)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgb(8 113 63 / 10%);
}
:where(.reference-faq-item,.current-reference-faq-item):nth-child(even){
  background:linear-gradient(180deg,#eaf8ee,#d7eddf)!important;
}
:where(.reference-faq-item,.current-reference-faq-item) :where(h2,h3,.reference-faq-title){
  color:#075332!important;
  font-weight:900!important;
  letter-spacing:.04px;
  text-shadow:0 1px 0 #fff;
}
:where(.reference-faq-item,.current-reference-faq-item) p{
  line-height:1.5!important;
  color:#17291f!important;
}

/* Buttons and link rows: same positions/sizes, more consistent surface and feedback. */
:where(
  .chart-actions a,.chart-actions button,.chart-back-link,.tool-btn,.filter-btn,
  .weekly-nav a,.static-nav a,.static-actions a,.info-nav a,.quick-nav a,.quick-nav button,
  .game-actions a,.hero-actions a,.detail-btn,.directory-chart-btn,.pill-action,
  .reference-directory-links a,.reference-chart-directory-links a,.reference-weekly-link,
  .fixed-action,.refresh-mini
){
  background:
    linear-gradient(180deg,rgb(255 255 255 / 17%),transparent 42%),
    linear-gradient(180deg,#0a824b,#05472a 68%,#03321e)!important;
  box-shadow:0 0 0 1px #08713f,0 3px 8px rgb(0 39 21 / 24%),inset 0 1px 0 rgb(255 255 255 / 48%)!important;
  text-shadow:0 1px 1px #00180c;
}
:where(.filter-btn):not(.active){
  background:linear-gradient(180deg,#fff,#e7f5eb)!important;
  color:#075332!important;
  text-shadow:none;
}
:where(a,button){transition:filter .14s ease,transform .14s ease,box-shadow .14s ease}
@media (hover:hover){
  :where(a,button):hover{filter:brightness(1.055) saturate(1.04)}
  :where(.game-card,.static-card,.contact-card,.jodi-item):hover{
    box-shadow:0 5px 14px rgb(1 55 30 / 22%),inset 0 1px 0 #fff;
  }
}
:where(a,button):active{transform:translateY(1px)}
:where(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid #f0d265!important;
  outline-offset:2px!important;
}

/* Tables: same content and widths, higher clarity on mobile and desktop. */
.table-scroll,.table-wrap,.responsive-table,.panel-scroll{
  position:relative;
  scrollbar-width:thin;
  scrollbar-color:var(--qp-green-700) #dff2e5;
  background:#e9f8ed;
  box-shadow:inset 8px 0 10px -12px #001b0e,inset -8px 0 10px -12px #001b0e;
}
.table-scroll::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.responsive-table::-webkit-scrollbar,.panel-scroll::-webkit-scrollbar{height:7px}
.table-scroll::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track,.responsive-table::-webkit-scrollbar-track,.panel-scroll::-webkit-scrollbar-track{background:#dff2e5}
.table-scroll::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.responsive-table::-webkit-scrollbar-thumb,.panel-scroll::-webkit-scrollbar-thumb{background:#08713f;border-radius:99px}
:where(table){font-variant-numeric:tabular-nums lining-nums}
:where(th){letter-spacing:.08px}
:where(td){text-rendering:optimizeLegibility}
:where(.chart-history,.panel-history,.weekly-board,.info-board,.game-history,.recent-results,.starline-session-section) thead th{
  position:sticky;
  top:0;
  z-index:3;
  background:
    linear-gradient(180deg,rgb(255 255 255 / 12%),transparent 38%),
    linear-gradient(180deg,#087243,#04351f)!important;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 34%),0 1px 0 #063c24;
}
:where(.chart-history,.panel-history,.weekly-board,.info-board,.game-history,.recent-results,.starline-session-section) tbody tr:nth-child(even) td{
  background-color:#dcf0e2!important;
}
:where(.chart-history,.panel-history,.weekly-board,.info-board,.game-history,.recent-results,.starline-session-section) tbody tr:nth-child(odd) td{
  background-color:#eef9f1!important;
}
:where(.latest-week,.latest,.session-latest) td{
  background:linear-gradient(180deg,#fff5aa,#eee287)!important;
  box-shadow:inset 0 1px 0 #c1a42d,inset 0 -1px 0 #c1a42d;
}

/* Chart pages: same reference-style flow, stronger result and directory finish. */
.chart-intro,.current-result,.panel-current-result,.compact-repeat{
  background:linear-gradient(180deg,#eefaf1,#dbeee1)!important;
}
.current-result strong,.panel-current-result strong,.compact-repeat strong,.hero-result,.game-hero-result{
  font-variant-numeric:tabular-nums lining-nums;
  text-shadow:0 1px 0 #fff,0 2px 7px rgb(101 17 54 / 13%);
}
.directory-zone>div>a,
.reference-directory-links a,
.reference-chart-directory-links a{
  background:linear-gradient(180deg,#f4fcf6,#dcefe2)!important;
  color:#075332!important;
  border-color:rgb(8 113 63 / 64%)!important;
  text-shadow:0 1px 0 #fff;
}
.directory-zone>div>a:nth-child(even),
.reference-directory-links a:nth-child(even),
.reference-chart-directory-links a:nth-child(even){
  background:linear-gradient(180deg,#fffdf0,#edf4d5)!important;
}
.chart-copy p,.game-content p,.weekly-content p,.info-content p,.market-info p,.static-content p,.static-content li{
  color:#22382c!important;
  line-height:1.56!important;
  text-wrap:pretty;
}

/* Game-zone and inner cards: varied effects within the same theme. */
.game-card,.jodi-item,.pass-card,.free-market-card{
  background:linear-gradient(145deg,#f3fcf5 0%,#dcefe2 100%)!important;
}
.game-card:nth-child(3n+2),.jodi-item:nth-child(3n+2),.pass-card:nth-child(3n+2),.free-market-card:nth-child(3n+2){
  background:linear-gradient(145deg,#fffdf0 0%,#eef5d9 100%)!important;
}
.game-card.featured,.jodi-item.featured,.pass-card.featured,.free-market-card.featured{
  background:linear-gradient(145deg,#fff6b5 0%,#eee184 100%)!important;
  border-color:#a8891d!important;
  box-shadow:0 4px 12px rgb(112 88 7 / 18%),inset 0 1px 0 #fffbdc;
}
.game-card h2,.jodi-item strong,.pass-card h2,.free-market-card h2,.forum-post h3{
  text-wrap:balance;
  text-shadow:0 1px 0 #fff;
}
.forum-post{
  background:linear-gradient(180deg,#effaf2,#e0f1e5)!important;
  border-color:rgb(8 113 63 / 42%)!important;
}
.forum-post:nth-child(even){background:linear-gradient(180deg,#fffdf2,#eef5db)!important}
.number-board span,.number-chip{
  background:linear-gradient(180deg,#f8fff9,#ddf2e4)!important;
  box-shadow:inset 0 1px 0 #fff;
  font-variant-numeric:tabular-nums;
}
.number-board span.active,.number-chip.hot{
  background:linear-gradient(180deg,#fff8b8,#efe18a)!important;
}

/* Static pages and forms: polished typography and finished surfaces. */
.static-hero,.info-hero,.weekly-hero,.game-intro,.game-hero,.chart-intro,.market-hero{
  background:linear-gradient(180deg,#effbf3,#dcefe2)!important;
}
.static-content,.info-content,.weekly-content,.game-content,.chart-copy,.market-info{
  background:linear-gradient(180deg,#f3fcf5,#e1f2e6)!important;
}
.static-card,.contact-card{
  background:linear-gradient(145deg,#fffef5,#edf7ee)!important;
}
.static-card:nth-child(even),.contact-card:nth-child(even){
  background:linear-gradient(145deg,#eef9f1,#dcefe2)!important;
}
.static-form input,.static-form textarea,.market-search input{
  background:linear-gradient(180deg,#fffef8,#f6fbf7)!important;
  box-shadow:inset 0 1px 3px rgb(0 49 27 / 8%);
}
.static-form input:focus,.static-form textarea:focus,.market-search input:focus{
  border-color:#087243!important;
  box-shadow:0 0 0 3px rgb(10 139 80 / 16%),inset 0 1px 3px rgb(0 49 27 / 8%)!important;
}

/* Disclaimer/footer remain visually distinct and legible. */
.disclaimer-panel,.homepage-disclaimer,.reference-homepage-disclaimer{
  background:linear-gradient(180deg,#fff6df,#f6e6c4)!important;
  box-shadow:0 5px 14px rgb(99 50 15 / 13%),inset 0 1px 0 #fff!important;
}
:where(.disclaimer-panel,.homepage-disclaimer,.reference-homepage-disclaimer) h2{
  color:#164d83!important;
  text-shadow:0 1px 0 #fff;
}
.footer-panel,.homepage-footer,.reference-homepage-footer{
  background:linear-gradient(180deg,#e9f8ed,#d3ebdc)!important;
  box-shadow:0 4px 12px rgb(1 57 31 / 16%),inset 0 1px 0 #fff!important;
}

/* Fixed navigation remains in the exact approved positions with clearer depth. */
.fixed-action{
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  border-color:#fff!important;
  box-shadow:0 0 0 1px #08713f,0 5px 14px rgb(0 32 18 / 31%),inset 0 1px 0 rgb(255 255 255 / 52%)!important;
}

/* Long-page performance without changing visual content. */
.reference-faq-item,.current-reference-faq-item,.prediction-market{
  content-visibility:auto;
  contain-intrinsic-size:auto 110px;
}
.reference-bazar-board,.reference-chart-directory{
  content-visibility:auto;
  contain-intrinsic-size:auto 560px;
}

/* Device-specific polish; single-column approved design stays intact. */
@media (max-width:600px){
  body{background:linear-gradient(180deg,#e6f7eb,#dff4e6 58%,#d9f0e0)}
  .reference-information-block h2{font-size:clamp(14.5px,4.2vw,18px)!important}
  .reference-information-block p,.reference-information-block li{font-size:clamp(12.2px,3.35vw,13.5px)!important}
  .chart-copy p,.game-content p,.weekly-content p,.info-content p,.market-info p,.static-content p,.static-content li{line-height:1.52!important}
  .brand-panel{box-shadow:0 4px 13px rgb(0 40 22 / 25%),inset 0 1px 0 rgb(255 255 255 / 12%)!important}
}
@media (min-width:601px) and (max-width:899px){
  body{padding-inline:10px!important}
  .reference-information-block h2{font-size:18px!important}
  .reference-information-block p,.reference-information-block li{font-size:14px!important}
}
@media (min-width:900px){
  body{
    background:
      radial-gradient(circle at 12% 0%,rgb(255 255 255 / 62%),transparent 34rem),
      radial-gradient(circle at 88% 18%,rgb(8 139 80 / 8%),transparent 36rem),
      linear-gradient(180deg,#e5f7eb,#d9efdf);
  }
  .reference-information-block{padding-block:13px!important}
  .reference-information-block h2{font-size:19px!important}
  .reference-information-block p,.reference-information-block li{font-size:14.5px!important;line-height:1.58!important}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  :where(a,button){transition:none!important}
  .result-wheel,.result-wheel span{animation:none!important}
}
@media (prefers-contrast:more){
  :where(.panel,.panel-shell,.table-section,.content-panel,.directory-board){border-width:3px!important}
  :where(p,li,td){color:#07160d!important}
}