/* ===== GOG polish: centered layout + balanced type scale =====
   Scale: page title 18 · section title 17 · card title 15 · body 13 · subtitle/caption 12 · micro 10-11
   Games ke andar ka stage (Teen Patti / Andar Bahar / Dragon Tiger) ko touch nahi karta. */
:root{--t-page:18px;--t-sec:17px;--t-card:15px;--t-body:13px;--t-sub:12px}

/* ---- Section heads: title + subtitle center, "View all" neeche center ---- */
body .sec>.sh{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;margin-bottom:12px}
body .sec>.sh>div{display:flex;flex-direction:column;align-items:center;text-align:center}
body .sec>.sh h3{font-size:var(--t-sec);line-height:1.2;letter-spacing:.02em}
body .sec>.sh small{font-size:var(--t-sub);line-height:1.3;margin-top:2px}
body .sec>.sh button{font-size:12px;padding:5px 14px;border:1px solid color-mix(in srgb,var(--gold) 33%,transparent);border-radius:999px}
body .sec>.sh .bar,body .sec>.sh i{display:none}
/* generic home/sports/trade headings */
body #lobby h3,body #sports h3,body #trade h3{font-size:var(--t-sec);line-height:1.25;text-align:center}
body #lobby h2,body #sports h2,body #trade h2{font-size:var(--t-page);text-align:center}

/* ---- Hero banners: chhota title, center ---- */
body .ban h2{font-size:28px;line-height:1;text-align:center}
body .ban{text-align:center}
body .ban .gs,body .ban small{font-size:var(--t-sub);text-align:center}
@media(min-width:700px){body .ban h2{font-size:34px}}
body .hero strong{font-size:30px}

/* ---- Welcome card + quick tiles ---- */
body #hw{text-align:center}
body #hw b{font-size:18px;line-height:1.25}
body #hw small,body #hw p,body #hw .gs{font-size:var(--t-sub)}
body .hq{text-align:center}
body #hw .hq b,body .hq b{font-size:12px;line-height:1.2}

/* ---- Game cards (lobby grid): title 15px, subtitle 11px, sab center ---- */
body .gc{text-align:center}
body .gc .gt{font-size:var(--t-card);line-height:1.1;text-align:center}
body .gc .gw{font-size:inherit}
body .gc .gs{font-size:11px;text-align:center}
body .gc .pl{justify-content:center;font-size:11px}
body .row{justify-content:center}

/* ---- Tabs / chips ---- */
body .tab{font-size:var(--t-body);padding:8px 14px}
body #tabs,body .tabs{justify-content:center}

/* ---- Pages (drawer pages, wallet, glory, admin-less overlays): center headers ---- */
body #pg h1,body #pg h2{font-size:var(--t-page);text-align:center;line-height:1.25}
body #pg h3{font-size:var(--t-sec);text-align:center}
body #pg h1+p,body #pg h2+p,body #pg .sub,body #pg small{font-size:var(--t-sub)}
body #pg .ph,body #pg .pgh{justify-content:center;text-align:center}
body #pg p{font-size:var(--t-body)}

/* ---- Bottom sheets / popups ---- */
body #sheet h3{font-size:var(--t-sec);text-align:center;margin:8px 0 4px}
body #sheet p{font-size:var(--t-body);text-align:center}
body #sheet .btn,body #sheet button.w{margin-left:auto;margin-right:auto}

/* ---- Wallet + drawer ---- */
body .gWall h2,body .gWall h3,body [class^="gW"] h3{font-size:var(--t-sec);text-align:center}
body .gAcard h2,body .gAcard h3{font-size:18px;text-align:center}
body .gAcard p,body .gAsub{font-size:var(--t-body);text-align:center}

/* ---- Sports cards: titles balanced (scores/odds rows same rehte hain) ---- */
body .mc .tn,body .mt b{font-size:15px}
body .mc .sc,body .mt .sc{font-size:15px}
body #sports .gtb,body #sports .tabs{justify-content:center}

/* ---- Footer / small notes center ---- */
body .foot{text-align:center;font-size:var(--t-sub)}
body .wrap{text-align:center}
body .wrap .mc,body .wrap table,body .wrap input,body .wrap select,body .wrap textarea,body .wrap [data-m]{text-align:initial}

/* ---- Match cards: team/score chhote, "Coming soon" tag provider tag se na takraye ---- */
body .tm{font-size:15px;padding:2px 0}
body .sc{font-size:22px}
body .gc .cs{left:50%;right:auto;top:auto;bottom:46px;transform:translateX(-50%);white-space:nowrap}

/* Sports: Live/Upcoming + sport buttons = Home search-bar style (pill, dark, centered, text box ko touch nahi karta) */
body #sports .sbar{margin:14px 0 6px;padding:12px 10px;border-radius:20px;background:var(--s1);border:1px solid var(--ln);display:flex;flex-direction:column;gap:10px}
body #sports .sbar .gtr{margin-top:0;gap:8px}
body #sports .gtb{height:44px;min-width:0;padding:0 14px;border-radius:999px;background:#0004;border:1px solid var(--ln);box-shadow:none;color:var(--tx);
  display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;white-space:nowrap;overflow:hidden;
  font:600 clamp(11.5px,3.5vw,13.5px)/1 var(--sans);letter-spacing:0;text-transform:none;transition:.18s}
body #sports .gtb svg{width:15px;height:15px;flex:none;color:var(--gold2)}
body #sports .gtb:hover{border-color:color-mix(in srgb,var(--gold) 60%,transparent)}
body #sports .gtb.on{background:linear-gradient(180deg,var(--gold2),var(--gold));border-color:transparent;color:var(--ink);box-shadow:0 4px 14px color-mix(in srgb,var(--gold) 27%,transparent)}
body #sports .gtb.on svg{color:var(--ink)}
body #sports .gtr.g2 .gtb,body #sports .gtr.g3 .gtb{letter-spacing:0}
/* chhoti screen: icon thoda chhota + padding barabar, text kabhi border ko nahi chhuega */
@media(max-width:400px){body #sports .gtb{padding:0 12px;gap:5px}body #sports .gtb svg{width:14px;height:14px}}
@media(max-width:340px){body #sports .gtb{padding:0 9px;gap:4px}body #sports .gtb svg{display:none}}