/* VR7 mobile casino: near-black column, turquoise only — no gold anywhere.
   One layout at every width. Namespaced .vz-

   Spelling rules for this sheet:
     - The gaps and insets, the corner radii, the font weights, the shadows and the line
       heights used more than once are named once in :root as --w-* and called by name
       everywhere else;
     - box properties keep their physical names, one edge per declaration;
     - every border is split into width, style and colour;
     - gap is row-gap plus column-gap;
     - overflow is overflow-x plus overflow-y;
     - a transition is spelled out as property, duration, timing and delay;
     - the font shorthand is opened out into its longhands. */

:root {
  --ink: #070b0b;
  --ink-2: #0d1515;
  --ink-3: #152020;
  --ink-4: #1d2c2b;
  --red: #03b9a4;
  --red-2: #027365;
  --gold: #7dfdeb;
  --gold-2: #04d9c0;
  --gold-3: #026e62;
  --txt: #e9fffb;
  --mut: #8aa8a4;
  --line: rgba(125,253,235,.2);
  --line-2: rgba(255,255,255,.07);
  --ok: #3fcf8e;
  --col: 540px;
  --bar: 62px;
  --font: Arial,"Helvetica Neue",Helvetica,"Noto Sans SC",sans-serif;

  /* named values used more than once */
  --w-sp1: 1px;
  --w-sp2: 2px;
  --w-sp3: 3px;
  --w-sp4: 4px;
  --w-sp5: 5px;
  --w-sp6: 6px;
  --w-sp7: 7px;
  --w-sp8: 8px;
  --w-sp9: 9px;
  --w-sp10: 10px;
  --w-sp11: 11px;
  --w-sp12: 12px;
  --w-sp13: 13px;
  --w-sp14: 14px;
  --w-sp15: 15px;
  --w-sp16: 16px;
  --w-sp17: 17px;
  --w-sp18: 18px;
  --w-sp19: 20px;
  --w-sp20: 22px;
  --w-sp21: 26px;
  --w-rad1: 2px;
  --w-rad2: 3px;
  --w-rad3: 5px;
  --w-rad4: 7px;
  --w-rad5: 10px;
  --w-rad6: 11px;
  --w-rad7: 13px;
  --w-wt1: 900;
  --w-wt2: 800;
  --w-wt3: 700;
  --w-lh1: 1;
  --w-lh2: 1.2;
  --w-lh3: 1.5;
  --w-lh4: 1.6;
}
*{box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%; overflow-x: clip; max-width: 100%;}
body{
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  color: var(--txt);
  font-family: var(--font);
  line-height: var(--w-lh4);
  padding-top: 0;
  padding-right: 0;
  padding-bottom: calc(var(--bar) + 1.125rem);
  padding-left: 0;
  background: radial-gradient(900px 480px at 50% -60px,#0a2320 0%,var(--ink-2) 45%,var(--ink) 100%) no-repeat,
    var(--ink);
}
a{color: var(--gold); text-decoration: none;}
img{max-width: 100%; height: auto; display: block;}
h1,h2,h3,h4{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; line-height: 1.28;}
table{border-collapse: collapse; width: 100%;}

/* The whole site is one phone-width column, on a monitor as much as on a handset. */
.vz-shell{
  width: min(var(--col),100%);
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  background: var(--ink-2);
  min-height: 100vh;
  box-shadow: 0 0 0 0.0625rem var(--line-2),0 1.5rem 4.375rem rgba(0,0,0,.5);
}

/* ---------- buttons ---------- */
.vz-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  row-gap: var(--w-sp7);
  column-gap: var(--w-sp7);
  min-height: 2.75rem;
  padding-top: 0;
  padding-right: var(--w-sp17);
  padding-bottom: 0;
  padding-left: var(--w-sp17);
  border-radius: var(--w-rad6);
  font-weight: var(--w-wt2);
  font-size: 0.875rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: transparent;
  text-align: center;
  line-height: var(--w-lh2);
}
.vz-btn.p{background: linear-gradient(180deg,var(--red),var(--red-2)); color: #fff;}
.vz-btn.g{background: linear-gradient(180deg,var(--gold),var(--gold-2)); color: #02211d;}
.vz-btn.o{background: var(--ink-3); color: var(--txt); border-color: var(--line);}
.vz-btn.w{width: 100%;}

/* ---------- header ---------- */
.vz-head{position: sticky; top: 0; z-index: 40; background: var(--ink);}
.vz-head .util{
  display: flex;
  align-items: center;
  row-gap: var(--w-sp9);
  column-gap: var(--w-sp9);
  padding-top: var(--w-sp7);
  padding-right: var(--w-sp13);
  padding-bottom: var(--w-sp7);
  padding-left: var(--w-sp13);
  font-size: 0.6875rem;
  color: var(--mut);
  background: #070d0d;
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-bottom-color: var(--line-2);
}
.vz-head .util .dom{font-weight: var(--w-wt2); color: var(--gold);}
.vz-head .util .tag{flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vz-head .lang{display: flex; row-gap: var(--w-sp3); column-gap: var(--w-sp3); flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.vz-head .lang a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.75rem;
  border-radius: 0.375rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
  color: var(--mut);
  font-size: 0.65625rem;
  font-weight: var(--w-wt3);
  padding-top: 0;
  padding-right: var(--w-sp5);
  padding-bottom: 0;
  padding-left: var(--w-sp5);
  white-space: nowrap;
}
.vz-head .lang a.on{background: var(--gold); color: #02211d; border-color: transparent;}
.vz-head .bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: var(--w-sp10);
  column-gap: var(--w-sp10);
  padding-top: var(--w-sp10);
  padding-right: var(--w-sp13);
  padding-bottom: var(--w-sp10);
  padding-left: var(--w-sp13);
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-bottom-color: var(--line);
}
.vz-logo{display: flex; align-items: center; row-gap: var(--w-sp8); column-gap: var(--w-sp8); min-width: 0;}
.vz-logo svg{width: 2.125rem; height: 2.125rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.vz-logo b{
  font-family: "Arial Black",Arial,sans-serif;
  font-size: 1.3125rem;
  letter-spacing: .01em;
  white-space: nowrap;
  background: linear-gradient(180deg,#d6fff8,var(--gold) 55%,var(--gold-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.vz-head .acts{display: flex; row-gap: var(--w-sp7); column-gap: var(--w-sp7); flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.vz-head .acts .vz-btn{min-height: 2.375rem; padding-top: 0; padding-right: var(--w-sp13); padding-bottom: 0; padding-left: var(--w-sp13); font-size: 0.78125rem; border-radius: 0.5625rem;}

/* ---------- promo carousel ---------- */
.vz-car{position: relative; margin-top: var(--w-sp12); margin-right: var(--w-sp13); margin-bottom: 0; margin-left: var(--w-sp13);}
.vz-car .track{
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  row-gap: var(--w-sp10);
  column-gap: var(--w-sp10);
  scrollbar-width: none;
  border-radius: var(--w-rad7);
}
.vz-car .track::-webkit-scrollbar{display: none;}
.vz-car .sl{
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  scroll-snap-align: center;
  border-radius: var(--w-rad7);
  overflow-x: hidden;
  overflow-y: hidden;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
}
.vz-car .sl img{width: 100%; aspect-ratio: 16/9; object-fit: cover;}
.vz-car .cap{
  position: absolute;
  inset: auto 0 0 0;
  display: grid;
  row-gap: var(--w-sp5);
  column-gap: var(--w-sp5);
  justify-items: start;
  padding-top: var(--w-sp12);
  padding-right: var(--w-sp13);
  padding-bottom: var(--w-sp12);
  padding-left: var(--w-sp13);
  background: linear-gradient(180deg,rgba(5,9,9,0),rgba(5,9,9,.93));
}
.vz-car .cap b{font-size: 1rem; line-height: 1.25;}
.vz-car .cap span{font-size: 0.75rem; color: var(--mut);}
.vz-car .cap .vz-btn{min-height: 2.25rem; padding-top: 0; padding-right: var(--w-sp14); padding-bottom: 0; padding-left: var(--w-sp14); font-size: 0.78125rem; margin-top: var(--w-sp3);}
.vz-car .dots{display: flex; justify-content: center; row-gap: var(--w-sp6); column-gap: var(--w-sp6); padding-top: var(--w-sp9); padding-right: 0; padding-bottom: 0; padding-left: 0;}
.vz-car .dots button{
  width: 0.5rem;
  height: 0.5rem;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-width: 0;
  border-style: none;
  border-color: currentcolor;
  border-radius: 50%;
  cursor: pointer;
  background: var(--ink-4);
}
.vz-car .dots button.on{background: var(--gold); width: 1.1875rem; border-radius: var(--w-rad3);}

/* ---------- flip-digit jackpot ---------- */
.vz-jp{
  margin-top: var(--w-sp13);
  margin-right: var(--w-sp13);
  margin-bottom: var(--w-sp13);
  margin-left: var(--w-sp13);
  padding-top: var(--w-sp15);
  padding-right: var(--w-sp13);
  padding-bottom: var(--w-sp15);
  padding-left: var(--w-sp13);
  border-radius: var(--w-rad7);
  text-align: center;
  background: linear-gradient(180deg,var(--ink-3),var(--ink));
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
}
.vz-jp .dg{display: flex; justify-content: center; align-items: center; row-gap: var(--w-sp4); column-gap: var(--w-sp4); flex-wrap: wrap;}
.vz-jp .dg b{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  height: 2.5rem;
  border-radius: var(--w-rad4);
  font-family: "Arial Black",Arial,sans-serif;
  font-size: 1.5rem;
  color: var(--gold);
  background: linear-gradient(180deg,#060a0a,#132020);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  box-shadow: inset 0 -0.0625rem 0 rgba(125,253,235,.14);
}
.vz-jp .dg i{font-style: normal; color: var(--gold-2); font-weight: var(--w-wt1); font-size: 1.25rem; padding-top: 0; padding-right: var(--w-sp1); padding-bottom: 0; padding-left: var(--w-sp1);}
.vz-jp .lb{
  display: flex;
  align-items: center;
  justify-content: center;
  row-gap: var(--w-sp9);
  column-gap: var(--w-sp9);
  margin-top: var(--w-sp9);
  font-size: 0.75rem;
  color: var(--mut);
}
.vz-jp .lb em{font-style: normal; font-weight: var(--w-wt1); color: var(--gold); letter-spacing: .1em;}

/* ---------- category chips ---------- */
.vz-chips{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--w-sp7); column-gap: var(--w-sp7); padding-top: 0; padding-right: var(--w-sp13); padding-bottom: 0; padding-left: var(--w-sp13); margin-top: var(--w-sp13); margin-right: 0; margin-bottom: var(--w-sp13); margin-left: 0;}
.vz-chips a{
  display: grid;
  justify-items: center;
  row-gap: var(--w-sp5);
  column-gap: var(--w-sp5);
  padding-top: var(--w-sp9);
  padding-right: var(--w-sp2);
  padding-bottom: var(--w-sp9);
  padding-left: var(--w-sp2);
  border-radius: var(--w-rad6);
  background: var(--ink-3);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
  font-size: 0.625rem;
  font-weight: var(--w-wt2);
  color: var(--txt);
  text-align: center;
  line-height: var(--w-lh2);
  min-height: 3.875rem;
  align-content: center;
}
.vz-chips a span{font-size: 1.25rem; line-height: var(--w-lh1);}

/* ---------- benefit cards ---------- */
.vz-bens{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); row-gap: var(--w-sp10); column-gap: var(--w-sp10); padding-top: 0; padding-right: var(--w-sp13); padding-bottom: 0; padding-left: var(--w-sp13); margin-top: var(--w-sp16); margin-right: 0; margin-bottom: var(--w-sp16); margin-left: 0;}
.vz-bens .bn{
  display: grid;
  row-gap: var(--w-sp6);
  column-gap: var(--w-sp6);
  align-content: start;
  padding-top: var(--w-sp13);
  padding-right: var(--w-sp13);
  padding-bottom: var(--w-sp13);
  padding-left: var(--w-sp13);
  border-radius: var(--w-rad7);
  background: var(--ink-3);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
}
.vz-bens .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--w-rad5);
  font-size: 1.125rem;
  background: linear-gradient(180deg,var(--red),var(--red-2));
}
.vz-bens b{font-size: 0.84375rem; color: var(--gold);}
.vz-bens p{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 0.75rem; color: var(--mut); line-height: var(--w-lh3);}

/* ---------- sections and game grids ---------- */
.vz-sec{margin-top: var(--w-sp19); margin-right: 0; margin-bottom: var(--w-sp19); margin-left: 0; padding-top: 0; padding-right: var(--w-sp13); padding-bottom: 0; padding-left: var(--w-sp13);}
.vz-sec .sh{display: flex; align-items: center; justify-content: space-between; row-gap: var(--w-sp10); column-gap: var(--w-sp10); margin-bottom: var(--w-sp10);}
.vz-sec .sh h2{font-size: 0.96875rem; color: var(--txt); padding-left: var(--w-sp11); position: relative;}
.vz-sec .sh h2::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 1rem;
  border-radius: var(--w-rad1);
  background: linear-gradient(180deg,var(--gold),var(--gold-2));
}
.vz-sec .sh a{font-size: 0.75rem; font-weight: var(--w-wt3); color: var(--mut);}
.gg{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--w-sp9); column-gap: var(--w-sp9);}
.gc{
  position: relative;
  display: grid;
  row-gap: 0;
  column-gap: 0;
  border-radius: var(--w-rad6);
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--ink-3);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
}
.gc img{width: 100%; aspect-ratio: 1/1; object-fit: cover;}
.gc b{
  display: block;
  padding-top: var(--w-sp7);
  padding-right: var(--w-sp8);
  padding-bottom: var(--w-sp9);
  padding-left: var(--w-sp8);
  font-size: 0.6875rem;
  font-weight: var(--w-wt3);
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gc em{
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
  z-index: 2;
  font-style: normal;
  font-size: 0.53125rem;
  font-weight: var(--w-wt1);
  letter-spacing: .07em;
  padding-top: var(--w-sp3);
  padding-right: var(--w-sp6);
  padding-bottom: var(--w-sp3);
  padding-left: var(--w-sp6);
  border-radius: var(--w-rad3);
  background: var(--red);
  color: #fff;
}

/* ---------- featured room ---------- */
.vz-feat{border-radius: var(--w-rad7); overflow-x: hidden; overflow-y: hidden; background: var(--ink-3); border-width: 0.0625rem; border-style: solid; border-color: var(--line);}
.vz-feat>img{width: 100%; aspect-ratio: 16/9; object-fit: cover;}
.vz-feat .bd{display: grid; row-gap: var(--w-sp9); column-gap: var(--w-sp9); padding-top: var(--w-sp13); padding-right: var(--w-sp13); padding-bottom: var(--w-sp13); padding-left: var(--w-sp13);}
.vz-feat .bd>b{font-size: 1rem; color: var(--gold);}
.vz-feat .bd>span{font-size: 0.78125rem; color: var(--mut); margin-top: -0.3125rem;}
.vz-feat .tip{
  border-left-width: 0.1875rem;
  border-left-style: solid;
  border-left-color: var(--gold-2);
  padding-top: var(--w-sp9);
  padding-right: 0;
  padding-bottom: var(--w-sp9);
  padding-left: var(--w-sp11);
  background: rgba(125,253,235,.05);
  border-radius: 0 0.5625rem 0.5625rem 0;
}
.vz-feat .tip strong{
  display: block;
  font-size: 0.6875rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold-2);
  margin-bottom: var(--w-sp5);
}
.vz-feat .tip ul{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-left: var(--w-sp18); display: grid; row-gap: var(--w-sp5); column-gap: var(--w-sp5);}
.vz-feat .tip li{font-size: 0.75rem; color: var(--mut); font-style: italic; line-height: var(--w-lh3);}

/* ---------- promo cards ---------- */
.vz-promos{display: grid; row-gap: var(--w-sp11); column-gap: var(--w-sp11);}
.vz-promos .pc{
  display: grid;
  grid-template-columns: 6.5rem minmax(0,1fr);
  row-gap: 0;
  column-gap: 0;
  border-radius: var(--w-rad7);
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--ink-3);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
}
.vz-promos .pc img{width: 100%; height: 100%; min-height: 9.375rem; object-fit: cover;}
.vz-promos .bd{display: grid; row-gap: var(--w-sp6); column-gap: var(--w-sp6); align-content: start; padding-top: var(--w-sp12); padding-right: var(--w-sp12); padding-bottom: var(--w-sp12); padding-left: var(--w-sp12);}
.vz-promos .tp{display: flex; align-items: center; row-gap: var(--w-sp8); column-gap: var(--w-sp8);}
.vz-promos .tp em{
  font-style: normal;
  font-size: 0.5625rem;
  font-weight: var(--w-wt1);
  letter-spacing: .08em;
  padding-top: var(--w-sp3);
  padding-right: var(--w-sp7);
  padding-bottom: var(--w-sp3);
  padding-left: var(--w-sp7);
  border-radius: var(--w-rad3);
  background: var(--red);
  color: #fff;
}
.vz-promos .tp b{font-family: "Arial Black",Arial,sans-serif; font-size: 1.3125rem; color: var(--gold);}
.vz-promos .bd strong{font-size: 0.84375rem;}
.vz-promos .bd p{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 0.71875rem; color: var(--mut); line-height: var(--w-lh3);}
.vz-promos .mt{height: 0.375rem; border-radius: var(--w-rad2); background: var(--ink); overflow-x: hidden; overflow-y: hidden;}
.vz-promos .mt i{
  display: block;
  height: 100%;
  border-radius: var(--w-rad2);
  background: linear-gradient(90deg,var(--gold-2),var(--gold));
}
.vz-promos .bd small{font-size: 0.65625rem; color: var(--mut);}
.vz-promos .vz-btn{min-height: 2.375rem; font-size: 0.78125rem;}

/* ---------- winners ---------- */
.vz-wins{display: grid; row-gap: var(--w-sp8); column-gap: var(--w-sp8);}
.vz-wins .wc{
  display: grid;
  grid-template-columns: 2.375rem minmax(0,1fr) auto;
  align-items: center;
  row-gap: var(--w-sp10);
  column-gap: var(--w-sp10);
  padding-top: var(--w-sp10);
  padding-right: var(--w-sp12);
  padding-bottom: var(--w-sp10);
  padding-left: var(--w-sp12);
  border-radius: var(--w-rad6);
  background: var(--ink-3);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
}
.vz-wins .av{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  font-size: 1.1875rem;
  background: var(--ink-4);
}
.vz-wins .wc b{display: block; font-size: 0.78125rem;}
.vz-wins .wc small{display: block; font-size: 0.65625rem; color: var(--mut);}
.vz-wins .amt{text-align: right;}
.vz-wins .amt b{color: var(--ok); font-family: "Arial Black",Arial,sans-serif; font-size: 0.875rem;}

/* ---------- written content ---------- */
.vz-content{padding-top: var(--w-sp18); padding-right: var(--w-sp13); padding-bottom: var(--w-sp21); padding-left: var(--w-sp13);}
.vz-content h1{font-size: 1.4375rem; margin-bottom: var(--w-sp9);}
.vz-content h2{font-size: 1.0625rem; color: var(--gold); margin-top: var(--w-sp20); margin-right: 0; margin-bottom: var(--w-sp8); margin-left: 0;}
.vz-content p{margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp12); margin-left: 0;}
.vz-content .lead{font-size: 0.90625rem; color: #b9d6d2; margin-bottom: var(--w-sp15);}
.vz-content ul{margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp14); margin-left: 0; padding-left: var(--w-sp19); display: grid; row-gap: var(--w-sp6); column-gap: var(--w-sp6); color: #b9d6d2;}
.vz-ph{display: grid; row-gap: var(--w-sp9); column-gap: var(--w-sp9); margin-bottom: var(--w-sp18);}
.vz-ph img{width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--w-rad7); border-width: 0.0625rem; border-style: solid; border-color: var(--line-2);}
.vz-ph .eb{font-size: 0.625rem; font-weight: var(--w-wt1); letter-spacing: .17em; text-transform: uppercase; color: var(--gold-2);}
.vz-ph .act,.vz-content .act{display: flex; flex-wrap: wrap; row-gap: var(--w-sp9); column-gap: var(--w-sp9); margin-top: var(--w-sp3);}
.vz-content .act{margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp18); margin-left: 0;}
.vz-kpis{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); row-gap: var(--w-sp9); column-gap: var(--w-sp9); margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp18); margin-left: 0;}
.vz-kpis>div{
  display: grid;
  row-gap: var(--w-sp2);
  column-gap: var(--w-sp2);
  padding-top: var(--w-sp12);
  padding-right: var(--w-sp12);
  padding-bottom: var(--w-sp12);
  padding-left: var(--w-sp12);
  border-radius: var(--w-rad6);
  background: var(--ink-3);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
}
.vz-kpis b{font-family: "Arial Black",Arial,sans-serif; font-size: 1.1875rem; color: var(--gold);}
.vz-kpis span{font-size: 0.6875rem; color: var(--mut); line-height: 1.35;}
.vz-steps{counter-reset: s; list-style: none; margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp18); margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; display: grid; row-gap: var(--w-sp8); column-gap: var(--w-sp8);}
.vz-steps li{
  counter-increment: s;
  position: relative;
  padding-top: var(--w-sp11);
  padding-right: var(--w-sp13);
  padding-bottom: var(--w-sp11);
  padding-left: 2.875rem;
  border-radius: var(--w-rad6);
  background: var(--ink-3);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
  font-size: 0.8125rem;
}
.vz-steps li::before{
  content: counter(s);
  position: absolute;
  left: 0.75rem;
  top: 0.625rem;
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: var(--w-wt1);
  font-size: 0.78125rem;
  background: linear-gradient(180deg,var(--gold),var(--gold-2));
  color: #02211d;
}
.vz-tw{overflow-x: auto; border-radius: var(--w-rad6); border-width: 0.0625rem; border-style: solid; border-color: var(--line-2); margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp18); margin-left: 0;}
.vz-tbl{font-size: 0.78125rem; min-width: 23.75rem; background: var(--ink-3);}
.vz-tbl th{
  background: var(--ink);
  color: var(--gold);
  text-align: left;
  padding-top: var(--w-sp9);
  padding-right: var(--w-sp11);
  padding-bottom: var(--w-sp9);
  padding-left: var(--w-sp11);
  font-size: 0.6875rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.vz-tbl td{padding-top: var(--w-sp9); padding-right: var(--w-sp11); padding-bottom: var(--w-sp9); padding-left: var(--w-sp11); border-top-width: 0.0625rem; border-top-style: solid; border-top-color: var(--line-2); color: #b9d6d2;}
.vz-faq{display: grid; row-gap: var(--w-sp8); column-gap: var(--w-sp8); margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp18); margin-left: 0;}
.vz-faq details{border-radius: var(--w-rad6); border-width: 0.0625rem; border-style: solid; border-color: var(--line-2); background: var(--ink-3);}
.vz-faq summary{cursor: pointer; padding-top: var(--w-sp12); padding-right: var(--w-sp14); padding-bottom: var(--w-sp12); padding-left: var(--w-sp14); font-weight: var(--w-wt2); font-size: 0.84375rem; color: var(--gold);}
.vz-faq p{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: var(--w-sp14); padding-bottom: var(--w-sp13); padding-left: var(--w-sp14); font-size: 0.8125rem; color: #b9d6d2;}
.vz-band{
  display: grid;
  row-gap: var(--w-sp11);
  column-gap: var(--w-sp11);
  margin-top: var(--w-sp20);
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: var(--w-sp17);
  padding-right: var(--w-sp17);
  padding-bottom: var(--w-sp17);
  padding-left: var(--w-sp17);
  border-radius: var(--w-rad7);
  background: linear-gradient(140deg,var(--red-2),#013530);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
}
.vz-band b{font-size: 0.9375rem; line-height: 1.4;}

/* ---------- footer ---------- */
.vz-foot{
  display: grid;
  row-gap: var(--w-sp15);
  column-gap: var(--w-sp15);
  padding-top: var(--w-sp20);
  padding-right: var(--w-sp13);
  padding-bottom: var(--w-sp21);
  padding-left: var(--w-sp13);
  background: var(--ink);
  border-top-width: 0.0625rem;
  border-top-style: solid;
  border-top-color: var(--line);
}
.vz-foot .brand{display: grid; row-gap: var(--w-sp9); column-gap: var(--w-sp9);}
.vz-foot p{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 0.75rem; color: var(--mut); line-height: var(--w-lh4);}
.vz-foot .links{display: flex; flex-wrap: wrap; row-gap: var(--w-sp7); column-gap: var(--w-sp7);}
.vz-foot .links a{
  font-size: 0.75rem;
  color: var(--txt);
  padding-top: var(--w-sp8);
  padding-right: var(--w-sp11);
  padding-bottom: var(--w-sp8);
  padding-left: var(--w-sp11);
  border-radius: 0.5rem;
  background: var(--ink-3);
  min-height: 2.25rem;
  display: inline-flex;
  align-items: center;
}
.vz-foot .pay,.vz-foot .trust{display: flex; flex-wrap: wrap; row-gap: var(--w-sp7); column-gap: var(--w-sp7);}
.vz-foot .pay span,.vz-foot .trust span{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  padding-top: 0;
  padding-right: var(--w-sp10);
  padding-bottom: 0;
  padding-left: var(--w-sp10);
  border-radius: var(--w-rad4);
  background: #eafffb;
}
.vz-foot .pay img{max-height: 1.125rem; width: auto; object-fit: contain;}
.vz-foot .trust img{max-height: 1.25rem; width: auto; object-fit: contain;}
.vz-foot .legal{
  display: flex;
  align-items: flex-start;
  row-gap: var(--w-sp10);
  column-gap: var(--w-sp10);
  padding-top: var(--w-sp13);
  border-top-width: 0.0625rem;
  border-top-style: solid;
  border-top-color: var(--line-2);
}
.vz-foot .age{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--gold-2);
  color: var(--gold);
  font-weight: var(--w-wt1);
  font-size: 0.6875rem;
}
.vz-foot small{font-size: 0.6875rem; color: var(--mut);}

/* ---------- fixed furniture ---------- */
.vz-bar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: min(var(--col),100%);
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  height: var(--bar);
  padding-top: var(--w-sp8);
  background: linear-gradient(180deg,#101a1a,#060a0a);
  border-top-width: 0.0625rem;
  border-top-style: solid;
  border-top-color: var(--line);
}
.vz-bar a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: var(--w-sp2);
  column-gap: var(--w-sp2);
  color: var(--mut);
  font-size: 0.59375rem;
  font-weight: var(--w-wt2);
  text-transform: uppercase;
  letter-spacing: .02em;
  position: relative;
}
.vz-bar a .i{font-size: 1.0625rem; line-height: var(--w-lh1);}
/* The centre slot lifts into a coin that overhangs the bar's top edge. */
.vz-bar a.mid{color: var(--gold); justify-content: flex-end; padding-bottom: var(--w-sp7);}
.vz-bar a.mid .i{
  position: absolute;
  top: -1.25rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5625rem;
  color: #fff;
  background: linear-gradient(180deg,var(--red),var(--red-2));
  border-width: 0.1875rem;
  border-style: solid;
  border-color: #0a1111;
  box-shadow: 0 0.25rem 0.75rem rgba(3,185,164,.4);
}
.vz-side{position: fixed; right: 0.5625rem; bottom: calc(var(--bar) + 1rem); z-index: 55; display: grid; row-gap: var(--w-sp9); column-gap: var(--w-sp9);}
.vz-side a{
  display: grid;
  justify-items: center;
  row-gap: var(--w-sp1);
  column-gap: var(--w-sp1);
  width: 3.375rem;
  padding-top: var(--w-sp8);
  padding-right: var(--w-sp2);
  padding-bottom: var(--w-sp8);
  padding-left: var(--w-sp2);
  border-radius: var(--w-rad7);
  background: rgba(13,21,21,.94);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  color: var(--txt);
}
.vz-side a span{font-size: 1.125rem; line-height: var(--w-lh1);}
.vz-side a em{font-style: normal; font-size: 0.53125rem; font-weight: var(--w-wt2); letter-spacing: .04em; color: var(--mut);}

@media(min-width:1024px){
  /* Still the phone column, just floated on the ink field with the rail beside it rather than over. */
  .vz-shell{margin-top: var(--w-sp18); margin-right: auto; margin-bottom: 0; margin-left: auto; border-radius: 1.125rem; min-height: 0; overflow-x: hidden; overflow-y: hidden;}
  body{padding-bottom: calc(var(--bar) + 2.25rem);}
  .vz-side{right: calc(50% - var(--col)/2 - 4.5rem);}
}
@media(max-width:400px){
  .vz-chips{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .vz-bens{grid-template-columns: minmax(0,1fr);}
  .gg{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
  /* Stack the promo card below ~400px. Keeping the side thumbnail squeezed it to 86x222, a 2.6:1
     sliver once the body text set the row height, and the house limit is 2.2:1. Stacked, the art
     gets a proper 16:9 crop and the card reads as a card. */
  .vz-promos .pc{grid-template-columns: minmax(0,1fr);}
  .vz-promos .pc img{height: auto; min-height: 0; aspect-ratio: 16/9;}
  .vz-head .acts .vz-btn{padding-top: 0; padding-right: var(--w-sp10); padding-bottom: 0; padding-left: var(--w-sp10); font-size: 0.71875rem;}
  .vz-logo b{font-size: 1.1875rem;}
  .vz-jp .dg b{min-width: 1.5rem; height: 2.25rem; font-size: 1.25rem;}
  .vz-content h1{font-size: 1.3125rem;}
  .vz-side a{width: 3rem;}
}
@media(prefers-reduced-motion:reduce){
  .vz-car .track{scroll-behavior: auto;}
}

/* ---------- entry offer bottom sheet ---------- */
.vz-sheet{
  position: fixed;
  inset: 0;
  z-index: 95;
  background: rgba(4,8,8,.8);
  display: none;
  align-items: flex-end;
  justify-content: center;
}
.vz-sheet.on{display: flex;}
.vz-sheet .bx{
  position: relative;
  width: min(var(--col),100%);
  max-height: 88vh;
  overflow-x: auto;
  overflow-y: auto;
  border-radius: 1.25rem 1.25rem 0 0;
  background: var(--ink-2);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}
.vz-sheet .bx::before{
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.5rem;
  height: 0.25rem;
  border-radius: var(--w-rad1);
  background: var(--ink-4);
}
.vz-sheet .x{
  position: absolute;
  top: 0.6875rem;
  right: 0.6875rem;
  z-index: 3;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line-2);
  background: rgba(7,11,11,.9);
  color: var(--txt);
  font-size: 1.1875rem;
  line-height: var(--w-lh1);
  cursor: pointer;
}
.vz-sheet img{width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 1.1875rem 1.1875rem 0 0; margin-top: var(--w-sp16);}
.vz-sheet .bd{display: grid; row-gap: var(--w-sp9); column-gap: var(--w-sp9); padding-top: var(--w-sp15); padding-right: var(--w-sp15); padding-bottom: var(--w-sp19); padding-left: var(--w-sp15);}
.vz-sheet .bd em{
  justify-self: start;
  font-style: normal;
  font-size: 0.5625rem;
  font-weight: var(--w-wt1);
  letter-spacing: .08em;
  padding-top: var(--w-sp3);
  padding-right: var(--w-sp8);
  padding-bottom: var(--w-sp3);
  padding-left: var(--w-sp8);
  border-radius: var(--w-rad3);
  background: var(--red);
  color: #fff;
}
.vz-sheet .bd b{font-size: 1.125rem; color: var(--gold);}
.vz-sheet .bd p{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 0.8125rem; color: var(--mut); line-height: 1.55;}
.vz-sheet .later{
  min-height: 2.625rem;
  border-width: 0;
  border-style: none;
  border-color: currentcolor;
  background: none;
  color: var(--mut);
  font-style: normal;
  font-variant: normal;
  font-weight: var(--w-wt3);
  font-stretch: normal;
  font-size: 0.8125rem;
  line-height: normal;
  font-family: var(--font);
  cursor: pointer;
  border-radius: var(--w-rad5);
}

/* === image focal points === */
/* The part of the picture that must survive the crop is pinned to the same
   point of the box. */
img[src$="/assets/img/game-dragon-tiger.jpg"]{object-position: 20.1% 61.3%;}
img[src$="/assets/img/game-speed-baccarat.jpg"]{object-position: 46.3% 37.1%;}
img[src$="/assets/img/promo-welcome.jpg"]{object-position: 40.8% 32.7%;}
/* === end image focal points === */