:root{--qa-guard:start}

:where(main :is([class*="grid"], [style*="grid"], [class*="layout"], .row, [class*="cols"], [class*="split"], [class*="columns"],
               [data-component], ol, ul, dl) > *) { min-width: 0; }
:where(main img, main video, main iframe) { max-width: 100%; }
:where(main img) { height: auto; }
:where(main pre) { overflow-x: auto; }
:where(main table) { max-width: 100%; }
:where(h1, h2, h3, h4, h5, h6) { line-height: 1.3; }
:where(footer a:not([class*="btn"]), .breadcrumb a, nav li a) { display: inline-block; padding-block: 4px; }
img[data-role="hero"] { object-position: 75% 30% !important; } 
.navbar-brand:has(> img.site-logo) { background: none !important; padding: 0 !important; box-shadow: none !important; border: 0 !important; }
.navbar-brand > img.site-logo { height: 40px; width: auto; display: block; }

.navbar:has(> div:empty):has(> :is([class*="container"], [class*="inner"])) { flex-direction: column; align-items: stretch; }
.navbar .navbar-brand { flex-shrink: 0; }
@media (min-width: 576px) {  
  .navbar :is(a, button)[class*="btn"] { flex-shrink: 0; }
  .navbar :is(.nav-link, a[class*="btn"], button[class*="btn"]) { white-space: nowrap; }
}

:is(.navbar, .navbar > *, .navbar :has(> .navbar-collapse)):has(.navbar-collapse:is(.show, .collapsing)) { height: auto !important; max-height: none !important; }

@media (min-width: 992px) {
  main .row > [class*="col"]:has(> img[data-role="section"]:only-child) { align-self: stretch; }
  main .row > [class*="col"] > img[data-role="section"]:only-child { height: 100% !important; object-fit: cover; }
}

main [class*="col"] > [class*="card"]:not(:only-child) { height: auto !important; }

main > :is(section, div):not(:first-child):not(:empty, [class*="divider"], [class*="separator"], [aria-hidden="true"]) { padding-block: clamp(28px, 3.5vw, 44px) !important; margin-block: 0 !important; }
main > :first-child, main > :first-child > :is(section, div) { min-height: 0 !important; }
main > :first-child { padding-block: clamp(24px, 4vw, 56px) !important; }
main :is(h1, h2, h3) { line-height: 1.35 !important; }
main :is(p, li, td, dd) { line-height: 1.55 !important; }
main > :is(section, div) :is(h2):first-of-type { margin-bottom: 12px; }
@media (max-width: 575.98px) {
  main [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]) { grid-template-columns: minmax(0, 1fr) !important; }
  
  main :is(h1, h2, h3, h4, th, td, dt, dd, summary) { overflow-wrap: break-word; }
  
  :is([data-component="game-grid"], [data-component="game-grid"] *):has(> .game-card) {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .game-card .game-tag { position: static !important; display: inline-block; margin-top: 6px; }
  
  main :is(div, p, nav):has(> :is(a, button)[class*="btn"]):not([class*="scroll"], [class*="strip"], [class*="tab"], [class*="chip"]) {
    flex-wrap: wrap !important; flex-shrink: 1 !important; max-width: 100%; }
  main div:has(> :is(div, p) > :is(a, button)[class*="btn"]):not([class*="scroll"], [class*="strip"], [class*="tab"], [class*="chip"]) {
    flex-wrap: wrap !important; }  
  
  main :is(ol, ul, [data-component="steps"], [data-component="steps"] div):not([class*="scroll"], [class*="strip"], [class*="tab"], [class*="chip"]) {
    flex-wrap: wrap !important; }
  main :is(a, button)[class*="btn"] { white-space: normal !important; }
  
  main table:not(:is([class*="responsive"], [class*="scroll"], [style*="overflow"]) table) {
    display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .game-card :is(.game-card-body, div:has(> h3)) { padding: 10px 12px 12px !important; }
}
.toc-auto { margin: 0 auto 24px; max-width: 1100px; padding: 12px 16px; border: 1px solid var(--border, rgba(255,255,255,.15)); border-radius: 12px; }

main > section:has(> [class*="container"]:only-child) { grid-template-columns: 1fr !important; }

:is(ol, ul, div).row[data-component="steps"]:has(> [class*="col"]) { display: flex !important; flex-wrap: wrap !important; }

main :is(ol, ul):has(> div:only-child) { grid-template-columns: minmax(0, 1fr) !important; }

@media (max-width: 991.98px) { footer [style*="grid-template-columns"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 575.98px) { footer [style*="grid-template-columns"] { grid-template-columns: 1fr !important; } }
.toc-auto summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
.toc-auto ol { margin: 8px 0 0; padding-left: 1.4em; }
[data-component="toc"] a { display: inline-block; padding-block: 4px; }
html { scroll-padding-top: 88px; }

:is(header, footer, main > :not(:first-child)) :is(.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) {
  max-width: 1320px !important; margin-inline: auto !important; }
main > :not(:has([class*="container"])) { padding-inline: max(16px, calc((100% - 1320px) / 2)) !important; }  

:where(main > :first-child > :not([class*="container"], :has([class*="container"]), img, picture, video, [style*="absolute"])) {
  padding-inline: max(16px, calc((100% - 1320px) / 2)); }
main > :first-child :is(.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl):not(:has(> img[data-role="hero"])) {
  max-width: 1320px !important; margin-inline: auto !important; }
:where(main [style*="overflow-x"][style*="flex"]:not([style*="wrap"])) > * { min-width: auto; }

:where(main > :not(:first-child), body > footer) { content-visibility: auto; contain-intrinsic-size: auto 600px; }
@media (max-width: 767.98px) { :where(main > :not(:first-child), body > footer) { contain-intrinsic-size: auto 900px; } }  
:root{--qa-guard:end}

:root{
  --bg:#f3f1f1; --surface:#fbfbfb; --surface-alt:#e9e7e7;
  --primary:#a38004; --primary-deep:#6b5403; --primary-lift:#b8920a; --primary-text:#141311;
  --accent:#2185ca; --ink:#201e1d; --muted:#5c5854;
  --border:#b29624; --brand:#2f2d2d; --brand-deep:#212020; --line:#e0ded9;
  --cut-8:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  --cut-12:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  --cut-11:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
  --cut-20:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
  --cut-19:polygon(19px 0,100% 0,100% calc(100% - 19px),calc(100% - 19px) 100%,0 100%,0 19px);
  --orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23b29624' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 76C7 47 21 18 46 8'/%3E%3Cpath d='M13 63c9-1 16-6 21-14'/%3E%3Cpath d='M22 48c9 0 15-4 19-11'/%3E%3Ccircle cx='46' cy='8' r='3.4'/%3E%3Cpath d='M46 12v6M19 61l-6 8M28 46l-8 3'/%3E%3C/g%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Work Sans','Noto Sans Bengali',sans-serif; font-size:1rem; line-height:1.65;
  overflow-x:hidden;
}
::selection{background:var(--primary); color:#17150f}
body{caret-color:var(--primary); scrollbar-color:var(--border) var(--surface-alt);}
a{color:var(--accent); text-underline-offset:3px;}
a:hover{color:#166b9f}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px}
.on-dark :focus-visible,.site-nav :focus-visible,.site-foot :focus-visible{outline:2px solid var(--border)}
h1,h2,h3,h4{font-family:'Bungee','Impact',sans-serif; font-weight:400; letter-spacing:0; color:var(--ink); margin:0 0 .5em}
h1{font-size:clamp(2rem,4.2vw,3.4rem); line-height:1.1; letter-spacing:-.005em; max-width:18ch}
h2{font-size:clamp(1.6rem,3vw,2.5rem); line-height:1.15; margin-bottom:.55em; max-width:22ch}
h3{font-size:1.15rem; line-height:1.3; margin-bottom:.45em}
p{margin:0 0 1em; max-width:68ch}
.head-row{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:24px}
.head-row h2{margin-bottom:0}
.link-more{font-weight:600; font-size:.9375rem; color:var(--accent); text-decoration:none; white-space:nowrap; padding:8px 0}
.link-more:hover{text-decoration:underline; text-decoration-thickness:2px}
.lede{font-size:1.0625rem; color:var(--muted); max-width:62ch}
.section{padding-top:clamp(28px,3.5vw,44px); padding-bottom:clamp(28px,3.5vw,44px); position:relative; border-top:1px solid rgba(178,150,36,.45)}
.section--alt{background-color:var(--surface-alt); background-image:radial-gradient(rgba(178,150,36,.10) 1px,transparent 1px); background-size:16px 16px}
.banded::before{content:""; position:absolute; top:0; left:0; right:0; height:12px; background:repeating-linear-gradient(90deg,var(--border) 0 10px,transparent 10px 20px); opacity:.42; pointer-events:none}

.hard{filter:drop-shadow(3px 3px 0 #2f2d2d); transition:transform .14s ease-out, filter .14s ease-out}
.hard:hover{transform:translate(-2px,-2px); filter:drop-shadow(6px 6px 0 #2f2d2d) drop-shadow(0 0 9px rgba(178,150,36,.35))}
.edge{background:var(--border); padding:1px; border-radius:0}
.edge--12{clip-path:var(--cut-12)}
.edge--12 > .edge-in{clip-path:var(--cut-11); background:var(--surface)}
.edge--20{clip-path:var(--cut-20)}
.edge--20 > .edge-in{clip-path:var(--cut-19); background:var(--surface)}
.edge-in{display:block; height:100%; padding:22px; border-radius:0}

.btn-press{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:48px; padding:0 26px; border:0; border-radius:0; cursor:pointer;
  font-family:'Work Sans',sans-serif; font-weight:600; font-size:1rem; letter-spacing:.02em;
  text-decoration:none; clip-path:var(--cut-8); transition:transform .14s ease-out, background-color .14s ease-out, box-shadow .14s ease-out;
}
.btn-gold{
  background:var(--primary); color:var(--primary-text);
  box-shadow:inset 0 0 0 1px var(--border), inset 0 -3px 0 0 var(--primary-deep);
}
.btn-gold:hover{background:var(--primary-lift); color:var(--primary-text); transform:translateY(-2px); box-shadow:inset 0 0 0 1px var(--border), inset 0 -5px 0 0 var(--primary-deep)}
.btn-gold:active{transform:translateY(1px); box-shadow:inset 0 0 0 1px var(--border), inset 0 -1px 0 0 var(--primary-deep)}
.btn-line{
  background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1px var(--border);
}
.btn-line:hover{background:rgba(178,150,36,.12); box-shadow:inset 0 0 0 1px var(--primary); color:var(--ink)}
.btn-line.on-dark{color:#f3f1f1}
.btn-line.on-dark:hover{background:rgba(178,150,36,.18); color:#fff}
.btn-press[disabled],.btn-press.is-off{background:var(--surface-alt); color:var(--muted); box-shadow:none; cursor:not-allowed}

.site-head{position:sticky; top:0; z-index:1030}
.site-nav{background:var(--brand); padding:0; border-bottom:1px solid var(--border)}
.site-nav .nav-wrap{display:flex; align-items:center; gap:18px; min-height:72px}
.brand-logo{height:42px; width:auto; display:block}
.nav-list{display:flex; align-items:center; gap:22px; margin:0; padding:0; list-style:none}
.nav-list .nav-link{
  font-family:'Work Sans',sans-serif; font-weight:500; font-size:.9375rem; color:#e9e7e7;
  padding:10px 0; position:relative; white-space:nowrap;
}
.nav-list .nav-link:hover,.nav-list .nav-link:focus{color:#fff}
.nav-list .nav-link::after{content:""; position:absolute; left:0; bottom:2px; height:2px; width:0; background:var(--border); transition:width .16s ease-out}
.nav-list .nav-link:hover::after{width:60%}
.nav-list .nav-link.active{color:#fff}
.nav-list .nav-link.active::after{width:100%; background:var(--primary)}
.nav-actions{display:flex; align-items:center; gap:12px}
.btn-nav{min-height:40px; padding:0 20px; font-size:.875rem}
.brand-nav{
  display:inline-flex; align-items:center; min-height:40px; padding:0 20px; border-radius:0;
  clip-path:var(--cut-8); background:var(--primary); color:var(--primary-text); font-weight:600; font-size:.875rem;
  text-decoration:none; box-shadow:inset 0 0 0 1px var(--border), inset 0 -3px 0 0 var(--primary-deep);
}
.brand-nav:hover{background:var(--primary-lift); color:var(--primary-text)}
.nav-burger{
  display:none; align-items:center; justify-content:center; width:44px; height:44px;
  background:transparent; border:1px solid var(--border); color:#e9e7e7; font-size:1.35rem;
  clip-path:var(--cut-8); border-radius:0; cursor:pointer;
}
.nav-signup-m{display:none}

.site-foot{
  background-color:var(--brand-deep); border-top:2px solid var(--border); color:#e9e7e7;
  background-image:repeating-linear-gradient(45deg,rgba(178,150,36,.10) 0 1px,transparent 1px 8px);
  padding:clamp(28px,3.5vw,44px) 0 20px;
}
.foot-grid{display:grid; grid-template-columns:1.4fr .9fr 1.1fr .9fr 1fr; gap:28px}
.foot-brand{font-family:'Bungee',sans-serif; font-size:32px; color:#f3f1f1; line-height:1.1; margin:0 0 10px}
.foot-brand span{color:var(--border)}
.foot-sub{font-size:.875rem; color:#b9b5b1; margin:0 0 4px; line-height:1.55}
.foot-title{font-size:.75rem; text-transform:uppercase; letter-spacing:.14em; color:var(--border); margin:0 0 12px; font-family:'Work Sans',sans-serif; font-weight:600}
.foot-links{list-style:none; margin:0; padding:0}
.foot-links li{margin:0}
.foot-links a{display:inline-block; font-size:.9375rem; line-height:32px; color:#e9e7e7; text-decoration:none; border-left:3px solid transparent; padding-left:0; transition:padding .14s, border-color .14s}
.foot-links a:hover{color:var(--border); border-left-color:var(--border); padding-left:8px}
.resp-badge{display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; border:1px solid var(--border); color:var(--border); font-family:'Bungee',sans-serif; font-size:.875rem; margin-bottom:10px}
.foot-note{font-size:.8125rem; color:#b9b5b1; line-height:1.55; max-width:24ch}
.foot-bottom{border-top:1px solid rgba(178,150,36,.35); margin-top:24px; padding-top:14px; display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center}
.copyright{font-size:.8125rem; color:#a5a09c; margin:0}
.pay-inline{list-style:none; display:flex; flex-wrap:wrap; gap:14px; margin:0; padding:0; font-size:.8125rem; color:#b9b5b1}
.pay-inline li{color:var(--border); letter-spacing:.04em}

.data-table{width:100%; border-collapse:collapse; font-size:.875rem; background:transparent}
.data-table caption{caption-side:top; text-align:left; font-size:.8125rem; color:var(--muted); padding-bottom:8px}
.data-table th,.data-table td{padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top}
.data-table thead th{background:var(--brand); color:#f3f1f1; font-family:'Work Sans',sans-serif; font-weight:600; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--border)}
.data-table tbody th{font-weight:600; color:var(--ink)}
.data-table td.num,.data-table th.num{text-align:right; font-variant-numeric:tabular-nums}
.data-table tr.is-pick td,.data-table tr.is-pick th{background:rgba(163,128,4,.10); box-shadow:inset 3px 0 0 0 var(--primary)}
.table-scroll{overflow-x:auto; border:1px solid var(--line)}

img{max-width:100%}
.figure-clip{clip-path:var(--cut-12); border-radius:0; display:block; width:100%; height:auto; object-fit:cover}

.trust{list-style:none; display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin:0; padding:0}
.trust li{display:inline-flex; align-items:center; gap:8px; font-size:.8125rem; letter-spacing:.02em}
.trust i{font-size:1rem}
.stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0}
.stats dt{font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; margin-bottom:2px}
.stats dd{margin:0; font-family:'Bungee',sans-serif; font-size:1.5rem; line-height:1.15}

.faq-list{margin:0; border-top:1px solid var(--border)}
.faq-list details{border-bottom:1px solid var(--border); padding:2px 0}
.faq-list summary{
  list-style:none; cursor:pointer; display:flex; gap:12px; align-items:flex-start;
  padding:16px 4px; min-height:44px; font-family:'Work Sans',sans-serif; font-weight:600; font-size:1.0625rem; color:var(--ink);
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .q-no{font-family:'Bungee',sans-serif; font-size:.8125rem; color:var(--border); min-width:24px; line-height:1.7}
.faq-list summary .q-ico{margin-left:auto; color:var(--border); transition:transform .16s ease-out}
.faq-list details[open] summary{color:var(--primary)}
.faq-list details[open] summary .q-ico{transform:rotate(180deg)}
.faq-list .faq-a{padding:0 4px 18px 40px; font-size:.9375rem; color:#2b2825; max-width:72ch}
.faq-list .faq-a p{margin:0 0 .6em}

.steps{list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; padding:0; counter-reset:st}
.steps li{position:relative}
.steps li::after{
  content:""; position:absolute; top:44px; right:-14px; width:12px; height:12px;
  border-top:1px solid var(--border); border-right:1px solid var(--border); transform:rotate(45deg);
}
.steps li:last-child::after{display:none}
.step-no{font-family:'Bungee',sans-serif; font-size:1.5rem; color:var(--border); display:block; margin-bottom:6px}

.game-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px}
.game-card{display:block; text-decoration:none; color:var(--ink); height:100%}
.game-card .edge-in{padding:0; display:flex; flex-direction:column}
.game-card img{width:100%; aspect-ratio:1/1; object-fit:cover; display:block; transition:transform .14s ease-out}
.game-body{display:block; padding:12px 12px 14px}
.game-tag{
  display:inline-block; font-size:.6875rem; text-transform:uppercase; letter-spacing:.12em;
  color:#3a3208; background:rgba(178,150,36,.22); padding:3px 8px; margin-bottom:6px;
  clip-path:var(--cut-8); border-radius:0;
}
.game-card h3{font-family:'Work Sans',sans-serif; font-weight:600; font-size:1rem; line-height:1.3; margin:0 0 4px; color:var(--ink)}
.game-meta{display:block; font-size:.75rem; color:var(--muted); margin-bottom:6px}
.game-desc{display:block; font-size:.8125rem; line-height:1.5; color:#4a4642}
.game-card:hover img{transform:scale(1.04)}

@media (max-width:1199.98px){
  .foot-grid{grid-template-columns:1.4fr 1fr 1fr; gap:24px}
}
@media (max-width:991.98px){
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps li::after{display:none}
  .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px}
}
@media (max-width: 1199.98px) {
  .nav-burger{display:inline-flex}
  .nav-signup-m{display:inline-flex; margin-left:auto}
  .site-nav .nav-wrap{gap:12px}
  .navbar-collapse{background:var(--brand-deep); border-top:1px solid var(--border); margin-top:12px; padding:12px 4px 20px}
  .nav-list{flex-direction:column; align-items:stretch; gap:0}
  .nav-list .nav-link{display:block; line-height:48px; padding:0; border-bottom:1px solid rgba(178,150,36,.25)}
  .nav-list .nav-link::after{display:none}
  .nav-actions{display:none}
}
@media (max-width:767.98px){
  .foot-grid{grid-template-columns:1fr 1fr; gap:22px}
  .trust{gap:6px 14px}
}
@media (max-width:575.98px){
  .game-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
  .stats{grid-template-columns:1fr; gap:12px}
  .stats div{display:flex; align-items:baseline; justify-content:space-between; gap:10px; border-bottom:1px dotted rgba(178,150,36,.5); padding-bottom:6px}
  .stats dt{margin:0}
  .foot-grid{grid-template-columns:1fr}
  .btn-press{width:100%}
  .head-row{flex-direction:column; align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important; transition-duration:.001ms !important}
  .hard:hover{transform:none}
}

:root{--unify-site:start}
main details:not(.toc-card):not([class*=toc]) { border-top-width: 0px !important; border-bottom-width: 1px !important; border-radius: 0px !important; padding: 2px 0px !important; margin-bottom: 0px !important; }
main details:not(.toc-card):not([class*=toc]) > summary { font-size: 17px !important; font-weight: 600 !important; padding: 16px 4px !important; line-height: 28.05px !important; }
main details:not(.toc-card):not([class*=toc]) > summary ~ * { font-size: 15px !important; padding: 0px 4px 18px 40px !important; line-height: 24.75px !important; }
main table { width: 100%; border-collapse: collapse !important; }
main table th { background-color: rgba(0, 0, 0, 0) !important; color: rgb(32, 30, 29) !important; padding: 10px 12px !important; font-size: 14px !important; font-weight: 600 !important; text-align: left !important; border-bottom: 1px solid rgb(224, 222, 217) !important; }
main table td { padding: 10px 12px !important; font-size: 14px !important; }
main section > h2, main section > [class*=container] > h2, main section > [class*=container] > [class*=head] > h2, main section > [class*=container] > [class*=title] > h2, main section > div > h2 { font-size: 40px !important; line-height: 54px !important; }
:root{--unify-site:end}

:root{--site-repair:start}
.sr-email { overflow-wrap: anywhere; word-break: break-word; }

.navbar-nav .nav-link[href="/"] { white-space: nowrap !important; }

@media (min-width: 992px) { .navbar-expand-lg .navbar-toggler { display: none !important; } }
@media (min-width: 1200px) { .navbar-expand-xl .navbar-toggler { display: none !important; } }
@media (min-width: 1400px) { .navbar-expand-xxl .navbar-toggler { display: none !important; } }
:root{--site-repair:end}