/* Master TeenPatti: warm editorial surfaces, clear hierarchy, restrained brand colour.
   This is the authoritative visual layer over the retained reference layout.
   Decoration budget:
   - No glass, ambient glows, card lift or ornamental gradients.
   - One image scrim: the game image carries a live text label.
   - One shallow shadow: separates the sticky navigation from scrolling content.
   - Existing logo artwork is a brand signature, not a component effect.
*/
:root {
  --brand-wine:#861b49; --brand-wine-hover:#641237;
  --brand-gold:#f3c64e; --brand-gold-hover:#e7b733;
  --paper:#fffdf9; --surface:#fff; --surface-soft:#f7eef2;
  --deep-wine:#321b2c; --ink-body:#342b32; --ink-muted:#665760;
  --line:#dfd1d8; --line-strong:#b98c9f;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --radius-control:8px; --radius-card:12px; --radius-media:16px;
  --r-sm:var(--radius-control); --r:var(--radius-card); --r-lg:var(--radius-media);
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:var(--sans);
  --bg:var(--paper); --bg-outer:var(--paper); --bg-alt:var(--surface-soft);
  --bg-dark:var(--deep-wine); --card:var(--surface); --card-2:var(--surface);
  --frame:var(--surface-soft); --text:var(--ink-body); --text-soft:var(--ink-muted);
  --text-dim:var(--ink-muted); --text-foot:#eadce4;
  --gold:var(--brand-wine); --gold-2:var(--brand-wine); --gold-text:var(--brand-wine);
  --link:var(--brand-wine); --link-hover:var(--brand-wine-hover); --ink:var(--deep-wine);
  --border:var(--line); --border-soft:var(--line); --border-strong:var(--line-strong);
  --felt:var(--surface-soft); --btn:var(--brand-gold); --btn-hover:var(--brand-gold-hover);
  --gold-line:var(--line); --shadow-card:none; --shadow-gold:none;
}
html[lang='hi-IN'] {--sans:'Noto Devanagari','Manrope',sans-serif;--serif:var(--sans)}
html {color-scheme:light;scroll-padding-top:96px}
body {font-family:var(--sans);font-size:16px;line-height:1.75;background:var(--paper);color:var(--text)}
button,input,select,textarea {font:inherit}
::selection {background:#eed4df;color:var(--deep-wine)}
:focus-visible {outline:3px solid currentColor;outline-offset:4px}
.page {background:var(--paper)}
.page::before,.hero-wrap::before,.hero-wrap::after,.page-hero::before,.page-hero::after,
.site-header::after,.band-dark::before,.feature::after,.team-card::before,
.hero-art::before,.phone::before,.dl-panel::before,.cta-bar::before,
.game-card .thumb::after,.site-footer::before,.site-footer::after {display:none}
.page-hero .art {display:none}
.site-header,.hero-art .float,.phone .float,.chip {backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header {background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 2px 8px #321b2c0d}
.site-header .container {min-height:80px;padding:var(--space-3) var(--space-5);gap:var(--space-4)}
.container {max-width:1120px;padding-inline:var(--space-5)}
.narrow {max-width:800px}.mid {max-width:920px}
.age-bar {padding:var(--space-2) var(--space-4);font-size:12px;background:var(--deep-wine);color:#eadce4}
.age-bar strong {color:var(--brand-gold)}

/* One type scale. Serif styling belongs only to the brand wordmark. */
h1,h2,h3,.h1,.h2,.h3,.feature .h3,.game-card .h3,.team-card strong,.prose h2,
.cta-bar p,.stat-row strong,.dl-meta strong,.game-hero .name,.num {
  font-family:var(--sans);font-weight:700;letter-spacing:-.02em;text-shadow:none;
}
h1,.h1,.h1-hero,.h1-game {font-size:clamp(32px,4.2vw,48px);line-height:1.2;margin:0 0 var(--space-5)}
.h1-hero {font-size:clamp(36px,4.8vw,56px)}
h2,.h2,.h2-lg,.h2-sm,.prose h2 {font-size:clamp(24px,2.6vw,32px);line-height:1.3;margin:0 0 var(--space-4)}
h3,.h3,.feature .h3,.game-card .h3,.variant h3,.team-card strong,.game-tile .h2-link {font-size:20px;line-height:1.4;margin:0 0 var(--space-2)}
.body,.list,.prose p,.prose li,.card p,.feature p,.game-card p,.game-tile p,
.steps p,.steps-install p,.steps-boxed p,.variant p,.faq p,.faq-lg p,.team-card .bio,
.leader p,.tips li,.defs dd,.changelog p,.alert p {font-size:16px;line-height:1.75}
.lede,.lede-hero {font-size:18px;line-height:1.7;margin-bottom:var(--space-5)}
.small,.byline,.dl-note,.card-note,.qr-card p,.article-figure figcaption,.foot-brand p,
.foot-bottom,.trust-strip small,.related small,.chip,.team-card .role {font-size:14px;line-height:1.6}
.eyebrow,.foot-title,.stat-row span,.dl-meta span,.game-hero .kicker {
  font:700 12px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;
}
.eyebrow {margin-bottom:var(--space-4);gap:var(--space-3)}
.eyebrow::before,.eyebrow-center::after {display:none}
.brand-product {font-family:'Cinzel',Georgia,serif;font-size:26px;line-height:1.1}
.brand-prefix {font:700 11px/1.2 var(--sans);letter-spacing:.18em}
.brand-mark,.site-header .brand-mark {width:48px;height:48px;border-radius:var(--radius-card);box-shadow:none}
.brand,.site-header .brand {gap:var(--space-3)}
.brand-name {color:var(--brand-wine)}
.body,.article-body .body,.list {margin-bottom:var(--space-5)}
.article-body .h2,.prose h2 {margin-top:var(--space-6)}
.article-figure {margin:var(--space-6) 0}
.article-figure figcaption {margin-top:var(--space-3);padding-left:var(--space-3);border-color:var(--brand-wine)}
.byline a,.body a,.list a,.prose a {text-underline-offset:3px}

/* Spacing follows 4/8/12/16/24/32/48/64 px, with equal section rhythm. */
.section,.section-mid {padding-block:var(--space-8)}
.section-tight {padding-block:var(--space-7)}
.hero {padding-block:var(--space-8)}
.page-hero .container,.page-hero-lg .container {padding-top:var(--space-7);padding-bottom:var(--space-7)}
.page-hero-lg .container {min-height:0}
.page-hero-split .container {gap:var(--space-7)}
.section-head {gap:var(--space-4);margin-bottom:var(--space-6)}
.grid,.grid-cards,.grid-steps,.grid-fill,.grid-contact,.grid-leaders,.related {gap:var(--space-5)}
.grid-2,.grid-2-tight {gap:var(--space-7)}
.btn-row,.chips,.stack,.faq-list {gap:var(--space-3)}
.card,.feature,.team-card,.dl-panel,.qr-card,.steps li {padding:var(--space-5)}
.game-card .text {padding:var(--space-6) var(--space-5) var(--space-5);gap:var(--space-2)}
.leader,.steps-boxed li,.variant,.alert,.related a {padding:var(--space-4);gap:var(--space-4)}
.faq summary,.faq-lg summary {padding:var(--space-4);font-size:16px;min-height:56px;line-height:1.5}
.faq p,.faq-lg p {padding:0 var(--space-4) var(--space-4)}
.faq-group {margin-bottom:var(--space-6)}
.stat-row {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--space-6);padding-top:var(--space-5);gap:var(--space-5)}
.steps,.steps-install {gap:var(--space-5)}
.dl-meta {gap:var(--space-3);margin-top:var(--space-5)}
.dl-meta div {padding:var(--space-4)}
.cta-bar {margin-top:var(--space-6);padding:var(--space-6);gap:var(--space-5)}
.cta-bar p {font-size:20px;line-height:1.5}
.cta-big {padding:var(--space-7);margin:0}
.cta-big p {font-size:16px}
.info-table th,.info-table td,.rank-table th,.rank-table td {padding:var(--space-4);line-height:1.6}
.site-footer .container {padding:var(--space-7) var(--space-5) var(--space-5)}
.foot-grid {gap:var(--space-6)}
.socials {margin:var(--space-6) 0 var(--space-5);gap:var(--space-3)}
.foot-bottom {padding-top:var(--space-5)}
.site-contact {padding-top:var(--space-3)}

/* Surfaces use outlines, not elevation. Hover changes colour, never position. */
.card,.feature,.game-card,.game-tile,.team-card,.dl-panel,.qr-card,.faq,.info-table,
.variant,.related a,.trust-strip div,.steps li,.steps-boxed li,.dl-meta div,.leader {
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:none;
}
.card:hover,.feature:hover,.game-card:hover,.game-tile:hover,.team-card:hover,
.related a:hover,.faq:hover,.faq[open] {box-shadow:none;transform:none;border-color:var(--line-strong)}
.game-card:hover .thumb img,.game-tile:hover .game-art img,.hero-art:hover .frame {transform:none}
.card,.feature,.game-card,.game-tile,.team-card,.related a {transition:border-color .15s,color .15s,background-color .15s}
.card-dashed {border-style:solid;background:var(--surface-soft)}
.band {background:var(--surface-soft);border-color:var(--line)}
.card .h3,.feature .h3,.game-card .h3,.team-card strong,.dl-meta strong {color:var(--ink-body)}
.chip,.socials a,.site-header .nav-toggle {border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--line)}
.chip {padding:var(--space-2) var(--space-3)}
.num,.dot,.changelog li::before,.tips li::before {box-shadow:none}
.num {background:var(--surface-soft);color:var(--brand-wine);font-size:18px}
.feature-icon,.card-icon .icon,.glyph,.emblem-glyph,.game-card .emblem,
.game-tile .badge,.game-hero .badge,.hero-art .float img,.phone .float img {
  border-radius:var(--radius-control);box-shadow:none;background:transparent;
}
.feature-icon {width:56px;height:56px;margin-bottom:var(--space-5)}
.feature-icon img,.glyph img,.game-tile .badge img,.game-hero .badge img {transform:none}
.hero-art {perspective:none}
.hero-art .frame {padding:var(--space-1);background:var(--surface);border-radius:var(--radius-media);box-shadow:none;transform:none}
.hero-art .frame>img {border-radius:var(--radius-card)}
.hero-art .float,.phone .float {background:var(--paper);color:var(--ink-body);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:none;padding:var(--space-3)}
.hero-art .float small,.phone .float small {color:var(--ink-muted);font-size:12px}
.shot,.game-art,.game-hero,.phone img,.article-figure img {box-shadow:none;border-radius:var(--radius-media)}
.shots img {box-shadow:none;border:1px solid var(--line);border-radius:var(--radius-media)}
.shot {background:var(--surface-soft);padding:var(--space-1);border:1px solid var(--line)}
.shot img,.shot .slot,.shot-img {border-radius:var(--radius-card)}
.team-card .avatar,.team-card .slot.avatar {box-shadow:none;border:1px solid var(--line);border-radius:50%}
.qr-card img {box-shadow:none;border-radius:var(--radius-control);background:#fff;border:1px solid var(--line)}
.info-table th,.rank-table th {background:var(--surface-soft);color:var(--ink-body)}
.rank-table tbody tr:nth-child(odd) td {background:var(--paper)}
.table-wrap,.rank-table,.info-table {border-radius:var(--radius-control)}
.alert {background:#fff6d9;border-color:#d4b768;border-left:4px solid #a67c18}
.alert::before {filter:brightness(.55)}
.faq summary::after {background:none;border-color:var(--line-strong);content:'+';display:grid;place-items:center;font:400 20px/1 var(--sans)}
.faq[open] summary::after {background:var(--surface-soft);transform:none;content:'−'}
.changelog::before {background:var(--line)}

/* Dark panels provide a brand anchor; buttons retain the same hierarchy here. */
.hero-wrap,.page-hero,.download-hub .page-hero {
  background:var(--brand-wine);--text:#fffafc;--text-soft:#f5e7ee;--text-dim:#f0dce6;
  --gold:var(--brand-gold);--gold-2:var(--brand-gold);--gold-text:#fffafc;
  --link:#ffe19a;--link-hover:#fff1cc;--border:#b97491;--border-soft:#b97491;
}
.site-footer,.band-dark,.cta-bar {
  background:var(--deep-wine);--text:#fffafc;--text-soft:#eadce4;--text-dim:#d9c4d1;
  --gold:var(--brand-gold);--gold-text:#ffe19a;--link:#ffe19a;--link-hover:#fff1cc;
  --border:#6f4c60;--border-soft:#6f4c60;--border-strong:#6f4c60;box-shadow:none;
}
.hero-wrap .chip,.page-hero .chip {background:#72203f;border-color:#bd829a;color:#fffafc}
.page-hero .crumbs a,.page-hero .crumbs ol,.page-hero .small,.page-hero .byline {color:#f0dce6}
.page-hero .crumbs [aria-current] {color:#fffafc}
.game-hero {background:var(--surface-soft)}
/* Retained solely to make the live title readable on a variable game image. */
.game-hero::after {background:linear-gradient(180deg,transparent 35%,#321b2ce6 100%)}
.game-hero .name {color:#fffafc;font-size:28px;line-height:1.25}
.socials a {background:transparent;border-color:#8e6c7f;color:#fffafc}
.socials a:hover {background:#4d2d42;border-color:#b58fA4;color:#fffafc}

/* One 48px button size; gold = main action, outlined = supporting action. */
.btn,.nav .btn,.foot-brand .btn,.btn-lg,.btn-xl,.site-footer .btn {
  min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);
  border:1px solid transparent;font:700 16px/1.4 var(--sans);white-space:normal;text-align:center;
  box-shadow:none;letter-spacing:0;transition:background-color .15s,border-color .15s,color .15s;
}
.btn-primary,.site-footer .btn-primary {background:var(--brand-gold);color:var(--deep-wine);border-color:var(--brand-gold)}
.btn-primary:hover {background:var(--brand-gold-hover);color:var(--deep-wine);border-color:var(--brand-gold-hover);box-shadow:none;transform:none}
.btn-outline,.btn-ghost {background:transparent;border-color:currentColor;color:var(--link)}
.btn-outline:hover,.btn-ghost:hover {background:var(--surface-soft);color:var(--brand-wine-hover);border-color:currentColor;transform:none}
.hero-wrap .btn-outline,.page-hero .btn-outline,.page-hero .btn-ghost,.band-dark .btn-outline,.cta-bar .btn-outline {color:#fffafc;background:transparent;border-color:#e7bdcf}
.hero-wrap .btn-outline:hover,.page-hero .btn-outline:hover,.page-hero .btn-ghost:hover,.band-dark .btn-outline:hover,.cta-bar .btn-outline:hover {background:#fffafc;color:var(--brand-wine);border-color:#fffafc}
.btn:active,.btn:hover .arrow {transform:none}
.nav a:not(.btn) {font-size:16px;min-height:48px;padding:var(--space-3);border-radius:var(--radius-control)}
.nav .btn {margin-left:var(--space-2)}
.socials a {display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);font-size:14px}
.download-hub .page-hero .cta-bar {background:transparent;padding:0;border:0;border-radius:0;overflow:visible;gap:var(--space-4)}
.download-hub .page-hero .cta-bar p {font:500 16px/1.75 var(--sans)}
.download-hub .cta-bar>div {gap:var(--space-3)}
.contact-card-detail {margin-top:var(--space-2)}

@media(max-width:900px) {
  .site-header .container {padding:var(--space-3) var(--space-5);min-height:72px}
  .site-header .brand-mark {width:44px;height:44px}
  .site-header.nav-ready .nav-toggle {min-height:48px;padding:var(--space-3);font:600 14px/1.4 var(--sans);border-radius:var(--radius-control);color:var(--ink-body)}
  .site-header .nav a:not(.btn),.site-header .nav .btn {min-height:48px;font-size:16px}
  .site-header .nav .btn {margin:var(--space-2) 0 0}
  .grid-2,.grid-2-tight,.page-hero-split .container {gap:var(--space-6)}
}
@media(max-width:640px) {
  :root {--space-8:48px}
  .container,main>.container,.hero.container,.site-header .container {padding-inline:var(--space-4)}
  .h1,.h1-hero,.h1-game {font-size:32px;line-height:1.25}
  .h2,.h2-lg,.h2-sm,.prose h2 {font-size:24px;line-height:1.35}
  .h3,.feature .h3,.game-card .h3 {font-size:20px;line-height:1.4}
  .lede,.lede-hero {font-size:16px;line-height:1.75}
  .section,.section-mid {padding-block:var(--space-7)}
  .section-tight,.hero {padding-block:var(--space-6)}
  .page-hero .container,.page-hero-lg .container {padding-block:var(--space-6)}
  .grid,.grid-2,.grid-2-tight,.related,.grid-contact,.grid-fill,.grid-leaders {gap:var(--space-5)}
  .card,.feature,.team-card,.dl-panel,.qr-card,.steps li,.cta-bar {padding:var(--space-5)}
  .btn-row>.btn {min-height:48px;font-size:16px}
  .article-figure {margin-block:var(--space-5)}
  .article-figure img {border-radius:var(--radius-media)}
  .info-table th,.info-table td,.rank-table th,.rank-table td {padding:var(--space-3);font-size:14px}
  .site-footer .container {padding:var(--space-7) var(--space-4) var(--space-5)}
  .foot-grid {gap:var(--space-5)}
  .trust-strip div {border-radius:var(--radius-card);padding:var(--space-3);gap:var(--space-2)}
  .brand-product,.site-header .brand-product {font-size:22px}
  .stat-row {grid-template-columns:repeat(2,minmax(0,1fr))}
  .crumbs ol {font-size:14px}
}
html[lang='hi-IN'] .h1 {line-height:1.4}
html[lang='hi-IN'] .h2,html[lang='hi-IN'] .h3 {line-height:1.5}
html[lang='hi-IN'] .body,html[lang='hi-IN'] .list,html[lang='hi-IN'] .lede {line-height:1.85}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}.page *{transition:none;animation:none}}