:root{--bg:#120c22;--bg2:#181030;--panel:#1d1436;--panel2:#261a45;--line:#3a2a62;--text:#f1ecfa;--muted:#b6a9d3;--gold:#f5c54a;--gold2:#e39b17;--red:#d61f26;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg) radial-gradient(1200px 600px at 80% -10%,#3a2408 0,transparent 60%) no-repeat;color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Bengali",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}a{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#000;padding:8px;z-index:60}
.wrap{max-width:1220px;margin:0 auto;padding:0 16px}
/* header */
.top{background:#140f29;border-bottom:1px solid #2a1f4a;position:sticky;top:0;z-index:40;box-shadow:0 4px 16px #0007}
.top .wrap{display:flex;align-items:center;gap:14px;min-height:68px}
.logo{flex:0 0 auto}.logo img{height:46px;width:auto}
.nav{flex:1;min-width:0}
.nav ul{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;justify-content:center}
.nav ul::-webkit-scrollbar{display:none}
.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 9px 6px;min-width:62px;color:#d8cff0;text-decoration:none;font-size:12.5px;font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}
.nav svg{width:26px;height:26px}.nav a:hover{color:#fff}.nav a[aria-current]{color:var(--gold);border-color:var(--gold)}
.acts{display:flex;gap:8px;flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 22px;border-radius:999px;font:700 15px/1 inherit;font-family:inherit;text-decoration:none;border:1.5px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;white-space:nowrap}
.btn.pri{background:linear-gradient(180deg,#ffe28a,#f5c54a 45%,#e39b17);color:#3b2200;border-color:#ffd56a;box-shadow:0 4px 14px #e39b1740}
.btn.big{min-height:52px;font-size:17px;padding:0 30px}
.btn:hover{filter:brightness(1.12)}
/* hero with jackpot */
.hero{margin:18px 0 0;border-radius:22px;overflow:hidden;border:2px solid #6b4a12;background:#0d0818;box-shadow:0 10px 40px #0009}
.jp{position:relative;container-type:inline-size}
.jp img{width:100%}
.jp-d{filter:drop-shadow(0 2px 3px #000c);contain:layout paint;position:absolute;left:41.25%;top:41.1%;width:51.2%;height:19.2%;display:grid;grid-template-columns:repeat(8,1fr);column-gap:1.33%;pointer-events:none}
.jp-d .c{position:relative;display:block;overflow:hidden;border-radius:12%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
.jp-d .s{position:absolute;left:0;right:0;top:0;height:100%;display:flex;flex-direction:column;font-style:normal;transition:transform .55s cubic-bezier(.22,.9,.25,1.12);will-change:transform}
.jp-d .s.r{height:2000%}.jp-d .s.now{transition:none}
.jp-d b{flex:1;display:flex;align-items:center;justify-content:center;font:800 clamp(14px,6.2cqw,88px)/1 "Segoe UI",Roboto,Arial,sans-serif;color:#ffe9a8;background:linear-gradient(180deg,#fff6d2,#f5c54a 55%,#c9820c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.hero-c{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;background:linear-gradient(90deg,#1c1233,#2a1a10 60%,#1c1233);border-top:1px solid #6b4a12}
.hero h1{margin:0;font-size:clamp(22px,2.6vw,32px);line-height:1.18;color:#fff}
.hero h1+p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.45}
.hero .cta{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto}
.hero .cta small{color:var(--muted);font-size:12px}
/* winners ticker on the gold bar */
.ticker{display:flex;align-items:center;margin:16px 0 22px;height:64px;border-style:solid;border-width:14px 52px;border-image:url(ticker-bar.webp) 40 110 40 110 fill / 14px 52px stretch;overflow:hidden}
.ticker .bell{flex:0 0 26px;width:26px;height:26px;margin-right:10px}
.tk{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.tk-in{display:flex;width:max-content;animation:tick 60s linear infinite}
.tk:hover .tk-in{animation-play-state:paused}
.w{display:flex;align-items:center;gap:8px;padding:0 22px;font-size:14px;white-space:nowrap;color:#e9e0ff}
.w .av{flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--gold);background-size:cover}
.w b{color:var(--gold)}.w em{font-style:normal;color:#9ad97a;font-weight:700}
@keyframes tick{to{transform:translateX(-50%)}}
/* promos + games */
.promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.pr{position:relative;border-radius:14px;padding:16px 18px;border:1.5px solid #8a6416;background:linear-gradient(135deg,#3b1d0a,#1c1233 70%);overflow:hidden}
.pr strong{display:block;font-size:22px;line-height:1.15;color:var(--gold)}.pr span{display:block;color:#e7dcff;font-size:14px;margin-top:4px}
.pr:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(#f5c54a55,transparent 70%)}
.sec-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.sec-h h2{margin:0;font-size:20px}.sec-h a{font-weight:700;text-decoration:none}
.games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:26px}
.g{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #f5c54a40;transition:transform .15s;background:#24183f}
.g:hover{transform:translateY(-3px)}
.g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.g b{position:relative;display:block;padding:20px 8px 8px;font-size:13px;line-height:1.2;background:linear-gradient(transparent,#000d);text-align:center}
.g i{position:absolute;top:6px;left:6px;font:700 10px/1 sans-serif;background:var(--red);padding:4px 6px;border-radius:6px}
/* article */
.crumbs{font-size:13px;color:var(--muted);margin:16px 0 0}.crumbs a{color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.crumbs li+li:before{content:"›";margin-right:6px}
article{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px clamp(16px,3.4vw,40px);margin-bottom:28px}
.by{font-size:13px;color:var(--muted);margin:0 0 16px}.by a{color:var(--muted)}
article h2{font-size:24px;line-height:1.25;margin:34px 0 12px;color:#fff;padding-bottom:8px;border-bottom:2px solid #6b4a12}
article h2:first-of-type{margin-top:6px}
article h3{font-size:18px;margin:22px 0 6px;color:var(--gold)}
article p{margin:0 0 14px}article li{margin-bottom:6px}article ul,article ol{padding-left:22px;margin:0 0 14px}
.tw{overflow-x:auto;margin:0 0 18px}table{border-collapse:collapse;width:100%;min-width:460px;font-size:15px}th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}th{background:var(--panel2);color:var(--gold)}
.note{border-left:3px solid var(--gold);background:#160f2b;padding:12px 16px;border-radius:0 10px 10px 0;margin:0 0 16px}
.steps{counter-reset:s;list-style:none;padding:0!important}.steps li{counter-increment:s;position:relative;padding:2px 0 10px 44px}.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:31px;height:31px;border-radius:8px;background:linear-gradient(180deg,#ffe28a,#e39b17);color:#3b2200;display:grid;place-items:center;font-weight:800}
.mid{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:6px 0 20px;padding:14px 18px;border-radius:14px;background:linear-gradient(90deg,#3b1d0a,#261a45);border:1px solid #8a6416}
.mid p{margin:0;font-weight:700}
details{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:#170f2d}summary{cursor:pointer;font-weight:700;padding:12px 16px}details p{padding:0 16px}
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:8px}.related a{display:block;padding:12px 14px;border-radius:10px;background:#170f2d;border:1px solid var(--line);text-decoration:none;font-weight:700}.related small{display:block;color:var(--muted);font-weight:400;line-height:1.35;margin-top:3px}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 16px}.team div{background:#170f2d;border:1px solid var(--line);border-radius:12px;padding:14px}.team b{display:block;color:var(--gold)}.team span{font-size:14px;color:var(--muted)}
/* footer + sticky */
footer{background:#0d0919;border-top:1px solid #2a1f4a;padding:30px 0 100px;font-size:14px;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px}footer .fh{font-size:14px;font-weight:700;color:#fff;margin:0 0 8px}footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:5px}footer a{color:#d8cff0}
.flogo{height:40px;width:auto;margin-bottom:10px}
.age{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--red);color:#fff;font-weight:800;margin-right:8px;vertical-align:middle}
.stick{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#1d1436,#0d0919);border-top:1.5px solid var(--gold);box-shadow:0 -6px 20px #0009}
.stick p{margin:0;font-weight:700;color:#fff}.stick p b{color:var(--gold)}
.stick .btn{min-width:170px}
@media(max-width:1100px){.top .wrap{flex-wrap:wrap;padding-top:8px}.nav{order:3;flex:1 0 100%;margin:0 -16px}.nav ul{justify-content:flex-start;padding:0 8px}.acts{margin-left:auto}.top{position:relative}}
@media(max-width:900px){.games{grid-template-columns:repeat(4,minmax(0,1fr))}.promos{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.logo img{height:36px}.btn{padding:0 16px;min-height:42px;font-size:14px}.btn.big{min-height:48px;font-size:16px;width:100%}.hero{margin-top:12px;border-radius:16px}.hero-c{flex-direction:column;align-items:stretch;padding:14px 16px}.hero .cta{align-items:stretch}.hero h1{font-size:23px}.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ticker{height:54px;border-width:10px 34px;border-image-width:10px 34px}.w{font-size:13px;padding:0 14px}article h2{font-size:21px}.fgrid{grid-template-columns:1fr}.stick p{display:none}.stick .btn{flex:1;min-width:0}}
@media(prefers-reduced-motion:reduce){.tk-in{animation:none}.jp-d .s{transition:none}html{scroll-behavior:auto}}