
:root{--bg:#0d0e10;--panel:#17191d;--panel-2:#202329;--text:#f6f7f8;--muted:#aeb2bb;--red:#ff315e;--accent:#20c978;--accent-2:#ffcc4a;--line:rgba(255,255,255,.12);--radius:20px;--shadow:0 20px 60px rgba(0,0,0,.28);--container:1180px}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.68;overflow-wrap:break-word}body[data-theme="bangladesh"]{--accent:#16b77a;--accent-2:#f3d6a4;--panel:#151b1a;--panel-2:#1b2623;--radius:26px}body[data-theme="tanzania"]{--accent:#29bfe8;--accent-2:#ffb34e;--panel:#131b25;--panel-2:#182635;--radius:18px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{margin:0 0 1rem;color:#d9dbe0}h1,h2,h3{line-height:1.08;margin:0 0 1rem;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,6vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.28rem}ul,ol{padding-left:1.25rem}li+li{margin-top:.5rem}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto;min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:50;background:rgba(12,13,15,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.logo{font-weight:900;font-style:italic;font-size:2rem;letter-spacing:-.08em}.logo span{color:var(--red)}.nav{display:flex;gap:10px}.nav a{padding:10px 16px;border-radius:12px;color:#dfe1e6;font-weight:700}.nav a:hover,.nav a:focus-visible{background:var(--panel-2)}.actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:#fff;font:inherit;font-weight:800;cursor:pointer}.button.primary{background:var(--red);border-color:var(--red);box-shadow:0 10px 28px rgba(255,49,94,.22)}.button.ghost{background:#25272b}.button:hover{transform:translateY(-1px);filter:brightness(1.06)}.button:focus-visible,.nav a:focus-visible,.menu-button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.menu-button{display:none;border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:10px;padding:8px 12px;font-size:1.25rem}.hero{position:relative;min-height:720px;display:grid;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.96) 0%,rgba(4,5,7,.82) 36%,rgba(4,5,7,.2) 72%),linear-gradient(0deg,var(--bg),transparent 32%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:48px;align-items:end;padding-block:130px 90px}.hero-copy{max-width:710px}.hero-copy>p{font-size:1.12rem;max-width:65ch}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.text-link{font-weight:800;border-bottom:1px solid var(--accent)}.eyebrow{margin-bottom:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:900}.rating-card{align-self:end;background:rgba(24,27,31,.88);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);backdrop-filter:blur(14px);transform:none}.rating-card>span{font-size:.82rem;color:var(--muted);font-weight:800}.rating-card strong{display:block;font-size:4rem;line-height:1;margin:10px 0}.rating-card small{font-size:1rem;color:var(--muted)}.meter{height:8px;background:#30343a;border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--accent));border-radius:inherit}.rating-card p{font-size:.9rem;margin:14px 0 0}.tag,.age-chip{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,49,94,.14);color:#ff7897;border:1px solid rgba(255,49,94,.3);font-size:.78rem;font-weight:900}section{padding:82px 0}.section-dark{background:#0a0b0d}.section-muted{background:linear-gradient(180deg,var(--panel),rgba(18,20,24,.7))}.section-head{max-width:820px;margin-bottom:30px}.section-head p{max-width:70ch}.grid-2,.pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card.good{border-top:3px solid var(--accent)}.card.risk{border-top:3px solid var(--red)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0}.steps article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.steps span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--red);font-weight:900;margin-bottom:16px}.banner-section{padding:30px 0}.visual-band{position:relative;min-height:390px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;overflow:hidden;border-radius:calc(var(--radius) + 8px);border:1px solid var(--line);background:linear-gradient(120deg,#17191d,#27101a);box-shadow:var(--shadow)}.visual-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%);pointer-events:none}.visual-copy{position:relative;z-index:2;padding:clamp(28px,5vw,62px)}.visual-copy h3{font-size:clamp(1.8rem,3vw,3rem);margin-top:15px}.visual-band img{width:100%;height:100%;min-height:390px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 25%)}.table-wrap{max-width:100%;overflow-x:auto;margin:26px 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;min-width:760px}caption{text-align:left;padding:18px 20px;font-weight:900;color:var(--accent);font-size:1rem}th,td{text-align:left;vertical-align:top;padding:15px;border-top:1px solid var(--line)}th{background:var(--panel-2);color:#fff;font-size:.84rem}td{color:#d8dbe1;font-size:.91rem}.editorial{display:grid;grid-template-columns:150px minmax(0,1fr);gap:35px;align-items:start}.score-badge{position:sticky;top:105px;display:grid;place-items:center;min-height:150px;border-radius:var(--radius);background:linear-gradient(135deg,var(--red),color-mix(in srgb,var(--accent) 55%,#111));font-size:3.2rem;font-weight:950;box-shadow:var(--shadow);transform:none}.score-badge small{font-size:.9rem}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0 20px}.faq summary{cursor:pointer;font-weight:850;padding:18px 0}.faq details p{padding-bottom:18px}.page-hero{padding:110px 0 70px;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(135deg,#0c0d10,var(--panel));border-bottom:1px solid var(--line)}.page-hero .container{max-width:900px}.page-hero p{font-size:1.08rem;max-width:70ch}.legal{max-width:900px}.legal>section{padding:34px 0;border-bottom:1px solid var(--line)}.legal h2{font-size:1.75rem}.check-list{display:grid;gap:10px;list-style:none;padding:0}.check-list li{background:var(--panel);border-left:3px solid var(--accent);padding:14px 18px;border-radius:0 12px 12px 0}.site-footer{padding:60px 0 24px;background:#090a0b;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-grid h2{font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.footer-grid a{display:block;color:var(--muted);padding:5px 0}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:28px;margin-top:32px;border-top:1px solid var(--line);font-size:.85rem}.cookie-banner{position:fixed;z-index:80;left:20px;right:20px;bottom:20px;max-width:760px;margin:auto;background:#202329;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0}.cookie-banner div{display:flex;gap:8px}.not-found{min-height:100vh;display:grid;place-items:center;padding:60px 0;background:radial-gradient(circle at 80% 10%,rgba(255,49,94,.18),transparent 30%),var(--bg)}.not-found-shell{text-align:center;max-width:900px}.not-found-shell>strong{display:block;font-size:clamp(6rem,20vw,15rem);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--red);margin:35px 0 15px}.not-found .visual-band{text-align:left;margin-top:50px}
.editorial-figure{margin:34px 0 10px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.editorial-figure img{width:100%;aspect-ratio:3/2;object-fit:cover}.editorial-figure figcaption{padding:14px 18px;color:var(--muted);font-size:.9rem}
@media(max-width:900px){.header-inner{grid-template-columns:auto auto 1fr;gap:14px}.menu-button{display:block}.nav{display:none;position:fixed;inset:77px 0 auto 0;background:#111318;padding:16px;border-bottom:1px solid var(--line);flex-direction:column}.nav.is-open{display:flex}.actions{justify-self:end}.hero{min-height:670px}.hero-grid{grid-template-columns:1fr;gap:25px;padding-block:100px 55px}.rating-card{max-width:520px}.steps{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.visual-band{grid-template-columns:1fr}.visual-band img{position:absolute;inset:0;opacity:.26;mask-image:none}.visual-copy{max-width:680px}.editorial{grid-template-columns:1fr}.score-badge{position:static;min-height:110px;max-width:180px}}
@media(max-width:640px){.container{width:min(calc(100% - 22px),var(--container))}.site-header .actions .ghost{display:none}.site-header .button{padding:9px 12px;font-size:.82rem}.header-inner{min-height:68px}.nav{inset:69px 0 auto}.logo{font-size:1.65rem}.hero{min-height:760px}.hero-media{object-position:66% center}.hero-shade{background:linear-gradient(0deg,var(--bg),rgba(3,4,6,.58) 70%,rgba(3,4,6,.3)),linear-gradient(90deg,rgba(4,5,7,.92),transparent)}.hero-grid{padding-block:105px 38px}.hero-actions{align-items:flex-start;flex-direction:column}.rating-card{padding:20px}.rating-card strong{font-size:3.2rem}section{padding:58px 0}.grid-2,.pros-cons,.steps{grid-template-columns:1fr}.visual-band{min-height:410px}.visual-band img{min-height:410px}.visual-copy{padding:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.cookie-banner{align-items:stretch;flex-direction:column;left:10px;right:10px;bottom:10px}.cookie-banner div{display:grid;grid-template-columns:1fr 1fr}.page-hero{padding:85px 0 48px}th,td{padding:12px;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Official BDBet sportsbook shell */
html,body{width:100%;max-width:100%;overflow-x:clip}body{background:#0d0d0e;color:#f4f4f5}.brand-header{position:sticky;top:0;z-index:100;background:#171717;border-bottom:1px solid #080808;box-shadow:0 6px 24px rgba(0,0,0,.3)}.brand-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:20px;background:#171717}.brand-logo{display:inline-flex;align-items:center;color:#fff;font-size:2rem;font-style:italic;font-weight:950;letter-spacing:-.08em;white-space:nowrap}.brand-logo span{color:#ff315e}.brand-utilities{display:flex;align-items:center;gap:9px}.utility-icon,.locale-chip{position:relative;display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:10px;background:#292929;color:#fff;font-weight:850}.utility-icon>span{position:absolute;right:-3px;top:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ff315e;font-size:.68rem}.brand-action{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 18px;border-radius:10px;background:#292929;color:#fff;font-weight:850;white-space:nowrap}.brand-action.register{background:#ff315e}.brand-action.full{display:flex;margin:10px}.brand-navbar{height:49px;display:flex;align-items:center;gap:3px;padding:0 12px;background:#202020;overflow-x:auto;scrollbar-width:none}.brand-navbar::-webkit-scrollbar{display:none}.brand-navbar a{flex:0 0 auto;padding:10px 12px;border-radius:9px;color:#c9c9cc;font-size:.9rem;font-weight:800;white-space:nowrap}.brand-navbar a:hover,.brand-navbar a:focus-visible,.brand-navbar a.active{background:#ff315e;color:#fff}.brand-navbar a.poker{margin-left:12px;color:#fff}.brand-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:12px;align-items:start;width:100%;max-width:2048px;margin:0 auto;padding:12px 10px 0}.brand-shell>main{min-width:0;max-width:100%;overflow:clip}.brand-shell>main>.brand-events:first-child{margin-top:0}.sports-rail,.bet-rail{position:sticky;top:117px;max-height:calc(100vh - 128px);overflow:auto;background:#1e1e1f;border-radius:10px;color:#eee}.rail-collapse{width:100%;padding:12px;border:0;border-bottom:8px solid #0d0d0e;background:#292929;color:#c8c8ca;font:inherit}.rail-feature{display:flex;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #39393b;font-weight:750}.rail-title{padding:10px 13px;background:#111;color:#ff5579;font-size:.82rem;font-weight:900;text-transform:uppercase}.rail-sports a{display:flex;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid #2d2d2f;color:#e7e7e8}.rail-sports small{color:#ff5579}.bet-tabs{display:grid;grid-template-columns:1fr 1fr;text-align:center;background:#292929}.bet-tabs>*{padding:12px}.bet-tabs b{background:#ff7897;color:#151515}.bet-empty{display:grid;place-items:center;min-height:190px;margin:10px;padding:22px;text-align:center;background:#292929;border-radius:10px}.bet-empty strong{font-size:2.2rem;color:#ff315e}.app-panel{margin:18px 10px 10px;padding:14px;border:1px solid #535357;border-radius:10px;background:#202020;text-align:center}.app-panel>div{display:flex;justify-content:space-between;margin:-14px -14px 14px;padding:10px 14px;background:#ff7897;color:#181818}.app-panel>strong{display:block}.phone-mark{display:grid;place-items:center;height:100px;margin:12px 0;border:5px solid #777;border-radius:18px;background:#111;color:#fff;font-weight:900}.app-panel>a{display:inline-flex;padding:8px 14px;border-radius:8px;background:#333}.brand-events{padding:10px;background:#171717;border-radius:10px;margin-bottom:12px}.events-title{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 9px}.events-title a{color:#ff5579}.event-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.event-cards article{min-width:0;padding:12px;border:1px solid #343436;border-radius:9px;background:#232324}.event-cards article>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 10px}.event-cards small{color:#bbb}.event-cards article>div{display:flex;gap:5px}.event-cards article span{flex:1;display:flex;justify-content:space-between;gap:5px;padding:7px;background:#3b3b3d;border-radius:7px;font-size:.78rem}.event-cards article strong{color:#fff}.brand-shell .container,.brand-shell .narrow{max-width:100%}.brand-shell section{min-width:0}.brand-shell .hero,.brand-shell .page-hero{border-radius:10px;overflow:hidden}.brand-shell .hero-grid{padding-left:clamp(18px,4vw,58px);padding-right:clamp(18px,4vw,58px)}.brand-shell .rating-card,.brand-shell .score-badge{transform:none!important;border-radius:10px}.brand-shell .table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.brand-shell table{max-width:none}.brand-shell img{max-width:100%;height:auto}.brand-footer{margin-top:12px;padding:18px 10px 10px;background:#1f1f20;color:#ddd}.official-footer-grid{display:grid;grid-template-columns:1.25fr repeat(5,1fr);gap:26px;max-width:2048px;margin:auto;padding:6px 5px 18px}.official-footer-grid h2{margin:0 0 7px;color:#fff;font-size:.88rem}.official-footer-grid a{display:block;padding:3px 0;color:#d0d0d2;font-size:.85rem}.official-footer-grid a:hover{color:#ff5579}.official-footer-bottom{display:flex;justify-content:space-between;gap:24px;max-width:2048px;margin:auto;padding:18px 14px;border-top:10px solid #0d0d0e;background:#202020}.official-footer-bottom p{margin:0;color:#aaa;font-size:.8rem}.footer-badges{display:flex;gap:10px;align-items:center}.footer-badges>*{display:grid;place-items:center;min-width:46px;height:46px;border-radius:12px;background:#292929}.footer-badges b{font-size:1.1rem}.mobile-version{display:block;max-width:330px;margin:10px 0 0 auto;padding:8px;text-align:center;background:#303031;border-radius:8px}.mobile-sports-nav{display:none}.not-found{min-height:calc(100vh - 105px);overflow:hidden}.not-found-shell{width:min(900px,calc(100% - 24px));margin:auto}.cookie-banner{z-index:120}main,.container,.narrow,section,article,.card{min-width:0}
@media(max-width:1400px){.brand-shell{grid-template-columns:230px minmax(0,1fr)}.bet-rail{display:none}.official-footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){.brand-shell{display:block;padding:10px}.sports-rail,.bet-rail{display:none}.event-cards{grid-template-columns:repeat(3,minmax(230px,1fr));overflow-x:auto}.official-footer-grid{grid-template-columns:repeat(3,1fr)}.brand-navbar a{font-size:.82rem}.brand-topbar{padding-inline:14px}.locale-chip,.utility-icon[aria-label="Settings"]{display:none}}
@media(max-width:700px){body{padding-bottom:66px}.brand-topbar{height:58px}.brand-logo{font-size:1.65rem}.brand-utilities{gap:5px}.brand-utilities>.utility-icon,.brand-utilities>.locale-chip{display:none}.brand-action{min-height:36px;padding:8px 10px;font-size:.76rem}.brand-navbar{display:none}.brand-shell{padding:6px}.brand-events{border-radius:8px}.event-cards{grid-template-columns:repeat(3,minmax(235px,1fr))}.event-cards article{padding:10px}.mobile-sports-nav{position:fixed;z-index:130;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:64px;border-top:1px solid #3a3a3b;background:#181819}.mobile-sports-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#ddd;font-size:.67rem;font-weight:750}.mobile-sports-nav a span{font-size:1.1rem;color:#ff5579}.brand-shell .hero,.brand-shell .page-hero{border-radius:8px}.official-footer-grid{grid-template-columns:repeat(2,1fr);gap:22px}.official-footer-bottom{flex-direction:column}.mobile-version{margin-left:0}.cookie-banner{bottom:72px}.not-found{min-height:calc(100vh - 58px)}}
@media(max-width:430px){.brand-action.login{display:inline-flex;padding-inline:8px}.official-footer-grid{grid-template-columns:1fr 1fr}.event-cards{grid-template-columns:repeat(3,minmax(215px,1fr))}}


/* Unified one-row article header and three-column footer */
.brand-topbar.unified-header-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 64px;
  height: auto;
  padding: 7px 18px;
}
.unified-header-row .brand-navbar {
  display: flex;
  min-width: 0;
  height: auto;
  padding: 0;
  overflow-x: auto;
  background: transparent;
  scrollbar-width: none;
}
.unified-header-row .brand-navbar::-webkit-scrollbar { display: none; }
.unified-header-row .brand-navbar a { padding: 8px 10px; font-size: .76rem; }
.unified-header-row .brand-utilities { flex-wrap: nowrap; }
.sports-rail { top: 76px; max-height: calc(100vh - 88px); }
.official-footer-grid {
  grid-template-columns: repeat(3, minmax(0, 240px));
  justify-content: center;
  gap: 48px;
  text-align: center;
}
@media(max-width:1024px) {
  .official-footer-grid { grid-template-columns: repeat(3, minmax(0, 220px)); justify-content: center; }
}
@media(max-width:700px) {
  .brand-topbar.unified-header-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 6px;
    min-height: 58px;
    padding: 6px 8px;
  }
  .unified-header-row .brand-logo { font-size: 1.3rem; }
  .unified-header-row .brand-navbar { display: flex; }
  .unified-header-row .brand-navbar a { padding: 7px 8px; font-size: .58rem; }
  .unified-header-row .brand-utilities { gap: 4px; }
  .unified-header-row .brand-action { min-height: 34px; padding: 7px 8px; font-size: .62rem; }
  .official-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-inline: 4px; }
  .official-footer-grid h2 { font-size: .66rem; overflow-wrap: anywhere; }
  .official-footer-grid a { font-size: .68rem; overflow-wrap: anywhere; }
}




/* Uzbekistan parity shell:start */
/* Official BDBet sportsbook shell */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body {
  background: #0d0d0e;
  color: #f4f4f5;
}

.brand-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #181819;
  border-bottom: 4px solid #0d0d0e;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .32);
}

.brand-topbar {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0 36px;
  gap: 18px;
  background: #171718;
}

.brand-logo {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 2rem;
  font-style: italic;
  font-weight: 950;
  letter-spacing: -.08em;
  line-height: 1;
  white-space: nowrap;
}

.brand-logo span { color: #ff315e; }

.brand-mini-mark {
  color: #ff315e;
  font-size: 1rem;
  transform: rotate(-10deg);
}

.brand-utilities {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
}

.utility-icon,
.locale-chip,
.brand-action {
  min-height: 34px;
  border: 1px solid #333337;
  border-radius: 9px;
  background: #29292b;
  color: #f6f6f7;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.utility-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  padding: 0 9px;
  font-size: 1rem;
}

.utility-icon b {
  position: absolute;
  top: -5px;
  right: -4px;
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border-radius: 50%;
  background: #ff315e;
  color: #fff;
  font-size: .65rem;
}

.brand-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 17px;
  font-size: .82rem;
  font-weight: 780;
  white-space: nowrap;
}

.brand-action.register {
  border-color: #ff315e;
  background: #ff315e;
  color: #fff;
}

.locale-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: .75rem;
  white-space: nowrap;
}

.flag-uz {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  background: linear-gradient(#1eb4e8 0 29%, #ef3159 29% 36%, #fff 36% 65%, #ef3159 65% 72%, #39a95b 72%);
}

.chevron { opacity: .8; }

.brand-navbar {
  display: flex;
  align-items: center;
  min-height: 43px;
  padding: 0 8px;
  gap: 4px;
  overflow-x: auto;
  background: #202021;
  scrollbar-width: none;
}

.brand-navbar::-webkit-scrollbar { display: none; }

.brand-navbar a {
  flex: 0 0 auto;
  padding: 9px 11px;
  border-radius: 8px;
  color: #f1f1f2;
  font-size: .78rem;
  font-weight: 850;
  white-space: nowrap;
}

.brand-navbar a:hover,
.brand-navbar a:focus-visible,
.brand-navbar a.active {
  background: #ff315e;
  color: #fff;
}

.brand-navbar .poker {
  margin-left: 4px;
  font-size: .84rem;
}

.solitaire-icon {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.brand-shell {
  display: grid;
  grid-template-columns: 256px minmax(0, 1fr);
  align-items: start;
  width: 100%;
  max-width: 2048px;
  margin: 0 auto;
  padding: 0 8px;
  background: #d8d8d8;
}

.brand-shell > main {
  min-width: 0;
  max-width: 100%;
  overflow: clip;
  background: #0d0d0e;
}

.sports-rail {
  position: sticky;
  top: 95px;
  z-index: 20;
  width: 250px;
  max-height: calc(100vh - 95px);
  overflow-y: auto;
  border-right: 6px solid #0d0d0e;
  background: #1e1e1f;
  color: #eee;
  scrollbar-width: thin;
}

.rail-collapse,
.rail-feature,
.rail-sport-link,
.featured-match {
  color: inherit;
}

.rail-collapse {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 39px;
  align-items: center;
  margin-bottom: 8px;
  border-radius: 8px;
  background: #29292a;
  color: #c9c9cb;
  font-size: .78rem;
}

.rail-primary {
  overflow: hidden;
  border-radius: 7px 7px 0 0;
}

.rail-feature,
.rail-sport-link {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 34px;
  padding: 5px 8px;
  border-bottom: 1px solid #111;
}

.rail-feature { background: #2a2a2b; }
.rail-feature:hover { background: #333335; }
.rail-icon { text-align: center; }
.rail-chevron { color: #111; }
.rail-feature .rail-chevron { color: #fff; }

.rail-title-row {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 34px;
  padding: 5px 8px;
  background: #282829;
  font-size: .76rem;
}

.featured-match {
  display: block;
  padding: 8px;
  background: #f5f5f5;
  color: #161616;
  font-size: .72rem;
}

.featured-match > span { display: flex; }
.match-heading,
.match-team,
.match-odds { justify-content: space-between; gap: 8px; }
.match-status { margin: 4px 0; color: #ed3158; }
.match-team { margin: 4px 0; }
.match-detail { margin: 7px 0; }
.match-odds span {
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 5px 6px;
  border-radius: 7px;
  background: #dadadd;
}

.rail-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #2b2b2c;
  text-align: center;
}

.rail-tabs a { padding: 9px 4px; color: #f2f2f2; font-size: .75rem; }
.rail-tabs .is-active { background: #181819; }
.live-dot { color: #99d22d; }

.rail-count {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 6px;
  padding: 9px 7px;
  background: #f0f0f0;
  color: #151515;
  font-size: .68rem;
}

.rail-section-label {
  padding: 8px;
  background: #f4f4f4;
  color: #111;
  font-size: .78rem;
}

.rail-sports { background: #fff; }

.rail-sport-link {
  min-height: 33px;
  border-bottom-color: #d8d8d8;
  background: #fff;
  color: #121212;
  font-size: .78rem;
}

.rail-sport-link small { font-size: inherit; }

.brand-events {
  margin: 10px 10px 12px;
  padding: 10px;
  border-radius: 10px;
  background: #171717;
}

.events-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 2px 9px;
}

.events-title a { color: #ff5579; }

.event-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.event-cards article {
  min-width: 0;
  padding: 12px;
  border: 1px solid #343436;
  border-radius: 9px;
  background: #232324;
}

.event-cards article > b {
  display: block;
  overflow: hidden;
  margin: 7px 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-cards small { color: #bbb; }
.event-cards article > div { display: flex; gap: 5px; }
.event-cards article span {
  display: flex;
  flex: 1;
  justify-content: space-between;
  gap: 5px;
  padding: 7px;
  border-radius: 7px;
  background: #3b3b3d;
  font-size: .78rem;
}
.event-cards article strong { color: #fff; }

.brand-shell .container,
.brand-shell .narrow { max-width: 100%; }
.brand-shell section,
.brand-shell main,
.brand-shell article,
.brand-shell .card { min-width: 0; }
.brand-shell .hero,
.brand-shell .page-hero { overflow: hidden; border-radius: 0; }
.brand-shell .hero-grid {
  padding-right: clamp(18px, 4vw, 58px);
  padding-left: clamp(18px, 4vw, 58px);
}
.brand-shell .rating-card,
.brand-shell .score-badge { transform: none !important; border-radius: 10px; }
.brand-shell .table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}
.brand-shell table { max-width: none; }
.brand-shell img { max-width: 100%; height: auto; }

.brand-footer {
  padding: 12px 8px 8px;
  background: #101011;
  color: #e5e5e7;
}

.official-footer-grid,
.official-footer-bottom,
.footer-clock {
  width: 100%;
  max-width: 2048px;
  margin: 0 auto;
  border-radius: 9px;
  background: #202021;
}

.official-footer-grid {
  display: grid;
  grid-template-columns: 1.18fr repeat(5, 1fr);
  gap: 34px;
  padding: 13px 12px 15px;
}

.official-footer-grid h2 {
  margin: 0 0 7px;
  color: #fff;
  font-size: .8rem;
}

.official-footer-grid a {
  display: block;
  padding: 3px 0;
  color: #eeeef0;
  font-size: .73rem;
}

.official-footer-grid a:hover,
.official-footer-grid a:focus-visible,
.footer-legal a:hover { color: #ff5579; }

.app-download-link span {
  display: inline-block;
  width: 18px;
  text-align: center;
}

.official-footer-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 278px;
  gap: 9px;
  margin-top: 8px;
  background: transparent;
}

.footer-legal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 96px;
  padding: 14px;
  border-radius: 9px;
  background: #202021;
}

.footer-legal p {
  margin: 0;
  color: #bdbdc1;
  font-size: .68rem;
  line-height: 1.35;
}

.footer-legal a { color: #fff; text-decoration: underline; }

.footer-actions {
  display: grid;
  grid-template-columns: 1fr 72px;
  gap: 8px;
}

.footer-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 9px;
  background: #202021;
}

.footer-socials a {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 50%;
  background: #f4f4f5;
  color: #111;
  font-size: 1rem;
}

.footer-socials a[aria-label="Instagram"] { color: #e8357a; }

.age-badge {
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #202021;
  color: #fff;
  font-size: 1.3rem;
}

.mobile-version {
  grid-column: 1 / -1;
  display: grid;
  min-height: 36px;
  place-items: center;
  border-radius: 8px;
  background: #303031;
  color: #fff;
  font-size: .78rem;
}

.footer-clock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 38px;
  margin-top: 8px;
  padding: 8px 13px;
  color: #dddde0;
  font-size: .7rem;
}

.support-mark {
  display: grid;
  width: 38px;
  height: 38px;
  margin: -8px -13px -8px 0;
  place-items: center;
  border-radius: 50% 0 0 50%;
  background: #d1d1d3;
  color: #111;
}

.mobile-sports-nav,
.bet-rail { display: none !important; }
.not-found { min-height: calc(100vh - 95px); overflow: hidden; }
.not-found-shell { width: min(900px, calc(100% - 24px)); margin: auto; }
.cookie-banner { z-index: 120; }

@media (max-width: 1100px) {
  .brand-topbar { padding-inline: 14px; }
  .brand-shell { grid-template-columns: 228px minmax(0, 1fr); }
  .sports-rail { width: 222px; }
  .official-footer-grid { grid-template-columns: repeat(3, 1fr); }
  .brand-navbar a { font-size: .72rem; }
}

@media (max-width: 700px) {
  .brand-header { border-bottom-width: 1px; }
  .brand-topbar {
    min-height: 46px;
    padding: 0 7px;
    gap: 7px;
  }
  .brand-logo { font-size: 1.55rem; }
  .brand-mini-mark { display: none; }
  .brand-utilities { gap: 4px; }
  .utility-icon { min-width: 32px; min-height: 32px; padding: 0 7px; }
  .brand-action { min-height: 32px; padding: 6px 10px; font-size: .68rem; }
  .locale-chip { min-height: 32px; padding: 0 7px; font-size: .64rem; }
  .settings-link { display: inline-flex; }
  .brand-navbar {
    min-height: 40px;
    padding: 0 3px;
    gap: 1px;
  }
  .brand-navbar a { padding: 8px 7px; font-size: .67rem; }
  .brand-navbar .desktop-extra { display: none; }
  .brand-navbar .poker { margin-left: 0; }
  .brand-shell {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 0;
  }
  .sports-rail {
    top: 87px;
    display: block;
    width: 38px;
    max-height: calc(100vh - 87px);
    border-right: 3px solid #0d0d0e;
    overflow-x: hidden;
  }
  .rail-collapse,
  .rail-title-row,
  .rail-feature,
  .rail-sport-link {
    display: grid;
    grid-template-columns: 35px;
    width: 35px;
    min-height: 34px;
    margin: 0;
    padding: 0;
    place-items: center;
    border-radius: 0;
  }
  .rail-collapse { margin-bottom: 4px; font-size: 0; background: #29292a; }
  .rail-collapse::before { content: "★"; font-size: .9rem; }
  .rail-primary { border-radius: 0; }
  .rail-feature .rail-label,
  .rail-feature .rail-chevron,
  .rail-title-row strong,
  .rail-title-row > span:last-child,
  .rail-sport-link .rail-label,
  .rail-sport-link .rail-chevron,
  .featured-match,
  .rail-count span,
  .rail-count b,
  .rail-section-label,
  .rail-tabs { display: none; }
  .rail-title-row { background: #29292a; }
  .rail-title-row .rail-icon { display: block; }
  .rail-count {
    display: grid;
    width: 35px;
    height: 34px;
    padding: 0;
    place-items: center;
    background: #fff;
    color: #111;
  }
  .rail-count::before { content: "877"; font-size: .58rem; }
  .rail-sport-link { color: #111; font-size: .82rem; }
  .rail-sport-link .rail-icon { width: 35px; }
  .brand-events { margin: 6px; }
  .event-cards {
    grid-template-columns: repeat(3, minmax(225px, 1fr));
    overflow-x: auto;
  }
  .brand-shell .hero,
  .brand-shell .page-hero { border-radius: 0; }
  .official-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 14px; }
  .official-footer-bottom { grid-template-columns: minmax(0, 1fr) 35%; }
  .footer-legal { min-height: 136px; }
  .footer-actions { grid-template-columns: 1fr 58px; }
  .footer-socials { gap: 5px; }
  .footer-socials a { width: 34px; height: 34px; }
  .age-badge { font-size: 1.05rem; }
  .mobile-version { font-size: .7rem; }
  .not-found { min-height: calc(100vh - 87px); }
}

@media (max-width: 520px) {
  .brand-topbar { align-items: center; }
  .brand-logo { font-size: 1.35rem; }
  .gift-link,
  .ticket-link { min-width: 29px; padding-inline: 5px; }
  .brand-action { padding-inline: 8px; font-size: .6rem; }
  .settings-link { min-width: 29px; padding-inline: 5px; }
  .locale-chip { padding-inline: 5px; font-size: .57rem; }
  .official-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .official-footer-bottom { grid-template-columns: 1fr; }
  .footer-legal { min-height: 0; }
  .footer-actions { min-height: 105px; }
}

@media (max-width: 410px) {
  .brand-topbar { flex-wrap: wrap; padding-block: 5px; }
  .brand-logo { margin-right: auto; }
  .brand-utilities { width: 100%; justify-content: flex-end; }
  .brand-action { font-size: .58rem; }
  .brand-navbar { min-height: 38px; }
  .sports-rail { top: 110px; max-height: calc(100vh - 110px); }
  .brand-navbar a { padding-inline: 6px; }
}

/* Reference-accurate shell refinement */
.ui-icon {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  flex: 0 0 auto;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -.18em;
}

.ui-icon.fill {
  fill: currentColor;
  stroke-width: 1.25;
}

.mobile-brand-header,
.mobile-official-footer {
  display: none;
}

.brand-header a,
.sports-rail a,
.brand-footer a {
  text-decoration: none;
}

.brand-topbar {
  gap: 0;
}

.brand-utilities {
  margin-left: auto;
}

.locale-flag {
  display: grid;
  width: 36px;
  min-height: 34px;
  place-items: center;
  border: 1px solid #333337;
  border-radius: 9px;
  background: #29292b;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

.locale-flag img {
  display: block;
  width: 25px;
  height: auto;
}

.header-tool-icon {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.brand-navbar a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.brand-navbar .ui-icon {
  width: 16px;
  height: 16px;
}

.utility-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.rail-icon .ui-icon {
  width: 17px;
  height: 17px;
}

.rail-collapse {
  gap: 7px;
}

.rail-collapse .ui-icon {
  width: 15px;
  height: 15px;
}

.featured-match .ui-icon {
  width: 14px;
  height: 14px;
}

.match-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.app-download-link {
  display: flex !important;
  align-items: center;
  gap: 6px;
}

.app-download-link .ui-icon {
  width: 15px;
  height: 15px;
}

.footer-socials .ui-icon {
  width: 21px;
  height: 21px;
}

.footer-socials img {
  display: block;
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.support-mark .ui-icon {
  width: 19px;
  height: 19px;
}

.brand-shell .hero {
  padding: 0;
}

.brand-shell .hero-grid {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 620px;
  align-items: center;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #0d0d0e;
}

.brand-shell .hero-copy {
  position: relative;
  z-index: 2;
  width: min(720px, 62%);
  padding: clamp(40px, 6vw, 88px);
  text-shadow: 0 2px 14px rgba(0, 0, 0, .88);
}

.brand-shell .hero-copy .lead {
  color: #f4f4f6;
}

.brand-shell .hero-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  min-height: 100%;
  margin: 0;
}

.brand-shell .hero-media img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.brand-shell .hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 8, 10, .96) 0%, rgba(8, 8, 10, .86) 36%, rgba(8, 8, 10, .48) 68%, rgba(8, 8, 10, .24) 100%),
    linear-gradient(0deg, rgba(8, 8, 10, .64) 0%, transparent 42%);
}

.brand-shell .hero-buttons .button.ghost {
  background: rgba(10, 10, 12, .58);
  border-color: rgba(255, 255, 255, .45);
}

.brand-shell .rating {
  background: rgba(36, 24, 30, .88);
  backdrop-filter: blur(7px);
}

@media (max-width: 700px) {
  body {
    padding-bottom: 136px;
  }

  .desktop-brand-header,
  .desktop-official-footer {
    display: none;
  }

  .mobile-brand-header,
  .mobile-official-footer {
    display: block;
  }

  .brand-header {
    border: 0;
    background: #1b1b1c;
    box-shadow: none;
  }

  .mobile-account-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    padding: 10px 16px;
    background: #1b1b1c;
  }

  .mobile-account-row .brand-logo {
    margin: 0;
    font-size: 1.65rem;
  }

  .mobile-account-actions {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .mobile-login,
  .mobile-register {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    border-radius: 10px;
    background: #29292a;
    color: #fff;
    font-size: .78rem;
    white-space: nowrap;
  }

  .mobile-register {
    background: #ff315e;
  }

  .mobile-line-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    padding: 9px 10px;
    background: #2c2c2d;
  }

  .mobile-line-start,
  .mobile-line-tools {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .mobile-square-action {
    display: grid;
    width: 41px;
    height: 41px;
    place-items: center;
    border-radius: 9px;
    background: #484849;
    color: #fff;
  }

  .mobile-square-action .ui-icon {
    width: 23px;
    height: 23px;
    stroke-width: 2.5;
  }

  .mobile-line-title {
    padding: 8px 7px;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 850;
    text-transform: none;
  }

  .brand-shell {
    display: block;
    padding: 0;
    background: #0d0d0e;
  }

  .sports-rail {
    display: none;
  }

  .brand-shell > main {
    width: 100%;
  }

  .brand-shell .hero-grid {
    min-height: 700px;
  }

  .brand-shell .hero-copy {
    width: 100%;
    padding: 54px 24px 46px;
    align-self: stretch;
    justify-content: flex-end;
  }

  .brand-shell .hero-copy h1 {
    font-size: clamp(2.25rem, 11vw, 3.25rem);
  }

  .brand-shell .hero-copy .lead {
    font-size: 1rem;
    line-height: 1.55;
  }

  .brand-shell .hero-media {
    min-height: 100%;
  }

  .brand-shell .hero-media::after {
    background:
      linear-gradient(0deg, rgba(8, 8, 10, .98) 0%, rgba(8, 8, 10, .9) 42%, rgba(8, 8, 10, .32) 78%, rgba(8, 8, 10, .15) 100%),
      linear-gradient(90deg, rgba(8, 8, 10, .68), transparent 78%);
  }

  .brand-footer {
    padding: 18px 8px 8px;
    background: #0d0d0e;
  }

  .mobile-official-footer {
    max-width: 560px;
    margin: 0 auto;
  }

  .mobile-app-promo {
    position: relative;
    display: grid;
    grid-template-columns: 46% 1fr;
    min-height: 66px;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
    background: #2b2b2c;
    color: #fff;
  }

  .phone-preview {
    position: absolute;
    left: 36px;
    bottom: -30px;
    display: grid;
    width: 104px;
    height: 88px;
    place-items: center;
    border: 8px solid #a8a8aa;
    border-radius: 26px 26px 0 0;
    background: #151516;
    box-shadow: 0 0 32px rgba(255, 255, 255, .09);
  }

  .phone-preview::before {
    content: "";
    position: absolute;
    top: -2px;
    width: 54px;
    height: 12px;
    border-radius: 0 0 9px 9px;
    background: #a8a8aa;
  }

  .phone-preview > span {
    display: flex;
    gap: 18px;
  }

  .phone-preview .ui-icon {
    width: 23px;
    height: 23px;
  }

  .mobile-app-copy {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    padding: 9px 14px;
  }

  .mobile-app-copy .brand-logo {
    font-size: 1.55rem;
  }

  .mobile-app-copy small {
    font-size: .82rem;
  }

  .mobile-social-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px;
  }

  .mobile-social-row a {
    display: grid;
    min-height: 42px;
    place-items: center;
    border-radius: 9px;
    background: #2b2b2c;
    color: #fff;
  }

  .mobile-social-row a[aria-label="Instagram"] {
    color: #ff3d85;
  }

  .mobile-social-row .ui-icon {
    width: 23px;
    height: 23px;
  }

  .mobile-social-row img {
    display: block;
    width: 29px;
    height: 29px;
    object-fit: contain;
  }

  .mobile-support-card {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 10px;
    padding: 8px 14px;
    border-radius: 10px;
    background: #2b2b2c;
    color: #fff;
  }

  .mobile-support-art {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff9ac1, #ff315e);
  }

  .mobile-support-art .ui-icon {
    width: 28px;
    height: 28px;
  }

  .mobile-support-card > span:last-child {
    display: flex;
    flex-direction: column;
  }

  .mobile-support-card b {
    font-size: .9rem;
  }

  .mobile-support-card small {
    margin-top: 2px;
    font-size: .75rem;
  }

  .mobile-copyright {
    padding: 14px 12px 9px;
    text-align: center;
  }

  .mobile-copyright p {
    margin: 0 0 10px;
    color: #fff;
    font-size: .82rem;
    line-height: 1.35;
  }

  .mobile-copyright a {
    color: #aaa;
    text-decoration: underline !important;
  }

  .mobile-footer-meta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 9px;
    padding: 0 12px 10px;
  }

  .mobile-footer-meta > * {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #202021;
    color: #fff;
  }

  .full-version-link {
    color: #ff315e;
    text-align: center;
    text-decoration: underline !important;
  }

  .mobile-locale {
    display: flex;
    align-items: center;
    gap: 7px;
  }

  .mobile-install-bar {
    position: fixed;
    z-index: 140;
    right: 0;
    bottom: 68px;
    left: 0;
    display: grid;
    grid-template-columns: 38px 46px minmax(0, 1fr) auto;
    min-height: 58px;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-top: 1px solid #555;
    background: #2c2c2d;
    box-shadow: 0 -5px 18px rgba(0, 0, 0, .3);
  }

  .install-close {
    display: grid;
    place-items: center;
    color: #ddd;
  }

  .install-close .ui-icon {
    width: 25px;
    height: 25px;
    stroke-width: 2.5;
  }

  .install-app-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(145deg, #43101d, #141416);
    color: #ff315e;
    font-style: italic;
    font-weight: 950;
  }

  .install-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
  }

  .install-copy b {
    color: #fff;
    font-size: 1rem;
  }

  .install-copy span {
    color: #fff;
    font-size: .7rem;
    letter-spacing: 1px;
  }

  .install-download {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: .88rem;
    font-weight: 900;
    white-space: nowrap;
  }

  .install-download .ui-icon {
    width: 25px;
    height: 25px;
  }

  .mobile-bottom-nav {
    position: fixed;
    z-index: 145;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    min-height: 68px;
    border-top: 1px solid #d6d6d6;
    background: #fff;
  }

  .mobile-bottom-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    color: #1a1a1a;
    font-size: .76rem;
  }

  .mobile-bottom-nav .ui-icon {
    width: 23px;
    height: 23px;
    color: #737373;
  }

  .mobile-bottom-nav a.is-active .ui-icon {
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: 50%;
    background: #c9c9ca;
    color: #111;
  }

  .mobile-bottom-nav a.is-active span {
    font-weight: 900;
  }

  .mobile-bottom-nav .bottom-nav-icon {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
  }

  .mobile-bottom-nav a.is-active .bottom-nav-icon {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    background: #c9c9ca;
  }

  .cookie-banner {
    bottom: 144px;
  }

  .not-found {
    min-height: calc(100vh - 120px);
  }
}

@media (max-width: 420px) {
  .mobile-account-row {
    padding-inline: 12px;
  }

  .mobile-account-row .brand-logo {
    font-size: 1.5rem;
  }

  .mobile-login,
  .mobile-register {
    min-height: 37px;
    padding-inline: 11px;
    font-size: .7rem;
  }

  .mobile-square-action {
    width: 39px;
    height: 39px;
  }

  .mobile-line-title {
    font-size: 1.2rem;
  }

  .brand-shell .hero-copy {
    padding-inline: 20px;
  }

  .mobile-support-card b {
    font-size: .84rem;
  }

  .mobile-footer-meta {
    grid-template-columns: auto 1fr auto;
    padding-inline: 4px;
  }

  .mobile-footer-meta > * {
    padding-inline: 8px;
    font-size: .72rem;
  }

  .mobile-install-bar {
    grid-template-columns: 30px 42px minmax(0, 1fr) auto;
    gap: 6px;
    padding-inline: 7px;
  }

  .install-download {
    font-size: .76rem;
  }
}


/* Five-page navigation */
.official-footer-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobile-footer-links {
  display: none;
}

@media (max-width: 700px) {
  .mobile-section-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    padding: 7px 6px;
    background: #2c2c2d;
  }

  .mobile-section-tabs a {
    display: flex;
    min-width: 0;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 6px 3px;
    border-radius: 8px;
    color: #f6f6f7;
    font-size: .61rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    overflow-wrap: anywhere;
  }

  .mobile-section-tabs a:hover,
  .mobile-section-tabs a:focus-visible,
  .mobile-section-tabs a.active {
    background: #ff315e;
    color: #fff;
  }

  .mobile-footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 12px;
    padding: 15px 14px;
    border-radius: 10px;
    background: #202021;
  }

  .mobile-footer-links h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: .73rem;
  }

  .mobile-footer-links a {
    display: block;
    padding: 4px 0;
    color: #eeeef0;
    font-size: .73rem;
    line-height: 1.35;
  }

  .mobile-footer-links a:hover,
  .mobile-footer-links a:focus-visible {
    color: #ff5579;
  }
}


/* Unified one-row header and centered three-column footer */
.unified-header-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 58px;
}
.unified-header-row .brand-navbar {
  min-width: 0;
  min-height: 0;
  padding: 0;
  background: transparent;
  overflow-x: auto;
}
.official-footer-grid {
  grid-template-columns: repeat(3, minmax(0, 230px));
  justify-content: center;
  gap: 48px;
  text-align: center;
}
@media (max-width: 700px) {
  .mobile-account-row.unified-header-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 6px;
    padding: 7px 8px;
  }
  .unified-header-row .mobile-section-tabs {
    display: flex;
    min-width: 0;
    gap: 3px;
    padding: 0;
    overflow-x: auto;
    background: transparent;
    scrollbar-width: none;
  }
  .unified-header-row .mobile-section-tabs::-webkit-scrollbar { display: none; }
  .unified-header-row .mobile-section-tabs a {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 6px 8px;
    font-size: .58rem;
  }
  .mobile-account-row .brand-logo { font-size: 1.35rem; }
  .mobile-account-actions { gap: 4px; }
  .mobile-login, .mobile-register {
    min-height: 34px;
    padding: 7px 8px;
    font-size: .62rem;
  }
  .mobile-footer-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: center;
    gap: 8px;
    text-align: center;
  }
  .mobile-footer-links h2 { font-size: .62rem; }
  .mobile-footer-links a { font-size: .66rem; overflow-wrap: anywhere; }
}



/* Local article compatibility after applying the Uzbekistan shell */
.skip-link { position: fixed; left: 16px; top: -70px; z-index: 140; padding: 10px 14px; background: #fff; color: #111; }
.skip-link:focus { top: 12px; }
.locale-emoji { display: inline-grid; place-items: center; width: 22px; height: 22px; font-size: 18px; line-height: 1; }
.sports-rail .rail-sports .rail-sport-link { color: #121212; }
.brand-shell .hero > img.hero-media { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 100%; object-fit: cover; }
.brand-shell .hero > .hero-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(4,5,7,.96), rgba(4,5,7,.76) 45%, rgba(4,5,7,.28)), linear-gradient(0deg, var(--bg), transparent 32%); }
.brand-shell .hero > .hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); gap: 42px; width: min(calc(100% - 36px), var(--container)); min-height: 680px; margin-inline: auto; padding: 110px 0 72px; overflow: visible; background: transparent; }
.brand-shell .hero > .hero-grid .hero-copy { width: auto; padding: 0; align-self: end; }
.brand-shell .hero > .hero-grid .rating-card { align-self: end; }
.brand-shell > main > .hero:first-child { margin-top: 0; }
.brand-shell > main > .page-hero:first-child { margin-top: 0; }
@media (max-width: 900px) {
  .brand-shell .hero > .hero-grid { grid-template-columns: 1fr; gap: 24px; min-height: 650px; padding: 88px 0 48px; }
  .brand-shell .hero > .hero-grid .hero-copy { width: 100%; }
}
@media (max-width: 700px) {
  .brand-shell .hero > .hero-grid { min-height: 720px; width: min(calc(100% - 28px), var(--container)); padding: 96px 0 38px; align-content: end; }
  .brand-shell .hero > .hero-shade { background: linear-gradient(0deg, var(--bg), rgba(3,4,6,.62) 72%, rgba(3,4,6,.28)), linear-gradient(90deg, rgba(4,5,7,.88), transparent); }
  .brand-shell .hero > img.hero-media { object-position: 66% center; }
}

/* Uzbekistan parity shell:end */

/* Official shell reset:start */
.brand-header {
  border: 0;
  box-shadow: none;
}
.brand-header .brand-topbar,
.brand-header .brand-navbar {
  box-shadow: none;
}
.brand-header .brand-action,
.brand-header .locale-flag {
  border: 0;
  box-shadow: none;
  outline: 0;
}
.brand-shell {
  gap: 0;
}
.sports-rail {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
}
.sports-rail .rail-collapse {
  border: 0;
  box-shadow: none;
  outline: 0;
}
.sports-rail .rail-sports .rail-sport-link {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  min-height: 33px;
  padding: 5px 8px;
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
  box-shadow: none;
  color: #121212;
}
.sports-rail .rail-sport-link small {
  color: inherit;
}
.brand-footer {
  margin-top: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
}
.desktop-official-footer,
.mobile-official-footer,
.official-footer-grid,
.official-footer-bottom,
.footer-clock,
.footer-legal,
.footer-actions,
.footer-socials,
.age-badge,
.mobile-version {
  border: 0;
  box-shadow: none;
  outline: 0;
}
.official-footer-bottom {
  border: 0;
}
@media (min-width: 701px) {
  .brand-topbar.unified-header-row {
    height: 48px;
    min-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .unified-header-row .brand-navbar {
    height: auto;
  }
  .sports-rail {
    top: 48px;
    max-height: calc(100vh - 48px);
  }
}
@media (min-width: 851px) and (max-width: 1100px) {
  .brand-shell {
    display: grid;
    grid-template-columns: 228px minmax(0, 1fr);
    padding: 0 8px;
  }
  .sports-rail {
    display: block;
    width: 222px;
  }
}
@media (min-width: 1101px) {
  .brand-shell {
    display: grid;
    grid-template-columns: 256px minmax(0, 1fr);
    padding: 0 8px;
  }
  .sports-rail {
    display: block;
    width: 250px;
  }
}
@media (max-width: 700px) {
  .mobile-account-row,
  .mobile-account-actions,
  .mobile-login,
  .mobile-register,
  .mobile-app-promo,
  .mobile-social-row a,
  .mobile-support-card,
  .mobile-footer-links,
  .mobile-footer-meta > * {
    border: 0;
    box-shadow: none;
    outline: 0;
  }
}
/* Official shell reset:end */

/* Reference footer parity and outer edge cleanup:start */
body .brand-shell {
  padding-right: 0;
  padding-left: 0;
  background: #0d0d0e;
}

body .brand-footer {
  margin: 0;
  padding: 12px 8px 8px;
  border: 0;
  border-radius: 0;
  background: #101011;
  color: #e5e5e7;
  box-shadow: none;
}

body .brand-footer .desktop-official-footer {
  display: block;
}

body .brand-footer .official-footer-grid,
body .brand-footer .official-footer-bottom,
body .brand-footer .footer-clock {
  width: 100%;
  max-width: 2048px;
  margin-right: auto;
  margin-left: auto;
  border: 0;
  border-radius: 9px;
  box-shadow: none;
}

body .brand-footer .official-footer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 230px));
  justify-content: center;
  gap: 48px;
  padding: 13px 12px 15px;
  background: #202021;
  text-align: center;
}

body .brand-footer .official-footer-grid section,
body .brand-footer .mobile-footer-links section {
  min-width: 0;
  margin: 0;
  padding: 0;
}

body .brand-footer .official-footer-grid h2 {
  margin: 0 0 7px;
  padding: 0;
  color: #fff;
  font-size: .8rem;
  line-height: 1.16;
  letter-spacing: -.028em;
}

body .brand-footer .official-footer-grid a {
  display: block;
  margin: 0;
  padding: 3px 0;
  color: #eeeef0;
  font-size: .73rem;
  line-height: 1.68;
  text-align: center;
}

body .brand-footer .official-footer-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 278px;
  gap: 9px;
  margin-top: 8px;
  padding: 0;
  background: transparent;
}

body .brand-footer .footer-legal {
  display: flex;
  min-height: 96px;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 14px;
  border: 0;
  border-radius: 9px;
  background: #202021;
  box-shadow: none;
}

body .brand-footer .footer-legal p {
  margin: 0;
  color: #bdbdc1;
  font-size: .68rem;
  line-height: 1.35;
}

body .brand-footer .footer-actions {
  display: grid;
  grid-template-columns: 1fr 72px;
  gap: 8px;
  min-height: 0;
  margin: 0;
  padding: 0;
}

body .brand-footer .footer-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: #202021;
  box-shadow: none;
}

body .brand-footer .footer-socials a {
  display: grid;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f4f4f5;
  box-shadow: none;
}

body .brand-footer .age-badge {
  display: grid;
  margin: 0;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 9px;
  background: #202021;
  color: #fff;
  font-size: 1.3rem;
  box-shadow: none;
}

body .brand-footer .mobile-version {
  grid-column: 1 / -1;
  display: grid;
  width: auto;
  max-width: none;
  min-height: 36px;
  margin: 0;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: #303031;
  color: #fff;
  font-size: .78rem;
  text-align: start;
  box-shadow: none;
}

body .brand-footer .footer-clock {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  padding: 8px 13px;
  background: #202021;
  color: #dddde0;
  font-size: .7rem;
}

@media (max-width: 700px) {
  body .brand-footer {
    padding: 18px 8px 8px;
    background: #0d0d0e;
  }

  body .brand-footer .desktop-official-footer {
    display: none;
  }

  body .brand-footer .mobile-official-footer {
    display: block;
    width: auto;
    max-width: 560px;
    margin: 0 auto;
    padding: 0;
  }

  body .brand-footer .mobile-footer-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 15px 14px;
    border: 0;
    border-radius: 10px;
    background: #202021;
    text-align: center;
    box-shadow: none;
  }

  body .brand-footer .mobile-footer-links h2 {
    margin: 0 0 8px;
    padding: 0;
    color: #fff;
    font-size: .62rem;
    line-height: 1.16;
    letter-spacing: -.028em;
  }

  body .brand-footer .mobile-footer-links a {
    display: block;
    margin: 0;
    padding: 4px 0;
    color: #eeeef0;
    font-size: .66rem;
    line-height: 1.35;
    text-align: center;
    overflow-wrap: anywhere;
  }
}
/* Reference footer parity and outer edge cleanup:end */

/* FAQ article layout for secondary pages:start */
.faq article {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface, var(--panel));
}

.faq button {
  width: 100%;
  padding: 18px 20px;
  border: 0;
  background: transparent;
  color: #fff;
  text-align: left;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.faq button::after {
  content: "+";
  float: right;
  margin-left: 16px;
  color: var(--red);
  font-size: 20px;
  line-height: 1;
}

.faq button[aria-expanded="true"]::after {
  content: "−";
}

.faq [role="region"] {
  padding: 0 20px 20px;
  color: var(--muted);
}
/* FAQ article layout for secondary pages:end */

/* Mobile site menu:start */
.mobile-site-menu { display: none; }

@media (max-width: 700px) {
  body.mobile-site-menu-open { overflow: hidden; }
  .unified-header-row .mobile-section-tabs { overscroll-behavior-inline: contain; scroll-snap-type: inline proximity; -webkit-overflow-scrolling: touch; }
  .unified-header-row .mobile-section-tabs a { scroll-snap-align: start; }
  .mobile-bottom-nav a:last-child[aria-controls="mobile-site-menu"] { cursor: pointer; }
  .mobile-bottom-nav a:last-child[aria-expanded="true"] { color: #111; font-weight: 900; background: #ececed; }
  .mobile-site-menu { position: fixed; z-index: 210; inset: 0; display: block; visibility: hidden; pointer-events: none; }
  .mobile-site-menu.is-open { visibility: visible; pointer-events: auto; }
  .mobile-site-menu__backdrop { position: absolute; inset: 0 0 68px; width: 100%; border: 0; background: rgba(0,0,0,.7); opacity: 0; transition: opacity .2s ease; }
  .mobile-site-menu.is-open .mobile-site-menu__backdrop { opacity: 1; }
  .mobile-site-menu__panel { position: absolute; right: 8px; bottom: 76px; left: 8px; max-height: calc(100dvh - 96px); overflow: auto; padding: 0 14px 16px; border: 1px solid #454549; border-radius: 16px; background: #171718; box-shadow: 0 18px 50px rgba(0,0,0,.46); color: #fff; transform: translateY(24px); opacity: 0; transition: transform .2s ease, opacity .2s ease; }
  .mobile-site-menu.is-open .mobile-site-menu__panel { transform: translateY(0); opacity: 1; }
  .mobile-site-menu__header { position: sticky; top: 0; z-index: 1; display: flex; min-height: 58px; align-items: center; justify-content: space-between; background: #171718; }
  .mobile-site-menu__header strong { font-size: 1.05rem; }
  .mobile-site-menu__close { display: grid; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid #454549; border-radius: 50%; background: #28282b; color: #fff; font-size: 1.65rem; line-height: 1; cursor: pointer; }
  .mobile-site-menu__links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .mobile-site-menu__links a { display: flex; min-height: 48px; align-items: center; padding: 10px 12px; border-radius: 10px; background: #28282b; color: #f6f6f7; font-size: .78rem; font-weight: 800; line-height: 1.25; text-decoration: none; }
  .mobile-site-menu__links a:hover,
  .mobile-site-menu__links a:focus-visible,
  .mobile-site-menu__links a[aria-current="page"] { background: #ff315e; color: #fff; }
}
@media (max-width: 380px) { .mobile-site-menu__links { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .mobile-site-menu__backdrop, .mobile-site-menu__panel { transition: none; } }
/* Mobile site menu:end */
