/* ===== Tokens ===== */
:root{
  --bg:#0c0710;
  --bg-2:#160c1c;
  --bg-3:#1d1226;
  --bg-4:#251632;
  --line:#33203f;
  --line-2:#43294f;
  --purple:#7b3fb5;
  --purple-2:#5a2b86;
  --purple-bright:#9d5ad6;
  --gold:#d4a24e;
  --gold-2:#b8863a;
  --green:#2f9e2a;
  --green-2:#247d20;
  --text:#efe7f2;
  --muted:#b09cbe;
  --white:#ffffff;
  --maxw:1240px;
  --gap:16px;
  --pad:16px;
  --fs:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --speed:.2s;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--fs);
  font-size:16px;
  line-height:1.6;
  padding-bottom:64px; /* place for mobile sticky bar */
}
img{max-width:100%;height:auto;display:block;border:0}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0}
button{font-family:inherit;cursor:pointer}

/* ===== Header ===== */
._h0a1{
  position:sticky;top:0;z-index:40;
  background:var(--bg-2);
  border-bottom:1px solid var(--line);
}
._q2b3{
  max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:center;gap:12px;
  padding:10px var(--pad);
}
._l4c5 img{height:42px;width:auto}
._l4c5{flex:0 0 auto}
._s6d7{display:none;flex:1 1 auto}
._s6d7i{
  width:100%;padding:10px 14px;
  background:var(--bg-4);
  border:1px solid var(--line-2);
  color:var(--text);font-size:14px;outline:none;
}
._s6d7i::placeholder{color:var(--muted)}
._s6d7i:focus{border-color:var(--purple-bright)}
._a8e9{display:none;gap:10px;flex:0 0 auto;margin-left:auto}

/* burger */
._b7j8{
  display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
  width:42px;height:42px;background:var(--bg-4);
  border:1px solid var(--line-2);padding:0 10px;
}
._b7j8 span{display:block;height:2px;background:var(--text)}

/* shared button (register / green / gold) */
._r1f2,._c7p8{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 22px;border:2px solid var(--gold);
  background:var(--purple);color:var(--white);
  font-weight:800;font-size:14px;text-transform:uppercase;
  letter-spacing:.4px;font-style:italic;
  transition:background var(--speed) ease,transform var(--speed) ease;
}
._r1f2:hover,._c7p8:hover{background:var(--purple-2);transform:translateY(-2px)}
._g3h4{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 22px;border:2px solid var(--gold-2);
  background:transparent;color:var(--text);
  font-weight:800;font-size:14px;text-transform:uppercase;
  letter-spacing:.4px;font-style:italic;
  transition:background var(--speed) ease,transform var(--speed) ease;
}
._g3h4:hover{background:var(--bg-4);transform:translateY(-2px)}

/* nav */
._n5i6{
  display:none;
  background:var(--bg);border-bottom:1px solid var(--line);
}
._n5i6a,._n5i6b{
  display:flex;flex-wrap:wrap;gap:18px;
  padding:0;list-style:none;align-items:center;
}
._n5i6b{color:var(--gold)}
._n5i6 a{
  font-size:13px;font-weight:700;text-transform:uppercase;
  letter-spacing:.4px;padding:6px 0;display:inline-block;
  border-bottom:2px solid transparent;transition:border-color var(--speed) ease,color var(--speed) ease;
}
._n5i6 a:hover{color:var(--purple-bright);border-bottom-color:var(--gold)}

/* ===== Hero ===== */
._x1m2{max-width:var(--maxw);margin:0 auto;padding:var(--pad)}
._x1m2m{
  position:relative;
  min-height:300px;
  background-image:url(../img/hero-westace.png);
  background-size:cover;background-position:center right;
  border:1px solid var(--line-2);
  display:flex;align-items:center;
  padding:24px;
}
._x1m2m::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(12,7,16,.92) 0%,rgba(12,7,16,.55) 55%,rgba(12,7,16,0) 100%);
}
._x1m2b{position:relative;z-index:2;max-width:520px}
._d3n4{
  display:inline-block;background:var(--gold);color:#2a1605;
  font-weight:800;font-size:12px;text-transform:uppercase;
  letter-spacing:.6px;padding:6px 12px;margin-bottom:14px;
}
._t5o6{
  font-size:34px;line-height:1.1;font-weight:900;font-style:italic;
  color:var(--white);text-transform:uppercase;margin-bottom:20px;
}
._w9q0{display:flex;gap:8px;justify-content:center;margin-top:14px}
._w9q0 span{width:26px;height:4px;background:var(--line-2)}
._w9q0 ._w9q0a{background:var(--gold)}

/* ===== Section base ===== */
._z1r2,._o1w2,._u5y6{max-width:var(--maxw);margin:0 auto;padding:28px var(--pad)}
._z1r2h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
._z1r2t{font-size:20px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.4px}
._e3s4{font-size:13px;font-weight:700;color:var(--gold);text-transform:uppercase}
._e3s4:hover{color:var(--purple-bright)}

/* ===== Games grid ===== */
._g5t6{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);
}
._k7u8{
  position:relative;background:var(--bg-3);
  border:1px solid var(--line);padding:8px;
  transition:border-color var(--speed) ease,transform var(--speed) ease;
}
._k7u8:hover{border-color:var(--gold-2);transform:translateY(-4px)}
._k7u8m{overflow:hidden;background:var(--bg-2);aspect-ratio:3/4}
._k7u8m img{width:100%;height:100%;object-fit:cover;transition:transform var(--speed) ease}
._k7u8:hover ._k7u8m img{transform:scale(1.04)}
._k7u8b{
  position:absolute;top:14px;left:14px;z-index:2;
  background:var(--gold);color:#2a1605;
  font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.5px;padding:3px 8px;
}
._k7u8t{font-size:13px;font-weight:700;margin-top:8px}
._k7u8a{font-size:12px;color:var(--gold);margin-top:2px}

/* ===== Bonus ===== */
._o1w2g{display:grid;grid-template-columns:1fr;gap:var(--gap)}
._o1w2c{
  background:var(--bg-3);border:1px solid var(--line);
  display:flex;flex-direction:column;
  transition:border-color var(--speed) ease}
._o1w2c:hover{border-color:var(--gold-2)}
._o1w2m{background:var(--bg-2);overflow:hidden}
._o1w2m img{width:100%;height:200px;object-fit:cover}
._o1w2x{padding:16px}
._o1w2h{font-size:16px;font-weight:800;font-style:italic;text-transform:uppercase;margin-bottom:6px}
._o1w2x p{margin:0;color:var(--muted);font-size:14px}

/* ===== Sports ===== */
._p9v0g{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}
._p9v0i{
  position:relative;margin:0;overflow:hidden;
  border:1px solid var(--line);background:var(--bg-2);
  aspect-ratio:1/1;
  transition:border-color var(--speed) ease,transform var(--speed) ease}
._p9v0i:hover{border-color:var(--gold-2);transform:translateY(-4px)}
._p9v0i img{width:100%;height:100%;object-fit:cover;transition:transform var(--speed) ease}
._p9v0i:hover img{transform:scale(1.05)}
._p9v0i figcaption{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(0deg,rgba(12,7,16,.92),rgba(12,7,16,0));
  color:var(--white);font-weight:800;font-size:14px;text-transform:uppercase;
  letter-spacing:.4px;padding:24px 12px 10px}

/* ===== App / mobile ===== */
._u5y6{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}
._u5y6m{background:var(--bg-2);border:1px solid var(--line);padding:18px;text-align:center}
._u5y6m img{margin:0 auto;max-height:360px;width:auto}
._u5y6h{font-size:22px;font-weight:900;font-style:italic;text-transform:uppercase;margin-bottom:12px}
._u5y6t p{color:var(--muted);margin:0 0 12px}
._u5y6t ._r1f2{margin-top:6px}

/* ===== Providers ===== */
._y3x4{
  display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
._y3x4i{
  display:flex;align-items:center;justify-content:center;
  background:var(--bg-3);border:1px solid var(--line);
  padding:18px 14px;min-height:74px;
  transition:border-color var(--speed) ease}
._y3x4i:hover{border-color:var(--gold-2)}
._y3x4i img{max-height:34px;width:auto;opacity:.82;filter:grayscale(1);transition:opacity var(--speed) ease,filter var(--speed) ease}
._y3x4i:hover img{opacity:1;filter:none}

/* ===== SEO text ===== */
._v7z8{
  max-width:920px;margin:0 auto;padding:34px var(--pad) 10px;
}
._v7z8 h1{
  font-size:28px;line-height:1.2;font-weight:900;
  text-transform:none;margin:0 0 18px;color:var(--white)}
._v7z8 h2{
  font-size:22px;font-weight:800;margin:34px 0 12px;
  padding-bottom:8px;border-bottom:1px solid var(--line-2);color:var(--white)}
._v7z8 h3{font-size:18px;font-weight:800;margin:24px 0 10px;color:var(--gold)}
._v7z8 p{margin:0 0 14px;color:var(--text)}
._v7z8 ul,._v7z8 ol{margin:0 0 16px;padding-left:22px;color:var(--text)}
._v7z8 li{margin-bottom:8px}
._v7z8 a{color:var(--purple-bright)}

/* SEO tables */
._v7z8w{overflow-x:auto;margin:0 0 18px}
._v7z8t{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
._v7z8t th,._v7z8t td{
  text-align:left;padding:10px 12px;border:1px solid var(--line-2);vertical-align:top}
._v7z8t thead th{background:var(--purple-2);color:var(--white);font-weight:800}
._v7z8t tbody tr:nth-child(odd){background:var(--bg-2)}
._v7z8t tbody tr:nth-child(even){background:var(--bg-3)}
._v7z8t td:first-child{color:var(--muted);font-weight:600}

/* pros / cons */
._pc1{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 18px}
._pc1p,._pc1c{border:1px solid var(--line-2);background:var(--bg-2);padding:16px 18px}
._pc1p{border-left:4px solid var(--green)}
._pc1c{border-left:4px solid #b5495a}
._pc1h{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}
._pc1p ._pc1h{color:#5cc05a}
._pc1c ._pc1h{color:#e0788a}
._pc1 ul{list-style:none;padding:0;margin:0}
._pc1 li{position:relative;padding-left:26px;margin-bottom:10px;color:var(--text);font-size:14px}
._pc1 li:last-child{margin-bottom:0}
._pc1p li::before{content:"\2713";position:absolute;left:0;top:0;color:#5cc05a;font-weight:800}
._pc1c li::before{content:"\2715";position:absolute;left:0;top:0;color:#e0788a;font-weight:800}

/* FAQ accordion */
._fq1{margin:0 0 18px;border-top:1px solid var(--line-2)}
._fq1i{border-bottom:1px solid var(--line-2)}
._fq1q{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:4px 0}
._fq1q h3{margin:16px 0;color:var(--white);font-size:17px}
._fq1q:hover h3{color:var(--gold)}
._fq1k{flex:0 0 auto;position:relative;width:16px;height:16px}
._fq1k::before,._fq1k::after{content:"";position:absolute;background:var(--gold);transition:transform var(--speed) ease,opacity var(--speed) ease}
._fq1k::before{top:7px;left:0;width:16px;height:2px}
._fq1k::after{left:7px;top:0;width:2px;height:16px}
._fq1a{padding:0 0 16px}
._fq1a p{margin:0;color:var(--text)}
._fq1q:focus-visible{outline:2px solid var(--purple-bright);outline-offset:3px}
/* collapsed state only when JS active */
._fjs ._fq1a{display:none}
._fjs ._fq1i._fopen ._fq1a{display:block}
._fjs ._fq1i._fopen ._fq1k::after{transform:rotate(90deg);opacity:0}

/* in-article media (вставленный в SEO-текст визуал) */
._am{margin:0 0 18px;border:1px solid var(--line);background:var(--bg-2);overflow:hidden}
._am img{width:100%;height:220px;object-fit:cover;display:block}
._amc{margin:0 auto 18px;max-width:330px;border:1px solid var(--line);background:var(--bg-2);padding:14px;text-align:center}
._amc img{max-height:430px;width:auto;margin:0 auto}
._ag{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 20px}
._as{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 20px}
._ap{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:center;margin:0 0 20px;padding:18px;border:1px solid var(--line);background:var(--bg-2)}
._ap img{max-height:30px;width:auto;opacity:.72;filter:grayscale(1);transition:opacity var(--speed) ease,filter var(--speed) ease}
._ap img:hover{opacity:1;filter:none}

/* ===== Footer ===== */
._m9a0{background:var(--bg-2);border-top:1px solid var(--line);margin-top:20px}
._m9a0g{
  max-width:var(--maxw);margin:0 auto;padding:30px var(--pad);
  display:grid;grid-template-columns:1fr;gap:22px}
._m9a0l{margin-bottom:12px}
._m9a0c p{color:var(--muted);font-size:14px;margin:0}
._m9a0t{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--gold);margin-bottom:12px}
._m9a0c ul{list-style:none}
._m9a0c li{margin-bottom:8px}
._m9a0c a{color:var(--muted);font-size:14px}
._m9a0c a:hover{color:var(--text)}
._m9a0p{
  max-width:var(--maxw);margin:0 auto;padding:18px var(--pad);
  border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:20px 26px;align-items:center;justify-content:center}
._m9a0p img{max-height:24px;width:auto;opacity:.6;filter:grayscale(1)}

/* responsible gaming */
._j1b2{
  max-width:var(--maxw);margin:0 auto;padding:20px var(--pad);
  border-top:1px solid var(--line);
  display:flex;gap:16px;align-items:flex-start}
._j1b2b{
  flex:0 0 auto;width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border:2px solid var(--gold);color:var(--gold);
  font-weight:900;font-size:15px}
._j1b2x p{color:var(--muted);font-size:13px;margin:0 0 8px;line-height:1.55}
._j1b2l{
  max-width:var(--maxw);margin:0 auto;padding:14px var(--pad) 24px;
  border-top:1px solid var(--line);text-align:center}
._j1b2l p{color:var(--muted);font-size:12px;margin:0}

/* ===== Mobile sticky bar ===== */
._q3c4{
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  padding:10px 12px;background:var(--bg-2);
  border-top:1px solid var(--line-2)}
._q3c4 ._r1f2,._q3c4 ._g3h4{width:100%;padding:13px 10px}

/* ===== Tablet ===== */
@media (min-width:680px){
  ._g5t6{grid-template-columns:repeat(3,1fr)}
  ._p9v0g{grid-template-columns:repeat(3,1fr)}
  ._o1w2g{grid-template-columns:repeat(2,1fr)}
  ._y3x4{grid-template-columns:repeat(4,1fr)}
  ._u5y6{grid-template-columns:1fr 1fr}
  ._pc1{grid-template-columns:1fr 1fr}
  ._ag,._as{grid-template-columns:repeat(3,1fr)}
  ._t5o6{font-size:42px}
  ._x1m2m{min-height:360px}
}

/* ===== Desktop ===== */
@media (min-width:980px){
  body{padding-bottom:0}
  ._b7j8{display:none}
  ._s6d7{display:block}
  ._a8e9{display:flex}
  ._n5i6{display:flex;max-width:var(--maxw);margin:0 auto;padding:10px var(--pad);align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;overflow-x:auto}
  ._n5i6a,._n5i6b{flex-wrap:nowrap;white-space:nowrap;gap:14px}
  ._n5i6 a{font-size:12px;letter-spacing:.2px}
  ._g5t6{grid-template-columns:repeat(6,1fr)}
  ._p9v0g{grid-template-columns:repeat(6,1fr)}
  ._y3x4{grid-template-columns:repeat(5,1fr)}
  ._m9a0g{grid-template-columns:2fr 1fr 1fr 1fr}
  ._t5o6{font-size:52px}
  ._x1m2m{min-height:420px;padding:40px}
  ._q3c4{display:none}
}

/* ===== Motion safety ===== */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
  ._k7u8:hover,._p9v0i:hover,._r1f2:hover,._c7p8:hover,._g3h4:hover{transform:none}
}

/* mobile nav open state (toggled via JS) */
body._navopen ._n5i6{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:64px;left:0;right:0;bottom:0;z-index:39;overflow:auto;padding:10px var(--pad)}
body._navopen ._n5i6a,body._navopen ._n5i6b{flex-direction:column;gap:4px;width:100%}